-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (154 loc) · 15.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content='width=device-width, initial-scale=0.75, maximum-scale=0.75, user-scalable=0' name='viewport' />
<title>Computersprache</title>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<h1>Computersprache</h1>
<div class="all">
<h2 id = "übersicht" class="überschrift">Übersicht</h2><br>
<li><strong>Was ist Computersprache</strong></li><br>
<h2 class="erstens">-Interpreter und Compiler</h2><br>
<h2 class="erstens">-Hohe und niedrige Programmiersprachen</h2><br>
<h2 class="erstens">-Grundelemente von Computersprachen</h2><br>
<li><strong>Überblick zu den einzelnen Programmiersprachen</strong></li><br>
<li><strong>Andere Computersprachen</strong></li><br>
<li><strong>Warum ist eine Computersprache eine Sprache?</strong></li><br>
<li><strong>Gemeinsamkeiten/Unterschiede zur Computersprache und zur gesprochenen Sprache</strong></li><br>
<br>
<h2 class="überschrift">Was ist Computersprache?</h2>
<li class="longtext2">Computersprache fasst alle Sprachen zusammen, mit deren Hilfe sich ein Mensch mit dem Computer verständigen kann. Es gibt somit verschiedene Ausprägungen und Unterarten von Computersprachen.</li> <br>
<img id="übersetzung1" src="img/%C3%9Cbersetzung2.png">
<img id="übersetzung2" src="img/%C3%9Cbersetzung3.png">
<img id="übersetzung3" src="img/%C3%9Cbersetzung1.png">
<br>
<p class="longtext">
Ganz tief unten arbeiten Computer mit Nullen und Einsen. Diese Computersprache ist für ein Computer direkt lesbar und wird ausgeführt. Es handelt es sich um Maschinensprache oder auch Maschinencode oder Binärcode.<b><br>Warum null und Eins?</b><br>null steht für Strom aus und 1 steht für Strom an. Verschiedene Kombinationen von nullen und einsen sorgen vereinfacht gesagt dafür, dass die Hardware verschiedene Dinge tut. Maschinensprache ist aber für den Menschen schlecht lesbar und deshalb wurden menschenlesbare Computersprachen wie Programmiersprachen, Datenbanksprachen und Beschreibungssprachen entwickelt. Diese Sprachen sind in Wörtern der menschlichen Sprache (meist in English) geschrieben und halten sich dabei festen, einheitlichen und klar definierten Regeln.
</p> <br>
<p class="longtext">
Der vom Entwickler formulierte Text nennt man Quelltext. Dieser Quelltext kann jedoch nicht vom Computer gelesen werden. Also muss es dazwischen immer Programme geben, die die menschenlesbare Computersprache in Maschinensprache übersetzen, damit der Computer etwas damit anfangen kann.
Hier gibt es 2 Varianten: Entweder durch sogenannte Interpreter oder durch Compiler.
</p> <br>
<h2 class="überschrift">Interpreter und Compiler</h2>
<p class="longtext"> <b>Interpreter</b><br>
Ein Interpreter verarbeitet den Quellcode eines Projekts zur Laufzeit, es wird also direkt ausgeführt. Dazu geht der Interpreter Zeile für Zeile vor: Eine Anweisung wird eingelesen, analysiert und sofort ausgeführt. Dann geht es mit der nächsten Anweisung weiter, bis schließlich das Ende des Programms erreicht ist; oder bis ein Fehler auftritt. Aber da die Fehler erst zur Laufzeit erkannt werden, können sie schnell übersehen werden. <br>
<b>Compiler</b><br>
Ein Compiler wandelt den Quelltext in einer ausführbaren Maschinencodedatei um. Die im Quelltext formulierten Anweisungen werden vollständig übersetzt, bevor das Programm ausgeführt wird. Dazu wird für jedes Betriebssystem ein eigener Compiler benötigt. Um das Programm unter Windows zum Beispiel laufen zu lassen, muss das Programm zuvor unter Windows über ein entsprechenden Compiler kompiliert werden.
Ein Vorteil ist, dass durch den zusätzlichen Kompilierungsschritt Fehler schneller erkannt werden.
</p>
<img src="img/kompiler.png">
<img src="img/k&ivergleich.png" id="vergleich">
<h2 class="überschrift">Zwischensprachen</h2>
<p class="longtext">Es gibt einige Sprachen, bei denen sowohl Compiler als auch Interpreter zu Einsatz kommen. Der Quelltext wird dabei als Erstes in einen sogenannten Bytecode kompiliert, eine Art Zwischencode. Dieser Code braucht dann einen Interpreter, um ausgeführt werden zu können. <br>
</p>
<img src="img/Zwischensprachen.png">
<p class="longtext2">Hier ist eine Liste von Programmiersprachen und ob diese Sprachen kompiliert, interpretiert oder beides sind:</p>
<img src="img/komp&intrSprachen.png" height="600" id="vergleich2">
<h2 class="überschrift">Hohe und niedrige Programmiersprachen</h2>
<img id = "hochniedrig"src="img/hoch&niedrig.png">
<br>
<li class="longtext"> Je ähnlicher die Programmiersprache zur Maschinensprache (Binärcode) ist, desto schwieriger ist es für den Menschen verstehbar. Diese Sprachen sind niedrig.</li> <br>
<p>Und andersherum</p> <br>
<li class="longtext">
Je mehr die Programmiersprache sich von der Maschinensprache unterscheidet, desto höher ist die Sprache. Die Sprache ist dann leichter für den Menschen verstehbar, aber dadurch werden Anweisungen ungenauer.
</li>
<h2 class="überschrift">Grundelemente von Computersprachen</h2>
<p class="longtext">Betrachtet man die Computersprachen, so gibt einige Gemeinsamkeiten. Unterschiede findet man selten, jedoch spielt das Anwendungsgebiet eine wichtige Rolle. Nur wenige Sprachen sehen komplett anders aus. Grundelemente,die bei so gut wie <b>jeder Programmiersprache</b> enthalten ist, sind:</p> <br>
<img src="img/Grundelemente.png"><br>
<p class="longtext">
<b>Variablen und Objekte</b><br> Variablen und Objekte speichern vereinfacht gesagt bestimmte Werte. Durch <b>Funktionen, Befehle/Anweißungen, Operatoren und Schleifen</b> können die Werte verändert werden, neue Werte initialisiert werden und vieles Weitere kann mit mit Variablen und Objekten geschehen. Mit den gespeicherten Wert einer Variable werden <b>Entscheidungen</b>(if-Abfragen o. Ä.) beispielsweiße getroffen.<br>
<b>Schleifen</b><br> Schleifen wiederholen bestimmten Quelltext (sogenannter Schleifenrumpf oder Schleifenkörper). Dieser Text wird solange aufgerufen, bis die Schleifenbedingung ungültig ist. Endlosschleifen sind Schleifen, deren Bedingung immer wahr ist.
</p>
<p class="longtext" > <b>Konventionen und Kommentare</b><br>
Es muss zum Einen klar vom Computer beziehungsweise dem Prozessor verstanden werden, welche Befehle vorliegen. Doch auch andere Menschen müssen den Code lesen und verstehen können. Aus diesem Grund ist es wichtig sich an vorliegende und grundsätzliche Konventionen zu halten, Kommentare zu schreiben und somit einen einfachen Zugang zu schaffen.<br> Definition von Konvention und Kommentar: <br>
<b>Konvention:</b> ist eine (nicht notwendig festgeschriebene) Regel, die von einer Gruppe von Menschen aufgrund eines beschlossenen Konsenses eingehalten wird.<br><b>Kommentare:</b> dienen zum verstehen des Quelltextes. Sie bewirken nichts auf geschriebene Algorhythmen, sondern erklären diese.</p>
<p id="einleitung">Wir haben uns einen groben Überblick verschaffen, was eine Computersprache ist und ausmacht. Nun schauen wir uns einzelne Programmiersprachen an und in welchen Anwendungsgebieten sie benutzt werden.</p>
<h2 class="überschrift">Überblick zu den einzelnen Programmiersprachen</h2> <br>
<p class="longtext2">Eine Programmiersprache ist eine Sprache zur Beschreibung von Algorithmen. Sie ist universell und implementierbar.
</p>
<img src="img/%C3%BCberblick.png">
<img src="img/Javascript.png" width="1100" class="zeig" id="compvgl">
<img src="img/Java.png" width="1100" class="zeig">
<img src="img/C+C++.png" width="1100" class="zeig">
<img src="img/PHP.png" width="1100" class="zeig">
<img src="img/Phython.png" width="1100" class="zeig">
<img src="img/Object%20Pascal.png" width="1100" class="zeig">
<img src="img/Scratch.png" width="1100" class="zeig">
<img src="img/Swift.png" width="1100" class="zeig">
<p class="longtext2 zeig" id="weg"><b>OPTIONAL:</b> Falls ihr euch interessiert, wie sich die Programmiersprachen entwickelt haben bzw. wie bekannt/erfolgreich die Programmiersprachen waren, kann sich dieses Video anschauen 😁</p>
<embed src="https://www.youtube.com/embed/Og847HVwRSI" width="720" height="405">
<h2 class="überschrift">Andere Computersprachen</h2>
<p class="longtext2">Wie schon erwähnt ist eine Programmiersprache eine Unterkategorie der Computersprachen. Dementsprechend gibt es Computersprachen, die nichts mit 'Programmierung' zu tun haben. Diese schauen wir uns nun kurz an.</p>
<h2 class="überschrift">Datenbanksprachen</h2>
<p class="longtext">Auch hierbei gibt es Unterkategorien, weil sich bestimmte Datenbanksprachen unterscheiden. Zum Einen gibt es Datenbeschreibungssprachen (DDL) und zum Anderen hingegen Datenmanipulationssprachen (DML).<br> <br>
Eine <b>Datenbeschreibungssprache</b> wird dann verwendet, wenn man Daten und Datenstrukturen beschreiben bzw. definieren will. <br>
Eine <b>Datenmanipulationssprache</b> wird für die Beschreibung der Arbeitsmöglichkeiten mit Daten (Speichern, Suchen, Lesen, Ändern), den sogenannten Datenmanipulationen, verwendet. <br><br>
Meistens sind diese zwei Sprachen in einer umfassenden Sprache zusammengefasst. Ein Beispiel ist SQL (Structured Query Language), die weitverbreitetste, bekannteste Datenbanksprache.Sie dient dazu Datenschemas in <b>relationalen</b>(= digitalen) Datenbanken zu verändern.
</p>
<h2 class="überschrift">Beschreibungssprachen</h2>
<p class="longtext">Hierbei gibt es wieder verschiedene Arten. <b>Auszeichnungssprachen, Stylesheet-Sprachen und Seitenbeschreibungssprachen</b>:
<br><br><b>
Auszeichnungssprache</b>: Eine Auszeichnungssprache dient zur Gliederung und zum Formatieren von Daten. Die Sprache ist für die Maschine schnell lesbar. Das Akronym hat meistens die Endung "ML" (englisch: markup language).<br> Die bekannteste Sprache ist <b>HTML (Hypertext Markup Language)</b>, welches die Struktur einer Webseite wie diese hier beschreibt.<br>
Es gibt zudem noch XML, YAML, OBML SGML, CFML, Fountain, JSON, XMPP und viele weitere mehr.
<br><br><b>
Stylesheetsprache</b>: Eine Style-Sprache ist eine formale Computersprache, die strukturierte Dokumente verschönert. <b>CSS (Cascading Style Sheets)</b> kann zum Beispiel HTML-Elemente umpositionieren, die Schriftart und Farbe verändern und mehr. Sie wurde entwickelt, um die Trennung von 'Design' bzw. das Erscheinungsbild zum Inhalt zu ermöglichen. <br>
Weitere Beispiele sind: XSL, DSSSL, JSSS, FOSI und Sass
</p>
<p class="longtext">
<b>Seitenbeschreibungssprache</b>: Eine Seitenbeschreibungssprache <b>(PDL)</b> spezifiziert die Anordnung einer gedruckten Seite durch Befehle von einem Computer, die der Drucker ausführt. Die Printer Control Sprache ( PCL ) von Hewlett Packard und PostScript von Adobe sind die beiden am häufigsten verwendeten PDLs.
</p>
<h2 class="überschrift">Warum ist eine Computersprache eine Sprache?</h2>
<p class="longtext2">In diesem Teil der Präsentation geht es nicht mehr um die Computersprachen an sich, sondern eher um eine Fragestellung. Computersprachen sind Sprachen, aber warum, wenn sie nicht gesprochen werden?</p>
<p class="longtext">Der <b>Duden</b> gibt uns eine Antwort auf diese Frage: "Sprache ist ein System von Zeichen, das der Gewinnung von
Gedanken, ihrem Austausch zwischen Menschen, sowie der
Fixierung von erworbenem Wissen dient.
Sprache kann als akustisches, soziales oder als psychisches
Phänomen, oder auch als System logischer Operationen
aufgefasst werden.
Die Beziehung zwischen Zeichen und Bezeichnetem hängt von
der jeweiligen Sprachgemeinschaft ab, die einem bestimmten
Ausschnitt der Wirklichkeit ein bestimmtes Zeichen konventional
zuordnet.“</p>
<p class="longtext2">Im Grunde kommuniziert ein Mensch mit dem Computer. Aber auf der anderen Seite spricht man nicht mit dem Computer, sondern man steuert seine Arbeiten und entwickelt Programme. </p>
<p class="longtext">"Sprache, im engeren Sinn Bezeichnung für die natürliche Sprache des Menschen, im weiteren Sinn Bezeichnung für Kommunikationssysteme unterschiedlicher Art."<br> "Charakteristisch für Sprachen [...] ist, dass Inhalte durch den Gebrauch symbolischer Zeichen übermittelt werden, dass mit symbolischen Zeichen kommuniziert wird, d. h. mit Zeichen, deren Bedeutung arbiträr ist, also auf einer Konvention, einer üblichen Praxis beruht. Sprachliche Kommunikation unterscheidet sich insofern von solchen Fällen, in denen Informationen aufgrund einer kausalen Beziehung erschlossen werden können"- Brockhaus</p>
<h2 class="überschrift">Gemeinsamkeiten/Unterschiede von gesprochener und Computer -Sprache</h2>
<p class="longtext2">Fangen wir mit den Gemeinsamkeiten an. Was hat eine Computersprache mit einer natürlichen Sprache gemeinsam? Dies sind meine Gedanken</p>
<p class="longtext">Beide Sprachen sind <b>Mittel zur Kommunikation</b>. <br> <br>
Beides kann in Form eines Textes <b>visuell/statisch</b> festgehalten werden. Sowohl Computersprache als auch die von uns genutzte Sprache ist eine Schriftsprache. Es wird geschrieben und gelesen.<br><br>
Beides kann <b>Dynamik</b> und <b>Interaktion</b> beinhalten (z.B. Mausklicks, Konflikte). <br><br>
Es hat beides eine <b>Syntax</b> (die Form, der äußere Aufbau), eine
<b>Pragmatik</b>(die Wirkung der Aussagen auf die betroffenen Kommunikationspartner), <b>bestimmte Regelungen</b> (z.B. <b>Grammatik, Rechtschreibung</b>…) und <b>Logik</b>. <br>
<strong>-Zur Logik: Damit meine ich bei der gesprochenen Sprache z.B. „der rote Apfel ist grün.“ kann man nicht sagen. Der Satz ist grammatikalisch richtig, funktioniert aber rein logisch nicht.</strong> <br> <br>
Beides beruht auf <b>genetisch verankerten, organischen</b> und <b>kognitiven Grundlagen/Fähigkeiten</b> des Menschen. <br> <br>
Beides ist <b>vom Menschen</b> erfunden. <br> <br>
Beides entwickelt und verändert sich (<b>Sprachwandel</b>).<br>
</p>
<h2 class="überschrift">Unterschiede</h2>
<p class="longtext"><b>Allgemeines:</b><br>
Natürliche Sprachen sind hierarchische Systeme, d. h. Systeme aus Einheiten, die mit anderen Einheiten zu komplexeren Einheiten zusammengefügt werden können.<br> Durch gesprochene Sprache (Muttersprache) entwickelt sich ein Individuum, es können sich Dialekte bilden, Fremdsprachen und Fachsprachen können erlernt werden.<br>Computersprache ist jedoch eine Fachsprache. <br>Sie ist wie eine Anleitung, die Vorgibt, was ein Programm machen soll. <br> <br>
Die Gesellschaft beeinflusst die Sprache. Bei Computersprachen ist jedoch die Zielgruppe kleiner und der Sprachwandel verläuft anders (Bsp: Konventionen und Erneuerungen, Bugfixes).
</p>
<img src="img/vgl/first1.png" width="900" class="zeig" id="change">
<img src="img/vgl/first2.png" width="900" class="überschrift">
<img src="img/vgl/first3.png" width="900" class="überschrift">
<img src="img/vgl/first4.png" width="900" class="überschrift">
<img src="img/vgl/first5.png" width="900" class="überschrift">
<img src="img/vgl/first6.png" width="900" class="überschrift">
<img src="img/vgl/first7.png" width="900" class="überschrift">
<img src="img/vgl/first8.png" width="900" class="überschrift">
<img src="img/vgl/first9.png" width="900" class="überschrift">
<p class="longtext">Wir sind nun am Ende meiner digitalen Präsentation angekommen.<br>
Nun möchte ich euch auffordern die folgenden Aufgaben zu bearbeiten und einen kurzen Text zu schreiben. Ich hoffe, euch hat diese Präsentation gefallen. 😊 Falls ihr Fragen oder Ähnliches habt, könnt ihr euch bei mir per Teams melden. Nun wünsch ich euch viel Spaß beim Bearbeiten der Aufgaben. Die Ergebnisse könnt ihr bei mir abgeben.
</p> <br> <br>
<a href="GFS%20Miniquiz.pdf" download>Klicke hier (Aufgaben)</a>
<h2 class="überschrift">Meine Quellen</h2>
<a href="Quelle.html">Hier Klicken</a><br>
<img src="img/ende.png" width="900">
<br><br><br>
</div>
<script src="app.js"></script>
</body>
</html>