Bei der mobile Webseite handelt es sich genau genommen um eine mobile Web Applikation, da diese für die speziellen Themes und Geräte-Eigenschaften optimiert ist. Beispielsweise heißt das, dass die mobile Webseite auf einem Android Geräte die gleichen Bedienelemente aufweist, wie eine native App. Gleiches gilt auf für das iPhone. Dennoch werden auch ältere Geräte unterstützt, damit auch auf diesen Geräten das Surfen auf mobile.bookrix.de Spaß macht. Auch bei diesem Projekt kommt die FITML-Technologie unseres Partners Sevenval zum Einsatz, welche für das Rendering der mobilen Inhalte zuständig ist.

Und hier noch die Pressemitteilung auf buchreport:

Montag, 07. Juni 2010
Kostenlose Ebooks für Smartphones & Co

BookRix launcht mobile Website

www.bookrix.de launcht seine mobile Website mobile.bookrix.de. Die große Online-Bibliothek wurde speziell für Smartphone-Besitzer, die mobil im Internet surfen, konzipiert. 25.000 Ebooks stehen zum kostenlosen Download zur Verfügung. Eine Registrierung ist nicht notwendig.

Der User findet sich auf der gut strukturierten Seite schnell zurecht und kann 55 verschiedene Kategorien bzw. Literatur-Genres nach Büchern durchstöbern. BookRix setzt dabei auf das ePub Format, das auf nahezu allen gängigen Smartphones und E-Readern lesbar ist.

BookRix wird somit dem Zeitgeist voll und ganz gerecht. Der Trend zum mobilen Lesen wird vor allem jetzt nach dem Verkaufsstart des iPad noch weiter stark zunehmen.

„Da sich die Entwicklung hin zum mobilen Lesen immer mehr beschleunigt, wollen wir mit unserer mobilen Website zunächst lesebegeisterte Smartphone-Nutzer erreichen, die unterwegs im Internet surfen und kostenlosen Lesestoff für ihr mobiles Lesegerät suchen“, betont Gunnar Siewert, Gründer und Geschäftsführer von Bookrix und fährt fort: „Unser Angebot richtet sich an alle Menschen, die ein Smartphone oder Tablet-PC wie z.B. das iPad nutzen und eine wirkliche Alternative zu kostenpflichtigen Ebook-Anbietern suchen.“

BookRix Mobil mit allen bekannten Funktionen

Die neue mobile Seite mobile.bookrix.de wird um die von www.bookrix.de bekannten Community-Funktionen wie z.B. Buch-Erstellung, Kommentare, Diskussionen etc. nach und nach ergänzt. Der mobile Nutzer wird somit schon bald nicht nur Bücher zum Download vorfinden, sondern auch von unterwegs z.B. seine Privatnachrichten abrufen können, womit der Nutzer jederzeit über das Geschehen in der Community auf dem Laufenden bleibt. Und das auch, wenn er nicht zuhause vor dem Computer sitzt.

Merle, Bürokatze a.D. beschnuppert das iPad

Heute morgen hat auf Bayern 3 der Moderator das iPad als “der neue Minicomputer von Apple” vorgestellt. Auch auf der Webseite der Tagesschau wird es als “Minicomputer” bezeichnet und zusätzlich als eine “Mischung aus Smartphone und Laptop”.

Aber was ist es nun das iPad? eBook Reader, Smartphone, Laptop, mobile Surfmaschine, … alles oder nichts? Oder vielleicht etwas ganz neues? Um Apps mit guten Konzepten zu entwickeln, muss man sich das iPad erschließen. Nachdem jeder von uns das Gerät ausgiebig getestet hat (sogar Merle, die ehemalige Bürokatze hat einen Blick draufgeworfen), haben wir in einer gemeinsamen Brainstorming-Session uns überlegt, was dieses Multimedia-Gerät alles sein kann.

Die Ergebnisse sind in einer Art Begriffssammlung festgehalten und durchaus nicht als vollständig anzusehen. Da gibt es bestimmt noch einiges mehr. Das wird davon abhängig sein, welche iPad Apps entwickelt werden, ob man als iPad Besitzer dieses mitnimmt und mobil Inhalte abruft. Oder wie kreativ die Hardwarehersteller sind. Außerdem treffen für jeden persönlich vielleicht nur ein, zwei oder drei Begriffe zu. Das kommt eben ganz darauf an, welche anderen Geräte man sonst noch besitzt und für welche persönlichen Zwecke man das iPad benutzen möchte. Deshalb die Frage an die Blog-Leser: Was ist das iPad für euch? Ich würde mich freuen, wenn noch ein paar Begriffe hinzukommen und diese Sammlung immer runder wird.

iPad Ansätze zusammengetragen von den insertEFFECTlern

3 der 4 genannten Begriffe sind Anglizismen. Deshalb als erstes der Versuch diese “einzudeutschen”:

• Clickdummy: Click steht ganz einfach für das Anklicken. Und Dummy kennt man wohl eher aus der Automobilbranche als eine Puppe, die den menschlichen Körper nachbildet und für Testzwecke verwendet wird. Allerdings kommt der Begriff “Prüfkörper” in diesem Zusammenhang der Bedeutung am nähsten. Heißt also zusammangesetzt: klickbarer Prüfkörper.
• Wireframe: Auch bei diesem Begriff ist es sinnvoll beide Wortteile separat zu betrachen: Wire kann man am besten mit Draht übersetzen und frame bedeutet hier Gerüst. Folglich beschreibt ein Wireframe ein Drahtgerüst für ein System, Programm, etc.
• Mockup / Mock-up: Bei einem Mockup kann man die gängige Übersetzung für Nachbildung heranziehen.

Obwohl diese Begriffe nun etwas eingegrenzt sind, folgt im Weiteren eine Darstellung des praktische Ablaufs, wie bei insertEFFECT ein Clickdummy / Wireframe / Mockup / HTML Prototyp realisiert wird. Dabei spielt der zeitliche, als auch inhaltliche Aspekt eine wichtige Rolle:

Am Anfang fast Jeden Projekts, sei es eine mobile Website, eine normale Webseite oder eine Usability Analyse wird bei insertEFFECT ein Clickdummy / Wireframe / Mockup / HTML Prototyp erstellt. Dieser wird unabhängig von der späteren grafischen Benutzerobefläche umgesetzt. Er soll ausschließlich den Clickflow (Wie klicken sich BenutzerInnen durch die Seite) und das Wording (Wortwahl) von beispielsweise Buttons oder Labels darstellen. Damit der Betrachter nicht vom Design abgelenkt wird, werden Dummygrafiken und Dummyinhalte im Clickdummy / Wireframe / Mockup / HTML Prototypen verwendet. Das fertige Produkt ist über einen (mobilen) Browser abrufbar und Testfelder, Links oder Buttons sind klickbar.

Kurze Zusammenfassung:

Zeitlicher Aspekt: Anfang eines Projekts

Inhaltlicher Aspekt: Dummyinhalte

Abrufbar: über den Browser

Sinn und Zweck: Darstellung des Clickflows und Überprüfung des Wordings

Screenshot eines sehr ausgereiften Clickdummies - umgesetzt in Axure

Werden diese Punkte bei der Wahl der geeigneten Bezeichnung beachtet, so triftt es am ehesten der Begriff “Clickdummy” für Clickdummy / Wireframe / Mockup / HTML Prototyp made by insertEFFECT. Abschließend noch ein paar Worte zur Wahl dieses Begriffs. Im Ausschlussverfahren schwächelt der Begriff Wireframe dahingehend, dass er sehr grob gewählt ist und nicht auf den Zweck eingeht. Bei einem Mockup könnte man meinen, dass die textuellen Anforderungen nachgebildet werden. Allerdings gibt diese Bezeichnung keinerlei Aufschlüsse über den Abstraktionsgrad. Im Gegensatz dazu legt die Bezeichnung “HTML Prototyp” eindeutig fest, in welcher Technologie dieser umgesetzt wird. Zwar ist es wichtig, dass unsere Clickdummies im Browser abrufbar sind, dennoch könnten sie genauso gut in Flash, Objektiv-C, XHTML, … erstellt sein.

Benno hat in einem früherer Blog-Eintrag das Projekt “stellenanzeigen.de” vorgestellt. Diesem Projekt ging auch ein Clickdummy voraus. Dieser ist abzurufen unter http://www.inserteffect.com/showcase/clickdummystmw/.

Vielen Dank an dieser Stelle an www.stellenanzeigen.de für die Zustimmung zur Veröffentlichung des Clickdummies!

Mobile Web und iPhone Applikation für die Online Jobbörse stellenanzeigen.de

stellenanzeigen.de MobileWeb iPhoneApp

Innerhalb von 1 bis 2 Monaten haben wir stellenanzeigen.de auf die Höhe der derzeitigen mobile-Technik gebracht. Mit einer endgeräteoptimierten MobileWeb-Site für alle internetfähigen Handys und einer nativen iPhone-App die die Usability des iPhones speziell ausnutzt. Im Hintergrund arbeitet eine Middleware mit Reporting und Tracking.

Die iPhone App gibts im Appstore und unter http://www.stellenanzeigen.de/iphone/
Die mobile Website erreicht ihr unter http://m.stellenanzeigen.de/

Was sagt ihr? Passt die Usability? Was kann man verbessern? Wir freuen uns über Feedback in den Kommentaren!

HIer noch die offizielle Pressemitteilung von stellenanzeigen.de:

stellenanzeigen.de: Auf dem Weg zur mobilen Jobbörse

München, 12. Mai 2010 - stellenanzeigen.de hat das Angebot für die mobile Jobsuche optimiert. Kandidaten können die Angebote der Online-Jobbörse damit auch unterwegs kostengünstig, schnell und effizient nutzen.

Immer mehr Jobsuchende sehen sich auch unterwegs nach neuen beruflichen Herausforderungen um. Sie nutzen Pausen im Büro, Zug- und Straßenbahnfahrten, die halbe Stunde vor dem Einchecken am Flughafen oder auch den kurzen Stopp am Wochenende im Straßencafé an der Ecke, um neue berufliche Horizonte zu entdecken. Möglich macht die Jobsuche “to go” eine technische Revolution im Mobilfunk: Mobile Endgeräte wie iPhone, Blackberry, LG oder Nexus One treiben die Verbreitung des mobilen Internets immer weiter voran. Brancheninsider gehen davon aus, dass jedes dritte verkaufte Handy in diesem Jahr ein Smartphone sein wird.

stellenanzeigen.de gestaltet diesen Wandel mit und geht auf jene Kandidaten zu, bei denen mobile Endgeräte immer mehr den Alltag bestimmen. Schon seit 2005 betreibt stellenanzeigen.de eine mobile Plattform, die auf allen internetfähigen Handys verfügbar ist. Jetzt gibt es nicht nur ein neues Design: Rufen Nutzer die Adresse www.stellenanzeigen.de mobil auf, erkennt das Portal automatisch den Gerätetypus. Egal ob Jobsuchende von einem iPhone, Blackberry oder einem anderen internetfähigen Gerät das Portal aufrufen, das mobile stellenanzeigen.de passt sich der jeweiligen Bildschirmbreite automatisch an.

Auch die Suchfunktion im mobilen Portal hat die Online-Stellenbörse verbessert. Analog zur Suche auf der Online-Seite können die Nutzer nach Aufgabengebiet, Postleitzahl und per Freitextsuche ihren Wunschjob finden - und die Treffer gleich an ihre E-Mailbox weiterleiten. Für das mobile Portal ist als technischer Partner insertEFFECT verantwortlich. Der Spezialist für Web-Anwendungen auf mobilen Endgeräten hat stellenanzeigen.de auch bei der Umsetzung der neuen App fürs iPhone unterstützt.

Seit Dezember 2009 können Jobsuchende die Anzeigen von stellenanzeigen.de über die Anzeigen-App der marktgruppe von Ihrem iPhone aufrufen. Nun hat stellenanzeigen.de zusätzlich eine eigene App namens “Jobs” im Look & Feel der Online-Jobbörse entwickelt. Die App können iPhone-Nutzer für den individuellen Bedarf konfigurieren und sie zum Beispiel für die lokale Suche nach Stellenangeboten mit der Ortungsfunktion des Geräts verknüpfen.

“Mit unserem neu gestalteten Mobilportal und unserer eigenen iPhone App “Jobs und Stellenangebote von stellenanzeigen.de” zählen wir in der mobilen Jobsuche zu den Vorreitern der Branche. Wir ermöglichen damit auch unterwegs jederzeit Zugriff auf die neuesten Stellenangebote und folgen damit den geänderten Gewohnheiten einer immer größer werdenden Gruppe von Kandidaten”, sagt Michael Weideneder, Geschäftsführer von stellenanzeigen.de.

Interview: Benno Bartels from Ilona Koglin on Vimeo.

Also, sind Halil und ich gestern morgen mit dem Handyschlitten und ein paar Aufgaben im Gepäck zur Cebit gefahren. Halil wurde etwas ins kalte Wasser geworfen, weil er sehr spontan für Benno einspringen musste und Mobile Usability bisher nicht sein Steckenpferd war. Angekommen auf der CeBIT war das erste erwähnenswerte Ereignis eine an uns vorbeihuschende Bundeskanzlerin Angela Merkel zusammen mit dem spanischen Ministerpräsidenten José Zapatero. Nachdem wir uns durch die riesigen Hallen mehr oder weniger durchgekämpft haben, war das erste Ziel die Webciety. Zur Einstimmung auf diesen Rahmen, haben wir uns die Diskussion „Future of Web Management“ angeschaut. Diskutiert wurde hauptsächlich das Thema, wie Unternehmen geschickt die bestehenden Communities einsetzen können. Oder ob es sich lohnt sein eigenes Netzwerk aufzuziehen? Fazit: Erstmal das Potenzial bestehender Web 2.0 Technologien richtig nutzen. Einen musikalische Performance hat danach Johannes Kreidler dargeboten. Am Anfang für mich ein absolut neues Hörerlebnis. Die Töne aus den Lautsprechern hat Johannes mit Hilfe von Joysticks erzeugt. Gewöhnungsbedürftig, aber definitiv so, dass man überrascht ist, mit welchen Mitteln man Klänge und Sounds erzeugen kann.

Performance: Electronic Sound Art by Johannes Kreidler

Bevor die Bühne für uns frei war, fand noch eine kleine Diskussionsrunde zum Thema “Realtime Web & Attention Economy” statt. Und danach hieß es dann „Interactive! Mobile Usability Testing“ mit Halil und mir. Ein sehr guter Proband, den ich gleich wieder zu einem Use Test einladen würde, weil er sehr schön die „Think Aloud“ – Methode angewendet hat, hat mit seinem mobilen Endegerät ein paar Aufgaben gelöst. Exemplarisch an diesem Test haben sich dann die Problemgebiete „Eingabe und Ausgabe“ herauskristallisiert. Außerdem hat sich gezeigt, wie wenig auf den mobilen Kontext bei der Entwicklung mobiler Anwendungen eingegangen wird oder weshalb es so wichtig, dass man dem Benutzer die Texteigabe so leicht, wie möglich macht. Die Message unsere Session: „Schon mit einfachen Mitteln, kann man einen Guerilla Usability Test durchführen, mit dem man einfach und effizient Probleme einer mobilen Webseite detektieren kann.“.

Augmented Reality

Danach sind Halil und ich dann ganz entspannt über die CeBIT geschlendert, haben Uwe Seeler gelauscht, oder uns gewundert, dass gefühlte 99% der Hardware-Hersteller aus dem fernen Osten kommen.

Uwe Seeler auf der CeBIT

“Weniger ist mehr” - die erste Session war ein Erfahrungsbericht, offene Diskussionsrunde, wie auch immer, zum Thema Kundenumgang. Matthias, der Schauspieler und Clown ist (das ist er tatsächlich), hat die Regeln der Kommunikation schön veranschaulicht und am praktischen Beispiel “Kundengespräch” gezeigt, wie man sie einsetzen soll. Zum Schluss gabs von im ein kleines Schmankerl in Form eines Gedichts. Ich würde sagen, super Start in den Barcamp-Sonntag. Mitgenommen habe ich “Sei Du selbst!”. Dann waren wir dran mit unserer ersten Session: “Mobile Usability + Live-Usability Test”. Das lief so ab, dass Benno eine kurze Einführung gegeben zu diesem Thema. Danach haben wir dann unseren Handyschlitten aufgebaut und einen freiwillgen Probanden aus dem Publikum zum Testen nach vorne gebeten. Dieser musste dann eine kleine Aufgabe auf der mobilen Webseite der Post lösen. Schnell waren alle im Publikum “Testleiter” und haben Benno einzelne Punkte, welche die Seite schlecht bedienen lassen, genannt. Benno hat sie auf einem Flipchart mitprotokolliert, so dass wir am Ende der ersten Aufgabe doch einige Punkte gesammelt hatten. Da noch etwas Zeit übrig war, haben wir noch die mobile Website der VAG unter die Lupe genommen. Hat auch Spaß gemacht, denn man hatte den Eindruck, dass viele endlich mal sagen konnten, was ihnen an diesen Seiten nicht gefällt.

Am Mittag folgte dann die Diskussionsrunde “Was kommt nach dem App Store Hype”. Diese wurde von Benno und Halil iniziiert aus aktuellem Anlass. Manu hat letzt Woche einen Blogeintrag dazu veröffentlicht. Diese Diskussion hat sich inhaltlich schnell in Richtung Apple orientiert. Lag vielleicht auch daran, dass viele eingefleischte Apple Benutzer anwesend waren. War dennoch sehr interessant zu sehen, wie diese Fragestellung die Gemüter erhitzt.

Das war dann auch schon die letzte Session des Tages und mir bleibt eigentlich nur noch zu sagen: “Mir hat’s getaugt - schön war’s” und vielen, vielen Dank an die tolle Orga!!!

Weitere Blogeinträge über das Barcamp und anderen Sessions:

Roman Hanhart mit Fotos vom Brunnen

Der Kinocast mit Fotos vom Essen

frankentipps.de

Heute morgen gings dann mit der Vorstellungsrunde und Sessionplanung los. Die Bereitschaft eine Session zu geben, war überwältigend, was man auch daran sieht, dass spontan 2 weitere Locations einberaumt wurden. Den Sessionplan gibt’s hier: http://sessions.bcnue2.de/.

Mein Tag startete mit der Session “On Air-TV Design”. Uli, die “Verpackungen” für TV-Formate macht, hat etwas aus dem Nähkästchen geplaudert, was ich sehr interessant und spannend fand. Danach habe ich mir eine Session zu einem ganz anderen Thema angeschaut: “NoSQL - Postrelationale Datenbanken”. Und dann war auch schon Mittagspause. Gut gestärkt startete der Nachmittag mit einem Weblog-Check. Unter die Lupe wurden 3 Blogs genommen: fotolism.us, sebbi.de und last but not least Organisation. Ein paar Tipps konnte ich mitnehmen, wie bspw. Kategorien gewählt aussuchen, 3-spaltige Layouts sind sinnvoll oder dass im Impressum/Kontakt auf keinen Fall eine Telefonnummer fehlen darf. Danach bin ich in den Genuss der Session “Experience Design mit Showbiz Ansatz” gekommen. Jetzt weiß ich endlich, wie man sich als Barchart fühlt. ;-)  Nach diesem beeindruckend Erlebnis gings mit einem sehr wichtigen und auch ernsten Thema weiter: “Jugenschutz im Internet”. In dieser Diskussionsrunde hat sich gezeigt, dass es keine technische und/oder politische Maßnahme gibt, die erfolgsversprechend sein wird. Ich fands super, dass auch so etwas auf einem Barcamp besprochen wird. Hat mich persönlich zum Denken angeregt. Danach habe ich dann erstmal eine Kaffeepause, mit sehr lecker Donauwelle gemacht, um mir anschließend die für mich letzte Session “Usability Testing” anzuschaun.

Kurzes Fazit: Ein super, abwechslungsreicher, top-organisierter Tag auf dem Barcamp Nürnberg geht zu Ende, der auf morgen neugierig macht. Da werden wir dann auch aktiv ins “Session”ing eintreten.

Nach meinem Urlaub gibts dann hoffentlich noch ein, zwei Artikel zu dem Thema, die etwas tiefer drauf eingehen, welche Frameworks es zum Entwickeln von WebApps gibt und was heutzutage mit WebApps schon geht und was nicht.

Apps, Apps und… Apps

Bei uns im Büro vergeht momentan kein Tag, an dem wir nicht mit der Frage “App oder WebApp?” konfrontiert werden (siehe auch Ninas Artikel zu den M-Days 2010). Meistens möchten Kunden von uns wissen, was sie denn nun brauchen:

• iPhone-App (”hat jetzt jeder”)
• Android-App (”wird bestimmt bald durchstarten”)
• Blackberry-App (”wenn schon, denn schon”)
• Windows Mobile App (”bestimmt auch irgendwie wichtig”)
• Apps für weitere Plattformen (”warum nicht?”)
• Mobile Website (”definitiv sinnvoll!”)
• Mobile Widgets (”die gibts ja auch noch”)
• Mobile WebApp, Launcher und/oder Hybrid-Apps (”was war das gleich nochmal?”)

Auf die Frage nach der besten Mobile-Plattform möchte ich an der Stelle nicht eingehen (vielleicht ein ander Mal). Man muss sich ja schließlich auch mal auf eine Fragestellung beschränken können (schwer genug).

Was ist eine mobile WebApp?

Eine mobile WebApp (oder auch oft TouchWebApp) ist erstmal nichts anderes als eine mobil optimierte Website. Der Unterschied ist aber, dass eine mobile WeApp mehr Interaktion bietet (server- oder clientseitig) und den Anspruch erhebt, sich ganz oder teilweise wie eine native App anzufühlen. Um das zu erreichen muss man sich davon verabschieden, eine möglichst breite Anzahl an Endgeräten zu unterstützen. WebApps sind oft nur für einige wenige Browser/OS/Geräte-Varianten optimiert, manchmal sogar nur für eine einzige (errät jemand, für welche?).

Was bringts?

Mobile WebApps können mehr, als man von einem Browser erwarten würde. Je nach Browser bzw. Gerät kann man als Entwickler auf unterschiedliche Schnittstellen zugreifen, die einen schon mal vergessen lassen, dass man auf einem Browser unterwegs ist, z.B.:

• Geo-Lokalisierung
• Native Animationen
• Audio/Video
• Zugriff aufs Adressbuch
• Clientseitige Datenhaltung
• Bewegungssensor
• Fullscreen-Modus

Der zweite Punkt in dieser Liste, die Unterstützung nativer Animationen, ist nicht zu unterschätzen. Auch wenn es für manche eher nach Spielerei klingen mag, ist es auf der einen Seite erstaunlich, was da mit Webtechnik inzwischen möglich ist. Auf der anderen Seiten sind es nicht zuletzt diese kleinen visuellen Effekte, wie z.B. das “Flippen”, “Faden” oder “Swappen” beim Wechseln der Seiten, die das “App-Feeling” ausmachen und für die Akzeptanz der User eine ganz entscheidende Rolle spielen.

Das Mobile WebApp-Framework jQTouch zeigt auf der Startseite in einem Screencast und einer Live-Demo ein paar ganz nette Beispiele für diese Animationen.

Ein weiterer sehr spannender Punkt ist das Thema Offline-Speicherung. Man kann dem Browser exakt mitteilen, welche Dateien er im sogenannten Offline Application Cache speichern soll. Man braucht dann keine Online-Verbindung mehr, um die Seiten auf dem Gerät aufzurufen. Trotzdem kann man Dateien auf dem Server aktualisieren und der Browser wird sie sich bei nächster Gelegenheit holen.

Die Offline-Speicherung ist wie viele andere Features von WebApps Teil der HTML5-Spezifikation. Ich persönlich glaub, dass in dieser Art der Kombination aus Online- und Offline-Content die Zukunft liegt.

Standards

Womit wir schon beim Thema Standards wären. Irgendwie dreht sich bei den mobilen WebApps alles um HTML5. Die Browser-Hersteller versuchen, ihre Schnittstellen möglichst am HTML5-Standard zu orientieren. Nachdem der aber noch alles andre als in Blei gegossen ist und das wohl auch noch eine ganze Weile so bleibt, ist “write once, run everywhere” in dem Bereich leider noch weit entfernt.

Es wird wohl noch so bleiben, dass man sich entweder auf wenige unterstützte Geräte beschränken muss, oder Frameworks einsetzt, die diese Browser-Unterschiede wegkapseln.

Man muss auch ehrlich sagen, dass Apple hier mal wieder klar die Nase vorn hat. Es macht eindeutig am meisten Spaß, WebApps nur fürs iPhone zu bauen, weil im Mobile Safari einfach am meisten der WebApp-Features unterstützt werden. Und das auch noch weitestgehend standardkonform und sehr gut dokumentiert. Da müssen die anderen noch nachziehen. Oder warten, bis die Webkit-Engine die Implementierungen von Apple übernimmt. Spannend wird auch, wie sich der mobile Firefox in dem Bereich präsentiert, wenn er denn mal für eine breitere Anzahl Handys rauskommt…

Integration

Mobile WebApps müssen nicht unbedingt in Konkurrenz stehen zu einer nativen App. Es gibt verschiedene Möglichkeiten, sie mit nativen Apps zu kombinieren:

• Möglichkeit 1: Launcher-App
  Sogenannte Launcher-Applikationen sind kleine Apps, die nicht viel anderes machen, als ein paar Eingaben vom User abzufragen und dann eine mobile Website oder eine WebApp im Browser des Handy zu öffnen. So kann man mit noch relativ geringem Aufwand nativ auf viele Plattformen und in viele AppStores kommen.
• Möglichkeit 2: Mobile Widgets
  Gefühlt täglich schießen schon seit einiger Zeit neue MobileWidget-Plattformen aus dem Boden. Ob das jetzt Vodafone, Yahoo oder Nokia ist, das Prinzip ist immer relativ ähnlich: Es wird Entwicklern ermöglicht, Anwendungen mit reiner Web-Technik (HTML/CSS/JavaScript) zu entwickeln und dabei trotzdem in den Genuss der Vorteile nativer Anwendungen zu kommen. Die Widgets sind für den User oft nicht von nativen Anwendungen zu unterscheiden. Der Entwickler bekommt über eine JavaScript-API Zugriff auf die Gerätehardware und der Wunsch des Kunden, in den jeweiligen AppStore und auf den Home-Screen des Users zu gelangen kann so erfüllt werden.
  Aktuelles Beispiel: Auf dem Mobile World Congress in Barcelona Anfang dieser Woche hat Blackberry seine neue Widget-Plattform vorgestellt, die nach eigener Aussage dem Entwickler alles erlaubt, was über die sonst übliche Java-Programmierung auch möglich wäre.
  Ein großes Problem von mobilen Widgets ist leider, dass wieder mal jeder Hersteller sein eigenes Süppchen kocht. Es gibt Widget-Plattformen wie Sand am Meer und jede ist doch wieder irgendwie anders. Wird spannend, wohin diese Entwicklung noch geht.
• Möglichkeit 3: Hybrid Apps
  Hybrid-Apps nennt man native Applikationen, die mobile Webseiten oder WebApps innerhalb der Anwendung einbinden (vergleichbar mit einem iFrame in HTML). So können gut die Vorteile beider Welten miteinander kombiniert werden. Man kann entscheiden, welche Teile der App häufigen Updates unterliegen oder aus anderen Gründen als WebApp realisiert werden und welche Teile nativ abgebildet werden.
  HybridApps sind auch dann sinnvoll, wenn ein komplexer Workflow auf unterschiedlichen Plattformen genutzt werden soll, aber nicht für jede neu umgesetzt und bei Änderungen nicht mehrfach angepasst werden soll. Mir bekannte Beispiele sind die Bahn und die Postbank, die in ihren iPhone-Apps für die Fahrkartenbuchung bzw. fürs Online-Banking integrierte WebApps verwenden.
  Es gibt Frameworks, die speziell für die Erzeugung von Hybrid-Apps gedacht sind. Bekanntestes Beispiel ist PhoneGap, das seit Ende letzen Jahres auch offiziell von Apple für den AppStore “erlaubt” wird. Die Idee hinter PhoneGap ist, dass aus einer WebApp einfach Hybrid-Apps für unterschiedliche Plattformen erstellt werden können. Es stellt eine einheitliche Javascript-Schnittstelle für (z.B. Hardware-)Funktionen zur Verfügung, die in WebApps so nicht ohne weiteres auf allen Plattformen genutzt werden könnten. Aktuell unterstützt werden die Plattformen iPhone, Android, Palm, Symbian und Blackberry.

Und jetzt: Ausprobieren!

So, lang genug gewartet. Hier zum Abschluss ein paar Beispiele von interessanten mobilen WebApps. Man kan die meisten davon zwar auch im Desktop-Browser anschauen, aber richitg Spaß machts nur auf nem Smartphone.

• Eine schöne Sammlung an iPhone WebApps gibt es bei cssiphone.com
• Nicht unerwähnt bleiben darf an dieser Stelle, die entsprechend ihrer Philosophie versuchen, so viele ihrer Dienste wie möglich als WebApp abzubilden. Klassisches Beispiel ist Google Mail, das traditionell eine herausragende user experience auf mobilen Geräten bietet. Ungleich beeindruckender fand ich persönlich die Nachricht, dass Google Voice jetzt auch als WebApp zur Verfügung steht. Derzeit leider noch nicht in Deutschland nutzbar, aber das kommt auch bald. Schöne Antwort auf Apples Ablehnung der Google Voice App für den AppStore!
• Einen alternativen Ansatz für eine Touch-Navigation in einer WebApp zeigt dieses Beispiel
• Distractable liefert eine kleine Übersicht über Frameworks zur Entwicklung von mobilen WebApps

Morgen und übermorgen (20. und 21. Feburar 2010 findet in Nürnberg das Barcamp statt. Uuuund: wir sind Hauptsponsor! es gibt also einen Raum “insertEFFECT” und ein gutes Catering. Letzteres wurde nämlich von uns finanziert

Man kann sich auch heute noch anmelden!

Es gibt es ein paar sehr interessante Sessions, teilweise auch zum Thema Mobile. Hier ein Auszug:

* Lokalisierungs-APIs hacken
Skyhook Wireless, Open Cell ID, Android … . (Stephan Linzner)

* Augmented Reality
Möglichkeiten der Erweiterten Realität im Zusammenhang mit Mobile Phones (iPhone, Android etc.): Anwendungsbeispiele, Technik, Probleme & Herausforderungen, Vision & Zukunft (Nikolaus Gradl)

* Android
Ein Überblick. Was verbirgt sich hinter “Android”? Ist Android die Smartphone Plattform der Zukunft? (Thomas Edelmann)

* iPhone WebApps
Programmierung von iPhone Web-Applikationen mit dem jQTouch-Framework. (Tobias Merkl)

* Geocaching - für Einsteiger
gemeinsam einen Geocach heben für alle die es Interessiert es aber noch nie gemacht haben, ist diese ihre Möglichkeit einzusteigen (Uli Effinger)

* AR thinking
Wir bauen rund um Augmented Reality einen globalen Thinktank und Knowhow Portal auf. Neben allen Arten von relevanten Ressourcen rund um AR wird ein automatischer AR News Aggregator für aktuellen Content sorgen und ein Netzwerk von AR Entwicklern und Experten kann Anfragen zu Ideen, Projekten oder Jobs bedienen. Wenn ihr euch an der Idee beteiligen, bei der Umsetzung helfen oder dem Netzwerk beitreten wollt, dann ist diese Session ein guter Anlaufpunkt für weitere Informationen. (Daniel Meier, Michael Rohrmüller, Markus Teschner, Stefan Peter Roos, Andreas Cappell, Stefan Probst)

* Mobile Usability (https://www.xing.com/profile/Benno_Bartels)
Was macht gute Usability im Mobile Web aus? Wie entwickelt man sie für das iPhone und seine kleinen Brüder? Außerdem:
o Usability Dos & Don’ts im mobilen Kontext
o Endgeräte-übergreifendes Konzept und Design
o Best Practices zur Klickdummyerstellung

Wir sehen uns!