Das iPhone ist ein von Apple entwickeltes Smartphone, welches sich durch seine klare Formensprache und Benutzerfreundlichkeit auszeichnet. Die Interaktion mit dem Gerät ist auf das Wesentliche reduziert; herkömmliche Bedienelemente eines Smartphone fehlen. Die Steuerung des iPhone erfolgt vor allem über den Bildschirm. Dieser besitzt eine Multi-Touch-Funktionalität, d.h. ermöglicht eine ergonomische Bedienung über mehrere Finger gleichzeitig. Außerdem wird das iPhone nur noch mittels zweier Tasten, einer Wippe und eines Schiebeschalters bedient.
Nach Angaben von Apple vereint das iPhone die Funktionen eines „Breitbild“-iPod-Video-Medienspielers[2] mit denen eines Mobiltelefons mit Digitalkamera und Internetzugang.
Der iPhone-Verkaufsstart in den USA war am 29. Juni 2007. Das Mobiltelefon wird in den USA ausschließlich in Kooperation mit dem amerikanischen Mobilfunkkonzern AT&T Wireless angeboten.[3] In Europa wird das Gerät seit dem 9. November 2007 verkauft; zuerst in Deutschland und Großbritannien, seit dem 28. November auch in Frankreich. In der Schweiz soll laut verschiedenen Gerüchteseiten am 29. Februar 2008 die Markteinführungen sein, in Österreich, Asien und Australien wird nach Medienberichten mit einer Markteinführung im Jahr 2008 gerechnet. Das US-Magazin Time wählte das iPhone zur „Erfindung des Jahres 2007“.[4]
Hier einige Daten, die bei der Entwicklung für das Iphone wichtig sind:
- automatische Darstellung der gesamten Seite:
Das Iphone skaliert "normale" geladene Seite auf 980x1091 und passt sie dann auf die Iphone Auflösung von 320x480 an
Webseiten, die schon für mobile Geräte optimiert sind, werden in ihrer angegebenen Größe gerendert und dann auf die Iphone Auflösung skaliert
- Nutzerdefinierte Darstellung der gesamten Seite:
Mit Hilfe des Meta Tags "viewport" kann der Nutzer einstellen, wie er die Seite auf dem Iphone darfestellt haben möchte.
Ein (selbsterklärendes) Beispiel:<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> - Darstellung von Texten:
Das Iphone zoomt Inhalte automatisch auf, wenn der Nutzer mit seinem Finger doppelt auf das jeweilige Element tappt. Auch dies lässt sich einstellen
<body style="-webkit-text-size-adjust:none">
<table style="-webkit-text-size-adjust:auto">
<body style="-webkit-text-size-adjust:200%">
- Größe von Schriften, Abständen, etc:
Da das Iphone nur mit dem Finger bedient wird, gilt es hier auch einige Unterschiede zu beachten:
- Ein sensitiver Bereich, wie zum Beispiel ein Link, sollte mindestens 40 Pixel hoch sein, damit er mit dem Finger leicht angewählt werden kann
- Damit auch der richtige Inhalt gezoomt wird, wenn man draufklickt, ist es ratsam, den Inhalt mittels DIV Tags thematisch abzugrenzen
- Javascript Ereignisse :
- Es gibt kein MouseOver Ereignis
- Click, MouseUp, MouseDown und MouseMove ereignen sich fast zeitgleich
- Beim Schieben mit dem Finger oder beim schnellen Schnipsen wird das scroll event aufgerufen
- Beim Schieben/Aufziehen mit beiden Fingern wird das MouseWheel Event aufgerufen
- Wird das Iphone gekippt, wird orientationchange aufgerufen und kann im Body Element abgefragt werden.
<body onorientationchange="updateOrientation()">Über window.orientation bekommt man die Angabe, in welchem Modus sich das Iphone befindet:
0 : Hochformat
90 : Querformat: Gegenuhrzeigersinn
-90: Querformat: Uhrzeigersinn
180: Hochformat: auf dem Kopf stehend
Abmessungen der Menuelemente in px
