Web-Application Development

Zugriff auf Web-Server (Spielwiese)

ftp-Accounts

• Login Details (static content):
  Servername:ftp.peterliwiese.ch
  Username:static@peterliwiese.ch
  Password:ask your teacher
  Base URL: http://hwz.peterliwiese.ch/studenten
  
  
  
• Login Details (scripting):
  Servername:ftp.peterliwiese.ch
  Username:scripting@peterliwiese.ch
  Password:ask your teacher
  Base URL: http://hwz.peterliwiese.ch/cgi-bin/scripting
  
  
  
• oder Alternativ die Web-Based tools zum Editieren und Upload von Files:
  http://www.peterliwiese.ch/cgi-bin/SI/login.pl
  
  

Zuteilung der Unterverzeichnisse

Uebersicht der Beispiele

HTML und CSS

• HTML Basics
• XHTML Simple
• AppletLib
• Beispiele von Adresslisten
  • Adressliste mit eigenem CSS verlinkt

Formulare

• Formular-Elemente
• Get-Post
• Aufbauserie eines Anmeldeformulars mit cookies
  • Abmeldeformular --> echo.pl
  • Abmeldeformular mit JS und Cookies --> echo.pl
  • Abmeldeformular --> http://www.peterliwiese.ch/cgi-bin/formHandler.pl
  • Oktoberfest-Bestellformular (Test-Version)
• Formular-Elemente mit bootstrap

Formulare mit Java-Script

• Mathe-Probleme
• Einkaufs-Formular
• Formular mit DIV changes

Server-Scripts (Python 2)

• cgi_01.py (basic hello world script)
• cgi_02.py (import requests)
• cgi_03.py (processing environment)
• cgi_04.py (import cgi und request senden)
• cgi_05.py (returning simple JSON)
• cgi_06.py (returning more complex JSON)
• cgi_07.py (returning a dict / list as JSON)

Server JSON Scripts (Perl)

• cgi_05.pl (returning simple JSON)

HTML, CSS, JS, AJAX

• Plain HTML
• Plain HTML with CSS
• CSS
• Ugly HTML with JavaScript / AJAX
• JavaScript / AJAX
• Nice HTML with CSS and JavaScript/AJAX
• App mit Karte

Python WSGI Application on Novatrend

• WSGI Application