c2b_default

IPWA1

Programmierung von Web-Anwednungsoberflächen

Programmierung von Web-Anwednungsoberflächen

25
0.0 (0)
M. S.
Study
M. S.
Diese Karteikarten bieten eine umfassende Einführung in die Architektur und Technologien von Webanwendungen auf Universitätsniveau. Sie decken Themen wie XML, CSS, HTML, Java und die MVC-Architektur ab, einschließlich der Struktur von Dateien, Selektoren und der Kommunikation zwischen Client und Server. Ideal für Studierende der Informatik, die ein tiefes Verständnis für die Entwicklung und Implementierung von Webanwendungen erlangen möchten.
Flashcards
25
Students
1
Language
German
Category
Computer Science
Level
University
Created / Updated
13.07.2016 / 06.06.2018
  • 1  / 25

Flashcards

Mögliche Softwarearchitekturen?

  1. Software mit einfacher Struktur
    1. Anwendung in einem Stück
  2. 3-Schichten-Architektur
    1. Darstellungsschicht
    2. Logikschicht
    3. Datenhaltungsschicht
  3. Client-/Server-Architektur
    1. Client-Komponente <-> Kommunikation <-> Server-Komponente
  4. Model-View-Controller Architektur
    1. View für die Darstellungsschicht (entnimmt dem Model Daten, gibt Benutzereingaben an den Controller)
    2. Controller steuert die Abläufe (steuert den view, manipuliert Daten im Model)
    3. Model ist die Datenhaltungs- und Geschäftslogikschicht, sie gibt Änderungsmeldungen an die View.

Unterschied zwischen Fat- bzw. Thin-Client?

Fat-Client:

Darstellungs- und Logikschicht sind auf dem Client installiert, lediglich die Datenhaltungschicht auf dem Server.

Thin-Client:

Genau umgekehrt, lediglich die Darstellungsschicht findet sich beim Client, der Rest ist auf dem Server installiert.

Besonderheiten der Java Enterprise Edition?

Ihr Ziel ist es eine Softwarearchitektur für Java-basierte Geschäfts- und Web-Anwendungen zu standardisieren.

Sie enthält zusätzlich zur Java SE eine umfangreiche Bibliothek zur Entwicklung von Web-Anwendungs-Funktionen, einen auf der MVC-Architektur aufbauenden Application-Server, sowie diverse weitere Werkzeuge.

Applicaion Server?

Ein nach der MVC-Architektur aufgebauter Server für die Bereitstellung von Java EE Web-Anwendungen.

HTTP?

HyperTextTransferProtocol, ein Kommunikationsprotokoll mit dem Browser Seiten über das Internet anfragen können.

Java Server Faces?

Ein in der Java EE enthaltenes Framework zur Erzeugung dynamischer HTML-Seiten.

Aufbau der MVC-Architektur eines Java EE Application Servers?

Aufteilung in Client- und Server-Teil, MVC-Aufbau auf der Server Seite. Die View besteht aus HTML/JSF Seiten, der Controller ist ein Servlet, das Model besteht aus Beans. Der Browser kommuniziert über HTTP mit der View, oder durch Aktionen auf einer Seite direkt mit dem Controller.

Beans?

Java-Klassen des Fachkonzepts. Sie definieren das fachliche Datenmodell und die fachlichen Funktionen einer Web-Anwendung.

Statische Websites?

Einfache Webseiten deren Inhalt manuell in einer HTML-Datei verfasst wurde.

HTML Elemente?

Ein Element hat stets ein Start- und ein End-Tag.

<tagname>Inhalt</tagname>

oder bei der verkürzten Schreibweise:

<tagname />

 

Attribute von HTML-Elementen?

Werden genutzt um die Formatierung präziser zu steuern.

<tagname attribut="wert">Inhalt</tagname>

Typischer Aufbau eines XHTML-Dokuments?

  1. Deklaration des Dokumenttyps
  2. <html>-Tag
  3. Kopfteil <head> (mit zusätzlichen Informationen)
  4. Rumpfteil <body> (der eigentliche Inhalt)

Formatierung von Überschirften in HTML?

<h1> bis <h6>

Zeilenumbrüche & Absätze in HTML?

<br /> sowie <p>

Aufzählungen und nummerierte Listen in HTML?

Aufzählungen: <ul>

Nummerierte Listen: <ol> bzw. <li> für die einzelnen Elemente

Tag zur Einbindung von Bildern in HTML und dessen Attribute?

<img src="" alt="" width="" height="" title=""></img>

Aufbau einer Tabelle in HTML?

<table border=""> Für die eigentliche Tabelle

<tr> für eine Zeile

<th> für eine Überschrift in der Kopfzeile

<td> für Tabellenzellen

Worum handelt es sich bei CSS?

Cascading Style Sheets. Diese ermöglichen es die Entwicklung von Inhalt und Stil einer Website zu trennen, bzw unterschiedliche Darstellungsvarianten für Geräte zu wählen, oder eine einfach Austauschbarkeit des Stils. Der Stil wird über Selektoren, welche mit Stilvorlagen verknüpft sind, in einer seperaten CSS-Datei definiert.

Diese Datei muss mittels des <link>-Elements im Kopfteil der betreffenden HTML-Datei referenziert werden.

Aufbaui einer CSS-Datei?

Besteht aus einer Menge von CSS-Stilvorlagen, eine Stilvorlage besteht aus Selektor und Eigenschaft-Wert-Paaren.

Mögliche Selektoren in CSS?

Standard-Selektor, ID-Selektor, Klassen-Selektor.

Was ist XML?

Xtensible Markup Language ist eine vom W3C standardisierte Sprache zur Speicherung von strukturierten Daten in Textdateien. Sie dient ebenfalls als Standard zum Austausch solcher Daten zwischen Systemen.

Definition eigener Regeln in der XML?

Mittels einer seperaten XSD (XML Schema Definition) möglich.

Aufbau einer XML-Datei?

Bestehend aus Wurzelelement und untergeordneten Elementen. Maximal ein Wurzelelement!

Wohlgeformte und gültige XML-Dateien?

  • Wohlgeformt: Wenn die allgemeinen Syntax-Regeln eingehalten werden.
  • gültig: Wenn die Regeln einer angegebenen XSD-Datei eingehalten werden.

Mögliche Elemente einer XML-Datei?

  • einfach, strukturiert oder leer

Study