jQuery Mobile Tutorial: mobile Webseite (Web-App) für Smartphone erstellen mit PHP und SQL-Datenbankanbindung

In den folgenden Kapiteln wollen wir ein komplettes Projekt erstellen, das folgenden Kriterien erfüllt:

  • Für Handy, Tablet und normalen Browser geeignet (Schwerpunkt auf die mobile Nutzung)
  • Integration von Design
  • Nutzung einer SQL-Datenbank für eine Terminliste
  • Login für Betreuer
  • Daten selber durch Betreuer pflegbar (auch hier Schwerpunkt auf mobil)

Das Projekt ziehen wir mit dem Framewort jQuery Mobile durch. Dadurch haben wir sofort die breite Unterstützung von vielen Handy, Tablets und mobilen Geräten und wir haben kein Thema von verschiedenen Betriebssystemen von Android und Apple.

Selber kann man also mit dem eigenen Handy testen und die Ergebnisse überprüfen. Für das Tutorial benötigt man außer einem Browser (vorzugsweise Chrome) und einen Texteditor eigentlich nichts - für die Veröffentlichung der Anwendung wird ein Webserver benötigt. Dazu im entsprechenden Kapitel mehr.

Schritt für Schritt bauen wir also in den folgenden Kapiteln unsere mobile Anwendung mitsamt dem Design auf. So kann das Tutorial einfach mitgemacht werden und bei einer eigenen Anwendung die entsprechenden Inhalte und Datenbankaufbau entsprechend angepasst werden.

Viel Spaß beim Mitmachen