| Line 14: | Line 14: | ||
==First Mock-up== | ==First Mock-up== | ||
<gallery heights="150px"> | <gallery heights="150px"> | ||
| Line 21: | Line 22: | ||
File:Entwurf_02d.jpg|Screenshot 04 | File:Entwurf_02d.jpg|Screenshot 04 | ||
</gallery> | </gallery> | ||
t.b.d. | |||
Revision as of 12:24, 5 June 2011
Introduction
The mobile age is as well a challenge for commercial websites to provide e.g. an e-shop running compatible on different mobile devices. See also wikipedia:M-commerce !
Retailers are faced with a wide range of various hardware & software conditions. First of all, they have to decide between web or native applications. All these app types keep different advantages & disadvantages. A native shopping app is on the one hand more expansive to build up than a web shopping app. On the other hand a native app allows to use more features of a given device in comparison to a web app. A web app is platform indepentent but mostly doesn't ensure such a high user expierence like a native app.
Online retailers have to managage a huge amount of data (product catalogues, customers's information, supplier specificatons etc.) via their shop software. Additionally, they have to assure the security of all electronically safed data. This has to be valid for their mobile applications, too.
The task: Creating a Web App
A web app is mostly created with HTML5, CSS3 & Java Script. And it's executed trough a mobile browser. See also wikipedia:Web app & Jonathan Stark, O'Reilly: Building iPhone Apps with HTML, CSS, and JavaScript ISBN 9780596805784
Within this project a mobile web application for an existing shop software has to be created. A reference version for the desktop website already exists with all its corporate design guidelines. The mobile reference version will have a technical connection to the running software in order to have access to all the given data structures. The main focus of this projects lies in the visual design of the mobile app. The technical realisation is interesting as well.
First Mock-up
Screenshot 01
Screenshot 02
Screenshot 03
Screenshot 04
t.b.d.