Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Anpassning till den nya webben: Riktlinjer för migration av webbsida till HTML5 och Responsive Web Design
Uppsala University, Disciplinary Domain of Humanities and Social Sciences, Faculty of Social Sciences, Department of Informatics and Media.
Uppsala University, Disciplinary Domain of Humanities and Social Sciences, Faculty of Social Sciences, Department of Informatics and Media.
2013 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [sv]

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. En prototyp har utvecklats i form av en responsiv version av en existerande webbsida genom att utgå från litteraturstudier och intervjuer med webbutvecklare. Resultaten har formulerats i ett antal vägledande riktlinjer om hur en migration bör gå till. De riktlinjer för en responsiv migration som lyfts fram i denna uppsats rekommenderar att använda ett ramverk men samtidigt vara försiktig med användandet av de färdiga komponenter ett ramverk bidrar med, att utveckla en vy i taget och att använda ett stilmallsspråk. Det har även skapats ett flödesschema för att enkelt kunna avgöra när en migration är rätt beslut.

Abstract [en]

The use of devices with varying display size, to surf the web, is constantly increasing; thus putting ‘the web’ under a state of constant change. Those responsible for a web page must therefore determine how the increased demands, that these different units have, should be met. By utilizing HTML5, CSS3 and Responsive Web Design (RWD), the design of a webpage can, in a desirable manner, be adapted to the unit’s display size. This paper aims to provide guidelines for the migration process of a website to RWD. A prototype has been developed in the form of a responsive version, of an existing website, based on literature studies and interviews with web developers. The results have been formulated by a number of guiding principles, which informs how a migration should to be carried out. Using a framework is recommended by the guidelines; however a degree of vigilance is required when using the included components. Furthermore one should ensure one breakpoint is developed at a time and that a style sheet language is adopted. In addition to the guidelines a flow chart has been designed to help determine whether or not a migration to RWD is the right decision. 

Place, publisher, year, edition, pages
2013.
Keyword [en]
HTML5, Responsive Web Design, Migration, Web Development, CSS3
Keyword [sv]
HTML5, Responsive Web Design, Migration, Webbutveckling, CSS3
National Category
Information Systems, Social aspects
Identifiers
URN: urn:nbn:se:uu:diva-202069OAI: oai:DiVA.org:uu-202069DiVA: diva2:630829
Subject / course
Computer Systems Sciences
Educational program
Bachelor programme in Information Systems
Supervisors
Available from: 2013-06-24 Created: 2013-06-19 Last updated: 2013-06-24Bibliographically approved

Open Access in DiVA

fulltext(1184 kB)369 downloads
File information
File name FULLTEXT01.pdfFile size 1184 kBChecksum SHA-512
ee3eb614f54121b250c5b4b2127aabbc0af41d2ac66a8613079758b7f3752d84c2e500edb717065da467707353455322fe0433a10393a3731762a4ccdf33793a
Type fulltextMimetype application/pdf

By organisation
Department of Informatics and Media
Information Systems, Social aspects

Search outside of DiVA

GoogleGoogle Scholar
Total: 369 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 836 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf