Anpassning av webbsidor för datorer och mobiltelefoner N I K L A S P R A G S T E N

Storlek: px
Starta visningen från sidan:

Download "Anpassning av webbsidor för datorer och mobiltelefoner N I K L A S P R A G S T E N"

Transkript

1 Anpassning av webbsidor för datorer och mobiltelefoner N I K L A S P R A G S T E N Examensarbete Stockholm, Sverige 2008

2 Anpassning av webbsidor för datorer och mobiltelefoner N I K L A S P R A G S T E N Examensarbete i medieteknik om 15 högskolepoäng vid Högskoleingenjörsprogrammet för medieteknik Kungliga Tekniska Högskolan år 2008 Handledare på CSC var Björn Hedin Examinator var Roger Wallis TRITA-CSC-E 2008:011 ISRN-KTH/CSC/E--08/011--SE ISSN Kungliga tekniska högskolan Skolan för datavetenskap och kommunikation KTH CSC Stockholm URL:

3 Sammanfattning Anpassning av webbsidor för datorer och mobiltelefoner Syftet med det här examensarbetet har varit att undersöka om man kan anpassa webbsidor till att passa både mobiltelefoner och datorer samtidigt. Idag finns det väldigt många webbsidor på Internet, men endast en bråkdel går att surfa in på med en mobiltelefon. Med en mobiltelefon kan surfvanorna komma att förändras då det nu går att få tillgång till webben var som helst och när som helst. Med 3G-teknikens större bandbredd kommer nya och spännande användningsområden att dyka upp. Frågeställningen är uppdelad i två stora delar: Går det att identifiera en anropande enhet på ett tillfredsställande sätt och få fram enhetens olika egenskaper? Vilka begränsningar finns det för header variables? Finns det flera sätt att identifiera en enhet samt få fram dess egenskaper?, samt Går det att anpassa webbsidor för både datorer och telefoner samtidigt? Är det bättre att ha helt dynamiska webbsidor, även om de blir väldigt komplexa, än två skilda? Vad skall göras med alla redan nu befintliga ej anpassade webbsidor på Internet? En litteraturstudie har gjorts där det undersökts vilka olika sätt det går att identifiera en enhet på. Ett sätt som är under utveckling är det med CC/PP-profiler. Dessa profiler liknar de UAProf som finns i dagsläget i WAP. Med hjälp av dessa kommer det i framtiden att bli enklare att både identifiera och få information om enheter. Det som är tillgängligt idag, förutom header variables, är WURFL. Detta är ett open source project där en databas skapats och alla mobila enheters egenskaper finns samlade. En genomgång är gjord över de olika sätt som idag finns för att få tillgång till webbsidor med hjälp av en mobiltelefon. De nya webbläsarna till mobiltelefoner som har kommit, anpassar webbsidor till den mycket mindre skärmen. Opera Mini är ett bra alternativ för den lite mindre kraftfulla mobiltelefonen. På telefonen redan befintliga WAP/XHTML-webbläsare kräver att webbsidan redan är anpassad för att den skall visas på ett hanterbarbart sätt. Ett sätt att skapa en anpassad webbsida är att göra den dynamisk, dvs anpassad för den enhet som anropar. Då vissa webbsidor är väldigt avancerade och därför kanske inte intressanta för en användare med en mobiltelefon, är det i dessa fall bättre att inte anpassa webbsidan för olika enheter. På en anpassad webbsida bör kanske inte all information finnas med då en mobiltelefon anropar. Detta därför att det kan bli oöverskådligt, för mycket information som laddas ner, för dyrt mm. Varje enskilt fall är speciellt och det är därför svårt att generellisera i vilken utsträckning en webbsida skall vara anpassad. En prototyp har skapats för att tydligt visa svårigheter och eventuella lösningsförslag. I detta fall är hela webbsidan anpassad till både mobiltelefoner och datorer, detta då webbsidan har en enkel struktur och informationsmängden inte är för stor.

4 Abstract Adaption of webpages for computers and mobile phones The purpose of this project is to examine whether it is possible to adapt webpages to both mobile phones and computers at the same time. There are many webpages today on the Internet, but you can only use a mobile phone to a very limited number of them. Using a mobile phone, the habits of using the web will change when it s now possible to connect to the Internet everywhere and anytime. When using the wider broadband of the new 3G-technology, new exciting areas of usibility will arise. The question at issue is divided into two major parts: Is it possible to identify a requesting unit in a satisfactory way and achieve the units different attributes? What limits are there to HTTP header variables? Are there more ways to identify a unit and achieve its attributes?, and Is it possible to adapt webpages for both computers and mobile phones at the same time? Is it better to have completely dynamic webpages, even though they will be very complex, than two different? What can be done to all the non adapted webpages that already exist on the Internet? A literature study has been carried out where it is examined what different alternatives there are to identify a unit. One way still under development is with CC/PP-profiles. These profiles look like those in WAP already existing UAProf. With this help it will be much easier in the future to both identify and achieve information about units. What s accessible todady, except header variables, is WURFL. This is an open source project where a database is created and where attributes to every mobile unit will be accessible. A survey is made over the different ways there are today to surf webpages from a mobile phone. The new webbrowsers for mobile phones adapt webpages to the much smaller screen on mobile phones. Opera Mini is a good choice for the not so powerful mobile phone. The already installed WAP/XHTML-webbrowser demands an already adapted webpage to show it in a manageable way. One way to create an adapted webpage is to make it dynamic, i.e. adapted for the requesting unit. When many webpages are very advanced and therefore not interesting for a user with a mobile phone, in this case it is better not to adapt the webpage for different units. Sometimes on an adapted webpage all information shouldn t always be included when a mobile phone makes a request. The reason for this is it might be to messy, to much information to download, to expensive etc. Every uniqe case is special and it is hard to generalize in what extent a webpage should be adapted. A protoype has been created to show difficulties and possible proposals of solutions. In this case the whole webpage has been adapted to both mobile phones and computers, thus the webpage has a simple structure and the amount of information is not too big.

5 Innehållsförteckning 1 Inledning Bakgrund Syfte Problem Avgränsning Metod Datainsamling Protoyp Informationens kvalitet Webbläsare till mobiltelefoner WAP och XHTML MP Noname webbläsare Small-Screen Rendering på mobilen (Opera) SSR-funktionen Small-Screen Rendering på servern (Opera Mini) Smart-Fit Rendering på mobilen (NetFront) SFR-funktionen Inzoomning (Nokia/Apple) Webbläsare på webben Identifiering av User Agent Delivery context HTTP Header variables Dator Telefon CC/PP Uppbyggnad Attributdata WURFL Uppbyggnad Media Query Prototyp HK Cliffs webbsida Att anpassa XHTML Design Tillvägagångssätt Slutsatser och diskussion Identifiering Webbläsare Anpassade webbsidor Källor Referenser Övriga källor på Internet Litteratur Bilagor User Agent Profile SonyEricsson, K700i HTTP Header Variables...27

6 8.2.1 Firefox Nokia WURFL Nokia Orginal skript index.php menu.php head.php cliff.css Anpassade script xindex.php xmenu.php xhead.php xunitchoice.php xobjects.php ximageresizer.php xcliff.css xcliff_phone.css...39

7

8 1 Inledning 1.1 Bakgrund Många mobiltelefoner som säljs idag har en webbläsare som stöder xhtml. De kan med hjälp av denna surfa på webben precis som vilken dator som helst. I princip, för det finns vissa tekniska begränsningar, t ex är de flesta webbsidor gjorda för datorer med hög upplösning, åtminstone 640*480. Detta är alldeles för stort för en mobiltelefon som endast har en liten skärm, följden blir att användaren måste skrolla både vertikalt och horizontelt för att få en helhetsbild av webbsidan. När en enhet anropar en webbserver skickas information med som beskriver klienten. Denna information kommer i header variables och är inte fullständig i den mening att enhetens tekniska begränsningar och dess specifikation inte finns med. Header variables består endast av ett fåtal variabler med ett begränsat innehåll. Detta räcker inte till för att identifiera enheter på ett tillfredsställande sätt eller för att använda enhetsspecifik information i uppbyggnaden av webbsidor. 1.2 Syfte Syftet är att se om webben, World Wide Web, kan användas av olika enheter utan att man utvecklar webbsidor enbart för en viss typ av enhet. Antalet Internetuppkopplade mobiltelefoner är mycket större än antalet Internetuppkopplade datorer. Ändå är andelen webbsidor som är anpassade för datorer mycket större. Med en mobiltelefon går det att surfa när som helst och var som helst, något som idag inte är utnyttjat till fullo. Med dagens snabba 3G-teknik, och morgondagens än snabbare, går det att skapa nya möjligheter och användningsområden. 1.3 Problem Den primära frågeställningen i detta examensarbete är Går det att anpassa webbsidor till olika enheter, då mobiltelefoner har andra förutsättningar än datorer, t ex färgdjup och skärmstorlek?. Den sekundära frågeställningen är Hur skall en enhet kunna identifieras på ett tillfredsställande sätt?. Mer specifikt skall jag utreda: Går det att identifiera en enhet på ett tillfredställande sätt samt går det att få fram deras olika egenskaper? Finns det fler sätt att identifiera en anropande enhet och få fram dess egenskaper? Vilka begränsningar finns för header variables? Går det att anpassa webbsidor till både datorer och mobiltelefoner samtidigt? Är det bättre att ha två webbsidor, en för enheter med små skärmar och en för stora, eller ska samma kod ska användas för alla enheter, dvs helt dynamiska webbsidor? Vilket är det bästa sättet att angripa problemet med alla webbsidor som redan finns på webben och som är anpassade enbart för datorer? 1

9 1.4 Avgränsning I detta arbete kommer tekniker att förklaras, inga försök görs att fullständigt gå igenom dessa utan endast ge en övergripande förståelse. Då det är principerna som är viktiga kommer en förenkling att göras, endast två enheter kommer att studeras och användas, en dator och en mobiltelefon. Mobiltelefonen har en liten skärm, annars antas den ha samma förutsättningar som en dator förutom versioner av XHTML, CSS och Javascript. Många termer som används inom det här området är antingen engelska eller svengelska uttryck och många beskriver samma sak. Jag kommer här begränsa dessa uttryck till en enhetlig terminologi, om möjligt. Vissa engelska termer används då ingen svensk motsvarighet finns eller är användbar. Detta används: istället för Webbsida: hemsida, homepage, webpage, sajt, site. Element: tag, htmltag. Webbläsare: browser, webbrowser. Webben: internet (internet används ibland felaktigt när man menar World Wide Web). Mobiltelefon: telefon, mobil 2

10 2 Metod 2.1 Datainsamling Den information som samlas in till detta arbete kan delas upp i två delar. Dels den information som är befintlig, litteraturstudie, samt den information som hämtas in från egna undersökningar. Till litteraturstudien har merparten av informationen hämtats från Internet men även i bokform. W3C (World Wide Web Concortium) är ett standardiseringsorgan för Internet och de har en specifikation för Device Independence (Stephen Boyera, Rhys Lewis. W3C) som handlar om hur enheter oberoende av ursprung ska kunna surfa på webben. För att förstå den informationen har jag studerat XML och andra tekniker som används på webben (PHP, XHTML och CSS) Protoyp Den egna undersökningen består i en prototyp som skapats för att undersöka vilka möjligheter som finns för att på ett praktiskt sätt kunna se vad som är möjligt och inte möjligt. Har tekniken kommit så långt att det nu går att apassa webbsidor till olika enheter? Är det praktiskt möjligt att koda en webbsida för fler enheter eller inte. Detta vill jag försöka visa att det är möjligt, åtminstone teoretiskt. En lyckad prototyp kräver att resultatet blir bra för båda enheterna, dvs att designen är funktionell och anpassningen till olika enheter fungerar som det ska. Blir koden ren och lättläst och samtidigt dynamisk så är det ett lyckat resultat. En klar och tydlig koddesign, lätt att bygga vidare på är också tecken på en lyckad prototyp. För att kunna skapa en protoyp har jag varit tvungen att använda mig av den information som jag har samlat in samt att jag har förstått och dragit en korrekt slutsats angående denna. Jag har använt information om hur man designar webbsidor för mobiltelefoner och även denna har funnits på Internet. 2.2 Informationens kvalitet Den information som kommer från litteraturstudien kan ha olika kvalitet. Jag har gått igenom vilka olika sätt det finns att skicka med information om en enhet och vad som kan göras för att webbsidor även skall vara åtkomliga och användbara för mobiltelefoner. Om jag väljer att ta med information som finns på webbsidor på Internet, utan att den är verifierad av pålitliga organisationer (W3C, Nokia, Opera mm), kommer informationen ha en låg giltighet, dvs låg validitet. Då informationen till detta arbtete nästan uteslutande kommer från webbsidor, är det av fullständig betydelse för hela arbetet att information är verifierad och relevant. 3

11 3 Webbläsare till mobiltelefoner Aldrig har en så stor del av befolkningen haft en mobiltelfon som idag. Något som endast för några år sedan sågs som en omöjlighet är nu möjligt. Det går nu att surfa på webben med mobiltelefoner och även andra handburna enheter. Utanför mobiltelefonoperatörernas egna portaler finns det väldigt få webbsidor som är anpassade för mobiltelefoner. 3.1 WAP och XHTML MP WAP (Wireless Application Protocol) är en standard för trådlös kommunikation med Internet, där vissa speciella WAP-sidor går att titta på i en mobiltelefon (Open Mobile Alliance. What is WAP?). WAP har genomgått en förändring under den tid som det har funnits. Tidigare användes WML (Wireless Markup Language) i utvecklandet av WAP-sidor, nu används XHTML (Extensible Hyper Text Markup Language). XHTML är modulariserat och det finns flera versioner som kan användas beroende på syfte. Den standard W3C rekommenderar för utveckling till mobiltelefoner heter XHTML Basic 1 och stöder enbart de moduler som kan användas av en mobil enhet. Den version av XHTML som WAP 2.0 använder sig av heter XHTML MP (Mobile Profile) 2 och är väldigt lik XHTML Basic. Skillnaden är att XHTML MP stöder ett litet antal fler element. WAP 2.0 använder sig också av Cascading Style Sheets, nämligen WCSS. (WAP Cascading Style Sheets) En anpassad och nedbantad version av CSS2. Då WML och XHTML MP skiljer sig åt krävs det att WAP-läsarna stöder båda teknikerna eftersom det fortfarande finns WAP-sidor skrivna i WML. Mobiltelefonens WAP-läsare, som alltså är en XHTML-läsare, kommer att benämnas webbläsare hädanefter då den används precis som en webbläsare på en dator för att surfa på webben. 3.2 Noname webbläsare Det finns olika slags webbläsare som går att använda idag på mobiltelefoner. Det går att använda sig av den webbläsare som redan finns installerad på telefonen eller så finns det ett par som går att ladda ner. De webbläsare som redan finns installerade på många mobiltelefoner är ofta tillverkarnas egna och har inte alltid något namn. Dessa är ofta inte speciellt bra att surfa på webbsidor med om de inte redan är anpassade för små enheter. Att webbsidor anpassade till datorer använder sig av en hög upplösning och är stora rent fysiskt, bidrar till att göra det svårare då användaren måste skrolla i både höjdled och sidled för att kunna se hela webbsidan. (Se bild 1.) Bandbredd är en annan faktor som spelar in, en vanlig webbsida kan vara väldigt stor i antal kilobyte och det kan ta väldigt lång tid för en telefon med endast GPRS att ladda ner. När webbsidor redan är anpassade för mobiltelefoner fungerar det alldeles utmärkt att surfa på webben med den webbläsare som redan finns installerad, i alla fall så länge som den stöder WAP 2.0. (Se bild 2.) 1 W3C. XHTML Basic Developer s Home. XHTML Mobile Profile / XHTML MP Tutorial. 4

12 Bild 1. Ej anpassad webbsida Bild 2. Anpassad webbsida Small-Screen Rendering på mobilen (Opera) En webbläsare som är bättre lämpad för att visa icke-anpassade webbsidor på mobiltelefoner är webbläsaren Opera Mobile 3. Den anpassar webbsidor till mobiltelefonens mindre skärm helt automatiskt. För att klara av detta använder sig Opera av en teknik som heter Small-Screen Rendering 4. Att använda sig av Opera ställer krav på processorkraft och minne och fungerar inte på alla mobiltelefoner utan endast på de lite mer kraftfulla. Opera har därför en annan version av sin webbläsare som riktar in sig på mindre kraftfulla mobiltelefoner, Opera Mini. (Se nedan) SSR-funktionen Alla bilder skalas om dynamiskt till en storlek som fungerar, likaså rubriker och annat som tar upp stort utrymme. Webbsidan delas sedan in i fyra olika delar. Rubrik-delen (1), meny-delen (2), huvudinnehåll (3) och extra menyer eller annat innehåll (4). Dessa placeras sen ut i anpassad form i följande ordning. Högst upp kommer rubrikdelen (1), sedan kommer de andra delarna i fallande ordning (2) (4). (Se bild 3 för förtydligande.) Bild 3. Tagen från Operas webbsida. 3 Opera. Opera for mobile. 4 Opera. Opera s Small-Screen Rendering. 5

13 3.4 Small-Screen Rendering på servern (Opera Mini) Opera Mini, till skillnad från vanliga Opera, formaterar inte om webbsidan själv utan låter det nedladdade datat först passera en proxyserver där all omformatering sker. Sedan skickas datat vidare till telefonen och visas på skärmen. På så sätt kan även mindre kraftfulla mobiltelefoner använda sig av webbläsaren Opera. Omformateringsfunktionen fungerar på likadant sätt till Opera Mini, dock sker omformateringen som sagt tidigare på en proxyserver innan datat når mobiltelefonen. 3.5 Smart-Fit Rendering på mobilen (NetFront) Access har en webläsare som heter NetFront 5. Den använder sig av en teknik som heter Smart-Fit Rendering 6 och anpassar webbsidan så att den passar en mindre skärm på en mobiltelefon. En annan renderingsfunktion som finns i NetFront är Just-Fit Rendering. Denna renderingsteknik skiljer sig på det sättet att den inte ändrar designen utan endast pressar in tabeller så de får plats på en liten skärm. NetFront ställer krav på både processorkraft och minne och fungerar inte på alla mobiler utan endast de lite mer kraftfulla. Webläsaren stöder utöver WAP 2.0 även HTML 4.01, XHTML 1.1, CSS 1 och 2, Javascript 1.5 och AJAXScript mm SFR-funktionen Alla bilder skalas om dynamiskt till en storlek som fungerar, likaså rubriker och annat som tar upp stort utrymme. Webbsidan delas sedan in i tre olika delar. Rubrik-delen (A), vänster-delen (B), höger-delen (C). Dessa placeras sen ut i anpassad form i följande ordning. Högst upp kommer rubrik-delen (A), sedan kommer de andra två delarna i ordning (B) (C). (Se bild 4 för förtydligande.) Bild 4. Tagen från Access webbsida. 5 Access. NetFront Browser v Access. Smart-Fit Rendering. 6

14 3.6 Inzoomning (Nokia/Apple) Nokia har i samarbete med Apple tagit fram en ny webbläsare för mobiltelefoner, Series 60 webbrowser 7. Det är till Nokia Series 60-mobiler. Den här webbläsaren fungerar lite annorlunda än de från Opera och NetFront i och med att den visar hela webbsidan på en gång i ett miniatyrformat. (Se bild 5.) Användaren skrollar sedan runt en liten fyrkant på skärmen (storleken på telefonens fönster) och kan välja vilken del som skall förstoras upp i vanlig storlek på skärmen. (Se bild 6.) Med ett nytt knapptryck är du ute igen på miniatyrformatswebbsidan och kan välja en ny del att titta på. Bild 5. Miniatyrwebbsida med kvadrat. Bild 6. Förstorad vald del. Webbläsaren till S60 är väldigt kraftfull och stöder inte bara WAP 2.0, utan även bl a HTML 4.01, XHTML 1.0, CSS 1,2 och 3(delvis), Javascript och Flash Lite 8. Detta är således ett helt annat sätt att surfa på än när en webbläsare från Opera eller NetFront används. 3.7 Webbläsare på webben Skweezer är en webbportal 9 som innehåller en webbläsare, direkt på webben, och behöver inte laddas ner för att användas. Skweezer fungerar med hjälp av en proxyserver som sköter all omformatering av datat och presenterar webbsidan anpassad till en mobiltelefon. Längst ner på webbsidan finns det en footer som visar information om webbsidan. 1. Stjärnor som visar på hur wireless ready webbsidan är. 2. En fylld rektangel som visar hur optimerad webbsidan har blivit i förhållande till ursprungssidan. 3. Hur mycket data som Skweezer lyckats ta bort i siffror. 7 Series 60. Web Browser for S60. 8 Series 60. Web Browser in detail. 9 Skweezer. Skweezer. 7

15 Bild 7. Tagen från Skweezers webbsida. Det enda som krävs för att börja är att adressen skrivs in i textfältet, sedan sköts allt per automatik, webbsidan hämtas, anpassas och visas. Utöver webbläsaren finns det även e-post, RSS läsare mm på webbportalen. 8

16 4 Identifiering av User Agent W3C-World Wide Web Consortium är en organisation som håller på med standardiseringar och riktlinjer för Internet. En av deras riktlinjer är av stort intresse för detta projekt, riktlinjer för device independence. En standard för hur webbsidor kan anpassas för att passa olika enheter t ex datorer och mobiltelefoner. Inom detta finns en lösning på ett av de stora problemen, nämligen identifieringen av den anropande enheten. Det görs med hjälp av en profil som heter CC/PP (Composite Capabilities/Preferences Profile). Detta tas upp senare under rubriken CC/PP. 4.1 Delivery context För att det ska kunna vara möjligt att identifiera den enhet som anropar en webbsida måste det framgå vilken information som skickas med i anropet. Detta görs i det som kallas för Delivery Context (Roger Gimson, Rhys Lewis, Sailesh Sathish. Delivery context overview for device independence). Här finns det information om den enhet som gör själva anropet. HTTP (HyperText Transport Protocol) (Network working group Hypertext Transfer Protocol-HTTP1.1) är det protokoll som används vid anrop på webben idag. I det protokollet finns det variabler som innehåller information om den enhet som utför själva anropet. Dessa kallas för HTTP Header Variables. 4.2 HTTP Header variables Med HTTP Header Variables 10 går det att få fram information om den enhet som utför ett anrop till en webbsida. Dessa variabler innehåller dock en begränsad mängd information då antalet variabler inte är så stort. Dessutom är det inte standardiserat hur informationen ska skrivas in vilket gör det ännu svårare. Information om den anropande klienten som går att använda i ett identifieringssyfte finns i variabeln USER_AGENT. Denna innehåller en sträng med information som kan se ut enligt följande. Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;.NET CLR ). När mobiltelefoner anropar ser det lite annorlunda ut. sgh-z500 shp/vpp/r5 sm83.1 smm mms/1.2.0 profile/mdp-2.0 configuration/cldc-1.1. Med denna information går det att ta reda på vilken enhet som anropar. Det som tyvärr inte går att få reda på med hjälp av Header Variables är specifik information om själva enheten, t ex skärmbredd, antal färger mm. ACCEPT är en annan variabel och innehåller bl a information om vilka media typer som klienten accepterar. Det kan se ut enligt följande. */*, om allt accepteras. I annat fall kan det se ut så här text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,im age/png,*/*;q=0.5. USER_AGENT: Webbläsare som användes för anropet. (Format: Mjukvara/Versionsbibliotek/Version) ACCEPT: MIME typerna klienten accepterar. (Format: typ/deltyp, typ/deltyp;q=relativ önskegrad). * betyder alla mediatyper. Typ är vilken 10 Network working group Header Field Definitions 9

17 mediatyp t ex text eller image. Genom att skriva deltyp specificeras det ytterliggare. T ex text/html och image/gif. q är en relativ önskegrad från 0-1. T ex text/html;q=0.8. Anges inget q-värde räknas typen som q=1.0. Detta betyder att text/xml skall användas, annars (i fallande önskegrad) text/html;q=0.9, text/plain;q=0.8, */*;q=0.5. Nedan visas vilken information USER_AGENT och ACCEPT innehåller för ett antal olika enheter. Se bilaga 8.2 för exempel av Header Variables Dator Internet Explorer HTTP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;.NET CLR ) HTTP_ACCEPT:*/* Firefox HTTP_USER_AGENT:Mozilla/5.0 (Windows; U; Windows NT 5.0; en-us; rv:1.7.9) Gecko/ Firefox/1.0.5 HTTP_ACCEPT:text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text /plain;q=0.8,image/png,*/*;q=0.5 Opera HTTP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; sv) Opera 8.50 HTTP_ACCEPT:text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, */*;q= Telefon Samsung SGH-Z500 HTTP_USER_AGENT: sgh-z500 shp/vpp/r5 sm83.1 smm mms/1.2.0 profile/mdp-2.0 configuration/cldc-1.1 HTTP_ACCEPT:text/vmd.sun.j2me.appdescriptor.application/sdp.application/vmd.samsung.theme, application/java-archive, text/vmd.wap.vml Nokia 6170/Opera Mini HTTP_USER_AGENT: Opera/8.01 (J2ME/MIDP; Opera Mini/ /hifi/nordic/se; Nokia 6170; sv; U; ssr) HTTP_ACCEPT: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, */*;q= CC/PP CC/PP (Composite Capabilities/Preference Profiles) (W3C Composite capability/preference profile (CC/PP): Structure and vocabularies 1.0) är namnet på en profil som beskriver en enhet väldigt detaljerat. W3C försöker få fram riktlinjer för hur en CC/PP-profil ska kunna skickas med i Delivery Context och på så sätt vara tillgänglig vid anrop av webbsidor. Profilen beskriver enhetens hårdvara och även mjukvara, till 10

18 skillnad från Header Variables, vilket gör CC/PP-profilen till ett väldigt användbart hjälpmedel. En CC/PP-profil är ett XML-dokument som skrivs i RDF (Resource Description Framework). RDF är en XML-standard för att beskriva olika typer av resurser. WAP är en teknik som använder sig av CC/PP-profiler under namnet UAProf (UserAgenProfile). Denna profil beskriver dock endast mobiltelfoner och inte datorer eller andra enheter som inte stöder WAP. (Se bilaga 11.1 för exempel av UAProf) Uppbyggnad En CC/PP-profil är uppgyggd i en trädstruktur med två nivåer. En profil måste ha en eller flera komponenter (första nivån) och varje komponent måste ha en eller flera attribut (andra nivån). Datat lagras i själva attributen. Detta kan visualiseras i en graf. -CC/PP-profil -Component Hardware -Width 140 -Height 200 -Component Software -Name EPOC -Version 2.0 -Vendor Symbian -Component Browser -Name Mozilla -Version 6.0 -Vendor Symbian -HtmlVersion 4.0 Ibland kan det behöva finnas flera data i samma attribut. Detta löses genom att använda en rdf:bag. Ex: attributet HtmlVersion kan klara av flera versioner av html, inte bara 4.0. Det kan skrivas i en rdf:bag enligt följande. <HtmlVersion> <rdf:bag> <rdf:li>3.2</rdf:li> <rdf:li>4.0</rdf:li> </rdf:bag> </HtmlVersion> Attributdata Det finns olika slags attributdata som kan användas i en CC/PP-profil, de är antingen simple attribute data eller complex attribute data. Simple attribute data: String: En textsträng som gör skillnad på gemener och versaler. Integer numbers: Heltal som kan vara positiva, negativa eller noll. Rational numbers: Ett tal som kan uttryckas som kvoten av två heltal. Complex attribute data: Set of values: Ett set kan innehålla noll, ett eller flera värden där alla är olika och ordningen är utan betydelse. Det representeras av en rdf:bag som nämnts ovan och är bra då flera värden används. 11

19 Sequence of values : En sequence kan innehålla noll, ett eller flera värden där ordningen är av betydelse. Det representeras av en rdf:seq och är lite annorlunda än en rdf:bag då ordningen är av betydelse. Annars fungerar de på samma sätt. 4.4 WURFL The WURFL is an XML configuration file which contains information about capabilities and features of several wireless devices. (WURFL. Welcome to the WURFL the Wireless Universal Resource File) WURFL är en databas/konfigurationsfil som innehåller specifikationer om trådlösa enheter. WURFL är ett open-source projekt som samlar in information om så många trådlösa enheter som möjligt. Det är ihopsamlat av människor från hela världen och är gratis att använda. I dagsläget finns det över 400 enheter i databasen och det tillkommer fler hela tiden. WURFL påminner om CC/PP-profiler på så vis att en fil skapas med information om olika enheter. Det är ett kraftfullt verktyg då det går att få fram enhetsspecifik information väldigt lätt med hjälp av enkla funktionsanrop, samt om det är en WAPenhet eller inte. Dock måste utvecklaren själv hålla reda på när det är dags att uppdatera WURFL och ladda ner den nya versionen av databasen Uppbyggnad WURFL är uppbyggd i en familjestruktur 11 där barnen ärver egenskaper från sina föräldrar. Strukturen består av tre nivåer. Databasen måste ha ett antal enheter, devices (första nivån). Varje enhet har en eller flera grupper, group (andra nivån) som i sin tur har en eller flera capabilities (tredje nivån), Datat lagras i capabilities. Detta kan visualiseras i en graf. -wurfl -device -group "product_info" -capability brand_name "Audiovox" -capability model_name "SMT-5600" -group "image_format" -capability wbmp false" -device... WURFL är byggt på konceptet familjer. En enhet ärver egenskaper från sin förälder (en modellgrupp till telefonen). Föräldern i sin tur ärver från sin förälder (en ny vidare telefongrupp) och så upprepas det till gruppen Generic som är den högsta gruppen. Barnen kan bara ha en förälder medan en förälder kan ha oändligt många barn. Ex Nokia 6170 ärver från modellgruppen Nokia 20 series. Den i sin tur ärver från Nokia generic som i sin tur ärver från Mobile phone generic som ärver från Generic. Generic är toppen på familjen och den grupp som alla mobiltelefoner ärver ifrån. 11 WURFL. What s cool about the WURFL? 12

20 Databasen blir på detta sätt mycket mindre än om samma information skulle skrivas in på alla likartade enheter. Se bilaga 8.3 för exempel av Nokia WURFL-paketet för PHP består av fyra filer, wurfl.xml (databasen), wurfl_config.php (konfigurationsfil), wurfl_parser.php (skapar en array med informationen) samt wurfl_class.php (klassfilen som låter oss jobba med den array som skapats). Detta behövs för att kunna använda WURFL. Sedan är det bara att leta upp de funktioner som finns att tillgå. En bra funktion är browser_is_wap. Denna tar reda på om enheten är en mobil enhet eller inte med endast ett enkelt funktionsanrop. Ex på hur koden kan se ut som identifierar en enhet. Kodexemplet är taget från require_once('./wurfl_config.php'); require_once(wurfl_class_file); // Creating the WURFL object $mdevice = new wurfl_class($wurfl, $wurfl_agents); $mdevice->getdevicecapabilitiesfromagent($_server["http_user_agent"]); if ( $mdevice->browser_is_wap ) { ; } else { ; } 4.5 Media Query Ett annat sätt att anpassa innhehållet på en webbsida är med hjälp av Media Queries (W3C Media Queries), det går då att styra vilken style sheet (Cascading Style Sheets) som ska användas. Dessvärre stöder inte alla webbläsare detta, speciellt inte för mobiltelefoner där stödet är väldigt ojämnt. Det får ses som ett hjälpmedel och inte ett alternativ till de andra sätten att identifiera enheter. HTML4 och CSS2 (Cascading Style Sheets) stöder Media Queries. Det finns olika mediatyper definierade och med hjälp av dessa kan man välja vilken style sheet som ska användas. De mediatyper som finns definierade är: aural, braille, handheld, print, projection, screen, tty, tv. De vanligaste är screen och print. De används för att skilja på om man ser på en skärm eller om man ska skriva ut. Det som är intressant i syfte att kunna anpassa sidor för mobiltelefoner är handheld. Webbläsaren känner av att det är en mobiltelefon, eller annan mobil enhet, och använder sig av just den style sheet som är avsedd för mobiltelefoner. För att använda olika style sheets beroende på syfte skriver man:...för datorskärm. <link rel="stylesheet" type="text/css" media="screen" href="screen.css">...för mobiltelefon. <link rel="stylesheet" type="text/css" media="handheld" href="handheld.css"> Det går även att skriva villkor som skall uppfyllas för att en viss style sheet ska användas. Villkor kan vara: width, height, resolution, color mm. 13

21 I detta exempel används denna style sheet endast om det är en mobil enhet som anropar samt att enheten har en färgskärm. <link rel="stylesheet" type="text/css" media="handheld and (color)" href="handheld.css"> Det går att ha med mediaspecifika val inuti en style sheet. T ex om endast en style sheet används går det att ha med ett villkor som styr att handheld ska användas, detta skrivs då in i den style sheet som handheld {... } 14

22 5 Prototyp En prototyp har skapats för att kunna se om de principer som framkommit i arbetet, hur en webbsida kan anpassas dynamiskt för flera olika enheter, är möjliga att applicera praktiskt. Om hela webbsidan ska vara dynamisk eller bara vissa delar eller inte alls beroende på omständigheterna. Prototypen som skapas för detta arbete finns tillgänglig på adressen HK Cliffs webbsida HK Cliff är en handbollklubb med ett par pojklag plus ett A-lag och de har haft en webbsida under ett par år. Webbsidan är ganska statisk och det man kan finna är nyheter från de senaste matcherna, lite information om lagen, klubben samt länkar till sponsorer. De har även en gästbok och den är väl besökt av ungdomarna och ledarna i klubben. Webbsidan är inte gjord av proffs utan av någon kompis som vet hur man gör. På så sätt är den säkert ganska typisk för många webbsidor ute på internet. Körs ett XHTML valideringstest så generas massor av fel. Webbsidan är uppbyggd på ett ganska vanligt sätt. Det finns ett huvudskript (index.php) som innehåller en tabell med ett antal delar. Huvudet, bestående av en rubrik. Kroppen, rubriker till vänster, innehåll i mitten och banners till höger. Skriptspråket som används är PHP. 5.2 Att anpassa Webbsidan skall göras så dynamisk som möjligt. Det skall vara en webbsida för både mobiltelefoner och datorer samtidigt, designen skall anpassas och bilder skalas om. De krav som ska följas är att webbsidan ska använda rätt version av XHTML, XHTML 1.0 för datorer och XHTML MP för mobiltelfoner, med en passande version av CSS. Det finns flera andra versioner av XHTML som kan användas men här är XHTML MP valt för mobiltelefoner då det är standarden för WAP 2.0 som har ett bra utbrett stöd, samt XHTML 1.0. I anpassningen av denna webbsida görs här ett antagande och det är att alla enheter klarar tusentals färger, dvs att de liknar datorer förutom storleken på bildskärmen. Detta görs för att det hela skall bli överskådligt på ett begripligt sätt samt att det endast är principerna som ska visas. Firefox är den webbläsare som webbsidan kommer att anpassas för. Andra webbläsare kommer ev visa upp olika designavvikelser då inget är gjort för att ta bort dessa. För orginalskript (index.php, menu.php, head.php, cliff.css) samt de omgjorda skripten (xindedx.php, xmenu.php, xhead.php, xunitchoice.php, ximageresizer.php, xcliff.css, xcliff_phone.css), se bilaga 8.4 och

23 5.2.1 XHTML XHTML är en XML-applikation som bygger på HTML (W3C XHTML 1.0 The Extensible Hyper Text Markup Language (Second Edition)). Detta gör att större krav ställs på att koden är välformad än tidigare då sådana krav finns i XML. När webbsidor görs om från HTML till XHTML finns det en del saker att ändra på. Nedan följer en lista på vanliga förändringar (ett antal förändringar, och ska inte ses som en fullständig lista) som måste göras för att få koden välformad. Det måste finnas en DOCTYPE deklaration som talar om vilken version av XHTML som används. xmlns -attributet måste finnas i <html>-elementet. Nästlade element får inte användas. Alla element måste ha en sluttag. Ändra tomma element från <br> till <br />. Endast gemener får användas. Värden för attribut måste skrivas inom citationstecken. Attribut får inte förkortas, alla attribut måste tilldelas ett värde. Ex <input type= checkbox checked> ändras till <input type= checkbox checked= checked > Attributet "id" ersätter "name. I XHTML måste teckenkoder för vissa tecken användas.t ex & =&amp, < =&lt Design Nedan följer exempel på problem som kan uppstå vid design av webbsidor anpassade för mobiltelefoner samt förslag för att komma runt dessa (Jo Rabin, Charles McCathieNevile Mobile Web Best Practices 1.0.) Layout: Ett vanligt sätt att designa en webbsida för en dator är att tänka från vänster till höger, att ha navigationslänkar till vänster, huvudinnehållet i mitten och en kolumn med innehåll till höger. När det gäller design för mobila enheter med små skärmar fungerar det inte på det sättet. Ett mer vanligt sätt är att ha all iniformation i en smal kollumn, uppifrån och ner. Detta eftersom skärmen oftast är ganska liten. Att använda frames, flera tabeller samtidigt, cookies, pop up-fönster mm är att försvåra för både webbläsaren och för användaren. De flesta webbläsare för mobila enheter klarar inte av det, eller så blir det inte alltid som man tänkt sig. Displayyta: Nyckelordet är att tänka litet. Att använda små bilder, små style sheets, få fonter i olika storlekar, små/korta webbsidor. En användare på en mobiltelefon är ofta mer målinriktad 12 och därför bör webbsidan minimeras till enbart det väsentliga, användaren vill inte läsa långa stycken utan kortfattat. 12 Jo Rabin, Charles McCathieNevile Mobile Web Best Practices

24 Textinmatning: Minimera användandet av text som användaren ska skriva in då det tar tid att skriva på en mobiltelefon. Ha korta URL:adresser till webbsidan. Dataöverföring: Då bandbredden för mobiltelefoner är betydligt mindre än för datorer i dagsläget blir mängden data som behöver överföras viktigare för mobilanpassade webbsidor än för datoranpassade. Exempel från Telia på nedladdad datamängd 13. Surfa på 25 mobila internetsidor och skicka 5 e- postmeddelanden 0,5MB, surfa på 75 mobila internetsidor och skicka 15 e- postmeddelanden 1,5MB, se på 3G-TV 0,7MB/Min. Överföringshastigheten är också en viktig faktor att ta hänsyn till, med GPRS (ca 50Kbit/s) tar prototypen (19kB) ca 4 sekunder att ladda ner och med UMTS (ca 2Mbit/s) 0,1 sekund. OBS:Tiderna är teoretiska snabbaste tider och överensstämmer inte alltid med verkligheten. Kostnad: Då prissättningen ofta är per megabyte blir det intressant att ladda ner så lite som möjligt. Exempel på kostnad från Telia Online Rörlig 14 20kr/1MB, Comviq Knock Out 15 15kr/MB. Så att hålla ner storleken på webbsidorna blir viktigt även av ekonomiska anledningar Tillvägagångssätt Cliffs webbsida är väldigt statisk och för att få den dynamisk, att kunna anpassa designen till den enhet som anropar, krävs stora förändringar. Designen rent utseendemässigt får vara likadan som orginalwebbsidan i så stor utsträckning som möjligt, däremot blir själva koden helt omgjord. Style sheets kommer att användas helt och hållet för designen då det är ett väldigt kraftfullt verktyg för att bestämma både struktur samt utseende på en webbsida. Genom att separera presentationen från innehållet förenklas utvekling och underhåll av webbsidor 16. Exempel: Tidigare användes två tabeller enbart för att få fram svarta kanlinjer på innehållsrutor på webbsidan, med style sheets behövs bara en enkel kodrad för att åstakomma samma sak. Jämför följande kodstycke... <table width= 130px border="0" cellpadding="1" cellspacing="0"> <td bgcolor="#000000"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <td bgcolor="#ffffff"> </table> </table>...med... border: 1px solid #000000; 13 Telia. Prisexempel Telia Online Rörlig 14 Telia. Priser - Telia Online 15 Comviq. Comviq Knock-Out 16 W3C. Cascading Style Sheets level 2 revision 1 CSS 2.1 specification 17

25 Detta gör att koden för webbsidan blir ren och enkel att följa. En stark egenskap som finns i CSS är attributet display:none. Under huvudrubriken finns ett textstycke med information om adressen till klubben. När en dator anropar används en style sheet som bestämmer färg storlek mm. När en mobiltelefon anropar finns bara display:none. Den visas inte. Stödet för style sheets varierar kraftigt mellan olika webbläsare och framför allt då för mobiltelefoner så det går inte alltid att förlita sig på avancerade style sheets. I fallet med display:none så finns den med i specifikationen för WAP 2.0 från samt för W3Cs CSS Mobile Profile 1.0 från och kan anses vara säker att använda. Med hjälp av WURFL kan webbsidan känna av om det är en mobiltelefon eller en dator som anropa. Detta med hjälp av ett enkelt funktionsanrop. getdevicecapability("is_wireless_device") Det finns två stycken olika style sheets som används och eftersom webbsidan känner av vilken enhet som anropar kan rätt style sheet användas, xcliff.css för datorer och xcliff_phone.css för mobiltelefoner. Även vilken Doctype som används bestämms, XHTML Mobile 1.0 eller XHTML 1.0. Alla bilder kommer att skalas om dynamiskt till en passande storlek. Vad som är passande är olika i fall till fall. Detta måste dock bestämmas i förhand. Att skala om bilder dynamiskt är väldigt smidigt då endast en version av varje bild behöver finnas. För att kunna få strukturen på webbsidan dynamisk används style sheets. Ett exempel: Kroppen på webbsidan består av ett div-element som innehåller tre andra div-element. Dessa tre inre element kommer att visas sida vid sida när en dator anropas med hjälp av float:left;. Däremot när en mobiltelefon anropar, som har en liten skärm där de inte får plats bredvid varandra, kommer de att finnas i en kolumn. Detta med hjälp av att använda den inbyggda funktionaliteten för elementet div (ett blockelement). När flera blockelement används på en sida placeras de under varandra Open Mobile Alliance WAP CSS Specification 18 W3C CSS Mobile Profile W3C. The global structure of an HTML document

26 6 Slutsatser och diskussion 6.1 Identifiering I dagsläget finns det två sätt att lösa problemet med identifieringen av en anropande enhet, att läsa av HTTP header variables manuellt och WURFL. I framtiden när W3Cs arbete är klart kommer CC/PP-profiler att börja användas, men än så länge är det inte möjligt. Med Header Variables är det lätt att komma igång och det krävs lite kod för att läsa av variabeln USER_AGENT. Den största nackdelen är att det i princip endast går att få reda på ett modell/märkes-namn. För att det ska fungera på fler enheter än de två som används i detta arbete krävs en stor insamling av just dessa user agents. Samtidigt måste den ansvarige vara beredd på att uppdatera vid behov, när nya modeller eller märken kommer ut. Detta gäller alla olika slags enheter som finns, mobiltelefoner, handdatorer, datorer och andra enheter som går att surfa med. WURFL tar lite längre tid att komma igång med. Ett par filer ska laddas ner och konfigureras på rätt sätt, vilket kan vara lite komplicerat om inte den enklaste konfigureringen används. Själva WURFL, databasen, skall också laddas ner samt hållas uppdaterad. Detta kräver att någon åtar sig detta, annars kommer de senaste modellerna inte att kunna användas (ev kan ett skript köras med jämna mellanrum). Sist ska även WURFL implementeras i själva koden på webbsidan. När detta är klart kan WURFLs funktionalitet börja utnyttjas. När CC/PP-profiler börjar användas kommer de innehålla samma styrka och funktionalitet som WURFL men utan dess begränsning, att hålla det uppdaterat. CC/PP-profiler kommer att finnas med i Delivery Context och kommer inte att behöva uppdateras, utan en gång skapad kod kommer att fungera för allt och alla. 6.2 Webbläsare För redan befintliga webbsidor som inte är anpassade för mobiltelefoner finns det webbläsare som anpassar webbsidor automatiskt. Dessa fungerar på alla webbsidor, men med varierande resultat. Det kan nämnas att om själva omformateringen sker på själva mobiltelefonen så skall fortfarande all data först laddas ner, datamängden kan bli väldigt stor. Noname Opera Mobile Opera Mini NetFront Series 60 Skweezer Kräver anpassade Ja Nej Nej Nej Nej Nej webbsidor Omformateringsteknik Nej SSR SSR/Proxy SFR/JFR Zoom Proxy Kraftfull mobil Nej Ja Nej Ja Ja Nej krävs Nedladdningsbar Nej Ja Ja Ja Ja Nej applikation Webbgränssnitt Nej Nej Nej Nej Nej Ja 6.3 Anpassade webbsidor Det går att anpassa webbsidor för både mobiltelefoner och datorer samtidigt men lösningen kan se lite olika ut beroende på förutsättningarna. Baserat på prototyputvecklingen drar jag slutsatserna att: Gäller det en helt dynamisk webbsida krävs det att WURFL, eller motsvarande, används. Layouten bör inte vara alltför 19

27 komplicerad, då det annars kan bli väldigt rörigt och komplicerat. Beroende på innehåll kan det vara bättre att ha två separata webbsidor, men som delar det mesta av datat. Viss information är bara intressant på datorer, t ex ladda ner datorprogram eller andra för datorer speciella saker såsom video mm. En stor nackdel med att ha två helt separata webbsidor är i underhållet av dem. Vid varje uppdatering måste båda webbsidorna ändras. Detta är ett merjobb som undviks om webbsidan blir mer dynamisk. Används Header Variables måste det på förhand vara bestämt hur många enheter, eller olika krav, som webbsidan skall klara av. Det blir mindre dynamiskt. Det är bra att göra skillnad på strukturen på en webbsida och layouten. Det blir enklare att skriva kod för anpassade webbsidor om det inte finns någon inbakad layout med i html-filen utan endast själva strukturen för webbsidan. Layouten för de olika enheterna, style sheets, finns i egna separata filer. 20

28 7 Källor Referenser Stephen Boyera, Rhys Lewis. An introduction to device independence. [online]. W3C. Available from: [cited 20 October 2005] Open Mobile Alliance What is WAP?. [online]. Available from: [cited 10 October 2006] W3C XHTML Basic 1.1. [online]. Available from: [cited 5 April 2006] Developer s Home XHTML Mobile Profile / XHTML MP Tutorial. [online]. Available from: [cited 5 April 2006] Opera. Opera for mobile. [online] Available from: [cited 10 October 2005] Opera. Opera s Small-Screen Rendering. [online]. Available from: [cited 10 October 2005] Access NetFront Browser v3.4. [online]. Available from: [cited 20 September 2006] Access. Smart-Fit Rendering. [online]. Available from: [cited 20 September 2006] Series 60. S60 Open to new features. [online]. Available from: [cited 5 April 2006] Series 60. Web Browser in detail. [online]. Available from: hinfo [cited 5 April 2006] Skweezer. Skweezer. [online]. Available from: [cited 20 October] Roger Gimson, Rhys Lewis, Sailesh Sathish Delivery context overview for device independence. [online]. W3C. Available from: [cited 5 April 2006] Network working group Hypertext Transfer Protocol-HTTP1.1. [internet] Available from: [cited 20 October 2005] Network working group Header Field Definitions. [internet]. Available from: [cited 20 October 2005] W3C Composite capability/preference profile (CC/PP): Structure and vocabularies 1.0. [online]. Available from: [cited 20 October 2005] WURFL. Welcome to the WURFL the Wireless Universal Resource File. [online]. Available from: [cited 10 December 2005] 21

29 WURFL. What s cool about the WURFL?. [online]. Available from: [cited 10 December 2005] Håkon Wium Lie, Tantek Celik, Daniel Glazman Media Queries. [online]. W3C. Available from: [cited 20 October 2005] W3C XHTML 1.0 The Extensible Hyper Text Markup Language (Second Edition). [online]. Available from: [cited 20 October 2005] Jo Rabin, Charles McCathieNevile Mobile Web Best Practices 1.0. [online]. W3C. Available from: [cited 10 January 2006] Telia. Prisexempel Telia Online Rörlig. [online]. Available from: &type=EDITORIAL [cited 25 May 2006] Telia. Priser - Telia Online. [online]. Available from: &OID= &pageTypeId= &type=EDITORIAL [cited 25 May 2006] Comviq. Comviq Knock-Out. [online]. Available from: 2page=privat_mobiltelefoni_comviqknockout [cited 25 May 2006] W3C Cascading Style Sheets level 2 revision 1 CSS 2.1 specification. [online] Available from: [cited 20 November 2005] Open Mobile Alliance WAP CSS Specification. [internet]. (Published 26 October 2001) Available from: a.pdf [cited 15 March 2006] W3C CSS Mobile Profile 1.0. [online]. Available from: [cited 15 March 2005] W3C. The global structure of an HTML document [online]. Available from: [cited 20 May 2006] Övriga källor på Internet MacWorld. Nokia och Apple samarbetar om en ny webbläsare till mobiler. [online]. Available from: 320_MW.dbp.asp [cited 20 January 2006] Mobile Information Services. WURFL. [online]. Available from: [cited 20 January 2006] Nokia. Forum Nokia. [online]. Available from: [cited 10 October 2005] Opera. Making small devices look great. [online]. Available from: [cited 10 October 2005] 22

Introduktion till integrering av Schenkers e-tjänster. Version 2.0

Introduktion till integrering av Schenkers e-tjänster. Version 2.0 Introduktion till integrering av Schenkers e- Version 2.0 Datum: 2008-06-18 Sida 2 av 8 Revisionshistorik Lägg senaste ändringen först! Datum Version Revision 2008-06-18 2.0 Stora delar av introduktionen

Läs mer

Introduk+on +ll programmering i JavaScript

Introduk+on +ll programmering i JavaScript Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,

Läs mer

F12 Mobila enheter Dagens agenda

F12 Mobila enheter Dagens agenda F12 Mobila enheter Dagens agenda Tekniker för mobil surfning Möjligheter och fallgropar Statistik Opera Sidor för smartphones Testning Responsiv webbdesign... Olika tekniker Det finns/fanns många olika

Läs mer

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida

Läs mer

Beijer Electronics AB 2000, MA00336A, 2000-12

Beijer Electronics AB 2000, MA00336A, 2000-12 Demonstration driver English Svenska Beijer Electronics AB 2000, MA00336A, 2000-12 Beijer Electronics AB reserves the right to change information in this manual without prior notice. All examples in this

Läs mer

Datasäkerhet och integritet

Datasäkerhet och integritet Chapter 4 module A Networking Concepts OSI-modellen TCP/IP This module is a refresher on networking concepts, which are important in information security A Simple Home Network 2 Unshielded Twisted Pair

Läs mer

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att

Läs mer

En snabb titt på XML LEKTION 6

En snabb titt på XML LEKTION 6 LEKTION 6 En snabb titt på XML Bokstaven x i Ajax står för XML, ett mycket användbart beskrivningsspråk som gör det möjligt för Ajax-tillämpningar att hantera komplex strukturerad information. I den här

Läs mer

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 1. Introduktion till webbprogrammering Webbprogrammering består av ett antal

Läs mer

www.skillspartner.com

www.skillspartner.com Mål Deltagarna ska förstå: Vad XML är Hur XML fungerar Vilka problem XML löser Hur XML används Känna till begrepp: DTD, DOM, XSL etc. Känna till verktyg Innehåll Vad är XML XML i relation till HTML XML

Läs mer

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov Webbtillgänglighet Tillgänglighet på webben Att göra webbsidor så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra sidor tillgängliga oavsett vilken inoch utmatningsutrustning

Läs mer

Support Manual HoistLocatel Electronic Locks

Support Manual HoistLocatel Electronic Locks Support Manual HoistLocatel Electronic Locks 1. S70, Create a Terminating Card for Cards Terminating Card 2. Select the card you want to block, look among Card No. Then click on the single arrow pointing

Läs mer

Projektpresentation Wapspel

Projektpresentation Wapspel Projektpresentation Wapspel Innehållsförteckning Projektets namn:...2 Uppdragsgivare:...2 Deltagare och ansvarsfördelning:...2 Adress till www-dokumentation:...2 Adress till WAP-spelet:...2 Adress till

Läs mer

Services + REST och OAuth

Services + REST och OAuth Services + REST och OAuth Syftet med Services Skapa ett Drupal API för att exponera webb- API:er. Officiella versionen - Create a unified Drupal API for web services to be exposed in a variety of different

Läs mer

Introduktion till PHP

Introduktion till PHP PHP - Grund Copyright 2016 Mahmud Al Hakim mahmud@dynamicos.se www.webacademy.se Introduktion till PHP PHP = PHP: Hypertext Preprocessor PHP är ett programmeringsspråk. PHP är ett skriptspråk som körs

Läs mer

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter

Läs mer

Självkörande bilar. Alvin Karlsson TE14A 9/3-2015

Självkörande bilar. Alvin Karlsson TE14A 9/3-2015 Självkörande bilar Alvin Karlsson TE14A 9/3-2015 Abstract This report is about driverless cars and if they would make the traffic safer in the future. Google is currently working on their driverless car

Läs mer

Vätebränsle. Namn: Rasmus Rynell. Klass: TE14A. Datum: 2015-03-09

Vätebränsle. Namn: Rasmus Rynell. Klass: TE14A. Datum: 2015-03-09 Vätebränsle Namn: Rasmus Rynell Klass: TE14A Datum: 2015-03-09 Abstract This report is about Hydrogen as the future fuel. I chose this topic because I think that it s really interesting to look in to the

Läs mer

Isolda Purchase - EDI

Isolda Purchase - EDI Isolda Purchase - EDI Document v 1.0 1 Table of Contents Table of Contents... 2 1 Introduction... 3 1.1 What is EDI?... 4 1.2 Sending and receiving documents... 4 1.3 File format... 4 1.3.1 XML (language

Läs mer

2I1073 Föreläsning 1. HTML och XHTML XHTML

2I1073 Föreläsning 1. HTML och XHTML XHTML 2I1073 Föreläsning 1 XHTML, stilmallar och Javascript 1 KTH-MI Peter Mozelius HTML och XHTML HyperText Markup Language Element = taggar + taggarnas innehåll innehåller lite text taggarna kan

Läs mer

Slutrapport YUNSIT.se Portfolio/blogg

Slutrapport YUNSIT.se Portfolio/blogg Slutrapport YUNSIT.se Portfolio/blogg RICKARD HANSSON 2012-06-04 Abstrakt Rapporten du har i din hand kommer handla om mitt projektarbete som jag genomfört under tio veckor för utbildningen Utvecklare

Läs mer

TNMK30 - Elektronisk publicering

TNMK30 - Elektronisk publicering Webben TNMK30 - Elektronisk publicering Vad är internet? Vad är internet? Vad är internet? Internet: sammankoppling av datornätverk. Används för bl.a. epost, chat, filöverföring, webbsidor. Kommunikation

Läs mer

Hantera informationspaket i system för bevarande

Hantera informationspaket i system för bevarande Kompetensutveckling har erbjudits deltagare inom projektet Elektroniskt bevarande i form av en kurs i XML. Kursen har genomförts av Riksarkivet och haft en praktisk inriktning. Ett 10-tal personer deltog

Läs mer

Information technology Open Document Format for Office Applications (OpenDocument) v1.0 (ISO/IEC 26300:2006, IDT) SWEDISH STANDARDS INSTITUTE

Information technology Open Document Format for Office Applications (OpenDocument) v1.0 (ISO/IEC 26300:2006, IDT) SWEDISH STANDARDS INSTITUTE SVENSK STANDARD SS-ISO/IEC 26300:2008 Fastställd/Approved: 2008-06-17 Publicerad/Published: 2008-08-04 Utgåva/Edition: 1 Språk/Language: engelska/english ICS: 35.240.30 Information technology Open Document

Läs mer

Så får du maximal nytta av Evernote

Så får du maximal nytta av Evernote Så får du maximal nytta av Evernote 7 Anteckna på telefon och dator 7 Organisera projekt och idéer 7 Dela dina anteckningar. Så funkar den digitala anteckningsboken Evernote Glöm aldrig en bra idé! På

Läs mer

Enkäten Askölaboratoriet 2014

Enkäten Askölaboratoriet 2014 Sammanfattning av resultat från Enkäten Askölaboratoriet 2014 Östersjöcentrum, tidigare SMF, gör sedan 2005 årligen en utvärdering av vad Askölaboratoriets olika användare anser om verksamheten. Åsikter

Läs mer

ANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för

ANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för ANVÄNDARMANUAL handdatorer i ängs- och betesmarksinventeringen för Ändringshantering Ansvarig för dokumentet: Maria Hall Diemer Datum Ändring Ansvarig 2010-05-11 Dokumentet skapades (version 1.0.0) Edward

Läs mer

10 smarta appar som ger Chrome mer muskler

10 smarta appar som ger Chrome mer muskler 10 smarta appar som ger Chrome mer muskler 7 Rensa bort all webbreklam 7 Sök utan Googles snokande 7 Surfa säkrare. Maxa Google Chrome med smarta appar Google Chrome är inte bara en blixtsnabb webbläsare.

Läs mer

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13

WD406F - Interaktiva medier I 7,5hp Moment: Web Usability Inlämningsuppgift 1ab. Wynona Ekesrydh 2010-12-13 Här följer min reflektion över innehållet i Jonathan Lazars bok Web Usability, kapitel 1 2, 6 7. Webbanvändbarhet För att infrastrukturen ska fungera behövs system som på ett enkelt och effektivt sätt

Läs mer

IT för personligt arbete F2

IT för personligt arbete F2 IT för personligt arbete F2 Nätverk och Kommunikation DSV Peter Mozelius Kommunikation i nätverk The Network is the Computer Allt fler datorer är sammankopplade i olika typer av nätverk En dators funktionalitet

Läs mer

Webbservrar, severskript & webbproduktion

Webbservrar, severskript & webbproduktion Webbprogrammering Webbservrar, severskript & webbproduktion 1 Vad är en webbserver En webbserver är en tjänst som lyssnar på port 80. Den hanterar tillgång till filer och kataloger genom att kommunicera

Läs mer

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl.

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl. Annonsformat desktop Startsida / områdesstartsidor 1. Toppbanner, format 1050x180 pxl. Bigbang (toppbanner + bannerplats 2) Format 1060x180 px + 250x240 pxl. 2. DW, format 250x240 pxl. 3. TW, format 250x360

Läs mer

Om oss DET PERFEKTA KOMPLEMENTET THE PERFECT COMPLETION 04 EN BINZ ÄR PRECIS SÅ BRA SOM DU FÖRVÄNTAR DIG A BINZ IS JUST AS GOOD AS YOU THINK 05

Om oss DET PERFEKTA KOMPLEMENTET THE PERFECT COMPLETION 04 EN BINZ ÄR PRECIS SÅ BRA SOM DU FÖRVÄNTAR DIG A BINZ IS JUST AS GOOD AS YOU THINK 05 Om oss Vi på Binz är glada att du är intresserad av vårt support-system för begravningsbilar. Sedan mer än 75 år tillverkar vi specialfordon i Lorch för de flesta olika användningsändamål, och detta enligt

Läs mer

Din egen webserver med Apache

Din egen webserver med Apache Din egen webserver med Apache Att köra en egen webserver kan vara väldigt skojjigt. Jag själv har ett lokalt nätverk och har till exempel ett CGI script för att koppla upp på Internet och koppla ner igen.

Läs mer

Översikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP.

Översikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP. Laboration 1 Översikt 1. Att komma igång med laborationsmiljön a. installera Aptana Studio 3 b. Installera EasyPHP 2. Testa lite programmering a. Testa enkla uppgifter b. Testa automatiskt 3. Skapa inloggningsformulär

Läs mer

Statistik från webbplatser

Statistik från webbplatser Statistik från webbplatser problem och möjligheter Ulf Kronman Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen, BIBSAM och ISO? Varför ställer webmastern krångliga motfrågor?

Läs mer

Labbrapport: HTML och CSS

Labbrapport: HTML och CSS Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):

Läs mer

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET Olika slags datornätverk Förberedelse inför laboration 4. Historik Protokoll, / Adressering, namnservrar WWW, HTML Föreläsning 5 Internet LAN Local Area Network student.lth.se (ganska stort LAN) MAN Metropolitan

Läs mer

ANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för

ANVÄNDARMANUAL. handdatorer i ängs- och betesmarksinventeringen. för ANVÄNDARMANUAL handdatorer i ängs- och betesmarksinventeringen för Ändringshantering Ansvarig för dokumentet: Maria Hall Diemer Datum Ändring Ansvarig 2010-05-11 Dokumentet skapades (version 1.0.0) Edward

Läs mer

2.1 Installation of driver using Internet Installation of driver from disk... 3

2.1 Installation of driver using Internet Installation of driver from disk... 3 &RQWHQW,QQHKnOO 0DQXDOÃ(QJOLVKÃ'HPRGULYHU )RUHZRUG Ã,QWURGXFWLRQ Ã,QVWDOOÃDQGÃXSGDWHÃGULYHU 2.1 Installation of driver using Internet... 3 2.2 Installation of driver from disk... 3 Ã&RQQHFWLQJÃWKHÃWHUPLQDOÃWRÃWKHÃ3/&ÃV\VWHP

Läs mer

Systemkrav. www.hogia.se/approval. Systemkrav för Hogia Approval Manager. Gäller från och med programversion 2012.1

Systemkrav. www.hogia.se/approval. Systemkrav för Hogia Approval Manager. Gäller från och med programversion 2012.1 Systemkrav Systemkrav för Hogia Approval Manager Gäller från och med programversion 2012.1 För produkten Hogia Approval Manager gäller samma systemkrav som för ekonomisystemet, med vissa tillägg. Tilläggen

Läs mer

Arctic. Design by Rolf Fransson

Arctic. Design by Rolf Fransson Arctic Design by Rolf Fransson 2 Endless possibilities of combinations. Oändliga kombinationsmöjligheter. 3 4 5 If you are looking for a range of storage furniture which limits of combination is set by

Läs mer

Översättning av galleriet. Hjälp till den som vill...

Översättning av galleriet. Hjälp till den som vill... Hjälp till den som vill... $txt['aeva_title'] = 'Galleri'; $txt['aeva_admin'] = 'Admin'; $txt['aeva_add_title'] = 'Titel'; $txt['aeva_add_desc'] = 'Beskrivning'; $txt['aeva_add_file'] = 'Fil att ladda

Läs mer

Användarmanual HOIF.org

Användarmanual HOIF.org Användarmanual HOIF.org HOIF.org 2013-05-21 37 sidor Användarmanual för HOIF.org Introduktion Det här är en manual till alla användare på hemsidan HOIF.org Hur får jag ett användarkonto? För att kunna

Läs mer

JAVASCRIPT. Beteende

JAVASCRIPT. Beteende JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren

Läs mer

Retrieve a set of frequently asked questions about digital loans and their answers

Retrieve a set of frequently asked questions about digital loans and their answers GetFAQ Webservice name: GetFAQ Adress: https://www.elib.se/webservices/getfaq.asmx WSDL: https://www.elib.se/webservices/getfaq.asmx?wsdl Webservice Methods: Name: GetFAQ Description: Retrieve a set of

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

Läs mer

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>... Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...

Läs mer

Programmering A C# VT 2010. Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson 2010 02 08

Programmering A C# VT 2010. Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson 2010 02 08 Programmering A C# VT 2010 Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson 2010 02 08 Innehåll Hjälp och referenser... 3 Kap 1 Introduktion... 3 Steg för steg... 3 Kapitel 2 Variabler...

Läs mer

< THE SHELF SYSTEM FILLED WITH POSSIBILITIES. Design Anne Krook

< THE SHELF SYSTEM FILLED WITH POSSIBILITIES. Design Anne Krook Anne < THE SHELF SYSTEM FILLED WITH POSSIBILITIES Design Anne Krook beauty combination Anne är en hel serie hyllor vars grundidé bygger på en fyrkant som kan varieras i ett otal kombinationer. Frihängande

Läs mer

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML ITK:P2 F1 FTP, HTTP, HTML, XML och XHTML DSV Peter Mozelius 1 Hemsidor med HTML Hur många av er har provat på att bygga en egen hemsida med HTML eller XHTML? För hand eller med hjälpverktyg? Har ni lagt

Läs mer

Språk för webben introduk4on 4ll HTML

Språk för webben introduk4on 4ll HTML Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade

Läs mer

EDA095 HTML. Per Andersson. April 26, Lund University Innehåll: HTML, CSS, DOM, JavaScript

EDA095 HTML. Per Andersson. April 26, Lund University   Innehåll: HTML, CSS, DOM, JavaScript EDA095 HTML Per Andersson Lund University http://cs.lth.se/pierre_nugues/ April 26, 2017 Innehåll: HTML, CSS, DOM, JavaScript Per Andersson EDA095 HTML April 26, 2017 1 / 23 Webben Webben byggs upp av

Läs mer

Installationsanvisningar

Installationsanvisningar Installationsanvisningar Hogia Webbrapporter INNEHÅLLSFÖRTECKNING Systemkrav version 2013.x 3 Installation av IIS för Windows Server 2008 5 Nyinstallation av Hogia Webbrapporter 8 Installation och inloggning

Läs mer

Guide till RefWorks Skapa ett RefWorks-konto Under Citera och referera > RefWorks Hjälp funktioner i RefWorks Help Tutorial Help

Guide till RefWorks Skapa ett RefWorks-konto Under Citera och referera > RefWorks Hjälp funktioner i RefWorks Help Tutorial Help Guide till RefWorks Denna guide beskriver kort hur du kommer igång med RefWorks, hur du importerar referenser till RefWorks, delar dina referenser med andra samt hur du refererar och skapar referenslistor.

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

KUNDREGISTER Sid 2(7) Teknisk specifikation

KUNDREGISTER Sid 2(7) Teknisk specifikation KUNDREGISTER Sid 1(7) Kundregister Innehållsförteckning 1 Allmänt...2 1.1 Inledning...2 1.2 Disposition...2 1.3 Ordlista...2 1.4 Referenser...2 2 Systemöversikt...3 3 Systemlösning...4 3.1 Kundregisterfiler...4

Läs mer

Solowheel. Namn: Jesper Edqvist. Klass: TE14A. Datum: 2015-03-09

Solowheel. Namn: Jesper Edqvist. Klass: TE14A. Datum: 2015-03-09 Solowheel Namn: Jesper Edqvist Klass: TE14A Datum: 2015-03-09 Abstract We got an assignment that we should do an essay about something we wanted to dig deeper into. In my case I dug deeper into what a

Läs mer

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning

Avancerade Webbteknologier 2. AD11g Göteborg 2012 Mobilanpassning Avancerade Webbteknologier 2 AD11g Göteborg 2012 Mobilanpassning Idag Reality Check Strategier för mobilanpassning Problem vid mobilanpassning Exempel på några ramverk Statistik Det finns väldigt mycket

Läs mer

Module 1: Functions, Limits, Continuity

Module 1: Functions, Limits, Continuity Department of mathematics SF1625 Calculus 1 Year 2015/2016 Module 1: Functions, Limits, Continuity This module includes Chapter P and 1 from Calculus by Adams and Essex and is taught in three lectures,

Läs mer

PUBLICERINGSNOTISER TRIMBLE ACCESS SOFTWARE. Version 2013.31 Revidering A Oktober 2013

PUBLICERINGSNOTISER TRIMBLE ACCESS SOFTWARE. Version 2013.31 Revidering A Oktober 2013 PUBLICERINGSNOTISER TRIMBLE ACCESS SOFTWARE 1 Version 2013.31 Revidering A Oktober 2013 Juridisk Information Trimble Navigation Limited Engineering Construction Group 935 Stewart Drive Sunnyvale, Kalifornien

Läs mer

Forma komprimerat trä

Forma komprimerat trä Forma komprimerat trä - maskinell bearbetning av fria former Peter Conradsson MÖBELSNICKERI Carl Malmsten Centrum för Träteknik & Design REG NR: LiU-IEI-TEK-G 07/0025 SE Oktober 2007 Omslagsbild: Stol

Läs mer

2009-10-28. SDC Web-Access. Installationsanvisning v 2.0.2

2009-10-28. SDC Web-Access. Installationsanvisning v 2.0.2 2009-10-28 SDC Web-Access Installationsanvisning v 2.0.2 Sammanfattning av tjänsten Den här anvisningen är till för dig som ska börja använda dig av SDCs tjänst Web-Access och kommer att förklara vad du

Läs mer

Objektsamlingar i Java

Objektsamlingar i Java 1 (6) Objektsamlingar i Java Objektorienterad programmering 3 Syfte Att ge träning i att använda objektsamlingar i Java. Mål Efter övningen skall du kunna använda objektsamlingsklasserna ArrayList och

Läs mer

InstalationGuide. English. MODEL:150NHighGain/30NMiniUSBAdapter

InstalationGuide. English. MODEL:150NHighGain/30NMiniUSBAdapter miraclebox miraclewifi InstalationGuide English MODEL:150NHighGain/30NMiniUSBAdapter ENGLISH MIRACLE WIFI 150N & 300N USERMANUAL MIRACLEBOX.SE 1 ENGLISH Table of Contents Package Contents... 3 System Requirements

Läs mer

SDC Violweb Kom-igång-guide. En instruktion för användare version 2.5 (mars 2016)

SDC Violweb Kom-igång-guide. En instruktion för användare version 2.5 (mars 2016) SDC Violweb Kom-igång-guide En instruktion för användare version 2.5 (mars 2016) Sammanfattning Den här anvisningen är till för dig som ska börja använda dig av SDCs tjänster. Anvisningen förklarar hur

Läs mer

7 Mamut Client Manager

7 Mamut Client Manager 7 Mamut Client Manager Tilläggsprodukten Mamut Client Manager består av programmen Client Start och Client Update. Med hjälp av Mamut Client Manager kan du från ett fönster öppna, uppdatera och administrera

Läs mer

WSS F1. Elektronikcentrum i Svängsta Utbildning AB 2013-01-16 1

WSS F1. Elektronikcentrum i Svängsta Utbildning AB 2013-01-16 1 WSS F1 1 Intro Idag: Vad är Windows Sharepoint Services 3.0 (WSS)? Standalone / Server farm Systemkrav Vanlig WSS implementation Central Administration Web applications and Site collections 2 Vad är WSS

Läs mer

Användarguide för anslutning till Treserva och TES 2016-02-29. Användarguide för anslutning till Treserva och TES

Användarguide för anslutning till Treserva och TES 2016-02-29. Användarguide för anslutning till Treserva och TES Användarguide för anslutning till Treserva och TES Innehållsförteckning Systemkrav... 3 Symantec VIP Access... 4 För tvåfaktorsautentisering via mobiltelefon... 4 För två-faktorsautentisering via dator...

Läs mer

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät Repetition Internet Hypertext Server och klient Föreläsning 2 HTTP HTML Internet Hypertext Många sammankopplade nät Text försedd med länkar till andra texter Gemensamma adresser T ex 10.10.0.1 Gemensamma

Läs mer

Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät Repetition Föreläsning 2 Internet Hypertext Server och klient HTTP HTML Internet Många sammankopplade nät Gemensamma adresser T ex 10.10.0.1 Gemensamma protokoll Protokoll = regler och algoritmer för kommunikation

Läs mer

Webbregistrering pa kurs och termin

Webbregistrering pa kurs och termin Webbregistrering pa kurs och termin 1. Du loggar in på www.kth.se via den personliga menyn Under fliken Kurser och under fliken Program finns på höger sida en länk till Studieöversiktssidan. På den sidan

Läs mer

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03

Slutrapport för JMDB.COM. Johan Wibjer 2012-06-03 Slutrapport för JMDB.COM Johan Wibjer 2012-06-03 Abstrakt Den här rapporten kommer handla om mitt projekt som har handlat om att gör en webb sida för ett personligt media bibliotek, hur jag har jobbar

Läs mer

Omtentamen i OOSU2, 21 augusti 2014

Omtentamen i OOSU2, 21 augusti 2014 Omtentamen i OOSU2, 21 augusti 2014 Maxpoäng: 50. Betygsgränser: A: 90 % + B: 80 % + C: 70 % + D: 60 % + E: 50 % + Mindre än 50 % ger underkänd tentamen. Är det något du inte uppfattar så förklara hur

Läs mer

Viktig information för transmittrar med option /A1 Gold-Plated Diaphragm

Viktig information för transmittrar med option /A1 Gold-Plated Diaphragm Viktig information för transmittrar med option /A1 Gold-Plated Diaphragm Guldplätering kan aldrig helt stoppa genomträngningen av vätgas, men den får processen att gå långsammare. En tjock guldplätering

Läs mer

Installation av F13 Bråvalla

Installation av F13 Bråvalla Website: http://www.rbdesign.se Installation av F13 Bråvalla RBDESIGN FREEWARE - ESCK Norrköping-Bråvalla 1. Ladda ner och packa upp filerna i en mapp som du har skapat på ett lättöverskådligt ställe utanför

Läs mer

Projektrapport - Live commentary

Projektrapport - Live commentary Projektrapport - Live commentary Linnéa Åberg - la222pp Beskrivning Vision och översiktlig beskrivning Det är en applikation för den som vill skapa intressanta diskussioner för live event eller program

Läs mer

Svensk version. Inledning. Installation av maskinvara. Installation av Windows XP. LW057V2 Sweex trådlösa LAN PCI-kort 54 Mbps

Svensk version. Inledning. Installation av maskinvara. Installation av Windows XP. LW057V2 Sweex trådlösa LAN PCI-kort 54 Mbps LW057V2 Sweex trådlösa LAN PCI-kort 54 Mbps Inledning Utsätt inte det trådlösa LAN PCI-kortet 54 Mbps för extrema temperaturer. Placera inte enheten i direkt solljus eller nära värmekällor. Använd inte

Läs mer

Problem som kan uppkomma vid registrering av ansökan

Problem som kan uppkomma vid registrering av ansökan Problem som kan uppkomma vid registrering av ansökan Om du har problem med din ansökan och inte kommer vidare kan det bero på det som anges nedan - kolla gärna igenom detta i första hand. Problem vid registrering

Läs mer

Ändringar i språkfiler i e-line 3.42A

Ändringar i språkfiler i e-line 3.42A Ändringar i språkfiler i e-line 3.42A Gäller Pyramidversion 3.42A till och med 3.42Asp06 (2015-12-16) Förändringar och nyheter i standard språkfiler I det här dokumentet förklaras de ändringar som gjorts

Läs mer

DD-WRT för trådlös router

DD-WRT för trådlös router DD-WRT för trådlös router Har följer en liten beskrivning på hur man kan använda en LINKSYS trådlös router tillsammans med tredje parts programvaran DD-WRT för att överbrygga mycket stora avstånd. Jag

Läs mer

Modul 8 Hantering av indata

Modul 8 Hantering av indata Modul 8 Hantering av indata Indata De flesta webbplatser idag tillåter användare att mata in data Utan denna möjlighet hade inte webben varit vad den är idag Tyvärr innebär detta stora säkerhetsrisker

Läs mer

Swedbank Mobile Loadtesting. LoadRunner 11.04 Mobile App protocol

Swedbank Mobile Loadtesting. LoadRunner 11.04 Mobile App protocol Swedbank Mobile Loadtesting LoadRunner 11.04 Mobile App protocol Bakgrund Mission: Prestandatesta mobilt backend Typ: RESTful tjänst Underlag: Dokumenterat URI och API (Uniform Resource Identifier, Application

Läs mer

729G28. Webbprogrammering och databaser. Introduktion till webbutveckling med PHP. Jakob Pogulis Institutionen för Datavetenskap (IDA)

729G28. Webbprogrammering och databaser. Introduktion till webbutveckling med PHP. Jakob Pogulis Institutionen för Datavetenskap (IDA) 729G28 Webbprogrammering och databaser Introduktion till webbutveckling med PHP Jakob Pogulis Institutionen för Datavetenskap (IDA) 729G28 Webbprogrammering och databaser Introduktion till webbutveckling

Läs mer

Föreningarnas nya sidmall. Version 4, 12.4.2016

Föreningarnas nya sidmall. Version 4, 12.4.2016 Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya

Läs mer

Program för skrivarhantering

Program för skrivarhantering Program för skrivarhantering "Via programvaran CentreWare" på sida 3-9 "Via funktioner för skrivarhantering" på sida 3-11 Via programvaran CentreWare CentreWare Internet Services (IS) (CentreWare Internet-tjänster)

Läs mer

Övervakning med GnilronEye

Övervakning med GnilronEye Övervakning med GnilronEye Av Torben Norling - Gnilron AB - 2007-11-25 Denna artikel beskriver hur övervakningsplatformen GnilronEye kan hjälpa till att hålla koll på ditt distribuerade system. Artikeln

Läs mer

Examensarbete Introduk)on - Slutsatser Anne Håkansson annehak@kth.se Studierektor Examensarbeten ICT-skolan, KTH

Examensarbete Introduk)on - Slutsatser Anne Håkansson annehak@kth.se Studierektor Examensarbeten ICT-skolan, KTH Examensarbete Introduk)on - Slutsatser Anne Håkansson annehak@kth.se Studierektor Examensarbeten ICT-skolan, KTH 2016 Anne Håkansson All rights reserved. Svårt Harmonisera -> Introduktion, delar: Fråga/

Läs mer

Introduction to the Semantic Web. Eva Blomqvist

Introduction to the Semantic Web. Eva Blomqvist Introduction to the Semantic Web Eva Blomqvist eva.blomqvist@liu.se Outline The original vision Meaning of data Current applications Revisiting the vision and looking ahead Scientific American, May 2001:

Läs mer

Inledning. Att bli medlem

Inledning. Att bli medlem - Inledning Nedan följer en instruktion om hur man blir medlem på Vreta-Ytternäs hemsida och sedan en instruktion om hur man loggar in. Innan man kan logga in måste man registrera sig som medlem. Anledningen

Läs mer

JavaScript in SharePoint and not just for Apps. Wictor Wilén

JavaScript in SharePoint and not just for Apps. Wictor Wilén JavaScript in SharePoint and not just for Apps Wictor Wilén Wictor Wilén Agenda Varför JavaScript? JavaScript bibliotek SharePoint JS bibliotek JavaScript Client Side Object Model (JSOM/CSOM) REST Client

Läs mer

Namn: (Ifylles av student) Personnummer: Tentamensdatum: 2013-03-25 Tid: 14.00 19.00. Hjälpmedel: Inga hjälpmedel

Namn: (Ifylles av student) Personnummer: Tentamensdatum: 2013-03-25 Tid: 14.00 19.00. Hjälpmedel: Inga hjälpmedel Webbprogrammering Provmoment: Ladokkod: Tentamen ges för: Tentamen NWP011 Systemarkitektprogrammet 7,5 högskolepoäng Namn: (Ifylles av student) Personnummer: (Ifylles av student) Tentamensdatum: 2013-03-25

Läs mer

Övning 1: Skapa virtuell maskin för utveckling.

Övning 1: Skapa virtuell maskin för utveckling. Övning 1: Skapa virtuell maskin för utveckling. Arbetsuppgift 1: Skapa storage account. Steg 1: I vänstre delen av Preview Portal, klicka på Browse. Steg 2: I fönstret Browse, klicka på alternativet Storage.

Läs mer

Styrteknik: Binära tal, talsystem och koder D3:1

Styrteknik: Binära tal, talsystem och koder D3:1 Styrteknik: Binära tal, talsystem och koder D3:1 Digitala kursmoment D1 Boolesk algebra D2 Grundläggande logiska funktioner D3 Binära tal, talsystem och koder Styrteknik :Binära tal, talsystem och koder

Läs mer

Mobile First Video on demand och livesändningar på Internet. Juni 2012

Mobile First Video on demand och livesändningar på Internet. Juni 2012 Mobile First Video on demand och livesändningar på Internet Juni 2012 1 Om detta dokument Marknaden och tekniken kring film (video on demand och livesändningar) på Internet utvecklas blixtsnabbt. Video

Läs mer

Gmail, kalendern och Google dokument. Här lär du dig att skicka

Gmail, kalendern och Google dokument. Här lär du dig att skicka e-post Gmail, kalendern och Google dokument. Här lär du dig att skicka och ta emot e-post. Du skickar och tar emot bilagor och hanterar adressboken. Gå till din webbmail och logga in... 2 Skriv e-post...

Läs mer

App-klient för smartphones... 2. Power BI... 3. Arbetsflöde... 4. CRM Online... 5. Webb-klienten... 6. Dokumenthantering... 7. Molnet...

App-klient för smartphones... 2. Power BI... 3. Arbetsflöde... 4. CRM Online... 5. Webb-klienten... 6. Dokumenthantering... 7. Molnet... Nyheter i Dynamics NAV 2016 Innehåll App-klient för smartphones... 2 Power BI... 3 Arbetsflöde... 4 CRM Online... 5 Webb-klienten... 6 Dokumenthantering... 7 Molnet... 8 Elektronisk fakturering... 9 App-klient

Läs mer

LW053 Sweex Wireless LAN USB 2.0 Adapter 54 Mbps

LW053 Sweex Wireless LAN USB 2.0 Adapter 54 Mbps Svensk version LW053 Sweex Wireless LAN USB 2.0 Adapter 54 Mbps Inledning Först och främst tackar vi till ditt köp av denna Sweex Wireless LAN USB 2.0 Adapter 54 Mbps. Med denna Wireless LAN Adapter kan

Läs mer

Läkarintyg för sjöfolk. Hur gå vidare?

Läkarintyg för sjöfolk. Hur gå vidare? LÄKARWEBB 1 (5) Fartygsoperativa enheten Handläggare, direkttelefon Johan Bagge, 011-19 13 86 Ert datum Er beteckning Läkare som är intresserade av systemet för digitalt läkarintyg Läkarintyg för sjöfolk.

Läs mer

1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5.

1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5. 1. Abstrakt... 2 2. Introduktion... 2 3. Problemspecificering... 2 4. Vår teknik... 3 4.1 Designval... 3 4.2 Abstract Colour Visualization... 5 5. Realisering av Abstract Color Visualization... 7 6. Diskussion...

Läs mer