Wissensdatenbank Wirtschaftsrecht

aktuelles Dokument: Prog2V04
image4
image3
image2
image1
 Alle Kategorien:
  Forschungsdatenbank
  Lehrveranstaltungen
  Lexikon
  Literatur
  Rechtsgebiete
  Rechtsprechung
  Service
  Studium F H S
  Wissensmanagement
ich war hier: Prog2V04

Version [21567]

Dies ist eine alte Version von Prog2V04 erstellt von RonnyGertler am 2013-02-28 21:58:10.

 

 (image: http://wdb.fh-sm.de/uploads/QualipaktLehre/BMBF_Logo_klein.jpg)

Webseiten in Client-Server-Systemen und damit in Verbindung stehende Tags


Inhalte von Prof. Dr. Klaus Chantelau


3-Schichtenmodell und Technologien



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_1.gif)


Statische Webseite



 (image: https://hssm.hqedv.de/uploads/Prog2V04/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.


Asynchrone Kommunikation



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_3.gif)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/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.


1. Synchrone Kommunikation mit einem Server





<a href="Seite2.html"> Morgen </a>


 (image: https://hssm.hqedv.de/uploads/Prog2V04/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 = "Anwendernail" size="40"></p>
<p><input type = "submit" value = "
Formulardaten absenden"></p>
</form>
</div>


 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_6.gif)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_7.gif)


Generierung einer HTTP-Anfrage



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_8.gif)


2. Programme auf dem Client in JavaScript , ActionScript, Java, ...


die der Browser in einer Laufzeitumgebung ausführt.


 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_9.gif)


FLASH-Applikation: Einfachste Einbettung in HTML



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_10.jpg)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_11.jpg)


3. Programme auf dem Server in Java, php,..., Content Management Systeme



Java

PHP

...


Beispiel: Java Servlets



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_12.gif)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_13.gif)


Beispiel: Java Server Pages



 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_15.gif)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/Prog2_4_16.gif)

 (image: https://hssm.hqedv.de/uploads/Prog2V04/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




CategoryProg2
Diese Seite wurde noch nicht kommentiert.
Valid XHTML   |   Valid CSS:   |   Powered by WikkaWiki