iPhone §50 SanG Webapp

Von in javascript, jquery, netzthetik, php

Die Abbildung zeigt ein iPhone, auf dem meine Webapplikation gerade startet.

Web­ap­pli­ka­ti­on

Ich habe heu­te eine Web­ap­pli­ka­ti­on für das iPho­ne fer­tig­ge­stellt, mit der man auf beque­me Art Ter­mi­ne für die § 50 SanG Fort­bil­dun­gen für Sani­tä­ter und Sani­tä­te­rin­nen abru­fen kann. Kli­cken Sie auf das Sym­bol rechts, um eini­ge Screen­shots der Web­ap­pli­ka­ti­on zu sehen. Hin­weis: Die Domain hh.ikarius.net prüft, ob der Inhalt von einem iPho­ne ange­for­dert wird. Trifft dies nicht zu, wird auf die inhalt­lich iden­ti­sche Web­sei­te in die­sem Blog wei­ter­ge­lei­tet um sicher­zu­stel­len, dass die Infor­ma­tio­nen auf jeden Fall dar­ge­stellt wer­den kön­nen.

Die Web­ap­pli­ka­ti­on kann unter der Adres­se hh.ikarius.net erreicht wer­den. Um alle Fea­tures zu nut­zen, kli­cken Sie bit­te nach dem Auf­ru­fen der Sei­te auf das gro­ße Plus­sym­bol (in neue­ren iOS-​Versionen ist dies ein Vier­eck mit einem Pfeil nach rechts) am unte­ren Rand des Bild­schirms und anschlie­ßend auf “zum Home-​Bildschirm”, wodurch ein Sym­bol am Desk­top des iPho­ne abge­legt wird. Die Web­ap­pli­ka­ti­on ver­hält sich nun wie jedes ande­re instal­lier­te Pro­gramm, daher auch die Bezeich­nung Web-“Applikation”.

Wenn Sie kein iPho­ne besit­zen, sich die Web­ap­pli­ka­ti­on aber trotz­dem anse­hen möch­ten, kön­nen Sie das am bes­ten mit dem Safari-​Browser machen, der auch für Win­dows erhält­lich ist. Auch Goog­le Chro­me ren­dert die Anwen­dung brauch­bar. Aller­dings müs­sen in allen her­kömm­li­chen Brow­sern auf die iPhone-​klassischen Ani­ma­tio­nen ver­zich­tet wer­den. Ände­rung 2011: Die Web­ap­pli­ka­ti­on ist auf Smart­pho­nes abseits dem iPho­ne nur bedingt ein­setz­bar, wes­we­gen eine Sper­re den Ein­satz der Appli­ka­ti­on auf ande­ren End­ge­rä­ten unter­bin­det.

Die Web­app greift unter dem Menü­punkt “nach Loka­li­sie­rung sor­tiert” auf die Stan­d­or­be­stim­mung des iPho­ne zu und gibt die gefun­de­nen Fort­bil­dun­gen nach der Ent­fe­rung zum Ver­an­stal­tungs­ort sor­tiert aus. Ich bit­te dar­um, bei die­sem Fea­ture nicht die Sinn­fra­ge zu stel­len. Ich wür­de es am ehes­ten unter der Kate­go­rie “Mach­bar­keits­stu­die” ein­ord­nen. Ich habe das Fea­ture “nach Loka­li­sie­rung sor­tiert” ent­fernt, nach­dem es sei­ne Funk­ti­on mit der OS-​Version 6 ein­ge­stellt hat.

Bugfix Menüanimation

Seit der iOS-​Version 5 hat die Rechts-​Links-​Animation in Lis­ten, wenn die­se gescrollt wur­den, nicht mehr funk­tio­niert. Das führ­te dazu, dass Detail­in­for­ma­tio­nen zu den Ver­an­stal­tun­gen teil­wei­se nicht mehr ein­ge­se­hen wer­den konn­ten. Ich habe die­sen Bug nun gefixt.
Um die neu­es­te Ver­si­on zu erhal­ten, müs­sen Sie fol­gen­de Schrit­te durch­füh­ren:
- Falls Sie die Web­ap­pli­ka­ti­on mit ihrem iPho­ne erst­ma­lig öff­nen, ver­wen­den Sie nun bereits die neu­es­te Ver­si­on. Öff­nen Sie die Web­ap­pli­ka­ti­on ein­fach mit fol­gen­dem Link: iPho­ne Web­ap­pli­ka­ti­on § 50 SanG (funk­tio­niert nur mit einem iPho­ne).
- Soll­ten Sie die Web­ap­pli­ka­ti­on zwar nicht “instal­liert” (also einen Short­cut auf den Desk­top gesetzt haben, sie­he Beschrei­bung oben), sie aber bereits ein­mal zuvor im Safa­ri geöff­net haben, könn­te der Cache von Safa­ri ver­hin­dern, dass die neue Ver­si­on auto­ma­tisch gela­den wird. Um den Cache zu löschen und die neue Ver­si­on auto­ma­tisch down­zu­loa­den, müs­sen Sie am iPho­ne die Eistel­lun­gen öff­nen, zu Safa­ri navi­gie­ren und dort auf “Coo­kies und Daten löschen” kli­cken. Beach­ten Sie, dass dabei auch Daten und Coo­kies ande­rer Web­sei­ten gelöscht wer­den. Anschlie­ßend kli­cken Sie ein­fach auf fol­gen­den Link: iPho­ne Web­ap­pli­ka­ti­on § 50 SanG.
- Haben Sie die Web­ap­pli­ka­ti­on “instal­liert” (also einen Short­cut auf den Desk­top gelegt, Beschrei­bung sie­he oben), müs­sen Sie die Web­ap­pli­ka­ti­on erneut instal­lie­ren. Dazu tip­pen Sie lan­ge auf das am Desk­top abge­leg­te “§ 50 SanG”-Icon, bis im Icon links oben ein “X” erscheint, das Sie antip­pen, womit die Appli­ka­ti­on gelöscht wird. Nun öff­nen Sie im Safa­ri wie­der die Sei­te unter die­ser Adres­se und instal­lie­ren die Web­ap­pli­ka­ti­on erneut: Kli­cken Sie auf das mitt­le­re Sym­bol am unte­ren Bild­schirm­rand (ein Vier­eck mit einem Pfeil nach rechts) und anschlie­ßend auf “Zum Home-​Bildschirm”.

Bugs:
- Trotz (ver­meint­lich) rich­ti­ger For­ma­tie­rung erkennt das iPho­ne die Tele­fon­num­mern noch nicht, bzw. sie sind nicht klick­bar.
- In der Ter­min­über­sicht (im Hoch­for­mat nur Ter­mi­ne, im Quer­for­mat Ter­mi­ne und Ver­an­stal­tungs­ti­tel) scheint jQTouch nicht ganz damit klar­zu­kom­men, dass der Titel zwi­schen display:none und display:block wech­selt, was dazu führt, dass die Rechts-​Links-​Animation bei sehr kur­zem Antip­pen nicht statt­fin­det oder stark ruckelt. Wenn man etwas län­ger auf den Ter­min tippt, funk­tio­niert die Ani­ma­ti­on. Der Feh­ler tritt am iPad nicht auf.
- Am iPho­ne 4 und 4S kommt es bedingt durch die höhe­re Auf­lö­sung des End­ge­räts zu Pro­ble­men bei den Rechts-​Links-​Animationen, wenn die Lis­te nach oben ver­scho­ben wur­de. (gefixt. 14.4.2012)

Chan­ge­log:
04.10.2012: Ent­fer­nung des Lokalisations-​Features, weil es unter der Betriebssystem-​Version 6 nicht mehr funk­tio­niert. Erwei­te­rung der ver­füg­ba­ren Orga­ni­sa­tio­nen für das “Grü­ne Kreuz”.
14.04.2012: Bug gefixt, der ab der iOS-​Version 5 auf­ge­tre­ten ist: Beim Scrol­len einer län­ge­ren Lis­te funk­tio­nier­te die Rechts-​Links Ani­ma­ti­on nicht mehr.
07.04.2011: Die Web­ap­pli­ka­ti­on ist jetzt auch für das iPad frei­ge­schal­tet.
04.03.2011: Tipp: Hal­ten Sie in der Ter­min­über­sicht das iPho­ne im Quer­for­mat, um den Titel der Fort­bil­dung anzu­zei­gen!
04.03.2011: Sper­re für den Barcode-​Scanner “Bar­coo” ein­ge­baut, weil die­ser nach dem Scan­nen anstatt dem Safa­ri einen programm-​internen Brow­ser öff­net, wel­cher kei­ne UTF-​8 Son­der­zei­chen inter­pre­tiert, was wie­der­um das kor­rek­te Dar­stel­len der Web-​Applikation unmög­lich macht.
03.03.2011: Aus­le­sen der Daten kom­plett über­ar­bei­tet. Die Infor­ma­tio­nen kamen bis­her aus dem zuge­hö­ri­gen Blog­bei­trag. Jetzt wer­den sie aus einer eige­nen Daten­bank aus­ge­le­sen, wodurch nun auch das Aus­tau­schen der Ter­mi­ne von “aktu­ell” auf “ver­gan­gen” auto­ma­ti­siert ist.
21.04.2010: Sub­do­main hh.ikarius.net ein­ge­rich­tet.

Link: zur Web­ap­pli­ka­ti­on “§50 SanG”

Share on Google+Share on RedditTweet about this on TwitterShare on LinkedInShare on FacebookShare on XingEmail this to someone