SlideShare a Scribd company logo
1 of 56
Download to read offline
DA395A
Nästan 2 miljarder
webbplatser
5.16 miljarder användare av internet
Dagens Agenda
Dagens
Agenda
• Projekt - Hybridutbildning
• Vilka lärare håller i kursen?
• Upprop?
• Vem läser denna kurs?
• Mentimeter
• Kursplanen
• Översikt av kursen
• Kommunikation
• Moment
• Examinationsmoment
• Introduktion / repetition om webben
Projekt - Hybridutbildning
Grupper presenteras på Canvas
Lärare i kursen
• Anton Tibblin (kursansvarig)
• anton.tibblin@mau.se
• 040-66 57672
• Johan Holmberg
• Johan.holmberg@mau.se
• 040-6657376
Upprop
Vem
läser
kursen?
• Informationsarkitekt (termin 4)
• Systemutvecklare (termin 6)
• Samläsning innebär
• Olika förkunskaper
• Olika perspektiv på applikationer
• Samma mål med kursen
• Samma examinerande uppgifter
Planering
Hur är kursen uppbyggd?
Kursen är
uppbyggd av
Föreläsningar
Inlämningsuppgifter
(med laborationstillfälle)
Peer-reviewing
Projekt
Läs igenom
uppgifter & börja
Jobba med
uppgift ”a”
Jobba med
uppgift ”b”
Slutför
uppgifterna
Ge peer-
feedback
Kursplan –
Bedömingsformer
Krav för godkänd
• Godkända inlämningsuppgifter (5 hp)
och godkänt projekt (2.5 hp).
Krav för väl godkänd
• Väl godkänd på VG-grundande
inlämningsuppgift samt godkänt på
inlämningsuppgifter & projekt.
Språk?
Resurser
https://mau-webb.github.io/resurser/da395a-vt23/
Varför är kursen relevant?
Internet != WWW
s
När började ni använda
webben?
1991 – World wide web
1994 - Yahoo
1995 - Altavista
1995 - Amazon
1995 - Ebay
1998 - Google
2003 - LinkedIn
2004 - thefacebook
2005 - YouTube
2006 - Twitter
2008 - Dropbox
På ”bara” 30år har det
hänt en del…
Varför läser vi denna kurs?
För att få ett perspektiv på
mobil webbutveckling
• Vilka alternativ finns?
• Vilka fördelar & nackdelar
innebär webben för
handhållna enheter?
• Vilka möjligheter och
begränsningar erbjuder
dagens webblösningar?
Ge en inblick i mobil
webbutveckling
• Vad kan HTML5, CSS3 &
JavaScript erbjuda?
• Vilka externa
bibliotek/ramverk finns för
• Utökad funktionalitet
• Effektivisering/optimering
av kod
Hur vi kan använda
webbtekniker för utveckling
med fokus på flera plattformar
(iOS, Android, Windows, etc.)
• Möjligheter
• Begränsningar
• Hybridlösningar?
https://mau-webb.github.io/resurser/da395a-vt23/

More Related Content

Similar to VT23 - DA395A - Kursintroduktion

Sfis 131023 mbr131021
Sfis 131023 mbr131021Sfis 131023 mbr131021
Sfis 131023 mbr131021Mats Brenner
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Anton Tibblin
 
Projektledning teori 3
Projektledning teori 3Projektledning teori 3
Projektledning teori 3Peter Nydal
 
Introduktion till KEX
Introduktion till KEXIntroduktion till KEX
Introduktion till KEXhrastinski
 
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612Mats Brenner
 
Projektledning intro teori 1
Projektledning intro teori 1Projektledning intro teori 1
Projektledning intro teori 1Peter Nydal
 
Digital Governance & Organisation
Digital Governance & OrganisationDigital Governance & Organisation
Digital Governance & OrganisationPeter Ödling
 
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månader
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månaderTieto pps com_hem_recept_för_ökad_projektmognad_på_12_månader
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månaderSvenskt Projektforum
 
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införande
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införandeDIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införande
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införandeMats Brenner
 
Info om masterval och kexjobb, medieteknik KTH VT2013
Info om masterval och kexjobb, medieteknik KTH VT2013Info om masterval och kexjobb, medieteknik KTH VT2013
Info om masterval och kexjobb, medieteknik KTH VT2013bjornh
 
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...Mats Brenner
 
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskola
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskolaPresentation E-tenta för IVV, Ersta Sköndal Bräcke högskola
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskolaMats Brenner
 
Testledning i praktiken slideshare
Testledning i praktiken slideshareTestledning i praktiken slideshare
Testledning i praktiken slideshareChrister Mattson
 
1 1 projekt-ämnesövergripande
1 1 projekt-ämnesövergripande1 1 projekt-ämnesövergripande
1 1 projekt-ämnesövergripandeKalleMicke
 
HT16 - DA156A - Kursintroduktion
HT16 - DA156A - KursintroduktionHT16 - DA156A - Kursintroduktion
HT16 - DA156A - KursintroduktionAnton Tibblin
 
Mats brenner oh_swe_presentation2_mbr121105
Mats brenner oh_swe_presentation2_mbr121105Mats brenner oh_swe_presentation2_mbr121105
Mats brenner oh_swe_presentation2_mbr121105Mats Brenner
 
Hybridprojektet HT22 Rapport
Hybridprojektet HT22 RapportHybridprojektet HT22 Rapport
Hybridprojektet HT22 RapportMats Brenner
 
Kursplan_Javautvecklare
Kursplan_JavautvecklareKursplan_Javautvecklare
Kursplan_JavautvecklarePer Nissilä
 
Datoriserad tentamen och HyFlex learning
Datoriserad tentamen och HyFlex learningDatoriserad tentamen och HyFlex learning
Datoriserad tentamen och HyFlex learningMats Brenner
 

Similar to VT23 - DA395A - Kursintroduktion (20)

Sfis 131023 mbr131021
Sfis 131023 mbr131021Sfis 131023 mbr131021
Sfis 131023 mbr131021
 
Modul 3
Modul 3Modul 3
Modul 3
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
 
Projektledning teori 3
Projektledning teori 3Projektledning teori 3
Projektledning teori 3
 
Introduktion till KEX
Introduktion till KEXIntroduktion till KEX
Introduktion till KEX
 
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612
Presentation för Lunds universitet SAMHÄLLSVETENSKAPLIGA FAKULTETEN 160612
 
Projektledning intro teori 1
Projektledning intro teori 1Projektledning intro teori 1
Projektledning intro teori 1
 
Digital Governance & Organisation
Digital Governance & OrganisationDigital Governance & Organisation
Digital Governance & Organisation
 
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månader
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månaderTieto pps com_hem_recept_för_ökad_projektmognad_på_12_månader
Tieto pps com_hem_recept_för_ökad_projektmognad_på_12_månader
 
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införande
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införandeDIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införande
DIGITALA EXAMINATIONER: Nuläget och erfarenhetsutbyte av införande
 
Info om masterval och kexjobb, medieteknik KTH VT2013
Info om masterval och kexjobb, medieteknik KTH VT2013Info om masterval och kexjobb, medieteknik KTH VT2013
Info om masterval och kexjobb, medieteknik KTH VT2013
 
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...
Digital tentamen II - SUNET Inkubator. Utvecklingsmöjligheter för digital ten...
 
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskola
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskolaPresentation E-tenta för IVV, Ersta Sköndal Bräcke högskola
Presentation E-tenta för IVV, Ersta Sköndal Bräcke högskola
 
Testledning i praktiken slideshare
Testledning i praktiken slideshareTestledning i praktiken slideshare
Testledning i praktiken slideshare
 
1 1 projekt-ämnesövergripande
1 1 projekt-ämnesövergripande1 1 projekt-ämnesövergripande
1 1 projekt-ämnesövergripande
 
HT16 - DA156A - Kursintroduktion
HT16 - DA156A - KursintroduktionHT16 - DA156A - Kursintroduktion
HT16 - DA156A - Kursintroduktion
 
Mats brenner oh_swe_presentation2_mbr121105
Mats brenner oh_swe_presentation2_mbr121105Mats brenner oh_swe_presentation2_mbr121105
Mats brenner oh_swe_presentation2_mbr121105
 
Hybridprojektet HT22 Rapport
Hybridprojektet HT22 RapportHybridprojektet HT22 Rapport
Hybridprojektet HT22 Rapport
 
Kursplan_Javautvecklare
Kursplan_JavautvecklareKursplan_Javautvecklare
Kursplan_Javautvecklare
 
Datoriserad tentamen och HyFlex learning
Datoriserad tentamen och HyFlex learningDatoriserad tentamen och HyFlex learning
Datoriserad tentamen och HyFlex learning
 

More from Anton Tibblin

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdfAnton Tibblin
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerAnton Tibblin
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingAnton Tibblin
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelAnton Tibblin
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonAnton Tibblin
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringAnton Tibblin
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonAnton Tibblin
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)Anton Tibblin
 
HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1Anton Tibblin
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekAnton Tibblin
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptAnton Tibblin
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingAnton Tibblin
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)Anton Tibblin
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)Anton Tibblin
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSSAnton Tibblin
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulärAnton Tibblin
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTMLAnton Tibblin
 
LocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaLocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaAnton Tibblin
 

More from Anton Tibblin (20)

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutveckling
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object model
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med Python
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhantering
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikon
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)
 
HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & Bibliotek
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScript
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutveckling
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSS
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulär
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTML
 
Kursintroduktion
KursintroduktionKursintroduktion
Kursintroduktion
 
LocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - MediaLocalStorage - GeoLocation - Media
LocalStorage - GeoLocation - Media
 
jQuery & Ajax
jQuery & AjaxjQuery & Ajax
jQuery & Ajax
 

VT23 - DA395A - Kursintroduktion