IKG2018/Einführung/

Aus ProgrammingWiki

Wiki-Quelltext dieser Seite.

<!DOCTYPE html>
<html lang="de">
<head>

  <meta charset="utf-8" />
  <meta name="author" content="UD" />
  <meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>inf-schule | Informatik und Gesellschaft &raquo; Freie Kultur</title>

  <link rel="stylesheet" href="http://www.inf-schule.de/assets/css/prism.css">  <link rel="stylesheet" href="http://www.inf-schule.de/assets/css/screen.css">  <link rel="stylesheet" href="http://www.inf-schule.de/assets/thirdparty/photoswipe/photoswipe.css">  <link rel="stylesheet" href="http://www.inf-schule.de/assets/thirdparty/photoswipe/default-skin/default-skin.css">    
  <link rel="icon" href="http://www.inf-schule.de/favicon.ico" type="image/x-icon" />
  <link rel="apple-touch-icon" href="http://www.inf-schule.de/assets/img/icons/touch-icon.png">
  <link rel="apple-touch-icon" sizes="76x76" href="http://www.inf-schule.de/assets/img/icons/touch-icon.png">
  <link rel="apple-touch-icon" sizes="120x120" href="http://www.inf-schule.de/assets/img/icons/touch-icon@2x.png">
  <link rel="apple-touch-icon" sizes="152x152" href="http://www.inf-schule.de/assets/img/icons/touch-icon@2x.png">

</head>

<!--[if lt IE 10]><body class="ie"><![endif]-->
<!--[if !IE]><!--><body class="nicht-startseite version0"><!-- <![endif]-->
  <header>
  <div class="header-top">
    <div class="wrapper wrapper--headertop">
      <h1>
        <a href="http://www.inf-schule.de/">
          <img src="http://www.inf-schule.de/assets/img/logo/logo_inf-schule_weiss2.png" alt="Logo des digitalen Schulbuchs inf-schule.de. Schriftzug in Zustandsübergangsdiagramm eines endlichen Automaten.">
        </a>
      </h1>
                    <nav id="menu" class="mainnav">
<a href="#suche" id="searchbutton" class="searchbutton"><span>s</span></a>
<a href="#menu" id="menubutton" class="menubutton"><span></span></a>
  <ul class="invisible">
    <li class="menuitem">
      <a href="http://www.inf-schule.de" class="menuitem__link menulink">
        <span class="menulink__counter menulink__counter--homepage">q</span>
        <span class="menulink__text">Startseite</span></a></li>
    </li>
                                                                                                                                                                                                                                                                                                                                                                                                    <li class="menuitem menuitem--open">
    <a href="http://www.inf-schule.de/gesellschaft/freie_kultur" class="menuitem__link menulink menulink--path menulink--current">
    <span class="menulink__counter">2. </span>
    <span class="menulink__text">Freie Kultur</span>
  </a>
      <ul>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--has-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map" class="menuitem__link menulink  ">
    <span class="menulink__counter">1. </span>
    <span class="menulink__text">Open Street Map (OSM)</span>
  </a>
      <ul>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map/01_editieren_von_kartenmaterial" class="menuitem__link menulink  ">
    <span class="menulink__counter">1. </span>
    <span class="menulink__text">Editieren von Kartenmaterial</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map/02_weitere_bearbeitungsmoeglichkeiten" class="menuitem__link menulink  ">
    <span class="menulink__counter">2. </span>
    <span class="menulink__text">Weitere Bearbeitungsmöglichkeien</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map/03_aufzeichnung_von_gps_tracks" class="menuitem__link menulink  ">
    <span class="menulink__counter">3. </span>
    <span class="menulink__text">Aufzeichnung von GPS-Tracks</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map/04_osm_gemeinschaft" class="menuitem__link menulink  ">
    <span class="menulink__counter">4. </span>
    <span class="menulink__text">OSM-Gemeinschaft</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map/05_zum_weiterlesen" class="menuitem__link menulink  ">
    <span class="menulink__counter">5. </span>
    <span class="menulink__text">Zum Weiterlesen</span>
  </a>
  </li>
          </ul>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--has-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia" class="menuitem__link menulink  ">
    <span class="menulink__counter">2. </span>
    <span class="menulink__text">Wikipedia</span>
  </a>
      <ul>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/01_mitarbeit" class="menuitem__link menulink  ">
    <span class="menulink__counter">1. </span>
    <span class="menulink__text">Mitarbeit</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/02_versionsgeschichte" class="menuitem__link menulink  ">
    <span class="menulink__counter">2. </span>
    <span class="menulink__text">Versionsgeschichte</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/03_unterschiede_zu_herkoemmlichen_lexika" class="menuitem__link menulink  ">
    <span class="menulink__counter">3. </span>
    <span class="menulink__text">Unterschiede zu herkömmlichen Lexika</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/04_kritik" class="menuitem__link menulink  ">
    <span class="menulink__counter">4. </span>
    <span class="menulink__text">Kritik</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/05_betrieb_und_finanzierung" class="menuitem__link menulink  ">
    <span class="menulink__counter">5. </span>
    <span class="menulink__text">Betrieb und Finanzierung</span>
  </a>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/02_wikipedia/06_auswirkungen_auf_die_gesellschaft" class="menuitem__link menulink  ">
    <span class="menulink__counter">6. </span>
    <span class="menulink__text">Auswirkungen auf die Gesellschaft</span>
  </a>
  </li>
          </ul>
  </li>
              <li class="menuitem menuitem--closed">
            <span class="menuitem__sign menuitem__sign--no-children">+</span>
        <a href="" class="menuitem__link menulink  ">
    <span class="menulink__counter">3. </span>
    <span class="menulink__text"></span>
  </a>
  </li>
          </ul>
  </li>
                                                                                                                                                                            </ul>
</nav>
          </div>
  </div>
  <div class="header-bottom">
    <div class="wrapper wrapper--breadcrumbs wrapper--headerbottom">
      <nav class="breadcrumbs">
  12.2:           <a href="http://www.inf-schule.de">
      Startseite    </a>
          &raquo;
              <a href="http://www.inf-schule.de/gesellschaft">
      Informatik und Gesellschaft    </a>
          &raquo;
              <a href="http://www.inf-schule.de/gesellschaft/freie_kultur">
      Freie Kultur    </a>
          </nav>
    </div>
  </div>
</header>



<article>
  <div class="wrapper wrapper--article">
  	    <h2>Freie Kultur</h2>
    
<!-- informatik/softwareentwicklung/freie_software/ -->
<h3>Worum geht es?</h3>
<p> 
Unter dem Begriff Freie Kultur werden werden kulturelle Inhalte zusammengefasst, die ohne geographische, zeitliche, ideologische und sonstige Einschr&auml;nkungen genutzt werden k&ouml;nnen. 
</p>
<p> 
Der Begriff frei bedeutet, dass der Nutzer dabei die Freiheit hat, diese Inhalte zu:
</p>
<ul>
<li> verwenden </li>
<li> ver&auml;ndern </li>
<li> weiterverbreiten </li>
</ul>
Insbesondere ist die Nutzung von Freie-Kultur-Inhalten damit in der Regel kostenlos.

<p> 
Die Freie-Kulur-Idee geht zur&uuml;ck auf die Idee der sogenannten freien Software, deren Prinzipien (verwenden, verstehen, ver&auml;ndern, verbreiten) dann auch auf andere kulturelle Inhalte &uuml;bertragen wurden. 
</p>
<p> 
Ebenso wie bei der freien Software sind die Inhalte der freien Kultur nicht zu verwechseln mit Inhalten, die keinerlei Urheberrecht unterliegen. Vielmehr wird geltendes Urheberrecht juristisch geschickt eingesetzt, um zu garantieren, dass freie kulturelle Inhalte auch in Zukunft frei bleiben. Wurden Inhalte einmal unter einer freien Lizenz ver&ouml;ffentlicht, so hat auch der urspr&uuml;ngliche Urheber des Materials nicht mehr die M&ouml;glichkeit, die einmal gew&auml;hrten Freiheiten zu widerrufen.

</p>
<p> 
Unter dem Begriff freie Kultur werden zum Beispiel Inhalte zusammengefasst aus den folgenden Bereichen:
</p>
<ul>
<li>freie Software</li>
<li>freie Lexika</li>
<li>freies Kartenmaterial</li>
<li>freie Datenbanken</li>
<li>freie Bilder</li>
<li>freie Musik</li>
<li>freie Filme</li>
<li>freies Bildungsmaterial</li>
<li>u.v.m.</li>
</ul>
<h3 class="aufgabe"> Aufgabe</h3>
<p> 
Nenne Internetseiten, auf denen Freie-Kultur-Inhalte angeboten werden.
</p>

    	<div class="pagenavigation">
	  	    <a href="http://www.inf-schule.de/gesellschaft/freie_software" class="pagenavigation__link pagenavigation__link--prev" title="Zur vorherigen Seite: Freie Software"><span class="arrow arrow--left">&larr;</span><span class="pagenavigation__link__text pagenavigation__link__text--prev">Freie Software</a>
	  	  	    <a href="http://www.inf-schule.de/gesellschaft/freie_kultur/01_open_street_map" class="pagenavigation__link pagenavigation__link--next" title="Zur nächsten Seite: Freie Kultur"><span class="pagenavigation__link__text pagenavigation__link__text--next">Freie Kultur</span><span class="arrow arrow--right">&rarr;</span></a>
	  	</div>  


  </div>
</article>

  <footer>
  <div class="footer__content">
        <div class="footer__line footer__page-details">
      <a class="footer__linecol footer__linecol--feedback feedbacklink" href="#overlay"><span>Rückmeldung geben</span></a>

      <div class="footer__linecol footer__linecol--additional footer__linecol--no-didactics">
                  </div>

      <div class="footer__linecol">
        <div>Zuletzt geändert: 09.01.2018</div>
                  <div>Autoren: <a href="http://www.inf-schule.de/infschule/autoren">UD</a></div>
              </div>
      
      
    </div>
        <div class="footer__line footer__support">
      <a href="http://cs.uni-kl.de" class="link--support link--support--fit">
        <img class="logo-fit-fachbereich logo-support logo-support--hover" src="http://www.inf-schule.de/assets/img/logo_support_fit_fachbereich--hover.png" alt="Logo des Fachbereichs Informatik der Technischen Universität Kaiserslautern">
      </a>
      <a href="http://www.netzmanufaktur.com" class="link--support link--support--netzmanufaktur">
        <img class="logo-netzmanufaktur logo-support logo-support--hover" src="http://www.inf-schule.de/assets/img/logo_support_netzmanufaktur--hover.png" alt="Logo der Netzmanufaktur">
      </a>
      <a href="http://pl.bildung-rp.de" class="link--support link--support--pl">
        <img class="logo-pl logo-support logo-support--hover"  src="http://www.inf-schule.de/assets/img/logo_support_pl--hover.png" alt="Logo des pädagogischen Landesinstituts Rheinland-Pfalz"></a>
    </div>
    <div class="footer__line footer__license">
      <a rel="license" class="link--license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.de">
        <img class="logo-license" alt="Creative Commons Lizenzvertrag" src="http://www.inf-schule.de/assets/img/logo_lizenz_cc-by-sa-nc_farbig.png" /></a>
    </div>
    <div class="footer__line footer__imprint">
      <a href="http://www.inf-schule.de/impressum" class="impressumlink">Impressum</a>
    </div>
  </div>
</footer>
<div class="overlay overlay--invisible" id="overlay"></div>
<div id="feedbackform" class="feedbackform feedbackform--invisible overlay__form">
	<a href="" id="feedbackform__close" class="form__close">X</a>
	<h2>Fehler melden</h2>


	<form id="fehlerMelden" action="http://intern.inf-schule.de/neue-rueckmeldung" method="post">		<div id="name" class="field">
			<label for="name-field">Name<span class="klein">*</span></label>
			<input type="text" name="name" id="name-field" required>
		</div>

		<div id="email" class="field">
			<label for="email-field">E-Mail<span class="klein">*</span></label>
			<input type="text" name="email" id="email-field" required>
		</div>

		<div id="seite" class="field">
			<label for="seite-field">Seite<span class="klein">*</span></label>
			<input type="text" name="link" id="seite-field" required value="gesellschaft/freie_kultur">
		</div>

		<div id="beschreibung" class="field">
			<label for="beschreibung-field">Fehlerbeschreibung<span class="klein">*</span></label>
			<textarea rows="5" cols="20" name="description" id="beschreibung-field" required></textarea>
		</div>

		<div id="test" class="field field--test">
			<label for="test-field">Spamüberprüfung</label>
			<input type="text" name="check" id="test-field">
		</div>

		<div id="test-seite" class="field field--test">
			<label for="seite-field">Seite</label>
			<input type="text" name="seite" id="test-seite-field" value="gesellschaft/freie_kultur">
		</div>

		<div id="mensch" class="field field--test">
			<label for="seinodernichtsein-field">Mensch?</label>
			<input type="hidden" name="seinodernichtsein" id="seinodernichtsein-field" value="0">
		</div>

		<div id="formular-submit" class="field">
			<input type="submit" value="Absenden">
		</div>
	</form>
</div><div id="searchform" class="searchform searchform--invisible overlay__form">
	<a href="" id="searchform__close" class="form__close">X</a>
	<h2>Suche</h2>
	<!-- google -->
	<form action="http://www.google.com/cse" id="cse-search-box">
		<div>
			<input type="hidden" name="cx" value="007005098329468100783:ethn78z0i90" />
			<input type="hidden" name="ie" value="utf-8" />
			<input type="text" value="z.B. While-Schleife" name="q" size="35" class="textinput" id="searchfield" />
			<div class="field">
				<input type="submit" name="sa" value="Suchen" />
			</div>
		</div>
	</form>
	<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=de"></script>
	<!-- google -->
</div>
<script src="http://www.inf-schule.de/assets/js/jquery.min.js"></script>
<script src="http://www.inf-schule.de/assets/js/jquery-ui.min.js"></script>
<script src="http://www.inf-schule.de/assets/thirdparty/photoswipe/photoswipe.min.js"></script>
<script src="http://www.inf-schule.de/assets/thirdparty/photoswipe/photoswipe-ui-default.min.js"></script>
<script src="http://www.inf-schule.de/assets/thirdparty/foundation-responsive-tables/responsive-tables.js"></script>
<script src="http://www.inf-schule.de/assets/js/prism.js"></script>
<script src="http://www.inf-schule.de/assets/js/slick.js"></script>
<script src="http://www.inf-schule.de/assets/js/script.js"></script>

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe.
         It is a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides.
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Do not modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div><!-- Beginn Piwik Tracking Code -->
<script type="text/javascript">
	var pkBaseURL = (("https:" == document.location.protocol) ? "https://stat.netzmanufaktur.com/piwik/" : "http://stat.netzmanufaktur.com/piwik/");
	document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
	try {
		var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
		piwikTracker.trackPageView();
		piwikTracker.enableLinkTracking();
	} catch( err ) {}
</script>
<noscript>
	<p>
		<img src="http://stat.netzmanufaktur.com/piwik/piwik.php?idsite=2" style="border:0" alt="" />
	</p>
</noscript>
<!-- End Piwik Tracking Code -->

</body>
</html>