Revision history for Prog2V04
Additions:
CategoryProgrammierung2
Deletions:
Additions:
CategoryDelete
Deletions:
Additions:
<a href="Seite2.html"> Morgen </a>
Deletions:
Additions:
</div>
Deletions:
Additions:
====3. Programme auf dem Server in Java, php,..., Content Management Systeme====
Deletions:
Content Management Systeme====
Additions:
{{image class="center" url="Prog2_4_12.gif" }}
{{image class="center" url="Prog2_4_13.gif" }}
==== Beispiel: Java Server Pages ====
{{image class="center" url="Prog2_4_15.gif" }}
{{image class="center" url="Prog2_4_16.gif" }}
{{image class="center" url="Prog2_4_17.gif" }}
Der Programm-Code (Controller) braucht von den Autoren nicht verändert werden.
====Prinzip: MVC - Trennung====
**Technologie: Java Server Pages**
Trennung von View (Aussehen, Layout, Content, Design) und Controller (verarbeitung)
Autor braucht nur noch HTML Kenntnisse, aber keine Java/php-Kennnisse.
**CMS-Systeme:**
Weitere Vereinfachungen wie z.b. ein Text-Editor der automatisch HTML-Formatierungen erzeugt. Autor braucht nicht mal HTML-Kenntnisse.
Prinzip: MVC - Trennung
{{image class="center" url="Prog2_4_13.gif" }}
==== Beispiel: Java Server Pages ====
{{image class="center" url="Prog2_4_15.gif" }}
{{image class="center" url="Prog2_4_16.gif" }}
{{image class="center" url="Prog2_4_17.gif" }}
Der Programm-Code (Controller) braucht von den Autoren nicht verändert werden.
====Prinzip: MVC - Trennung====
**Technologie: Java Server Pages**
Trennung von View (Aussehen, Layout, Content, Design) und Controller (verarbeitung)
Autor braucht nur noch HTML Kenntnisse, aber keine Java/php-Kennnisse.
**CMS-Systeme:**
Weitere Vereinfachungen wie z.b. ein Text-Editor der automatisch HTML-Formatierungen erzeugt. Autor braucht nicht mal HTML-Kenntnisse.
Prinzip: MVC - Trennung
Deletions:
Additions:
<input name = "Anwendername" size="40"></p>
<input name = "Anwendernail" size="40"></p>
</div>""
====Generierung einer HTTP-Anfrage====
{{image class="center" url="Prog2_4_8.gif" }}
====""2. Programme auf dem Client in JavaScript , ActionScript, Java, ...""====
{{image class="center" url="Prog2_4_9.gif" }}
====FLASH-Applikation: Einfachste Einbettung in HTML====
{{image class="center" url="Prog2_4_10.jpg" }}
{{image class="center" url="Prog2_4_11.jpg" }}
====3. Programme auf dem Server in Java, php,...,
Content Management Systeme====
Java
PHP
...
====Beispiel: Java Servlets ====
{{image class="center" url="Prog2_4_12.jpg" }}
<input name = "Anwendernail" size="40"></p>
</div>""
====Generierung einer HTTP-Anfrage====
{{image class="center" url="Prog2_4_8.gif" }}
====""2. Programme auf dem Client in JavaScript , ActionScript, Java, ...""====
{{image class="center" url="Prog2_4_9.gif" }}
====FLASH-Applikation: Einfachste Einbettung in HTML====
{{image class="center" url="Prog2_4_10.jpg" }}
{{image class="center" url="Prog2_4_11.jpg" }}
====3. Programme auf dem Server in Java, php,...,
Content Management Systeme====
Java
PHP
...
====Beispiel: Java Servlets ====
{{image class="center" url="Prog2_4_12.jpg" }}
Deletions:
<input name = "AnwenderMail" size="40"></p>
</div>
Additions:
====1. Synchrone Kommunikation mit einem Server====
===Hyperlink <a>===
<a href=“Seite2.html“ > Morgen </a>
{{image class="center" url="Prog2_4_5.jpg" }}
===Formular <form>===
<div id="Inhalt">
<form action="/index.php" method="get">
<p>Name:<br>
<input name = "AnwenderName" size="40"></p>
<p>E-Mail:<br>
<input name = "AnwenderMail" size="40"></p>
<p><input type = "submit" value = "
Formulardaten absenden"></p>
</form>
</div>
{{image class="center" url="Prog2_4_6.gif" }}
{{image class="center" url="Prog2_4_7.gif" }}
===Hyperlink <a>===
<a href=“Seite2.html“ > Morgen </a>
{{image class="center" url="Prog2_4_5.jpg" }}
===Formular <form>===
<div id="Inhalt">
<form action="/index.php" method="get">
<p>Name:<br>
<input name = "AnwenderName" size="40"></p>
<p>E-Mail:<br>
<input name = "AnwenderMail" size="40"></p>
<p><input type = "submit" value = "
Formulardaten absenden"></p>
</form>
</div>
{{image class="center" url="Prog2_4_6.gif" }}
{{image class="center" url="Prog2_4_7.gif" }}
Additions:
====Asynchrone Kommunikation ====
{{image class="center" url="Prog2_4_3.gif" }}
{{image class="center" url="Prog2_4_4.gif" }}
===""3. erfolgen durch Programme auf dem Server in Java, php,...""===
die der Server in einer Laufzeitumgebung im Moment der Abfrage aufruft und ausführt, das heißt der Server generiert erst im Moment der Anfrage den eigentlichen html-Code und überträgt diesen an den Client.
{{image class="center" url="Prog2_4_3.gif" }}
{{image class="center" url="Prog2_4_4.gif" }}
===""3. erfolgen durch Programme auf dem Server in Java, php,...""===
die der Server in einer Laufzeitumgebung im Moment der Abfrage aufruft und ausführt, das heißt der Server generiert erst im Moment der Anfrage den eigentlichen html-Code und überträgt diesen an den Client.
Additions:
===""1. erfolgen durch eine Kommunikation mit einem Server""===
**""Synchrone Kommunikation:""** ""die Hyperlink a- und Formular form-Tags""
**""Asynchrone Kommunikation:""** ""AJAX ""
""d.h. es werden unterschiedliche Webseiten <br/>
(Seite1.html, Seite2.html,...)<br/>
oder unterschiedliche Teile einer Webseite abgefragt.""
===""2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...""===
**""Synchrone Kommunikation:""** ""die Hyperlink a- und Formular form-Tags""
**""Asynchrone Kommunikation:""** ""AJAX ""
""d.h. es werden unterschiedliche Webseiten <br/>
(Seite1.html, Seite2.html,...)<br/>
oder unterschiedliche Teile einer Webseite abgefragt.""
===""2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...""===
Deletions:
**Synchrone Kommunikation:** die Hyperlink a- und Formular form-Tags
**Asynchrone Kommunikation:** AJAX
d.h. es werden unterschiedliche Webseiten
(Seite1.html, Seite2.html,...)
oder unterschiedliche Teile einer Webseite abgefragt.
===2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...===
Additions:
====Statische Webseite====
{{image class="center" url="Prog2_4_2.gif" }}
====Veränderungen in Websites====
===1. erfolgen durch eine Kommunikation mit einem Server===
**Synchrone Kommunikation:** die Hyperlink a- und Formular form-Tags
**Asynchrone Kommunikation:** AJAX
d.h. es werden unterschiedliche Webseiten
(Seite1.html, Seite2.html,...)
oder unterschiedliche Teile einer Webseite abgefragt.
===2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...===
die der Browser in einer Laufzeitumgebung ausführt.
{{image class="center" url="Prog2_4_2.gif" }}
====Veränderungen in Websites====
===1. erfolgen durch eine Kommunikation mit einem Server===
**Synchrone Kommunikation:** die Hyperlink a- und Formular form-Tags
**Asynchrone Kommunikation:** AJAX
d.h. es werden unterschiedliche Webseiten
(Seite1.html, Seite2.html,...)
oder unterschiedliche Teile einer Webseite abgefragt.
===2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...===
die der Browser in einer Laufzeitumgebung ausführt.
Additions:
====3-Schichtenmodell und Technologien====
{{image class="center" url="Prog2_4_1.gif" }}
{{image class="center" url="Prog2_4_1.gif" }}
Deletions:
====""Entwicklung von Rich Clients mit HTML, CSS, JavaScript und AJAX""====
{{image class="center" url="Prog2_3_1.gif" }}
No Differences
Additions:
======Webseiten in Client-Server-Systemen und damit in Verbindung stehende Tags======
{{files}}
{{files}}
Deletions:
und damit in Verbindung stehende Tags