Rapport

Rapport

<h1 class="wmd-title" id="webapplikationer-offline">Webapplikationer offline</h1>

<h2 class="wmd-title" id="en-överblick-av-html5-standardens-offline-stöd">En överblick av HTML5 standardens offline stöd</h2>

<h2 class="wmd-title" id="introduktion">Introduktion</h2>

<p>Den här texten syftar till att berätta om de nya HTML5 tekniker som kan hjälpa till vid användande av webbapplikationer utan att ha en konstant anslutning till webbservern. Hur mycket kan egentligen lagras lokalt?</p>

<h3 class="wmd-title" id="bakgrund">Bakgrund</h3>

<p><a href="http://www.w3.org/html/wg/drafts/html/master/">HTML5</a> anses av många vara framtiden för webbutveckling och standardiseringsorganet <a href="http://www.w3c.org">V3C</a> har satt år 2014 året då HTML5 blir standard för webben.
När man pratar om HTML5 så tänker kanske många först och främst på multimedia och de taggar som möjliggör uppspelning av mutlimedia så som video och audio taggar. Nämner man också javascript så kanske många tänker spel skrivna i javascript, eller på hur man kan använda javascript i relation till de tidigare nämnda taggarna. HTML5 har kanske sålt till många bara som ett alternativ till flash och andra plugins till webbläsaren.</p>

<h3 class="wmd-title" id="syfte-och-mål">Syfte och mål</h3>

<p>Målet utreda om man kan lagra information som formulärdata lokalt i sin webbläsare, innom ramarna för HTML5 standarden.</p>

<h3 class="wmd-title" id="foskningsfråga">Foskningsfråga</h3>

<p>Går det att utveckla en webapplikation för Google Chrome som går att använda även offline? Hur mycker kan sparas i klienten?</p>

<h3 class="wmd-title" id="metodik">Metodik</h3>

<p>För att besvara forskningsfrågan utförs en litteraturstudie där HTML5 standarden granskas för att finna vilka tekniker som kän tänkas hjälpa vid lokal lagrig och hur bra stöd det finns för dem i nuläget. </p>

<p>En webbapplikation byggs för att visa upp några passande tekniker och beskriva var de befinner sig i nuläget. HTML5 är 2013, trots allt inte riktigt i mål ännu, det blir som bekant standard först 2014.</p>

<h2 class="wmd-title" id="experimentdesign">Experimentdesign</h2>

<h3 class="wmd-title" id="usecase">Usecase</h3>

<p>Användaren sitter på ett flygplan som befinner sig på öppet vatten mellan London och New York. Internetalslutning har han/hon inte haft sedan flygplanet lyfte, men användaren behöver fortsätta jobba på flygplanet. Det användaren hade behövt göra i jusst det här fallet är att på sin bärbara dator planera in lite möten med en webapplikation, han/hon vill dessutom kunna ladda upp lite filer som han tänker använda under mötet.</p>

<p>Traditionellt sätt så hade avnändaren varit begränsad till att bara skriva ner allt han/hon hade velat ladda upp och sedan föra in det i systemet när en anslutning till servern kan upprättas. Långsammt. Krångligt. Besvårligt.</p>

<p>Det som användaren bör erbjudas är en applikation som kan sparas i webbläsaren och som sparar hans/hennes arbete lokalt när ingen anslutning till servern existerar.</p>

<h4 class="wmd-title" id="ett-flödesskema-över-applikationen">Ett flödesskema över applikationen</h4>

<p><img src="http://www.student.bth.se/~marj10/top%20lel/activity.svg" alt="enter image description here" title=""></p>

<h3 class="wmd-title" id="tekniker">Tekniker</h3>

<h4 class="wmd-title" id="html5-relaterade-tekniker">HTML5 relaterade tekniker</h4>

<h4 class="wmd-title" id="övriga-tekniker">Övriga tekniker</h4>

<h5 class="wmd-title" id="mysql">MySQL</h5>

<p>För att spara informationen som användaren matar in använder vi en databasen MySQL. MySQL är en populär databas som är gratis. För att behandla databasen använd SQL.</p><h5 class="wmd-title" id="php">PHP</h5>

<p>För att hantera databasen änvänds språket php.</p><h3 class="wmd-title" id="länkar">Länkar</h3>

<ul>
<li><a href="http://www.w3c.org">V3C</a></li>
<li><a href="http://www.w3.org/2011/02/htmlwg-pr.html">HTML5 V3C standard 2014</a></li>
<li><a href="http://www.w3.org/html/wg/drafts/html/master/">HTML5</a></li>
</ul>

<blockquote>
  <p>Written with <a href="http://benweet.github.io/stackedit/">StackEdit</a>.</p>
</blockquote>