A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad"

Transkript

1 A" utveckla kartor med responsiv design Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

2 Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap) 4. Slutsats

3 Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap) 4. Slutsats

4 1. Bakgrund + smarta mobiler + läspla"or Internet (desktop) Tid (logaritmisk skala)

5 1. Appar

6 1. Bakgrund Desktop + Mobiler + Läspla"or Desktop

7 1. Vad är problemet med appar? - Flera kanaler 8ll samma informa8on (malmo.se) - Överflöd av appar - Inte enhetligt - UZormning (design), innehåll, funk8onalitet - Utveckling och underhåll (kostar 8d och pengar) - Nya versioner, buggfixar - Uppdatera data (olika servrar, format o s v)

8 1. Alterna8v 8ll appar webbappar - En fristående version av en webbsida anpassad för mobiler i sy^e a" e^erlikna en na8v app Webbappar Desktop + Appar Endast desktop

9 1. Alterna8v 8ll appar webbappar Fördelar: En webbapp fungerar på alla sorters telefoner Billigare a" utveckla Nackdelar: Två system a" underhålla Två ingångar Ej enhetligt (två versioner utvecklas parallellt)

10 1. Alterna8v 8ll appar responsiv design Responsiv webbsida Desktop + Appar Endast desktop

11 1. Vad är en responsiv webbsida?

12 1. Exempel på responsiva webbsidor Exempel svt.se jämför t ex dn.se (icke- resp.) HTML- element ändrar: Storlek Posi8on

13 1. Vad är en responsiv webbapplika8on? En webbapplika8on för alla* placormar * De största webbläsarna APPLIKATION

14 1. Varför responsiv webbdesign? E. system a" utveckla och underhålla E. ställe a" uppdatera data (t ex: kartdata) En kanal för all informa8on Argument mot: Kompromiss mellan mobilt och desktop resultatet blir något halvdant h"ps://managewp.com/5- reasons- why- responsive- design- is- not- worth- it - > Utmaning a" göra en webbapplika8on som fungerar överallt - > Ibland måste man reducera funk8onaliteten

15 1. Flat design I samband med responsiv webbdesign kom e" annat paradigmski^e Flat design (sv: Pla" uzormning?)

16 Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? Tekniskt Design (kartor) 3. Exempel 4. Slutsats

17 2. Responsiv design teknik CSS- brytpunkter JavaScript Enklare webbsidor > CSS Webbkartor > CSS & JavaScript

18 2. Responsiv design CSS- brytpunkter Desktop Läspla"a Mobil

19 2. Responsiv design JavaScript Bredden på fönstret Pekskärm eller ej Vit bakgrund endast för pekskärmar mindre än 600px

20 2. Responsiv design för kartor Lagermeny Verktygsknappar Sökfunk8on Stöd för både desktop- och pek - events

21 Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? Tekniskt Design (kartor) 3. Exempel (smap) 4. Slutsats

22 3. smap Samarbete: Malmö, Helsingborg, Kris8anstad, Lund Publicering av geodata Utveckling av kartapplika8oner (verksamhet och medborgare) smap v1-4: jquery, jquery UI, OpenLayers 2 Webbappar smap- mobile: jquery, Bootstrap, Leaflet Produkter smap v5 (hösten 2014): jquery, Bootstrap, OpenLayers 3

23 3. Smapevolu8onen smap- mobile/responsive Gamla smap (t ex: malmo.se, kris8anstad.se) Enskilda webbappar Responsiv webbdesign Desktop + Appar/Webbappar Endast desktop

24 - responsive 3. Vision för smap- mobile En enkel webbkarta som fungerar på alla* placormar * De största webbläsarna i desktop/mobil miljö Pekskärmar iphone & ipad (Safari) Android (Chrome) Window Phone (IE) Desktop Chrome (Win, Mac) Firefox (Win, Mac) Safari (Mac) IE 8,9,10,11 (Win)

25 3. Exempel smap- mobile Lagermeny Verktygsknappar Sökfunk8on Stöd för pekskärmar (touch events)

26 3. Exempel smap- mobile Mobil Desktop

27 3. Exempel smap- mobile Live- exempel: Selektera flera objekt Guidade turer i Malmö SharePosi8on Proof of concept (WFS- T)

28 Innehåll 1. Varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap) 4. Slutsats

29 4. Slutsats Det går a" göra webbapplika8oner som fungerar både mobilt och i desktopmiljö Responsiv webbdesign är mer komplicerat Men enklare än a" utveckla appar/webbappar Fördelar: E" system a" utveckla E" ställe a" uppdatera data En väg 8ll informa8onen (istället för flera)

30 4. När ska man ändå göra en app? När man behöver komma åt funk8oner i telefonen som inte stöds i HTML5: Skriva/läsa stora mängder data Krav på snabbhet Följande stöds redan av HTML5: Kamera (bild och film) Geolokalisering (GPS, triangulering) Accelerometer (telefonens lutning) Klientlagring (5-50MB) Offline- läge (cache manifest)

31 4. smap- mobile Laddar ner koden gra8s: h"p://github.com/getsmap/smap- mobile Bidra gärna 8ll projektet!

32 Frågor Johan Lah8 GIT- utvecklare E: T:

Webbappar med OpenLayers och jquery

Webbappar med OpenLayers och jquery Webbappar med OpenLayers och jquery Johan Lahti GIT-utvecklare Malmö stad ULI Uppsala, 3 oktober 2011 smap (www.smap.se) Samarbete sedan maj 2009 Kartramverk byggt på OpenLayers och jquery Gemensam server

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

Ta med dig kartan ut i skogen Ta med informationen till skogsskiftet i din telefon eller surfplatta. Du behöver inte ladda in några nya program. Du finner webbappen på adressen www.skogsstyrelsen.se/webbapp

Läs mer

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor

En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor En Single-Page Application för små barn, barnens föräldrar samt en och annan mormor av Jenni Berndtson - jb222rt Malmö 2013-05-31 1 Abstrakt Syftet med denna rapport är att kort sammanfatta det projektarbete

Läs mer

MyScore Mobil Manual 1 Senaste uppdatering: 2015/11/06 Fairdeal Group Sverige AB

MyScore Mobil Manual 1 Senaste uppdatering: 2015/11/06 Fairdeal Group Sverige AB MyScore Mobil Manual 1 Senaste uppdatering: 2015/11/06 Fairdeal Group Sverige AB Innehållsförteckning Inledning... 2 MyScore Mobile... 3 Viktigt om MyScore Mobile... 4 Installera MyScore Mobile... 5 Ändra

Läs mer

På sjön 2.0 Intern Guide för Android

På sjön 2.0 Intern Guide för Android På sjön 2.0 Intern Guide för Android På sjön 2.0 - Guide 1 Översikt Meny Eniro sök GPS position/ Kartorientering Dashboard 2. Meny Innehåller följande funktioner: Min profil/båt information (se 2.1) Mina

Läs mer

Camilla Jönsson Tina Sundberg It-pedagog. Geocaching http://www.avmkr.se/it-i-skolan/geocaching/

Camilla Jönsson Tina Sundberg It-pedagog. Geocaching http://www.avmkr.se/it-i-skolan/geocaching/ Camilla Jönsson Tina Sundberg It-pedagog Geocaching http://www.avmkr.se/it-i-skolan/geocaching/ Vad är geocaching? Bakgrund Myndigheterna i USA stängde av störningssignal Nu kunde exakt position visas

Läs mer

Metod Rapporten är baserad på egen erfarenhet av marknadsföring on-line samt studier av aktuell forskning, rapporter och webinars.

Metod Rapporten är baserad på egen erfarenhet av marknadsföring on-line samt studier av aktuell forskning, rapporter och webinars. Att välja mellan native- eller webbapp Bakgrund Marknaden för smarta mobiltelefoner ökar kraftigt. Därför ser allt fler företag och organisationer behovet av att göra digitalt innehåll tillgängligt för

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

RMAD MED APPSALES BLACK CONNECTS YOUR BUSINESS TO A MOBILE WORLD. www.appsales.se

RMAD MED APPSALES BLACK CONNECTS YOUR BUSINESS TO A MOBILE WORLD. www.appsales.se RMAD MED APPSALES BLACK CONNECTS YOUR BUSINESS TO A MOBILE WORLD www.appsales.se RMAD OÄNDLIGA MÖJLIGHETER Rapid Mobile App Development är effektivt, kvalitetssäkrat och prisvärt med stor flexibilitet.

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

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

Malmö StadsAtlas. Ulf Minör Anna-Stina Munsin Johan Lahti GIT-utvecklare Malmö Stad

Malmö StadsAtlas. Ulf Minör Anna-Stina Munsin Johan Lahti GIT-utvecklare Malmö Stad Ulf Minör Anna-Stina Munsin Johan Lahti GIT-utvecklare Stad Disposition Inledning om våra webbkartor - Verksamhetsstöd Stadskarta på malmo.se Webbkartor på väg. smap Samarbete -Lund-Helsingborg Kartor

Läs mer

QR-kodernas intåg för nytta och nöje!

QR-kodernas intåg för nytta och nöje! QR-kodernas intåg för nytta och nöje! Föredrag av Stig Ottosson om smarta "självlänkande" streckkoder som vi kommer att se alltmer i framtiden. 2012-05-04 Webbvärlden ur exponeringssynpunkt till ca 2010

Läs mer

Gemensam utveckling av karttjänster för Internet Ett samarbete mellan Malmö, Helsingborg, Lund och Kristianstad

Gemensam utveckling av karttjänster för Internet Ett samarbete mellan Malmö, Helsingborg, Lund och Kristianstad Gemensam utveckling av karttjänster för Internet Ett samarbete mellan Malmö, Helsingborg, Lund och Kristianstad Allan Almqvist, stadsingenjör Ulf Minör, GIT-utvecklare Disposition Bakgrund och mål för

Läs mer

MOBILBILJETTER. Mobilbilje+er går live

MOBILBILJETTER. Mobilbilje+er går live MOBILBILJETTER Mobilbilje+er går live Med mobilbilje+er får ni en ännu bredare distribu5on av bilje+er än 5digare 5ll förmån för era kunder, så dem enklare och snabbare kan komma åt deras bilje+er. På

Läs mer

Vis it. jquery jquery används lite överallt i appen på olika sätt. Det främsta användningsområdet är vid selektering och manipulering av HTML element.

Vis it. jquery jquery används lite överallt i appen på olika sätt. Det främsta användningsområdet är vid selektering och manipulering av HTML element. Vis it Introduktion Vi har skapat den webbaserade appen Vis it som bygger på att användare kan ta bilder på och lägga upp sevärdheter via sin mobiltelefon. Dessa sevärdheter är positionsbaserade vilket

Läs mer

StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd. Tips på timer-appar. Appar som hjälper dig hålla koll på tiden

StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd. Tips på timer-appar. Appar som hjälper dig hålla koll på tiden StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd Tips på timer-appar Appar som hjälper dig hålla koll på tiden Januari 2016 Timer-appar Många människor både vuxna och barn, personer med eller

Läs mer

LAJKA-GUIDE Bättre än Airdrop Skicka filer mellan OS X och ios

LAJKA-GUIDE Bättre än Airdrop Skicka filer mellan OS X och ios Bättre än Airdrop Skicka filer mellan OS X och ios 7 Gratisapp ger funktionen Apple har struntat i 7 Enklaste sättet att föra över filer mellan dator och telefon 7 Snabb överföring via wifi istället för

Läs mer

Visuell design Bilder & färger

Visuell design Bilder & färger 1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning

Läs mer

SpellRight. för Google Docs. Manual för SpellRight för Google Docs

SpellRight. för Google Docs. Manual för SpellRight för Google Docs SpellRight för Google Docs Manual för SpellRight för Google Docs SpellRight för Google Docs i korthet.... 2 Allmänt om tillägg... 2 Om lärplattor och tillägg... 3 Kontroll av text... 3 De vanligaste meddelandena....

Läs mer

Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet

Tillgänglighet som en naturlig del i våra projekt. Sid 1 Mars 2016 Tillgänglighet Tillgänglighet som en naturlig del i våra projekt Sid 1 Mars 2016 Tillgänglighet Sid 2 Mars 2016 Tillgänglighet Responsiv webb Projektet Responsiv webb 28 nov 2015 Responsiva produkten v 1.0 Maj 2016 Responsiva

Läs mer

Tepz klon. - Projektrapport. Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt Janina Bergström, WP12 Distans

Tepz klon. - Projektrapport. Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt Janina Bergström, WP12 Distans Tepz klon - Projektrapport Janina Bergström jb222qp WP12 Distans 8/6-2013 Linnéuniversitetet, Individuellt mjukvaruutvecklingsprojekt 1 Abstrakt Denna rapport handlar om min klon av det existerande spelet

Läs mer

Smarta telefoner och surfplattor

Smarta telefoner och surfplattor Smarta telefoner och surfplattor Hur jag använder min iphone och ipad Solveig Engdahl Seniornet Danderyd oktober 2015 Mina rubriker idag Apple eller annan tillverkare? Olika - Lika Smarta telefoner Surfplattor

Läs mer

smap Från medborgarkarta till verksamhetskarta Presentation Gemensam utveckling av karttjänster för Internet

smap Från medborgarkarta till verksamhetskarta Presentation Gemensam utveckling av karttjänster för Internet smap Från medborgarkarta till verksamhetskarta Presentation Gemensam utveckling av karttjänster för Internet Ett samarbete mellan Malmö, Helsingborg, Lund och Kristianstad Ulf Minör, Anna-Stina Munsin,

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

Läs mer

Appar eller mobilwebb? Vad är bäst för bibliotekets tjänster?

Appar eller mobilwebb? Vad är bäst för bibliotekets tjänster? Appar eller mobilwebb? Vad är bäst för bibliotekets tjänster? Ahmet Kurt, NSB, juni 2011 Mobiltätheten exploderar bland befolkningen. Mobilen har man alltid tillgänglig, utan lång starttid. Just nu (2011)

Läs mer

Smartare iphone. med Launch Center Pro LAJKA-GUIDE

Smartare iphone. med Launch Center Pro LAJKA-GUIDE Smartare iphone med 7 Nå dina vanligaste funktioner direkt 7 Snabbknappar utför dina sysslor automatiskt 7 Som Applescript för OS X Bli mer effektiv med Att frenetiskt växla mellan appar och skärmar hör

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

Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare

Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare YH-utbildningar 2016 Innehållsförteckning Sida 3 Om IT-Högskolan Sida 4-5.NET-utvecklare Sida 6-7 Applikationsutvecklare till iphone och Android Sida 8-9 Mjukvarutestare Sida 10-11 Webbutvecklare CMS 2

Läs mer

Införande av QGIS som GIS-plattform i Kristianstads kommun

Införande av QGIS som GIS-plattform i Kristianstads kommun Införande av QGIS som GIS-plattform i Kristianstads kommun Funkar det? Ja! Karl-Magnus Jönsson, GIS-utvecklare Stadsbyggnadskontoret Kristianstad Kristianstad Jag Karl-Magnus Jönsson GIS-utvecklare Avdelningen

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

Qlik Sense Desktop. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna.

Qlik Sense Desktop. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Qlik Sense Desktop Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Qlik, QlikTech,

Läs mer

Digitala Helhetslösningar

Digitala Helhetslösningar Digitala Helhetslösningar Digitala helhetslösningar hjälper företag att på ett enkelt och smidigt sätt göra sig synliga på flera digitala medier med enkla metoder. I dagens digitala värld har företag sällan

Läs mer

HIGs Remote Desktop Service med Linux

HIGs Remote Desktop Service med Linux Instruktion för Högskolan i Gävles Remote Desktop Services Sida1 av 5 HIGs Remote Desktop Service med Linux 2015-03-11 Göran Sandström, Version 1.1 Allmänt om Remote Desktop Services (RDS) RDS är ett sätt

Läs mer

Appen som gör dig mer effektiv

Appen som gör dig mer effektiv Appen som gör dig mer effektiv 7 Få till den perfekta synkningen för dig 7 Skaffa järnkoll på dina projekt 7 Sätt upp platsbaserade påminnelser Bli mer effektiv med nya Omnifocus för ios 7 Den senaste

Läs mer

NYHET. BiSecur Gateway med smartphone-app. För manövrering av portmaskineri, ytterdörrar och andra enheter: Smart, när som helst och världen över

NYHET. BiSecur Gateway med smartphone-app. För manövrering av portmaskineri, ytterdörrar och andra enheter: Smart, när som helst och världen över NYHET BiSecur Gateway med smartphone-app För manövrering av portmaskineri, ytterdörrar och andra enheter: Smart, när som helst och världen över BiSecur Gateway För central styrning av Hörmann portmaskineri

Läs mer

Enkel Säkerhetspolicy för Mobila enheter

Enkel Säkerhetspolicy för Mobila enheter Enkel Säkerhetspolicy för Mobila enheter A8 använda denna policy En av utmaningarna IT-avdelningar har i dag är a8 säkrar både privat- och företagsägda mobila enheter, såsom surfpla8or och smarta telefoner.

Läs mer

Manual RemoteX Applications 5.0 för iphone & Android. 2011-05-02 RemoteX Technologies AB, 2001-2009. Tel. +46 8 559 23 530. www.remotex.

Manual RemoteX Applications 5.0 för iphone & Android. 2011-05-02 RemoteX Technologies AB, 2001-2009. Tel. +46 8 559 23 530. www.remotex. 00 Manual RemoteX Applications 5.0 för iphone & Android RemoteX for iphone & Android Körs i din mobilbrowser och är precis som en klassisk app tillgänglig även när du inte är ansluten till Internet Kan

Läs mer

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 För att 3L Pro skall fungera krävs att nedanstående hårdvarukrav och mjukvarukrav är uppfyllda. Viktigt är att tänka på att

Läs mer

Gunnesboskolan, miljövänlig? Energi och Miljö tema VT-10

Gunnesboskolan, miljövänlig? Energi och Miljö tema VT-10 Gunnesboskolan, miljövänlig? Energi och Miljö tema VT-10 Fredrik Ossiannilsson & Jakob Eriksson Klass 9a Inlämnat 21 maj 2010 Handledare Olle Nyhlén Johansson Innehållsförteckning Inledning... sida 2 Bakgrund...

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

För att webbappen ska fungera ska din telefon eller surfplatta ha:

För att webbappen ska fungera ska din telefon eller surfplatta ha: www.skogsstyrelsen.se/webbapp För att webbappen ska fungera ska din telefon eller surfplatta ha: OS (Apple): version 5 eller högre. Android: version 4 eller högre. Du ska ha en uppdaterad webbläsare i

Läs mer

Struktur & Layout med CSS

Struktur & Layout med CSS 1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs

Läs mer

Manual C3 BMS för Android-telefoner

Manual C3 BMS för Android-telefoner - för dig som gillar ovanliga fåglar 2012-09-24 Manual C3 BMS för Android-telefoner Hur fungerar det? Larmsystemet består av en server och databas i Stockholm samt applikationen C3 BMS i telefonen. Trafiken

Läs mer

Låt ipad bli fjärrkontroll för din Mac

Låt ipad bli fjärrkontroll för din Mac Låt ipad bli fjärrkontroll för din Mac 7 Använd ipad som fjärrkontroll 7 Perfekt för en Mac kopplad till tv:n 7 Fjärrstyr Macens program. ipad som fjärrkontroll låter dig styra både OS X-funktioner och

Läs mer

QR-kodernas intåg för nytta och nöje!

QR-kodernas intåg för nytta och nöje! QR-kodernas intåg för nytta och nöje! Föredrag av Stig Ottosson om smarta "självlänkande" streckkoder som vi kommer att se alltmer av i framtiden. 2012-06-20 Något stort hände 2007 och 2010 2007 introducerades

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

Sabrinalle. WordPress v4.3.1, Bootstrap 3, 2015.

Sabrinalle. WordPress v4.3.1, Bootstrap 3, 2015. Sabrinalle WordPress v4.3.1, Bootstrap 3, 2015. 1 Innehåll 1.a - Wordpress och du.... 3 1.b - Uppdatera!... 3 1.c - Uppdatera Kontaktsidan?... 3 2.a - Skapa ett inlägg.... 4 2.b - Skriv en rubrik.... 4

Läs mer

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

Läs mer

Connected business. Goda kontakter skapar fantastiska team /This is Why affärerna går bättre med Cloud Portal Office. CLOUD PORTAL OFFICE

Connected business. Goda kontakter skapar fantastiska team /This is Why affärerna går bättre med Cloud Portal Office. CLOUD PORTAL OFFICE CLOUD PORTAL OFFICE SKAPAD I OSLO. GODKÄND I HELSINGFORS. LANSERAD ÖVER HELA NORDEN. Connected business Goda kontakter skapar fantastiska team /This is Why affärerna går bättre med Cloud Portal Office.

Läs mer

Inlämningsuppgift 2: Bilaga 5 Att söka en resa via Skånetrafiken

Inlämningsuppgift 2: Bilaga 5 Att söka en resa via Skånetrafiken Bilaga 5: Att söka en resa via Skånetrafiken Att söka en resa via Skånetrafikens hemsida www.skanetrafiken.se I vårt exempel söker vi en resa från Malmö Centralstation till Köpenhamns Huvudbangård (Centralstation)

Läs mer

Webbdesign Process till produkt

Webbdesign Process till produkt Webbdesign Process till produkt Umeå Universitet Mediaproduktion för www II 7,5hp Isak Madoun Introduktion; VÅR-KOKBOK Är en kokbok som i sin första upplgaga kom ut på 50-talet. Boken innehåller mer av

Läs mer

Mobilteknik. Begränsningar och möjligheter

Mobilteknik. Begränsningar och möjligheter Mobilteknik Begränsningar och möjligheter Mobilteknik Begränsningar Skärmstorlek, läsbarhet i solljus Datahastighet i luften Batteritid, Prestanda, minnesstorlek Olika tekniker/standarder Möjligheter Beräkningar

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

Daniel Persson. Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp.

Daniel Persson. Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp. 1 Daniel Persson Front end utvecklare Födelsedatum: 1986-02- 08 Vindragaregatan 3B, 417 03 Göteborg Telefon: 070 839 51 88 Email: info@danielp.se Portfolio: www.danielp.se CURRICULUM VITAE Yrkesmässiga

Läs mer

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet

Prislista. Information. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet. Se detaljerad info i dokumentet Prislista Prislista Produkt Information Pris, SEK Kampanjsida 8.500 Nyhetsbrev 3.500 Banners 900-1200 Mobilwebapp 12.000 Logotyper 8.000-14.000 Informationswebbplats 13.500 Offertbaserade webbplatser Offertbaserade

Läs mer

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1 Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1 För att 3L Pro skall fungera krävs att nedanstående hårdvarukrav och mjukvarukrav är uppfyllda. Viktigt är att tänka på att

Läs mer

Guide för appen Klassrum

Guide för appen Klassrum 1 (8) JENNY LARDE DIREKT: 0224-74 80 06 BARN OCH UTBILDNING Guide för appen Klassrum För att kunna använda appen Klassrum måste alla ipads som ska användas vara uppdaterade till minst ios 10.3. Alla måste

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

Bygg din egen tidning med nya Flipboard 2.0

Bygg din egen tidning med nya Flipboard 2.0 Bygg din egen tidning med nya 7 Håll koll på dina sociala nätverk 7 Ett av de bästa sätten att läsa nyheter 7 Skicka din egen tidning till kompisarna. Sätt samman din egen tidning Med Flipboard skapar

Läs mer

Mobile Cross Development

Mobile Cross Development Mobile Cross Development Johan Holm och Jörgen Bengtsson Varje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram de mest intressanta IT-frågorna med fokus på strategi, teknik eller

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

Visionutveckling. Vision 80/20 för iphone. Manual Vision 80/20 för iphone. Version 2.5

Visionutveckling. Vision 80/20 för iphone. Manual Vision 80/20 för iphone. Version 2.5 Visionutveckling Manual Vision 80/20 för iphone Vision 80/20 för iphone Version 2.5 www.visionutveckling.se, Auto Attendant +46 8 788 09 99 Gärdesvägen 1, SE 444 31, Stenungsund, Sweden, Phone: +46 303

Läs mer

Open Source-utveckling för kommuner. Allemanskod den nya svenska modellen?

Open Source-utveckling för kommuner. Allemanskod den nya svenska modellen? Open Source-utveckling för kommuner Allemanskod den nya svenska modellen? Daniel Modig Ikoncept AB Verksam inom webb- & systemutveckling sedan 2004. Manisk vandrare med förkärlek för räkost på knäckebröd.

Läs mer

Leveranskriterier. Innehållsförteckning. Version 1.1

Leveranskriterier. Innehållsförteckning. Version 1.1 Leveranskriterier Version 1.1 Innehållsförteckning 1. Syfte 2. Gemensamma riktlinjer 2.1 Redaktionellt 2.2 Design 2.3 Interaktionsdesign 2.4 Tillgänglighet 2.5 Systemkrav 2.5.1 Browserstöd 2.5.2 Cookies

Läs mer

Mobilanvändarundersökning

Mobilanvändarundersökning Mobilanvändarundersökning 2015 9 av 10 svenskar har en smart mobiltelefon men bara var tredje tycker mobilsajter är enkla att använda Från 2013 till 2015 har smarta mobiltelefoner fått sitt definitiva

Läs mer

Utvecklingsprojektet Räddningstjänst-tillämpningar i Geoteknisk Sektorportal. Mats Öberg, projektledare, SGI

Utvecklingsprojektet Räddningstjänst-tillämpningar i Geoteknisk Sektorportal. Mats Öberg, projektledare, SGI 1 Utvecklingsprojektet Räddningstjänst-tillämpningar i Geoteknisk Sektorportal Mats Öberg, projektledare, SGI 2 Geoteknisk Sektorportal - nationell datainfrastruktur för tillgång till genomförda geotekniska

Läs mer

Nya Veckans AffArer VÅRA LÄSARE RÄCKVIDD & UPPLAGA

Nya Veckans AffArer VÅRA LÄSARE RÄCKVIDD & UPPLAGA Nya Veckans AffArer Nya Veckans Affärer är förstahandsvalet för näringslivet: Vi når 70 000 kvalificerade och köpstarka beslutsfattare inom svenskt näringsliv. I Veckans Affärer får de ny kunskap, nya

Läs mer

EW-7438RPn Air Quick Installation Guide

EW-7438RPn Air Quick Installation Guide EW-7438RPn Air Quick Installation Guide 02-2014 / v1.0 I. Produktinformation I-1. Paketets innehåll - EW-7438RPn Air - CD med snabbinstallationsguide och bruksanvisning på flera språk - Snabbinstallationsguide

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Mobila enheter. Regler och rekommendationer. Mobiltelefoner Smarta mobiltelefoner Surfplattor. Fastställd av IT-chefen 2013-09-20 Version 1.

Mobila enheter. Regler och rekommendationer. Mobiltelefoner Smarta mobiltelefoner Surfplattor. Fastställd av IT-chefen 2013-09-20 Version 1. UFV 2013/907 Mobila enheter Regler och rekommendationer Mobiltelefoner Smarta mobiltelefoner Surfplattor Fastställd av IT-chefen 2013-09-20 Version 1.0 UPPSALA UNIVERSITET Regler och rekommendationer Mobila

Läs mer

Tina Sundberg It-pedagog. Geocaching http://www.avmkr.se/it-i-skolan/geocaching/

Tina Sundberg It-pedagog. Geocaching http://www.avmkr.se/it-i-skolan/geocaching/ Tina Sundberg It-pedagog Geocaching http://www.avmkr.se/it-i-skolan/geocaching/ Vad är geocaching? Bakgrund Myndigheterna i USA stängde av störningssignal Nu kunde exakt position visas Dave Ullmer fick

Läs mer

edwise Uppdateringsinformation vecka 04

edwise Uppdateringsinformation vecka 04 edwise Uppdateringsinformation vecka 04 Uppdateringsinformation beskriver nyheter, rättningar och andra förändringar i edwise vid uppdateringen torsdagen den 24 januari, 2013 Sida 2/13 Innehållsförteckning

Läs mer

moln Martin Davidson, Metria Danfilip Lundberg, Ljungby kommun MätKart 2012

moln Martin Davidson, Metria Danfilip Lundberg, Ljungby kommun MätKart 2012 Fungerande GIStjänster i ett svenskt moln Martin Davidson, Metria Danfilip Lundberg, Ljungby kommun MätKart 2012 Innehåll Vad är egentligen ett GIS-moln? Behov som drev Ljungby kommun att lägga delar av

Läs mer

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla

Tillgänglighet först vägen till Sveriges bästa webbplats. #webbföralla Tillgänglighet först vägen till Sveriges bästa webbplats #webbföralla Dagordning Tillgänglighet lite teori I praktiken hos Försäkringskassan Resultat hos Försäkringskassan Hur komma igång? Tillgänglighet

Läs mer

Novell Filr 1.1 mobilapp snabbstart

Novell Filr 1.1 mobilapp snabbstart Novell Filr 1.1 mobilapp snabbstart Juli 2014 Novell Snabbstart Med Novell Filr får du enkelt åtkomst till alla dina filer och mappar från skrivbordet, webbläsaren eller en mobil enhet. Dessutom är det

Läs mer

LUVIT LMS Quick Guide LUVIT Composer

LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

Läs mer

Systemkrav WinServ II Edition Release 2 (R2)

Systemkrav WinServ II Edition Release 2 (R2) Systemkrav WinServ II Edition Release 2 (R2) Observera: Alla rekommendationer är aktuella vid den tid då dokumentet publicerades och visar den senaste informationen för nödvändig mjukvara. Systemkrav för

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

ProReNata Journal. Snabbstart

ProReNata Journal. Snabbstart ProReNata Journal Snabbstart 1 av 8 Välkommen till ProReNata Journal! Vi har lagt ner stor möda på att det här systemet ska bli ett tillförlitligt och enkelt verktyg som hjälper dig i din vardag. Den här

Läs mer

Smarta appar för ditt företag 2013-05-15 Senast uppdaterad 2013-05-15

Smarta appar för ditt företag 2013-05-15 Senast uppdaterad 2013-05-15 Smarta appar för ditt företag 2013-05-15 Senast uppdaterad 2013-05-15 Idag finns det appar för det mesta. Många av dem är spel-, nyhets- eller sociala medieappar. Men i denna djungel kan du också hitta

Läs mer

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista Uppdaterad: 2014-03-18 Lathund Nyheter och nyhetslista 1 1 Innehållsförteckning Inledning 3 Nyheter 4 Nyhetslista 4 Dela nyhetslistor med andra organisationer eller arbetsrum 6 Skapa en nyhetslista till

Läs mer

Teknikprogrammet, inriktning informations- och medieteknik

Teknikprogrammet, inriktning informations- och medieteknik Teknikprogrammet, inriktning informations- och medieteknik Varför välja oss? Kursplan Presentation av våra datatekniska kurser Eftersom företag mycket sällan anställer gymnasieelever (de vill att ni ska

Läs mer

Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com;

Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com; Webbutvecklare med 14 år bakom tangentbordet Konsult: Mats Lindblad; Kontaktperson: Mats Lindblad; Tel: 070 249 11 24; E-post: mats.lindblad@gmail.com; Expertisområde: Webbutveckling, HTML5, CSS3, JavaScript,

Läs mer

B C. D Andra COOLPIX-kameror * 0 76 103. Wireless Mobile Utility (ios) Användarhandbok. D750, D610, D600, D7200, D7100, D5500, D5300, D5200, D3300, Df

B C. D Andra COOLPIX-kameror * 0 76 103. Wireless Mobile Utility (ios) Användarhandbok. D750, D610, D600, D7200, D7100, D5500, D5300, D5200, D3300, Df 1 Wireless Mobile Utility (ios) Användarhandbok Installera Wireless Mobile Utility på din ios-enhet (iphone, ipad eller ipod touch) för att överföra bilder från en kamera eller fotografera med fjärrstyrning.

Läs mer

Fixa textstorleken i Mac OS X

Fixa textstorleken i Mac OS X Fixa textstorleken i Mac OS X 7 Alltid läsbara mejl 7 Ändra textstorlek på webben 7 Zooma i OS X Så får du större text Så fixar du större text i OS X Ett vanligt problem när du har en bildskärm med hög

Läs mer

E07 "Greased Lightning"

E07 Greased Lightning E07 "Greased Lightning" Föreläsning 7, HT2014 CSS och Event Kurs: 1dv403 Webbteknik I Johan Leitet E07 Greased Lightning Dagens agenda CSS-egenskaper Händelsestyrd programmering Händelsehanterare Typer

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

Bilaga 1. Teknisk kravspecifikation

Bilaga 1. Teknisk kravspecifikation Bilaga 1 Teknisk kravspecifikation 5.5.2014 Webbplatsen 1. Allmänt Korsholms kommun arbetar aktivt för att vara en ledande tvåspråkig landskommun i Österbotten och har drygt 19 100 invånare varav 68,9

Läs mer

Handledning OnTag Digitala Scorekort

Handledning OnTag Digitala Scorekort Version: 1.0 2014-10-07: 2014 evry.com Handledning OnTag Digitala Scorekort EVRY One Halmstad AB Sida 2 / 15 Innehåll 1 Inledning 3 2 Aktivering av tjänsten 3 3 Exportera slinginformation 4 4 Uppdatera

Läs mer

2016 PLATSANNONSER. Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se

2016 PLATSANNONSER. Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se 2016 PLATSANNONSER Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se PLATSANNONSER Nå vårdens samtliga resurser, nyckelpersoner och studerande med din platsannons. dagensmedicin.se/lediga-jobb

Läs mer

Användande av QGIS i Kristianstads kommun

Användande av QGIS i Kristianstads kommun Användande av QGIS i Kristianstads kommun Funkar det? Ja! Karl-Magnus Jönsson, GIS-utvecklare Stadsbyggnadskontoret Kristianstad Kristianstad Jag Karl-Magnus Jönsson GIS-utvecklare Avdelningen för geografisk

Läs mer

jobb & karriär PLATSANNONSER Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se

jobb & karriär PLATSANNONSER Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se jobb & karriär 2016 PLATSANNONSER Priser & format för platsannonsering i jobb & karriär & på dagensmedicin.se PLATSANNONSER Nå vårdens samtliga resurser, nyckelpersoner och studerande med din platsannons.

Läs mer

Emma Melkersson. Supportsamordnare. emma.melkersson@sitevision.se

Emma Melkersson. Supportsamordnare. emma.melkersson@sitevision.se 2 Trimma sök 3 Trimma sök 4 Trimma sök Emma Melkersson Supportsamordnare emma.melkersson@sitevision.se 5 Trimma sök 30 % av besökarna går direkt till sök 80 % av webbsidorna är ointressanta 6 Trimma sök

Läs mer

Responsiv Webbdesign är det framtiden?

Responsiv Webbdesign är det framtiden? Beteckning: Akademin för teknik och miljö Responsiv Webbdesign är det framtiden? Daniel Karlsson juni 2011 Examensarbete, 15 högskolepoäng, C Datavetenskap Datavetenskapliga programmet Examinator: Ann-Sofie

Läs mer

Ungdomsgruppen 18 april 2016 2015-06-04 1

Ungdomsgruppen 18 april 2016 2015-06-04 1 Ungdomsgruppen 18 april 2016 2015-06-04 1 SURFA SÄKRARE PÅ NÄTET - ett värdegrundsarbete Elna Svensson lärare Villanskolan Jenny Lindh IKT - pedagog Södra Utmarkens skola 2 Medie- och informationskunnighet

Läs mer

Arbeta med bilder på bloggen Sida 1 av 7

Arbeta med bilder på bloggen Sida 1 av 7 Arbeta med bilder på bloggen Sida 1 av 7 Infoga, redigera och ta bort bilder på bloggen En webbsida bäddar inte in en bild i sidan som många andra program, till exempel Word. Alla bilder och bildobjekt

Läs mer

ReSound appar - bruksanvisning

ReSound appar - bruksanvisning ReSound appar - bruksanvisning Introduktion Tack för att du laddat ner ReSound-appen. Apparna från ReSound är utvecklade för att förbättra hörupplevelsen och hjälper dig att få ut mer av dina ReSound hörapparater.

Läs mer

Guide för mobil utskrift och skanning för Brother iprint&scan

Guide för mobil utskrift och skanning för Brother iprint&scan Guide för mobil utskrift och skanning för Brother iprint&scan Version F SWE Definitioner av anmärkningar Nedanstående ikon används i den här bruksanvisningen: Obs-anmärkningarna ger dig information om

Läs mer