iPad Web-App Entwicklung mit Hindernissen

16. Juni 2010

Haufe Lexware - Memory Web-App für das iPad

Die nächste Web-App aus dem Hause kommdirekt wurde für den Kunden “Haufe Lexware” entwickelt. Die Idee: Ein Haufe-Weltmeisterschafts Memory-Spiel für die Messe “WOWEX” in Köln!

Verwendete Techniken:

- (X)HTML
- CSS
- Javascript
- jQuery

Schwierige Voraussetzungen

Die für eine Web-App suboptimalen Hintergründe auf der Messe machten die Entwicklung zu etwas besonderem. Da auf der Messe kein dauerhafter WLAN-Zugriff möglich war, mussten wir die Erstellung auf all die kleinen Besonderheiten abstimmen.

Das Basis-Layout wurde in validem (X)HTML und CSS 2.1 erstellt und auf die Besonderheiten des iPad’s genaustens abgestimmt. Die eigentliche Memory-Funktion wurde über das Javascript Framework “jQuery” umgesetzt. Dabei musste immer darauf geachtet werden, dass das iPad nicht überfordert wird, denn einige der Möglichkeiten die jQuery bietet, sind nicht mit dem iPad kompatibel. Aus diesem Grund mussten hier immer wieder alternative Lösungen in der Entwicklung umgesetzt werden.

Das Design der Memory-Web-App wurde an das Haufe-Lexware Portal (www.haufe.de) angelehnt und greift verschiedene Elemente aus diesem auf. Um das Spiel auch auf die aktuelle Fußball-Weltmeisterschaft 2010 abzustimmen, wurden auf die Hälfte der Pärchen Abbildungen der Flaggen der Deutschen Gruppengegner implementiert.

Reise nach Köln

Am gleichen Tag der Fertigstellung ging es für unser iPad mitsamt der aufgespielten Web-App auch schon per Kurier Richtung Köln.

Nachdem sich allgemeines Staunen über das technische Wunder aus Kalifornien gelegt hatte, musste nur noch das dortige Haufe-Messeteam in die grundsätzlichen Funktionen des iPad’s eingewiesen werden – schon konnte der Ansturm der Messebesucher beginnen.

Nach 2 Tagen Dauerbelastung kam das iPad mit durchweg positivem Feedback wieder in Augsburg an.


Keine Kommentare »

Noch keine Kommentare

Hinterlasse einen Kommentar





Kategorien

Tags

Agentur Kommdirekt

Lieber Besucher, herzlich willkommen in der Blog-Hütte von Kommdirekt in Augsburg!
Wussten Sie eigentlich, dass die Bezeichnung "Blog" eine Wortkreuzung aus englisch Web und Logbuch ist? Seit den 1990er Jahren gibt es Internet Blogs, deren Autoren Blogger genannt werden und die Gesamtheit aller Blogs im Internet nennt man Blogospähre.

Lassen Sie uns doch ein wenig aus dem Nähkästchen aus unserer Online Agentur plaudern:

In der Bloghütte unserer Online Agentur können Sie sich unter der Kategorie "Stoffwechsel" über unseren Agenturalltag bei Kommdirekt informieren. So lesen Sie z.B. freitags über das sommerliche Arbeiten bei offenem Fenster in einer Online Agentur, über Luna, unseren Online Agentur Hund, über das Verfassen von Letterlogs, über Hardcore Texten von Websites, über die Angst der Texterin einer Online Agentur vor dem weißen Bildschirm. Und, und, und …

Oder Sie informieren sich über brandheiße Neuigkeiten im Zusammenhang mit Webdesign in einer Online Agentur.

Da wäre z.B. unser Kunde GINGAR, für dessen Facebook-Seite wir seit Dezember 2010 das Webdesign entwickelt haben. Beim Webdesign geht es ja allgemein um Gestaltung, Aufbau und Nutzerführung von Websites, die mit Hilfe der technischen Gegebenheit umzusetzen sind. Und bei der Arbeit in einer Online Agentur spielt - neben der inhaltlichen Gestaltung, dem sogenannten Content - das Webdesign eine tragende Rolle.

Ziel der Zusammenarbeit zwischen dem Kunden und unserer Online Agentur Kommdirekt ist es nun, neue Fans für Facebook zu generieren sowie Aufbau und Pflege der Community. In kurzer Zeit konnten durch das Ineinandergreifen von klassischen Dialog Aktionen und Social Media Aktionen gepaart mit Webdesign made by der Online Agentur Kommdirekt, die Fans fast verdreifacht werden!

Oder à propos: unser spannender Relaunch von "Holzmann Medien": Bei der Neukonzeption und dem Redesign der Unternehmenswebsite geht es hier - neben Corporate Wording - vor allem um Corporate Webdesign: Besonderes Augenmerk wird bei diesem Webdesign auch auf die grafische Gestaltung von variablen Seitentemplates gelegt bis hin zum Upload der psd-Daten.