Mobila enheter Anpassning av hemsidor skapade med EPIServer CMS

”Mobila enheter – anpassning av hemsidor skapade med EPiServer CMS” handlar om tekniker och metoder för att anpassa en hemsida skapad i publiceringsverktyget EPiServer CMS för mobila enheter. Rapporten berör både tekniska bitar så som hur man kan presentera två helt olika versioner av samma sida och hur man löser scrollning på mobila enheter till mer teoretiska avsnitt som handlar om hur man presenterar innehåll som passar den mobila enhetens skärm.Syftet var att undersöka om det är möjligt att skapa återanvändbar kod som går att använda på flera olika webbplatser och samtidigt skapa den mobila versionen med samma html-kod som redan finns och på så sätt undvika extra arbete för att koda om sidorna. Vidare så undersöktes det om det gick att få en ”app-känsla” på den mobila versionen utan att utveckla en nativ applikation. Självständigt arbete på grundnivå (kandidatexamen) 10 poäng / 15 hp ”Mobila enheter – anpassning av hemsidor skapade med EPiServer CMS” handlar om tekniker och metoder för att anpassa en hemsida skapad i publiceringsverktyget EPiServer CMS för mobila enheter. Rapporten berör både tekniska bitar så som hur man kan presentera två helt olika versioner av samma sida och hur man löser scrollning på mobila enheter till mer teoretiska avsnitt som handlar om hur man presenterar innehåll som passar den mobila enhetens skärm.Syftet var att undersöka om det är möjligt att skapa återanvändbar kod som går att använda på flera olika webbplatser och samtidigt skapa den mobila versionen med samma html-kod som redan finns och på så sätt undvika extra arbete för att koda om sidorna. Vidare så undersöktes det om det gick att få en ”app-känsla” på den mobila versionen utan att utveckla en nativ applikation. Självständigt arbete på grundnivå (kandidatexamen) 10 poäng / 15 hp “Mobile devices - adaptation of homepages created with EPiServer CMS” is about techniques and methods to customize a homepage created in the publishing tool EPiServer CMS for mobile devices. The report concerns both technical pieces such as how to present two completely different versions of the same page and how to solve scrolling-on mobile devices to more theoretical sections about how to present content that fits the mobile device’s screen. The aim was to examine whether it is possible to create reusable code that can be used on several websites while creating the mobile version with the same html code that already exists and thus avoid extra work to code the pages. Furthermore, it was