The PIT
Röster från ITM-koncernen.

Utveckla direkt i molnet med Bespin.

January 4, 2010 12:59 by Daniel Nilsson

Bespin från Mozilla Labs är en utvecklingsplatform för webbapplikationer helt och hållet byggt i HTML 5. Verktyget är en så kallad molnet-tjänst och för att kunna använda den behöver man endast en modern webbläsare och ett konto(som är gratis). Det finns många intressanta funktioner i Roadmappen för detta verktyg, bland annat kommer man att kunna följa utvecklare i sitt Team och "spela upp" hur utvecklingen framskrider. Detta är bra ifall någon är sjuk och man snabbt behöver komma in i koden. Det finns även versionskontroller och chat direkt i Bespin. Prestandan är mycket bra tack vara att den bygger på HTML 5 och det känns faktiskt som om man arbetar i en "vanlig" installerad mjukvara.

https://bespin.mozilla.com/

Jag rekommenderar intresserade att se denna video där 2 killar från Mozilla Labs berättar mer om projektet.

http://www.youtube.com/watch?v=Ps6GBLlSGLs&feature=player_embedded 

 


Google Chrome OS

November 19, 2009 20:45 by Daniel Nilsson

Google har idag haft presskonferens och släppt mer information om sitt kommande operativsystem Google Chrome OS.

Dessutom har dom även släppt källkoden fri för utvecklare.

Med Google Chrome OS är tanken att allting baseras på webbaserade tjänster och ingenting installeras eller lagras på datorn.

Detta innebär att det går mycket fort (ett par sekunder) att starta datorer med med Google Chrome OS.

Google har släppt en video som berättar mer om detta intressanta tänk:


jQuery - exempel och guider

August 17, 2009 11:03 by David Woxberg

Jag har tidigare berättat om biblioteket jQuery, som underlättar och snabbar upp användningen av javascript i webbutveckling.

Här kommer några användbara länkar som förhoppningsvis ska inspirera och göra det lättare att komma i gång med jQuery.

* Hos NOUPE finns länkar till fler än 50 jQuery-exempel.

* NOUPE har också länkar till fler än 50 jQuery-guider/exempel.

* InstantShift har länkar till fler än 40 jQuery-guider.


Tags:
Categories: Javascript | Programmering | Teknik
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

Snabbare utveckling med bibliotek

August 6, 2009 13:34 by David Woxberg

Jag gillar att utforska verktyg som standardiserar, effektiviserar och snabbar upp utvecklingsprocessen, oavsett om det gäller mobil utveckling eller webbutveckling.

Ett bra kodbibliotek gör det enklare för utvecklaren att genomföra vissa saker. Det innehåller mycket färdigskriven kod som utvecklaren kan använda genom att bara skriva lite kod själv.

Detta är exempelvis en fördel när det gäller rutinmässiga arbetsuppgifter, sådana som ska göras om och om igen i olika projekt. Det är också användbart när det kommer till skapandet av avancerade användargränssnitt.

Här är två exempel på utmärkta bibliotek som är gratis att använda.

Först har vi jQuery - ett bibliotek som snabbar upp arbetet med javascript när det gäller AJAX-funktionalitet och mycket annat. Dokumentationen finns här.

Dessutom finns jQuery UI, som kan användas för att skapa avancerade gränssnitt med hjälp av färdiga widgets. Exempelvis finns:

*Datepicker (en kalender som enkelt kan användas för att välja datum inuti formulär)
* Listor som kan sorteras med drag-och-släpp-metoden.
* Alert-rutor.
* Flikgränssnitt ("tabs" på engelska)
* Reglage

Både jQuery och jQuery UI har bra dokumentation och gott om exempel som visar hur biblioteken kan användas.

När det gäller mobil utveckling så finns det ett utmärkt bibliotek till Java Micro Edition som heter LWUIT.

Språket Java Micro Edition erbjuder mycket funktionalitet. Det är dock väldigt tidskrävande att skapa snygga gränssnitt med hjälp av Java Micro Edition. Detta problem har lösts genom LWUIT, som erbjuder färdiga komponenter och effekter. Exempelvis:

* Textfält
* Knappar
* Pop up-rutor
* Formulärknappar
* 2D-övergångar
* 3D-övergångar

Med hjälp av en liten resurseditor så kan man enkelt stilsätta sina komponenter med hjälp av teman. Med hjälp av denna editor går det exempelvis också att skapa bitmap-typsnitt på ett väldigt enkelt sätt.


Tags:
Categories: Javascript | Programmering | Teknik
Actions: E-mail | Permalink | Comments (0) | Comment RSSRSS comment feed

Web app utveckling för iPhone, Del 1

January 20, 2009 17:11 by Daniel Nilsson

Vill du lära dig att utveckla web apps till iPhone och iPod Touch? Då har du kommit rätt.
Det här är första delen i en serie som kommer att innehålla information, råd och exempel i ämnet.
Vi börjar från grunden.

Vad är en web app?
En iPhone web app är en hemsida som liknar och beter sig ungefär som vanliga program som har installerats på iPhone. Web apps öppnas i webbläsaren Safari, som finns i både iPhone och i iPod Touch.

En web app har inte riktigt samma potential och bredd när det gäller snabbhet och funktioner jämfört med installerade program på iPhone. Däremot kan web apps gå snabbare att utveckla jämfört med program som laddas ner och installeras.
 Vad är det som krävs?
En web app består i grunden av dokument i format som html, css och javascript med tillhörande resurser, som bilder. Därför kan en web app skapas på samma sätt som vanliga hemsidor, med en texteditor eller en mer avancerad utvecklingsmiljö.

Det går att registrera sig som iPhone-utvecklare hos Apple. Det är inte nödvändigt att göra det för att utveckla web apps till iPhone, men det rekommenderas på grund av all välgjord dokumentation som finns tillgänglig för registrerade användare.

Du kan följa denna länk om du vill registrera dig:

http://developer.apple.com/iphone/


Vad ska ditt program göra?

Till att börja med gäller samma rekommendation som för programutveckling i största allmänhet: börja med att noga tänka igenom vad applikationen ska göra och hur den ska fungera.

Det är exempelvis viktigt att programmet har ett tydligt syfte. Program som skapas till mobiltelefoner, iPhone eller ej, specialiserar sig på något specifikt. Ett program skulle exempelvis kunna visa aktiekurser eller dagens horoskop. Men det bör inte göra både och.

Orsaken är att program i mobiltelefoner används i andra miljöer och i andra sammanhang än traditionella datorprogram. En person som sitter bekvämt framför datorn i hemmet har kanske tid och lust att spendera 20 minuter för att lista ut hur ett nytt program fungerar. En person som är på språng har knappast lika stort tålamod.

En person som öppnar ett mobilprogram för första gången bör snabbt förstå hur det fungerar. Det ställer flera krav på gränssnittet: Det ska vara väldigt enkelt att förstå, enkelt att använda och reagera snabbt på användarens handlingar.

Vi återkommer med tips om hur du uppfyller dessa krav. Just nu konstaterar vi bara att kraven är enklare att uppfylla om programmet är så specialiserat som möjligt.

Tänk på begränsningarna

Eftersom ett mobilprogram bör vara snabbt så är det viktigt att tänka på telefonens begränsningar. En telefon är inte lika snabb som en modern dator och klarar därmed inte av lika mycket. För att garantera användaren en snabb och bra upplevelse är det därför viktigt att göra så mycket som möjligt med så få resurser som möjligt.

Några tips:

• Optimera din kod så långt det är möjligt. Skriv inte mer än nödvändigt.
• Optimera dina bilder så mycket som det går. Ju mindre filstorlek, desto bättre.
• Se till att vara restriktiv med javascript, både när det gäller mängden kod och den tid som det tar att köra koden.

Det var allt för den här gången. I nästa del tittar vi närmare på hur man skapar en web app.


Hämta Querystrings med Javascript

September 19, 2008 11:06 by Christoffer Munkestam

Nu på förmiddagen så var jag i behov av att hämta ner data från en querystring till en javascriptfunktion. Jag tror aldrig tidigare att jag faktiskt stött på det problemet. Hur som helst så började jag fundera över hur man gjorde, i brist på svar från tomtarna i mitt huvud så googlade jag. Förvånande nog så verkar det inte finnas något inbyggt i javascript för att hantera enskilda nycklar i querystrings, utan man kan tydligen bara plocka ner alltihop för att sedan själv grotta runt med stränghantering för att få ut det man vill ha.

Hittade ganska många riktigt dåliga försök att hantera det där vettigt i javascript. Det loopades genom strängar till höger och vänster, splittades och bökades runt. Precis när jag höll på att ge upp och istället själv sätta mig för att bygga en vettig funktion baserad på regular expressions så hittade jag en som är helt i min smak, så jag tänkte att jag passar på att ge den lite mer uppmärksamhet om det är fler som stöter på behovet i framtiden.

function getQuerystring(key, default_)
{
  if (default_==null) default_=""; 
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
} 

Källa: http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx


Tags:
Categories: Programmering | Javascript
Actions: E-mail | Permalink | Comments (2) | Comment RSSRSS comment feed