Responsiv webbutveckling med Drupal
Storm, Patrik (2012)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201202152221
https://urn.fi/URN:NBN:fi:amk-201202152221
Tiivistelmä
I dag används allt mera mobila verktyg, som smarttelefoner, surfplattor och små bärbara datorer, vilka har en gemensam egenskap; en liten skärm. Skärmstorleken ger krav på funktionaliteten på de webbplatser man surfar på, och detta problem har traditionellt lösts med att utveckla separata mobila nätsidor. Fast denna teknik är fungerande uppkommer ändå vissa problem. Då man har separata webbplatser måste båda uppdateras, och ifall någon delar länkar mellan olika medium kommer slutanvändaren att kanske använda sig av mobilversionen på en normalstorleks skärm. Dessa problem uppstår särskilt bland sociala median, då länkar delas ut bland mobila och persondatorer. Att lösa dessa problem har det utvecklats nya tekniker vilka möjliggör utvecklandet av en responsiv webbplats, som fungerar lika på alla medium, oberoende om skärmstorleken. Med nya egenskaper inom CSS3 kan man implementera sätt att ta reda på användarens skärmstorlek och dela information och media till användaren enligt användarens skärm-storlek. Denna teknik fungerar i de flesta webbläsare, som nyaste mobila verktyg har. Detta arbete koncentrar sig på att implementera responsiva egenskaper till Drupal, m. ha. dagens nyaste och mest använda tekniker. Arbetet genomförs med olika tester och experiment, var resultatet testas med olika mobila verktyg, samt vanliga webbläsare. Arbetet begränsas till Linux AMP (LAMP) miljön och Drupal, men dessa tekniker kan användas och implementeras relativt enkelt till alla olika CMS system, eller helt skräd-darsydda webbprojekt. There is a rise in the use of different smartphones, internet tablets and other portable de-vices capable of browsing the web. They all share one thing in common; a small screen size. The device screen size gives us some restrictions on the webpage or application we want to use. This problem has traditionally been solved by creating a totally separate webpage targeted for mobile-only devices. However, this technique is not without problems, when updating the these pages there will be extra work because the webpages are separate, with their own information. In other words each update must be done twice. A other aspect is the popularity among different social media, users tend to share links and information with both portable devices and personal computers. This results in smartphone users getting the mobile webpages links and vice versa. New technologies have been developed that makes it possible to create responsive webpages that work with any type of screen size. With new features introduced with the release of CSS3 it is now possible to make contextual queries to the users device and present the information and media accordingly. This new technology is supported by all the newest web browsers that smartphones are equipped with today. In this project there will be a study how these techniques can be imported to Drupal. The study includes tests and experiments done with smartphones, internet tablets and desktop browsers. The project is limited to the Linux platform running AMP (LAMP) and Drupal. However these techniques can be im-ported to other CMS systems, or customized web projects with little work.