EnglishSvenska

Windows Phone 7-gränssnitt och hemautomation

Inom programmering ska man som regel alltid välja den lösning som är enklast och utan onödig komplexitet. Kanske sa ingen det bättre än Albert Einstein: "Everything should be made as simple as possible, but no simpler". Jag gjorde nyligen om webb-gränssnittet för hemautomationen och försökte då använda mig av denna princip genom att ta många idéer från gränssnittet i Windows Phone 7 som är väldigt rent och minimalistiskt. Den hög med spaggetikod som jag hade tidigare blev snabbt riktigt vacker. Här är några skärmdumpar från det nya gränssnittet:

eventghost_webserver_optimization_3 eventghost_webserver_optimization_2

Och för att jämföra så såg den tidigare versionen ut såhär:

eventghost eventghost4

Vilken som är snyggast kan man givetvis argumentera om men jag lägger min röst på den översta.

Gå till Demo

Koden får du från https://bitbucket.org/sebnil/eventghost-web-gui/get/tip.zip.

Instruktioner för att sätta upp allt

Youtube-video:

Ny mycket renare version

eventghost_webserver_optimization_3

Tyckte att den tidigare versionen var för slö trots att jag gjort vad jag kunnat för att optimera koden. Gjorde ett försök med att slänga ut jQuery Mobile och då gick det genast mycket bättre. I den nya versionen har jag tagit inspiration från Windows Phone 7. Jag har dock skippat allt med Metro och kör bara på en svart bakgrund och knappar med vit ram. Jag tycker att det ser bättre ut när det är minimalistiskt men det viktigaste är endå att den nya versionen är sjukt mycket snabbare än den gamla.

Gå till Demo

Koden får du från https://bitbucket.org/sebnil/eventghost-web-gui/get/tip.zip.

Instruktioner för att sätta upp allt

Några förbättringar:

  1. Rensade bort all seg kod från jQuery Mobile. Less is more!
  2. Endast 4 http request per sidvisning. Toksnabba sidvisningar är resultatet.
  3. Ingen onödig javascript. Tog bort ganska mycket av min egen kod.
  4. Lättare html. jQuery Mobile gjorde många enkla saker svåra. I den nya versionen så borde en nybörjare inom html-programmering kunna lista ut hur man ska göra egna gränssnitt. Det är i alla fall min förhoppning.

Youtube-video: