- PDF">

Storlek: px
Starta visningen från sidan:

Transkript

1 AngularJS Skriven av: Isak Glans. Datum: Kurs: Webbutveckling. Lärare: Per Sahlin. Utbildning: Systemutvecklare i.net, Newtons Yrkeshögskola. 1

2 Sammanfattning Syftet med denna uppsats är att ge en praktisk inledning till ramverket AngularJS för nybörjare. Denna guide kommer inte att ge en heltäckande grund i AngularJS, men förhoppningsvis de första stegen som behövs för att komma igång med att lära sig detta ramverk. För att du som läsare skall kunna förstå denna guide så behöver du kunna grunderna HTML och Javascript. Inledning Angular är ett populärt Javacript ramverk (eng. framework) utvecklats av Google omkring Den används ofta för att programmera ihop det grafiska gränssnittet i såväl mobil- som webbapplikationer. Angular applikationer är tänkt att skapa så kallade single page applikationer (SPA). En single page applikation är en webbapplikation som påminner mer om ett datorprogram (s.k. rich extensible web applications) än en HTML webbsida. Detta innebär att man egentligen utgår ifrån en enda index html fil, och som sedan delvis uppdateras när användaren interagerar med webbapplikationen. Istället för att ladda om sidan på nytt så uppdaterar man exempelvis enbart en div-taggs innehåll. Installation Det första steget för att lära sig Angular är att antingen ladda ner ramverket (https://angularjs.org/), eller också länka in den i din HTML header med ett så kallat CDN script på följande vis: <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> Om du väljer att ladda ner Angular så får du en zip fil med en rad filer. För att göra de exempel som visas i denna guide så behöver du egentligen bara en fil, nämligen angular.min.js. Nästa steg är att skapa dig en index.html fil, vari du länkar in Angular. Därefter behöver du skapa dig en javascriptfil som du också länkar in i din index.html fil. Nästa steg är att bli bekant med några av de nyckelord som Angular använder i HTML. Angular i HTML Angular är ett kraftfullt ramverk som ger enkla redskap för att skapa kopplingar (eng binding) mellan data och interface (i detta fallet html filen). Så här kan Angular koden se ut i ett HTML dokument : Exempel 1. <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js" ></script> </head> <body> <div ng-app=""> 2

3 <p>name: <input type="text" ng-model="name" /></p> <p ng-bind="name"></p> </div> </body> </html> Exempel 1 gör en koppling (eng. binding) mellan input elementet och paragraf-taggen. Det som skrivs i input elementet kommer också att visas i paragrafen. Allt som krävdes var den kod som visas ovan, och AngularJS ramverket. Observera följande nyckelord: ng-app, ng-model, och ng-bind. Dessa är reserverade ord som används i Angular JS. Lite förenklat kan man förklara hur de används i exemplet på följande sätt: Ng-app säger att html-elementet (med alla sina barnobjekt) är en angular modul. Ng-model säger att input elementets text är en egenskap i ng-app. Ng-bind säger att paragrafen är ihopkopplad med input taggen. Exempel 1 kommer egentligen inte att validera i W3C:s valideringstest, eftersom webläsaren inte känner till Angulars syntax. För att komma runt detta problem kan man lägga till HTML taggen data- före ng-taggarna. <div data-ng-app=""> <input type="test" data-ng-model="firstname"> <p>the name is <span data-ng-bind="firstname"></span></p> </div> För att skriva logiska beräkningar i HTML använder man så kallade expressions. En expression skrivs ut med dubbla hakparentser {{ }} på följande vis: <p>my first expression: {{ }}</p> På detta sätt kan man även skriva ut model data. <div data-ng-app=""> <input type="test" data-ng-model="firstname"> <p>the name is {{firstname}}</p> </div> Variabler och Iterationer Med hjälp av AngularJS kan man skapa variabler i HTML koden, och göra iterationer. Följande exempel skapar en array i body taggen, och sedan itererar igenom den i en ul-tagg: <!DOCTYPE html> <html data-ng-app=""> <head> <title>iteration</title> </head> <body data-ng-init="names=['pelle', 'Lisa', 'Ida']"> <ul> 3

4 </ul> <li data-ng-repeat="personname in names"> {{ personname }}</li> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> </body> </html> Observera att ng-app ligger i HTML-taggen. Detta görs för att knyta hela index.html till en modul. För att deklarera en variabel i AngularJS används syntaxen data-ng-init. Data-ng-repeat säger åt AngularJS att gör en iteration. Ng-repeat kan även ta emot argument som gör iterationen än mer kraftfull. Exempelvis kan man lägga in ett filter i iterationen på följande sätt: <ul> <li data-ng-repeat="personname in names filter:'lisa'">{{ personname }}</li> </ul> Designmönster MVW bygger liksom många andra populära ramverk idag, på idén att man skall separera kod logik från presentation. Detta innebär att man försöker att placera logik och data källor i vad som kallas för en model. Den biten av ett projekt som berör presentation kallas för view. För att sammanlänka en model med en view används en controller, men också något som heter scope (mer om detta senare). En del programmerare skulle säga att detta sätt att sammanlänka model och view borde ses som en s.k. modelview arkitektur, och andra att det helt enkelt är en controller som i MVC (Model View Controller). Eftersom systemutvecklarna bakom AngularJS valt att inte ta ställning i denna fråga så har de benämnt sitt designmönster för MVW (Model View Whatever). En AngularJS applikation består, förenklat sett, av följande bitar : module, controller, scope och view. För att förstå dessa byggstenar tänkte jag vissa några exempel. MVM exempel Något förenklat kan man säga att en module representerar en behållare för till exempel controller, factory och m.m. Se bild nedan. 4

5 Illustration 1: Bild hämtad från video: Wahlin En modul skapas med följande kod: var app = angular.module('myapp', []); Modulen i exemplet ovan har döpts till myapp. Hakparenteserna presenterar s.k. dependencies, men de förklaras inte i denna guide. För att initiera modulen så skriver följande i HTML-taggen i din index.html fil: <html ng-app="myapp"> Nu vet Angular att index.html filen är knuten till din modul. Följande kod visar ett exempel som visar en modul, controller och scope. <!DOCTYPE html> <html data-ng-app="demoapp"> <head> <title>controller & scope</title> </head> <body data-ng-controller="simplecontroller"> <h1>controller & scope</h1> <ul> <li data-ng-repeat="personname in names">{{ personname}}</li> </ul> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script> var demoapp = angular.module('demoapp', []); var mycontrollers = {}; mycontrollers.simplecontroller = function ($scope) { $scope.names = ['Pelle', 'Lisa', 'Ida'] 5

6 } demoapp.controller(mycontrollers); </script> </body> </html> En controller i AngularJS har som funktion att hantera logik, och att bland annat spara data i $scope objektet. $scope objektet används sedan i view:en, det vill säga en HTML fil, för att t ex skriva ut datat. $scope kan liknas vid klistret som håller ihop en controller med en view. Den behövs inte deklareras eftersom den skapas av AngularJS. Inte heller behöver man säga åt Angular att skicka med $scope objektet, för det görs automatiskt. Detta var en kort inledning till hur AngularJS. Förhoppningsvis kan detta vara en början på någons väg i att lära sig detta populära javascriptramverk. Referenser - w3schools.com. Tillgänglig: - Alicea, Tony ( ). Learn and Understand AngularJS - The First 50 Minutes. tillgänglig: https://www.youtube.com/watch?v=ejbkojeg6f0. - Wahlin Dan ( ). AngularJS Fundamentals In 60-ish Minutes, tillgänglig: https://www.youtube.com/watch?v=i9mhiguzkem. 6

Appar med ryggrad. Introduktion till JavaScriptramverket Backbone

Appar med ryggrad. Introduktion till JavaScriptramverket Backbone Appar med ryggrad Introduktion till JavaScriptramverket Backbone Vanlig webbsida Databas MVC - Model View Controller MVC - Model View Controller MVC Backbone.js Ger struktur Bygger på MVC konceptet Tvingar

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

Avancerade Webbteknologier

Avancerade Webbteknologier Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte

Läs mer

Labora&on 7 Syfte med laborationen:

Labora&on 7 Syfte med laborationen: Labora&on 7 Syfte med laborationen: - att förstå enkel 7ilhantering i PHP - att repetera grundläggande PHP- begrepp såsom loopar, arrayer, stränghantering och formulär. VIKTIGT: uppgift 3-5 är repetitionsuppgifter

Läs mer

ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll

ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll ASP.NET MVC Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Introduktion till MVC Controller Action-metoder Views Arbeta med Layout-sidor och sektioner Route konfiguration

Läs mer

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

Du kan själv följa med i denna steg-för-steg guide i din texteditor. Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information

Läs mer

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är

Läs mer

Spelprogrammering med JavaScript och HTML5

Spelprogrammering med JavaScript och HTML5 Spelprogrammering med JavaScript och HTML5 Vad är vårt syfte? Eleverna ska komma igång fort med programmering. Det ska vara roligt från början. Resultatet ska vara enkelt att visa för kompisar och familj.

Läs mer

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering

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

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM.

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM. JavaScript del1 Syftet med detta häfte är att sammanfatta det viktigaste i JavaScript så kort och koncist som möjligt men ändå tillräckligt omfattande för att ge god kännedom om en av de vanligaste teknikerna

Läs mer

Dokumentmallar i praktiken, Nyps

Dokumentmallar i praktiken, Nyps Dokumentnamn Dokumenttyp Datum Dokumentmallar i praktiken Handledning 2009-08-13 Diarienr/Projektnr Upprättad av Godkänd av Version Magnus Österlund, Daniel Madsén 0.4 Dokumentmallar i praktiken, Nyps

Läs mer

Användarhandledning Version 1.2

Användarhandledning Version 1.2 Användarhandledning Version 1.2 Innehåll Bakgrund... 2 Börja programmera i Xtat... 3 Allmänna tips... 3 Grunderna... 3 Kommentarer i språket... 4 Variabler... 4 Matematik... 5 Arrayer... 5 på skärmen...

Läs mer

EXAMENSARBETE. Mobila anpassningar. Joakim Wallmark Ali Rahimpour. Högskoleingenjörsexamen Datateknik

EXAMENSARBETE. Mobila anpassningar. Joakim Wallmark Ali Rahimpour. Högskoleingenjörsexamen Datateknik EXAMENSARBETE Mobila anpassningar Joakim Wallmark Ali Rahimpour Högskoleingenjörsexamen Datateknik Luleå tekniska universitet Institutionen för System- och rymdteknik Mobila Anpassningar Förord Vi som

Läs mer

Offline First Undersökning av lagringstekniker på klientsidan för webbapplikationer Examensarbete inom Högskoleingenjörsprogrammet i Datateknik

Offline First Undersökning av lagringstekniker på klientsidan för webbapplikationer Examensarbete inom Högskoleingenjörsprogrammet i Datateknik Offline First Undersökning av lagringstekniker på klientsidan för webbapplikationer Examensarbete inom Högskoleingenjörsprogrammet i Datateknik JONAS HA ERIK GIL FORSMAN Institutionen för data- och informationsteknik

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

PROV. 13 JSP Standard Tag Library

PROV. 13 JSP Standard Tag Library 13 JSP Standard Tag Library 13.1 Bibliotek med nya JSP-kommandon 13.2 JSP Standard Tag Library (JSTL) 13.3 Filstruktur för webbapplikationer med JSTL 13.4 Deklaration av JSP-kommandon 13.5 Lägga till biblioteksfiler

Läs mer

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan

Läs mer

Visa och dölja element med JavaScript

Visa och dölja element med JavaScript Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility

Läs mer

Guide för Innehållsleverantörer

Guide för Innehållsleverantörer Library of Labs Content Provider s Guide Guide för Innehållsleverantörer Inom LiLa ramverket är innehållsleverantörer ansvariga för att skapa experiment som "LiLa Learning Objects", att ladda upp dessa

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

Konsultprofil Joel Andersson Född 1976

Konsultprofil Joel Andersson Född 1976 Konsultprofil Joel Andersson Född 1976 Erfaren systemutvecklare som jobbat med olika typer av utveckling sedan 1998 i Microsoftmiljö med inriktning på.net (C#, VB.NET & ASP.NET) och SQL. Som konsult i

Läs mer

Creo Customization. Lars Björs 2014-10-16

Creo Customization. Lars Björs 2014-10-16 Creo Customization Lars Björs 2014-10-16 Norra Europas största partner och återförsäljare av PTC relaterad programvara (Windchill, Creo, Arbortext, MathCad, Relex) 70 anställda Egen utvecklingsavdelning

Läs mer

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5 Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med

Läs mer

Programmering B med Visual C++ 2008

Programmering B med Visual C++ 2008 Programmering B med Visual C++ 2008 Innehållsförteckning 1 Repetition och lite nytt...5 I detta kapitel... 5 Programexekvering... 5 Loop... 5 Källkod... 6 Verktyg... 6 Säkerhetskopiera... 6 Öppna, kompilera,

Läs mer

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén 2010-03-18 Innehåll Inledning... 3 Fakta... 4 Innehåll... 4 Texthantering... 4 Granskning och versionshantering...

Läs mer

Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia

Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia JavaScript - Grundkurs Mahmud Al Hakim mahmud@dynamicos.se www.dynamicos.se www.webbacademy.se Innehåll Introduktion till JavaScript JavaScript i HTML-dokument Lite om DOM (Document Object Model) Händelser

Läs mer

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21

Programbeskrivning. Chaos på Web. Version 1.0 2005-09-21 2005-09-21 Programbeskrivning Chaos på Web Version 1.0 Chaos systems AB Tel. 08-410 415 00 e-post: info@chaos.se Solna strandväg 18, 6tr Fax. 08-29 06 66 http://www.chaos.se 171 54 SOLNA Reg. nr: 556476-6813

Läs mer

KAi SENSEMAKING SYSTEM

KAi SENSEMAKING SYSTEM Alexander Hall, 791023-8554 Individuellt mjukvaruutvecklingsprojekt 7,5 hp Linnéuniversitetet 2013-06-09 KAi SENSEMAKING SYSTEM ABSTRAKT KAi Sensemaking System är en webbapplikation för feedback/återkoppling

Läs mer

Asp.net mvc intro PER KVARNBRINK, 2015-01-27

Asp.net mvc intro PER KVARNBRINK, 2015-01-27 Asp.net mvc intro PER KVARNBRINK, 2015-01-27 Byggstenarna i ett mvc-projekt 1. Databasen 2. Datamodellen (M:et) 3. Entity framwork 4. Routing 5. Kontroller (C:et) 6. Vy (V:et) 7. Vymodeller 8. Troligen

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

TDDD52 CSS. Färger. Färger 1/3/13 Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis

Läs mer

Ruby on Rails eller Django?

Ruby on Rails eller Django? Ruby on Rails eller Django? En jämförelse av två ramverk för webbutveckling MARTIN KARSBERG och PÄR- JOHAN JÖNSSON Examensarbete Stockholm, Sverige 2010 Ruby on Rails eller Django? En jämförelse av två

Läs mer

Webbplats med Zend Framework

Webbplats med Zend Framework Examensarbete Webbplats med Zend Framework Pontus Karlsson 2010-05-30 Ämne: Datavetenskap Nivå: B Kurskod: 1DV40E Abstrakt I den här rapporten skapas en applikation med Zend Framework för att undersöka

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

Lite om felhantering och Exceptions Mer om variabler och parametrar Fält (eng array) och klassen ArrayList.

Lite om felhantering och Exceptions Mer om variabler och parametrar Fält (eng array) och klassen ArrayList. Institutionen för Datavetenskap Göteborgs universitet HT2009 DIT011 Objektorienterad programvaruutveckling GU (DIT011) Föreläsning 3 Innehåll Lite om felhantering och Exceptions Mer om variabler och parametrar

Läs mer

UTVECKLINGSMILJÖER Microsoft Visual Studio (2003-2013), SQL Server Management Studio 2008-2010, Eclipse

UTVECKLINGSMILJÖER Microsoft Visual Studio (2003-2013), SQL Server Management Studio 2008-2010, Eclipse KONSULTPROFIL Daniel Systemutvecklare.NET Sammanfattning Daniel har mer än 10års erfarenhet av utveckling i olika programspråk. Daniel har i första hand arbetat med Webbutveckling och känner att han har

Läs mer

Integrerad i egen cup-portal Sid 1

Integrerad i egen cup-portal Sid 1 Integrerad i egen cup-portal Sid 1 Skillnader mellan fristående och integrerad cup-portal En liten viktig synpunkt innan ni går vidare: Det går snabbt och enkelt att växla mellan den fristående och integrerade

Läs mer

Moderna webbappar. @joakimkemeny och @johnwilander Jfokus, Stockholm 2013. Monday, February 4, 13

Moderna webbappar. @joakimkemeny och @johnwilander Jfokus, Stockholm 2013. Monday, February 4, 13 Moderna webbappar @joakimkemeny och @johnwilander Jfokus, Stockholm 2013 Repo Repo Bygge war/ear/klump Applikationsserver Repo 1 Repo 2 Bygge 1 zip/klump Webbserver Bygge 2 war/ear/klump Applikationsserver

Läs mer

Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket.

Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket. e-line mobilversion Pyramid Business Studio 3.42A servicepack 05 (2015-07-13) Mobilversionen av e-line är i grunden samma applikation som fullversionen av e-line. Skillnaden är att endast valda delar av

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

PHP. Dynamiska webbsidor

PHP. Dynamiska webbsidor PHP Dynamiska webbsidor WEBBPROGRAMMERING PÅ SERVERSIDAN DB server web browser client client script HTTP Request (get, post) HTTP Response (HTML, CSS, JS) web server server script JS PHP file (txt, xml,

Läs mer

Nya webbservern Dvwebb.mah.se

Nya webbservern Dvwebb.mah.se Nya webbservern Dvwebb.mah.se Bakgrund: BIT (Bibliotek och IT) beslutar att ta ner Novell systemet 28/3 som är en katalogtjänst som styr bland annat alla studenter s.k. hemkataloger på Malmö högskola såväl

Läs mer

WEBDESIGN A - DTR 1210

WEBDESIGN A - DTR 1210 Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden

Läs mer

Christer Scheja TAC AB

Christer Scheja TAC AB Byggnadsautomation för ingenjörer Byggnadsautomation för ingenjörer VVS-tekniska föreningen, Nordbygg 2004 Christer Scheja TAC AB resentation, No 1 Internet/Intranet Ihopkopplade datornät ingen ägare Internet

Läs mer

E13 "Behind the Wild"

E13 Behind the Wild E13 "Behind the Wild" Föreläsning 13, HT2014 Det vi missat och lite till Kurs: 1dv403 Webbteknik I Johan Leitet E13 Behind the Wild Dagens agenda Cookies Web storage Context/ändra context Augmentation

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

Google Analy+cs. Umeå universitet

Google Analy+cs. Umeå universitet Google Analy+cs Umeå universitet Webbanalys? Återkoppling Kommunika+onsbehov Strategi Sociala medier Webb Kampanjer Effekt Vad ska vi mäta? Ansökningar Nedladdade filer Läst vik+g info Fyllt i kontaklormulär

Läs mer

E12 "Evil is going on"

E12 Evil is going on E12 "Evil is going on" Föreläsning 12, HT2014 AJAX Kurs: 1dv403 Webbteknik I Johan Leitet E12 Evil is going on Dagens agenda AJAX XMLHttpRequest-objektet JSON Vad är AJAX? Asynchronous JavaScript and XML

Läs mer

Starta din försäljning med hjälp av sociala medier

Starta din försäljning med hjälp av sociala medier Starta din försäljning med hjälp av sociala medier Facebook Ett av de snabbaste sätten att sprida sin webbutik och få sin första beställning är att använda sig av Facebook. Det finns två olika sätt att

Läs mer

Widgetguiden Vad är Publits widgetshop?

Widgetguiden Vad är Publits widgetshop? Widgetguiden Den här guiden är till för dig som vill använda Publits widgetshop för att enkelt sälja böcker direkt på din egen hemsida, blog eller Facebook. Här går vi steg för steg igenom processen för

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

ATT GÖRA WEBBSIDOR. Frivillig labb Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR

Läs mer

Mobila tjänster för lojalitets system. Mobila tjänster för lojalitetssystem Mobile services for loyalty network

Mobila tjänster för lojalitets system. Mobila tjänster för lojalitetssystem Mobile services for loyalty network Mobila tjänster för lojalitets system Mobila tjänster för lojalitetssystem Mobile services for loyalty network Andreas Björklund EXAMENSARBETE 2012 Datateknik Postadress: Besöksadress: Telefon: Box 1026

Läs mer

QR-KODER. En kort guide till hur du bör tänka när du använder QR-koder i dina kampanjer.

QR-KODER. En kort guide till hur du bör tänka när du använder QR-koder i dina kampanjer. QR-KODER En kort guide till hur du bör tänka när du använder QR-koder i dina kampanjer. Vad är QR-koder? QR-koder, (Quick Response-koder), har blivit oerhört populära på senare tid. Varför? QR-koden har

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

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1 Välkommen! SAPSA Impuls Mobilitet 81 Impuls sponsorer 2012 Guldsponsorer SAPSA Impuls Mobilitet 81 Mobilitet 81: Mobil reseräkningsapp med möjlighet att fotografera kvittona Christer Ingemarsson Lena Kågedal

Läs mer

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1

WEBBUTVECKLING 1 LÄROBOK ERRATA UPPLAGA 1 Errata för J200 4500 Webbutveckling 1 av Lars Gunther Exklusive stavnings och grammatikfel. Sidan 33: Hela avsnitt 1.10.3 är omskrivet Här samlas artiklar och dokumentation, samt ett diskussionsforum.

Läs mer

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1 Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min

Läs mer

Slutrapport för Internetfonden

Slutrapport för Internetfonden Slutrapport för Internetfonden Webbprogrammering i matematik och fysikundervisning Mikael Tylmad mikael@roboro.se Fredrik Atmer fredrik.atmer@gmail.com Ella Kai-Larsen e@k-l.se 10 april 2014 http://www.profyma.se/

Läs mer

Projektarbete myshop. Sandra Öigaard so222es WP12 Individuellt mjukvaruutvecklingsprojekt 2013-06-06

Projektarbete myshop. Sandra Öigaard so222es WP12 Individuellt mjukvaruutvecklingsprojekt 2013-06-06 Projektarbete myshop av Sandra Öigaard so222es WP12 Individuellt mjukvaruutvecklingsprojekt 2013-06-06 ABSTRAKT En rapport om utvecklingen av myshop, ett 10 veckors projektarbete i kursen individuellt

Läs mer

SuperBooky. - modernt webbaserat bokföringsprogram för småföretag

SuperBooky. - modernt webbaserat bokföringsprogram för småföretag SuperBooky - modernt webbaserat bokföringsprogram för småföretag Kandidatarbete inom Data- och Informationsteknik DŽENAN BAŽDAREVIĆ DANIEL CHINIQUY ENGSTRÖM ISABELLE FRÖLICH JAKOB CSÖRGEI GUSTAVSSON ALEXANDRA

Läs mer

Manual Lead tracking. Version 1.0 2013-12-12

Manual Lead tracking. Version 1.0 2013-12-12 Manual Lead tracking Version 1.0 2013-12-12 Innehållsförteckning 1 Inledning... 3 1.1 Om manualen... 3 1.2 Om tjänsten... 3 2 Använd tjänsten för första gången... 4 2.1 Installera applikationen... 4 2.2

Läs mer

Föreläsning 3. Programmering, C och programmeringsmiljö

Föreläsning 3. Programmering, C och programmeringsmiljö Föreläsning 3 Programmering, C och programmeringsmiljö Vad är programmering? Ett väldigt kraftfullt, effektivt och roligt sätt att kommunicera med en dator Att skapa program / applikationer till en dator

Läs mer

Webbdesign vt. 2010. Innehållsförteckning

Webbdesign vt. 2010. Innehållsförteckning Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans

Läs mer

Produktionsprislista och materialspecifikationer

Produktionsprislista och materialspecifikationer SYDSVENSKAN WEBBYRÅ Produktionsprislista och materialspecifikationer 2013 www.sydsvenskan-webbyra.se Webbannons Pris: 2250:- En webbannons är en grafisk animation (bild och text) anpassad för webben. Vi

Läs mer

URVAL AV UTFÖRDA FRILANSJOBB

URVAL AV UTFÖRDA FRILANSJOBB URVAL AV UTFÖRDA FRILANSJOBB Här följer information om ett urval av utförda frilansjobb. CONTENT MANAGEMENT- OCH GROUPWARE RAMVERK Kund: Sundance MD&M En modulär flashapplikation med en PHP och MySQL backend

Läs mer

Projekt Rapport. RaidPlanner. Jeanette Karlsson UD10

Projekt Rapport. RaidPlanner. Jeanette Karlsson UD10 Projekt Rapport RaidPlanner Jeanette Karlsson UD10 Abstrakt: Denna rapport handlar om mitt projekt i kursen Individuellt Mjukvaruutvecklings projekt. Rapporten kommer att ta upp hur jag gått tillväga,

Läs mer

+Överskådlighet Normalt sätt blir ett program skrivet i det procedurella paradigmet överskådligt. Modifikationer på delproblem kan ske med lätthet.

+Överskådlighet Normalt sätt blir ett program skrivet i det procedurella paradigmet överskådligt. Modifikationer på delproblem kan ske med lätthet. Uppgift 1 Ett programmeringsparadigm är i grund och botten ett sätt att arbeta, ett sätt att möta problem. Det finns flera olika paradigm där varje paradigm har sina egna styrkor och svagheter. Det som

Läs mer

Så här funkar det i mobilen!

Så här funkar det i mobilen! Så här funkar det i mobilen! Hur köper jag Idrottsrabatten i mobilen? Du kan ladda ner Idrottsrabatten i din mobil på följande vis: 1. Ladda ner appen i App Store eller på Google Play. Sök appen med namnet

Läs mer

"Är en"-relation. "Har en"-relation. Arv. Seminarium 2 Relevanta uppgifter. I exemplet Boll från förra föreläsningen gällde

Är en-relation. Har en-relation. Arv. Seminarium 2 Relevanta uppgifter. I exemplet Boll från förra föreläsningen gällde Föreläsning 7 "Har en"-relation Arv "Har en" "Är en" Superklassen Object Överskuggning Fordonsexempel Seminarium 2 Relevanta uppgifter Uppgift 31 I exemplet Boll från förra föreläsningen gällde följande

Läs mer

Om inte denna rekommendation efterföljs kan vi tyvärr inte ge några garantier för att vi kan supportera de problem som då kan uppstå.

Om inte denna rekommendation efterföljs kan vi tyvärr inte ge några garantier för att vi kan supportera de problem som då kan uppstå. MAGENTO 3.3.4.5 SVEAWEBPAY MAGENTO INSTALLATION INFORMATION Detta dokument är framtaget i syfte att beskriva hur SveaWebPays Betalmodul för Magento (version 3.3.4.5) uppgraderas, installeraras och konfigureras.

Läs mer

Exempelkonfigureringar

Exempelkonfigureringar Exempelkonfigureringar Sidan 1 av 10 INNEHÅLLSFÖRTECKNING 1 Introduktion... 3 1.1 Schematisk överblick... 3 2 Konfigurering... 4 2.1 Konfigurering - arbetsgång... 4 3 Spela egna ljudfiler i telefonen...

Läs mer

Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor

Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor http://w3.msi.vxu.se/multimedia Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor Rune Körnefors Innehåll Variabler i JavaScript

Läs mer

KONSULTPROFIL Rodrigo

KONSULTPROFIL Rodrigo KONSULTPROFIL Rodrigo Systemutvecklare.NET/EPiServer/SharePoint Sammanfattning Rodrigo är en utåtriktad och glad person med båda fötterna på jorden som trivs både med att leda och samarbeta. Har jobbat

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

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Sidrenderingsmodellen

Sidrenderingsmodellen Kapitel 3 Sidrenderingsmodellen I detta kapitel: Rendering av kontroller som taggar Paketera användargränssnitt som komponenter Lägga till kontroller med Visual Studio Sammanfattning Kapitel 3 snabbreferens

Läs mer

Diagnostisktprov Utveckla i Azure

Diagnostisktprov Utveckla i Azure .easec Diagnostisktprov Utveckla i Azure Mats Johannesson 2015-06-08 1 o Indikerar ett svar önskas. Flera svar önskas. Maxpoäng: 86 Din poäng: Godkänt: 43 poäng Väl Godkänt: 60 poäng 2 1. Vilka fyra alternativ

Läs mer

SEMSEO sökmotoroptimering SEO

SEMSEO sökmotoroptimering SEO SEMSEO sökmotoroptimering SEO Google SEO sökmotoroptimering Seminarier 2010 Upplägg Presentation SEMSEO Internetmarknadsföring - SEO Begrepp - Grunder Planering Analys Exempel SEO verktyg - Tips Målsättning:

Läs mer

Systemkrav och tekniska förutsättningar

Systemkrav och tekniska förutsättningar Systemkrav och tekniska förutsättningar Hogia Webbrapporter Det här dokumentet går igenom systemkrav, frågor och hanterar teknik och säkerhet kring Hogia Webbrapporter, vilket bl a innefattar allt ifrån

Läs mer

Hantering av problem med sökmotorsoptimering i en single page application

Hantering av problem med sökmotorsoptimering i en single page application Örebro Universitet Handelshögskolan Uppsatsarbete Handledare: Ann-Sofie Hellberg Examinator: Mathias Hatakka HT-14/2015-02-04 Hantering av problem med sökmotorsoptimering i en single page application Jessica

Läs mer

Statistik från webbplatser

Statistik från webbplatser Statistik från webbplatser virtuella besök eller levererade sidor? Ulf Kronman Karolinska Institutet Universitetsbiblioteket Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen,

Läs mer

SEMSEO sökmotoroptimering SEO "Google Top 10. Google SEO sökmotoroptimering Seminarier 2011

SEMSEO sökmotoroptimering SEO Google Top 10. Google SEO sökmotoroptimering Seminarier 2011 SEMSEO sökmotoroptimering SEO "Google Top 10 Google SEO sökmotoroptimering Seminarier 2011 Upplägg Presentation SEMSEO Internetmarknadsföring - SEO Begrepp - Grunder Planering Analys Exempel SEO verktyg

Läs mer

Kunskapscentrumcentrum för Äldres Säkerhet

Kunskapscentrumcentrum för Äldres Säkerhet Kunskapscentrumcentrum för Äldres Säkerhet Kravspecifikation Webbplatsen ska vara uppbyggd så att den följer riktlinjerna från World Web Consortium (W3W). Webbplatsen ska följa standarder för uppmärkningskod.

Läs mer

http://www.youtube.com/watch?v=jpenfwiqdx8

http://www.youtube.com/watch?v=jpenfwiqdx8 http://www.youtube.com/watch?v=jpenfwiqdx8 1 Sökmotoroptimering SEO En introduktion för webbredaktörer 2 Agenda Var är vi på väg? Hur fungerar sökmotorer? Hur går det till när jag söker? Hur hänger det

Läs mer

Collector en Android-app för att samla saker. Kim Grönqvist (kg222dk) 2013-06-10 Slutrapport

Collector en Android-app för att samla saker. Kim Grönqvist (kg222dk) 2013-06-10 Slutrapport Collector en Android-app för att samla saker Kim Grönqvist (kg222dk) 2013-06-10 Slutrapport Abstrakt Jag har gjort en Android-app för att samla saker, Collector. Med den kan man upprätta att göra-listor

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna

Läs mer

UML. Översikt UML. Relationer mellan klasser. A är ett aggregerat av B:n. Kontor aggregat av Enheter. 12 olika diagramtyper, bl.a.

UML. Översikt UML. Relationer mellan klasser. A är ett aggregerat av B:n. Kontor aggregat av Enheter. 12 olika diagramtyper, bl.a. Översikt UML Sekvensdiagram (dynamic structure) Informationsflöde genom programmet Användningsfall (use cases) Aktörers interaktion med systemet Paketdiagram Beroenden mellan paket abstrakta klasser Multipel

Läs mer

Programmering för alla!

Programmering för alla! Programmering för alla! Inspirationsseminarium för lärare i grundskola och gymnasium Björn Regnell Professor Datavetenskap, LTH, Lunds universitet lth.se/programmera Video http://www.svt.se/nyheter/sverige/krav-pa-att-elever-lar-sig-programmera

Läs mer

Användarbeskrivning för Anvisningstjänsten

Användarbeskrivning för Anvisningstjänsten 1 (23) Användarbeskrivning för Anvisningstjänsten 2 (23) INNEHÅLL 1 ALLMÄN BESKRIVNING AV ANVISNINGSTJÄNSTEN... 3 1.1 Skillnad mellan Central och Lokal anvisning... 3 2 INTEGRATION ENLIGT [IDP-DISCO]...

Läs mer

Mappar och filer för webbsidor

Mappar och filer för webbsidor Mappar och filer för webbsidor I de4a dokument illustreras det hur du kan arbeta med mappar och filer, då du skapar webbsidor och ska publicera dem för uppgi=erna. Det visas också hur du skickar in redovisningar

Läs mer

KONSULTPROFIL Juan. Systemutvecklare.NET/EPiServer/Commerce. Sammanfattning. Kompetens. Uppdrag

KONSULTPROFIL Juan. Systemutvecklare.NET/EPiServer/Commerce. Sammanfattning. Kompetens. Uppdrag KONSULTPROFIL Juan Systemutvecklare.NET/EPiServer/Commerce Sammanfattning Mångsidig IT-arkitekt med mer än 14 års erfarenhet av IT-branschen. Erfarenhet av att leverera och implementera avancerade IT-lösningar

Läs mer

MATLAB. Python. Det finns flera andra program som liknar MATLAB. Sage, Octave, Maple och...

MATLAB. Python. Det finns flera andra program som liknar MATLAB. Sage, Octave, Maple och... Allt du behöver veta om MATLAB: Industristandard för numeriska beräkningar och simulationer. Används som ett steg i utvecklingen (rapid prototyping) Har ett syntax Ett teleskopord för «matrix laboratory»

Läs mer

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com

Grundläggande om sökordsoptimering Sida 1. Grundläggande om sökordsoptimering. Marcus Österberg, marcus@webbfunktion.com Grundläggande om sökordsoptimering Sida 1 Grundläggande om sökordsoptimering Marcus Österberg, marcus@webbfunktion.com Sida 2 Innehåll: Ordlista... 3 Varför sökordsoptimering... 4 Viktiga faktorer inom

Läs mer

Så här funkar det i mobilen!

Så här funkar det i mobilen! Så här funkar det i mobilen! Hur köper jag Idrottsrabatten i mobilen? För att köpa ett häfte i mobilen så skickar du ett sms med koden (ex. IRGBG för Göteborg) för den ort som du vill ha till nummer 72270.

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Vad är ArcGIS.com? På ArcGIS.com hittar du:

Vad är ArcGIS.com? På ArcGIS.com hittar du: Vad är ArcGIS.com? ArcGIS.com är en webbplats ESRI Inc tillhandahåller där du kostnadsfritt kan arbeta med kartor och geografisk information. På webbplatsen kan du skapa kartor, hitta kartor och webbaserade

Läs mer

Inför prov 1 i webbdesign

Inför prov 1 i webbdesign Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke

Läs mer