HTML5 är en officiell webbstandard från World Wide Web Consotium(W3C).Många webbläsare idag använder HTML5 eftersom den är snabbare än HTML4. I det här projektet görsen komparativ studie av de viktigaste skillnaderna mellan den nya standarden HTML5 och den gamla standarden HTML4, samt enjämförande studiemellan den gamla versionen CSS2 och den nya versionen CSS3, samt en bred beskrivning av de nya element. Utifrån studien ska en webbsida skapas med hjälp av de nya elementen. Webbsidan körs i webbläsare Chrome eftersom den är en av de som stöder HTML5.Nyckelord: HTML5, HTML4, CSS2, CSS3..

En experimentell ansats till att jämföra animeringar för webben utförda med JavaScriptsbiblioteket jQuery och animeringsmetoder för stilmallsverktyget CSS3. Uppsatsen inleds med en litteraturstudie där information angående HTML, DOM, CSS, CSS3, JavaScript och jQuery presenteras som står i relation till experimenten. Detta följs av de faktiska experimenten och ett resultat som kategoriseras i tre delar: teknisk, praktisk och visuell analys. Dessa reflekteras med ett resultat som framhäver CSS styrka i lägre prestandakrav än jQuery som istället styrks av sin kompatibilitet..

HTML5 är en officiell webbstandard från World Wide Web Consotium(W3C).Många webbläsare idag använder HTML5 eftersom den är snabbare än HTML4. I det här projektet görsen komparativ studie av de viktigaste skillnaderna mellan den nya standarden HTML5 och den gamla standarden HTML4, samt enjämförande studiemellan den gamla versionen CSS2 och den nya versionen CSS3, samt en bred beskrivning av de nya element. Utifrån studien ska en webbsida skapas med hjälp av de nya elementen. Webbsidan körs i webbläsare Chrome eftersom den är en av de som stöder HTML5.Nyckelord: HTML5, HTML4, CSS2, CSS3..

Användandet av enheter med varierande skärmstorlek för att surfa på webbsidor ökar. Webben är således under en ständig förändring. Ansvariga för en webbsida måste därmed bestämma hur de ökade kraven som dessa olika enheter ställer ska kunna tillgodoses. Genom att använda sig av HTML5, CSS3 samt Responsive Web Design kan en webbsidas design på ett önskvärt sätt anpassas efter enhetens skärmstorlek. Denna uppsats syftar till att ge riktlinjer för att förenkla den migrationsprocess som en designer av en webbsida förr eller senare måste ta ställning till för att kunna hantera olika enheters skärmstorlekar.

This thesis have been performed at Sweco Position in Jönköping. The work was split into two, where one part included an investigation regarding the possibility of developing a cross-platform GIS (geographic information system) with HTML5 and CSS3. A prototype would also be developed within this part.The second part included development of a cross-platform GIS for a client to Sweco Position. The client operates in the forest sector and had already an existing solution, with many problems. The client required an application with delimited functionality and which was not bound to a specific hardware.As the client users often were located in areas with limited Internet access, one additional requirement was that there would be some offline support.The students handle subjects within development of GIS, for example map projections, map services and mapping libraries.The application came to be developed in HTML5 and ASP.net.

Jag kommer i denna uppsats beskriva den designprocess som pågått vid skapandet av en webbaserad informationsplattform från koncept till slutprodukt.Mitt uppdrag har varit att effektivisera en webbyrås nuvarande sätt att hantera och sprida information på, som bestod av en blandning mellan digital och analog information, och skapa en ny webbaserad informationsplattform. Den nya webbaserade informationsplattformen ska kunna samla all information på en plats och skapa ett effektivare informationsutbyte mellan de anställda på företaget.Jag har använt mig av två teoretiska ramverk; Nielsens tio heuristics samt Krugs visuella design hierarki.Jag har arbetat nära beställaren för att kunna skräddarsy webbplatsen till deras behov.Resultatet efter ett omfattande arbete med designmallar och front-end kodning blev grunden för webbyråns webbaserade informationsplattform, utvecklad för att effektivisera spridningen av information på företaget..

MobisleApps utvecklar och underhåller en applikation för mobila enheter så som iPhone och Android som heter MobisleNotes. Denna applikation ger användaren möjlighet att skriva anteckningar i mobilen och synkronisera dessa till en extern server. MobisleApps vill erbjuda ytterligare möjligheter för användarna att skriva anteckningarna och har bestämt sig för göra detta med hjälp av en webbläsare och ett gränssnitt mot den externa servern.Detta examensarbete syftar till att ta fram ett sådant webbgränssnitt och att undersöka om detgår att använda något ur de nya standarderna för Hyper Text Markup Language (HTML) och Cascading Style Sheets (CSS).Genom att utveckla ett webbgränssnitt som ger användaren möjlighet att logga in, skapa, ändra och ta bort anteckningar som synkroniseras till telefonen via en extern server har jag uppfyllt de krav som ställdes.Slutsatsen av rapporten är att det är möjligt att använda en del nya HTML5 och CSS3 funktionalitet och egenskaper. Detta om det görs för att förstärka webbgränssnittets funktionalitet och utseende medan man inte förlitar sig på att alla användare kommer att ha en uppdaterad webbläsare. Annars är risken stor att man stänger ute användare som inte kan ellervet hur man uppdaterar sin webbläsare..

Vi kommer i denna rapport undersöka hur ramverket Derby kan användas inom spelutveckling tillsammans med HTML5 och CSS3. Derby är ett MVC-ramverk som bygger på Node.js. MVC (Model View Controller) är ettdesignmönster som används inom systemutveckling. Designmönstret separerar presentationslagret och datalagret genom att införa en komponent emellan som kallas controllern. Det Derby framförallt tillför till Node.js är synkronisering av data mellan servern och klienten.

Examensarbetet har utförts på Lawson, som idag gör en satsning mot de mobila användarna. Då det idag finns många olika typer av enheter, webbläsare och operativsystem utvecklas det mobila applikationer till varje plattform vilket medför stora kostnader och längre utvecklingstider. Den här rapporten är skriven i syfte att se över vad det finns för möjligheter att använda ny teknik som HTML5 och CSS3 tillsammans med ramverket jQuery for mobile för att utveckla webbapplikationer.För att visa på funktionaliteten och vad man kan göra så har två exempelapplikationer tagits fram och testas på flera olika plattformar/enheter, bland annat en iPad och en Samsung Galaxy Tab 8.9. Koden för dessa applikationer finns som bilaga i rapporten.Målet var att se över vad det fanns för stöd för swipes, enhetlig native-design/känsla, kunna använda enhetens kamera och GPS. En hel del, bland annat swipes, GPS och lokal lagring, går att lösa med HTML5 och jQuery for mobile.

Den här rapporten beskriver ett examensarbete som genomfördes åt Flex Datasystem med syfte att vidareutveckla Flex HRM mobile. Vår uppgift var att implementera projektrapportering som ingår i modulen Flex Tid, vilket innebär att användaren kan registrera eller redigera diverse projekt via mobila enheter. Vi använde oss av JavaScript, HTML5, CSS3 och även diverse ramverk för att fullfölja vårt arbete..

Syftet med denna studie var att synliggöra förskollärares tankar om vardagsmatematiken. Studien skulle även innefatta hur förskollärare tar tillvara på den vardagliga matematiken. Vår metod i studien gick ut på att intervjua förskollärare genom en self report, som tillhör den kvalitativa forskningen. Vår self report innebar att de tillfrågade förskollärarna skriftligt fick redogöra sina tankar och erfarenheter utifrån frågeformuläret. Med hjälp av vår self reports öppna frågor synliggjordes förskollärares djupgående tankar om ett visst fenomen, vilket leder in vår studie till en fenomenografisk forskningsansats.

Den här rapporten beskriver ett examensarbete som genomfördes åt Flex Datasystem med syfte att vidareutveckla Flex HRM mobile. Vår uppgift var att implementera projektrapportering som ingår i modulen Flex Tid, vilket innebär att användaren kan registrera eller redigera diverse projekt via mobila enheter. Vi använde oss av JavaScript, HTML5, CSS3 och även diverse ramverk för att fullfölja vårt arbete..

This report describes the process of developing a user-friendly and responsive archive website. The website is a Hi-fi prototype and was created for the company JG Communications, to serve as an archive for their customers? style guidelines. To create this website I have used HTML5 and CSS3 to make it responsive for various computer screens. I have also used PHP and some JavaScript to make some of the functions and Adobe Photoshop and Illustrator to make design elements for the prototype.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.