Webprogrammierung



Anstatt uns jetzt in Details der Softwareentwicklung wie in Variablen und Schleifen zu verheddern, wollen wir uns lieber angucken, wo und welche Kodierungen im Web eingesetzt werden. Interessanterweise ist die Mutter fast aller Kodierungen, wie unterschiedlich diese auch immer aussehen, die schnöde Textdatei - einfach zu lesen und zu ändern mit dem Notepad. Und hier die Übersicht:

KodierungBeispielZielsystemEingabeAusgabe/Verwendung

HTML

HyperText
Markup
Language
<HTML>
<BODY>
Hello!
</BODY>
</HTML>
Client- htm/html-Dateien
- Scripting-Ausgaben, z.B. aus PHP- oder ASP-Scripten
Tags, eingeschlossen durch < und > steuern die Darstellung des Inhaltes im Browser.

CSS

Cascaded
Style
Sheet
body {background-color:#000000;color:#FFFFFF}
Client- css-Datei oder
- eingeschlossen in <Style> und </Style> direkt in HTML-Datei
Konfigurationsdaten für Eigenschaften von HTML-Elementen.

Javascript

document.write("Hello!");
Client- js-Datei oder
- eingeschlossen in <Script type="text/javascript"> und </Script> direkt in HTML-Datei
Dynamische Anpassung des Webseiteninhaltes auf dem Client, üblicherweise aus einem HTML-Datenstrom heraus aufgerufen.

Java

class hello {
  public static void main(String args[]) {
    System.out.println("Hello!");
  }
}
Server,Client- class-Dateien oder
- java-Dateien (kompiliert)
Server: Als Java-Servlet.
Client: Als Java-Applet ausgeführt von der Sun-Java-Engine oder der Microsoft Virtual Machine im Browser oder standalone in der Java-Runtime.

ASP

Active
Server
Pages
<%
  Response.Write "Hello!"
%>
Serverasp-DateienDer Interpreter kann z.B. HTML-Datenströme generieren, die an den Client ausgegeben werden.

PHP

Hypertext
Preprocessor
<?php
  echo "Hello!";
?>
Serverphp/php4/php5-DateienDer Opensource-PHP-Interpreter oder Zend-PHP-Compiler kann z.B. HTML-Datenströme generieren, die an den Client ausgegeben werden.

MYSQL/SQL

Structured
Query
Language
SELECT name FROM userstable WHERE age<20; Server- sql-Dateien
- sql-Anfragen, die eine Webapplikation an den SQL-Server richtet
Wertelisten/ Tabellen zur Weiterverarbeitung

Pearl

Process and
Experiment
Automation
Realtime
Language
#!/usr/bin/perl -w
use strict;
print "Hello!";
Serverpl-DateienZ.B. zur Generierung von HTML-Datenströmen.

XML

Extensible
Markup
Language
<?xml version="1.0" encoding="ISO-8859-1"?>
<Data info="Hello!">
</Data>
Datentransport,
Datenspeicherung
xml-Dateien- direkte Ausgabe auf dem Browser
- Weiterverarbeitung (Transformation) durch Preprozessoren (z.B. XSL)
- Verwendung als Steuerdaten für Prozesse

XSL

Extensible
Stylesheet
Language
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="Data">
<xsl:value-of select="@info" />
</xsl:template>
</xsl:stylesheet>
Server,Clientxsl-DateienUmwandlung (Transformation) von XML-Daten, z.B. in HTML-Datenströme

Neben den Kodierungsmöglichkeiten spielen in der Webindustrie auch noch Konzepte und Frameworks eine Rolle:
SystemeBeispielZielsystemEingabeAusgabe/Verwendung

AJAX

Asynchronous
Javascript
And XML
-Server,ClientJavascript zu Darstellung auf dem Client ohne sichtbaren Webseitenneuaufbau+
XML zum Datentransport
XML zum Datentransport +
beliebiges serverseitiges Scripting

.Net

-Server,Client.Net is eine Laufzeitumgebung mit einer Funktions- und Klassenbibliothek. Ausdrücklich werden unterschiedliche Programmiersprachen in einem Softwareprojekt unterstützt. Es existieren zahlreiche .Net-Anwendungen für den standalone-Computereinsatz.

Und dann gibt es natürlich auch noch die Programmiersprachen, die für Softwareprojekte aller Art und eher seltener für Webanwendungen eingesetzt werden:
KodierungBeispielMerkmaleEingabeAusgabe/Verwendung

Assembler

DATA SEGMENT Message db "Hello!"
    db "$"
DATA ENDS
CODE SEGMENT
ASSUME CS:CODE,DS:DATA
start:
mov ax,DATA
mov ds,ax
mov dx,offset Message
mov ah,09h
int 21h
CODE ENDS
END start
- Maschinencode
- Hardwareabhängig-
- Assemblierung erforderlich
asm-Dateien,
nach der Assemblierung:
exe, com
Ausgabegeräte des Computers

C

#include <stdio.h>
int main(void)
{
printf("Hello!\n");
return EXIT_SUCCESS;
}
- Hardwarenah
- Prozedural
- Compilersprache
c-DateienAusgabegeräte des Computers

C+

#include <iostreamh>
#include <ostreamh>
int main()
{
std::cout << "Hello!" << std::endl;
}
- Hardwarenah
- Objektorientiert und Prozedural
- Compilersprache
c++-DateienAusgabegeräte des Computers
komfortable Bibliotheken erlauben interaktive, grafische Oberflächen

C#

class MainClass
{
public static void Main()
{
System.Console.WriteLine("Hello!");
}
}
- Objektorientiert
- Hochsprache
cs - Dateieninteraktive Applikationen basierend im Windows-Kontext

VBA

MsgBox("Hello") - Interpretersprache
- Prozedural
- Integriert in Microsoft Office Apps
- vb/vbs/vba-Dateien
- MS Office Script
- Interpreter Konsole
- MS Office Controls


Haben Sie Fragen zur Webprogrammierung? Klicken Sie hier für Hilfe.