1. Daily-Dress
Dennis Kirch, Bao-Loc Nguyen Ngo, Nicolas Osterloh,
Torsten Sehy, Stephan Wels
The slides are licensed under a
1 Web Technologies – Prof. Dr. Ulrik Schroeder – WS 2010/11 Creative Commons Attribution 3.0 License

2. Table of Contents
 Overview
 Client Side Technologies
 HTML 5
 CSS
 JavaFX
 JavaScript
 XML/XSLT
 Server Side Technologies
 Servlets
 Jsp
 Web-Services
 Google Weather API
 wastunheuteabend.de API
2 Web Technologies

3. Overview
Browser
JavaScript JavaFX
HTML 5 / CSS / XML
Other
APIs Servlets Jsp Google
Weather
Google App Engine Api
Google
3 Web Technologies

4. HTML 5 / CSS
 Geolocation
 Webfonts
4 Web Technologies

5. JavaFX
 Rich Internet Application
 Display proposed clothes
 With cool transitions
 Sandbox principle
 In Theory:
 Runs on 75% of computer systems
 Good performance through GPU-usage
 In Practice:
 Various problems on many systems
 Bad performance (i.e. mobile devices)
5 Web Technologies

6. JavaScript
 Rewrite of clothes-viewer
 Good performance, less effects
 Runs on any machine
 Ajax
 Dynamic loading of content
 Tabs in company-view
6 Web Technologies

7. Servlets
 Servlets run on Google App
Engine
 HTTP Requests processed by server
 URL-Patterns resolved to servlet call
 Used for:
 Storing data in the database
 Loading data from the database
 Query Google-Weather-API
 Session Management
7 1 Introduction

8. JSP
 Frontend for Servets
 Used for:
 Reprocessing XML files provided by APIs.
 Render Servlet data into XML output.
 Company view
8 Web Technologies

9. Google Weather API
 HTML 5 Geolocation request
 Ajax query passes data to Servlet
 Servlet queries Google Weather API
 Sample request:
 www.google.com/ig/api?weather=Aachen
 Sample response:
<current_conditions>
<condition data="Nieselregen"/>
<temp_f data="37"/><temp_c data="3"/>
<icon data="/ig/images/weather/rain.gif"/>
<wind_condition data="Wind: N mit 3 km/h"/>
</current_conditions>
9 Web Technologies

10. Wastunheuteabend.de API
 XML with event data received by servlet
 Filtering events (weather conditions)
 Send as filtered XML to client (+cleanup)
 On client-side transformed to HTML using an
XSLT-Stylesheet
 Eventlinks redirect to wastunheuteabend.de
10 Web Technologies