När iPhone först lanserades fanns det inga tredjepartsapplikationer för den, vilket knappast var förvånande – Apple behövde tid för att skapa och dokumentera infrastrukturen för utvecklare. Istället fanns det ”webbappar”: webbplatser riktade mot iPhone-versionen av Safari, skräddarsydda för dess lilla skärmstorlek och roterbara display.
När Apple väl öppnade iPhone för infödda applikationer från tredje part inträffade en appexplosion, med mer än 50 000 tillgängliga knappt ett år efter att iTunes appbutik öppnade. Vissa av dessa är verkligen innovativa och utnyttjar plattformen på bästa sätt, medan andra knappt är värda bandbredden för att ladda ner dem.
Från de tidigaste webbapparna till de nuvarande inbyggda applikationerna har det funnits öppen källkod tillgänglig för att hjälpa till att bygga dem. Det finns kompletta ramverk för webbappar, inbyggda applikationsbibliotek och till och med kompletta iPhone-applikationer. Jag ska ta en titt på hur du kan använda några för att skriva en iPhone-app.
Till viss del har dessa tidiga webbappar – specialbyggda webbplatser riktade till Safari – ersatts av korrekta inbyggda applikationer, men det finns för närvarande ett återuppvaknande intresse av två skäl. För det första är funktionerna i Safari Web nu tillgängliga för andra telefoner, särskilt Android-baserade telefoner som delar webbläsarplattformen WebKit. För det andra finns det nu paket som tillåter en utvecklare att bädda in en sådan webbapp i en ”riktig” applikation.
Så hur bygger man en webbapp? Om du verkligen är sugen på att bli en Apple-registrerad utvecklare och titta på dess exempel Så hur bygger man en webbapp? Om du verkligen är sugen på att bli en Apple-registrerad utvecklare och titta på dess exempel – om du är mindre angelägen tittar du på tillgängliga verktygssatser. Alla verktygssatser som jag kommer att nämna här är lika i det att de kräver att du skapar en webbplats med deras JavaScript- och CSS-bibliotek. Vanligtvis skapar du en webbplats som en samling HTML DIV som innehåller oordnade listor som navigeringsobjekt. Du behöver inte tänka så mycket på appens utseende, eftersom det mesta härrör från verktygslådan.
Dessa verktygssatser kräver JavaScript, så du kan utöka webbplatsens navigering genom att skapa en första sida som visar tio blogginlägg, med den 11:e posten en länk som laddar ytterligare tio, och så vidare. Webbappen behöver bara visa vad som krävs för att få en användare igång, med extra innehåll på begäran.
En av de bästa och mest långvariga är iUI ramverk, ett JavaScript-bibliotek plus CSS och bilder för att utveckla webbappar för iPhone. Detta har använts i böcker och ett antal iPhone-webbplatser. Nyligen har paketet förbättrats genom att inkludera några iPhone-beroende effekter.
iPhone-versionen av Safari har vissa speciella funktioner som är utformade för att dra fördel av plattformen – i synnerhet olika typer av animationer implementerade via stilmallar. En viktig funktion i användargränssnittet är till exempel att när du väljer ett element i en tabell, glider den tabellen till vänster och nästa sida glider in från höger.
Den ursprungliga versionen av iUI implementerade detta på ett plattforms-agnostiskt sätt med hjälp av en JavaScript-animation för att flytta positionerna för de två sidorna. Medan processen fungerade var den långsam och inte som den äkta varan, så den senaste versionen av iUI implementerar effekten med Mobile Safari CSS-stilmallstillägg, vilket resulterar i en snabbare, smidigare effekt.
Ett annat liknande bibliotek är iWebkit, som har en något rikare uppsättning av navigeringsalternativ men är något mindre utvecklad. Två andra ramverk för webbappar som jag skulle vilja nämna är Magic Framework och Jaipho. Vid första ögonkastet Magiskt ramverk liknar iUI och iWebkit, men det har ett trick i rockärmen: den har en inbyggd databas.
