Es ist empfehlenswert auch webbasierte Lösungen in logisch getrennte Schichten zu strukturieren.

Eine typische Drei-Schichten-Architektur aus der klassischen Anwendungsentwicklung besteht aus:

• eine Präsentationsschicht – Sie ist für das Design und Benutzerschnittstelle verantwortlich; in eine Web-Anwendung wird hier die HTML und CSS Antworten erstellt.
• eine Datenhaltungsschicht – Sie enthält die Datenbank und ist verantwortlich für das Speichern und Laden von Daten.
• eine Logikschicht – Sie beinhaltet alle Verarbeitungsmechanismen.

Grafiker können also am Präsentationsschicht arbeiten; Datenbankspezialisten gleichzeitig an das Datenmodell. Die separate Frontend ermöglicht die Realisierung von Design-Anpassungen, ohne Anwendungslogik verändern zu müssen. Die Datenhaltungsschicht ermöglicht z. B. den Einsatz unterschiedliche Datenbanksysteme (MYSQL, ORACLE, MSSQL, POSTGRESQL ...), ohne dass die anderen Schichten davon direkt betroffen werden.

Als Ergebnis sind solche Anwendungen bei der Entwicklung und Wartung flexibler und agiler.   

PHP-Web-Entwicklung

Wenn PHP als Entwicklungssprache verwendet wird, kann PHPLIB verwendet werden, um schnell die benötigte Code-Framework zusammenzustellen. Hier finden Sie:

• eine Template-Klasse, um HTML-Designcode von der Anwendungslogik klar zu trennen
• eine einheitliche Container-Datenbankklasse, die die gängigsten SQL-Datenbanken unterstützt
• und Klassen für die Benutzerauthentifizierung und Session-Management

Für die Präsentationsschicht, hat das Smarty-Template-System etwas mehr zu bieten als der PHPLIB-Klasse. Smarty unterstützt u.a. einfache, logische Ausdrucke wie Schleifen und If-Bedingungen direkt in der HTML-Template (mehr..), und bietet daher vergleichbare Flexibilität wie der Razor View Engine von ASP.NET.

ASP.NET-Web-Entwicklung

Wenn ASP.NET für die Entwicklung verwendet wird, kann das Model-View-Controller (MVC) Framework von Microsoft zum Einsatz kommen. MVC basierte Anwendungen beinhalten (*):

• Models: Klassen um Anwendungsdaten zu handeln und validieren.
• Views: Template-Dateien, die benutzt werden um HTML-Antworten dynamisch zu erzeugen.
• Controllers: Klassen, um die Browser-Anfragen zu behandeln, Daten abzufragen, und Antworten mit Hilfe der View-Templates zu generieren und zurückzusenden.

Als Entwicklungsumgebung kann das kostenlose MS Visual Studio Express 2012 verwendet werden und im April 2009 wurde der MVC-Quellcode selbst unter der Microsoft Public License (MS-PL) veröffentlicht (*).

Visual Studio Express 2012 für das Web beinhaltet Projekt-Vorlagen, um die Erstellung von MVC-Anwendungen zu erleichtern. Vorlagen für Internet-, Intranet- und Mobile Anwendungen sind vorhanden:

[gallery columns="2" filter="no"] [gallery_item tag="vs2012" src="/images/minima/gallery/blog/mvc4/vs20121.jpg" /] [gallery_item tag="vs2012" src="/images/minima/gallery/blog/mvc4/vs20122.jpg" /] [/gallery]

Die Vorlage für Mobile Anwendungen bindet auch automatisch alle Abhängigkeiten für das jQuery Mobile Framework ein. jQuery Mobile ist die mobile Variante des jQuery-Webframeworks zur Entwicklung von Web-Applikationen für Smartphones und Tablets. Es beinhaltet eine Komponentenbibliothek auf Basis von HTML5, CSS und Javascript und wurde für die Touch-Bedienung optimiert. Das Framework ist weitgehend von Plattformen und Geräten unabhängig.

Somit wird die Entwicklung von moderne, performante Web-Anwendungen wesentlich beschleunigt. Solche Applikationen sind für Touch-Bedienung optimiert, passen sich automatisch an die Bildschirmgröße des Endgeräts an und sind weitgehend von Plattformen und Geräten unabhängig:

• Apple IOS für Ipad/Ipod/Iphone
• Android
• Microsoft Windows 8 und Windows RT

Somit können Benutzer die Anwendung auf dem Endgerät ihrer Wahl bedienen!