Bygg en “app” utan att programmera

På sikt kommer antagligen många av dagens mobil-appar att ersättas av webbsidor. Men ditt företag har fortfarande mycket att vinna på att bygga en app då många konsumenter i dagsläget föredrar appar fram för mobilsajter.

Att anlita någon för att bygga en app åt ditt företag är oftast väldigt kostsamt och kan därför vara svårt att genomföra för ett litet företag. Men häng inte läpp för det, det finns nämligen ett antal verktyg som hjälper dig att bygga appar utan att skriva en enda rad kod.

Genom att klicka och dra snickrar du enkelt ihop din alldeles egna app helt kostnadsfritt, och betalar sedan en månadsavgift från och med att du publicerar appen. I vissa fall kan du t o m komma undan utan att betala något förutom den kostnad som tillverkarna bakom respektive app-butik kräver (t ex $99/år för Apples App store).

Jag har tidigare skrivit en artikel för Iphonetidningen och Mobil.se där jag går igenom hur du bygger en app i tjänsten RedFoundry (Då artikeln är några månader gammal har förutsättningarna ändrats lite, och den VIZ-app som nämns i artikeln finns inte längre i AppStore. Det går dock fortfarande att bygga sin egen app på samma sätt.).

Några tjänster som låter dig bygga en app utan att programmera

• AppMakr.com: Bygg appar för iOS, Windows Phone 7 och Android (beta)
• RedFoundry: Bygg appar för iOS. Snart även Android (feb 2012)
• Telia App Studio: Bygg appar för iOS, Android, Blackberry, Windows Mobile, Java, Symbian

…och en för att bygga spel

• GameSalad: Med GameSalad kan du istället bygga spel för iOS, Android och HTML5 på ett mycket enkelt sätt. Även här har jag tidigare skrivit en guide för Iphonetidningen.

Har du byggt en app i någon av dessa eller liknande verktyg? Kommentera och länka gärna till din app.

Du har väl förresten inte missat Loopias iPhone/iPad-app, med den kan du beställa och hantera domännamn direkt från mobilen på ett smidigt sätt.

Uppdatera din blogg från mobilen

Att skriva på och sköta om sin blogg kan lätt bli ett beroende. Och för att kunna låta ditt beroende frodas ordentligt måste du ju såklart kunna blogga även när du sitter och väntar på bussen eller har hamnat på en seg fest.

Det är här de mobila WordPress-apparna kommer in i bilden. Har du en Iphone, Android- eller Blackberry-mobil kan du köra igång redan idag. Men även du som äger en Nokia-smartphone (med S60 eller nya Maemo-plattformen) kommer snart att kunna blogga när datorn inte är tillgänglig, då WP-gänget filar för full på en version för detta.

Här kan du ladda ner och läsa mer om respektive app:

• WordPress för Iphone
• WordPress för Android
• WordPress för Blackberry
• Utvecklingsblogg för den kommande WordPress för Nokia

Har du ingen blogg idag? Du vet väl att du kan installera en WordPress-blogg på ditt Loopia-konto med bara ett klick – kolla vår Kom-igång-guide för WordPress här.

Mobiler klarar fler och fler av de uppgifter vi använt datorer till tidigare. Vad önskar du att du skulle kunna göra med mobilen som inte går att göra idag?

Anpassa din sajt för mobiler

Vi lever i en tid då fler och fler surfar med sina mobiltelefoner, och den utvecklingen lär knappast stanna av. Därför blir det allt viktigare att mobilanpassa din webbsida för att inte missa en allt större del av dina potentiella besökares surftider.

Även om mobiltelefoner som t ex Iphone hanterar fullstora sidor på ett schysst sätt trots sin lilla skärm så finns det stora fördelar med att anpassa din sajt. Dels slipper användaren zooma in och ut frenetiskt, men framför allt så kan du hålla ner tyngden på sidan och på så sätt göra det drägligt att surfa på den även med låga uppkopplingshastigheter (utbyggnaden av snabba mobilnät har ju en bit kvar för att vara helt tillfredsställande).

De stora problemen när man ska anpassa sin sajt för mobiltelefoner är den hejdlösa mängden storlekar på skärmar och den otroligt varierande kvaliteten på webbläsarna.

Det är helt enkelt ett offantligt arbete att se till att sidan fungerar på alla upptänkliga mobiltelefoner. Därför är det smart att börja med att anpassa efter de telefoner som användas mest för att surfa med. Om man får tro den statistik jag hittat på nätet från t ex IDG.se och Webbdevelopersnotes.com så står Iphone och Ipod Touch just nu för 50-70% av allt mobilt surfande. Detta kommer självklart att ändras med tiden då fokus hos många tillverkare ligger på att få till en bättre surfupplevelse i mobilen. Men genom att anpassa din sajt för Iphone så kommer den att fungera bra i många andra moderna mobila webbläsare också.

1. Det första du bör göra är som sagt att se till att sidan inte är tungladdad. Strukturera om och ta bort så mycket överflödiga element som möjligt. Man bör även passa sig lite för javascript, dels är stödet lite si och så (även om det fungerar i princip smärtfritt i just Iphone), men det kan även tynga ner sajten rejält.
2. Med hjälp av metataggen “viewport” kan du sedan se till att bredden på sidan anpassas efter skärmen på telefonen. Många moderna webbläsare har stöd för viewport, t ex de i Iphone, Android, Blackberry samt Opera Mobile.
   <meta name=“viewport” content=“width=device-width, initial-scale=1.0″/>
3. Akta dig sedan för att sätta fasta storlekar på objekt på sajten, använder du istället procentsatser kan sidan anpassa sig riktigt bra efter olika skärmars storlekar.
4. Sedan 2006 finns en toppdomänen “.mobi” som enbart är tänkt för mobilsajter. Så när du ändå är igång, passa på att regga ditt namn även som .mobi (119:-/år) och styr den till din nya fina mobilsajt. Med hjälp av tipslänkarna nedan kan du dessutom automatiskt peka om de som besöker din vanliga sajt från en mobiltelefon till den mobilanpassade sidan.

Länkar till flera tips i ämnet:

• 29 guider för att hjälpa dig att bygga din mobila sajt
• Snyggt och roligt statistikverktyg att lägga in på din mobila sida, för att hålla koll vad dina besökare använder för telefoner.
• För att anpassa din sida specifikt till olika webbläsare, eller för att automatiskt skicka mobilbesökare till din mobilsajt, behöver du identifiera besökarens webbläsare/telefon:
  • Här finns en färdig PHP-lösning för detta
  • Använder du .NET  så är det parametern IsMobileDevice i objektet HttpBrowserCapabilities som gäller. Vilka telefoner som identifierar sig korrekt i denna parameter hittar du här
• Lista med information om hur bra olika modeller stödjer CSS
• Det är tyvärr ont om emulatorer för mobila webbläsare, så möjligheten att testa på olika enheter utan att ha tillgång till dem rent fysiskt är liten. Men i den här wikin finns åtminstone tips på några stycken.
• Apples tips om att anpassa sajten för Iphone

Lycka till!

Ni som redan har mobila sajter, kom gärna med tips och lägg upp länkar till era sajter i kommentarerna som inspiration.