Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Dynamiske hjemmesider

No description
by

Per Rasmussen

on 14 August 2018

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Dynamiske hjemmesider

Logo
Internettetsstruktur og funktionsmåde
Her optræder en række begreber, som er vigtige for internettets måde at fungere på.
HTML og CSS
Her er princippet at gå fra det enkle (simpel HTML) (HTML linket til CSS) Responsive HTML indlejring af JavaScript.
Alle dele er underbygget med eksempler
Kernestof
Faglige mål

Eleverne skal lære at arbejde med basal programmering i javascript og sammen med HTML og CSS lave deres eget lille it-system.

Dynamiske hjemmesider
JavaScript
Introduktion
Et undervisningsforløb i gymnasieskolen
Afsluttende projekt
Er et undervisningsforløb, som har det formål, at lære eleverne, at arbejde med HTML, CSS og JavaScript, således, at de kan producere moderne hjemmesider, der ikke blot fungerer som et sted hvor der kan søges information, men også som interaktive hjemmesider, som brugeren kan kommunkere med
HTML - CSS - JavaScript

Her ser vi på hvordan hjemmesider kan konstrueres og på, hvordan internettet fungerer
og lærer at opbygge og designe en hjemmesider, der indeholde forskellige applikation.

Her vil der være vægt på netværk og arkitektur og ikke så meget på sikkerhed. Herunder også brug af HTML og CSS
Konstruktion af it-system som
løsning på en problemstilling
Programmering
It-sikkerhed, netværk og arkitektur
It-systemers og menneskelig
aktivitets gensidige påvirkning

it-systemer og brugeres gensidige påvirkning i forhold til funktionalitet og adfærd,
netværk og arkitektur


Igennem forløbet arbejdes med HTML, CSS og javasript integreret i en hjemmeside.

På hjemmesiden ligger der funktioner i javasript og disse indeholder variable, forgreninger, funktioner mm.

Programmering
TCP/IP
DNS
HTTP
HTML
Client - server
Her arbejdes der med at gå fra exsemplariske JS til arbejde med selvstændige JS
Det afsluttende projekt går ud på at opbygge et site med flere sider. Projektet opbygges som et klasseprojekt.
Der lægges op til et samarbejde med samfundsfag om ideologier, og sitet indholde et JS, hvor de er muligt at lave en politiktest
Didaktik
W
orked
E
xamples
Use - modify - create
Et WE indeholder en problematik og en procedure for en løsning.
De udarbejdede eksempler kommer til at fremstå som
eksemplariske eksempler
, som eleverne kan bruge som udganspunkt for læring, og ofte kan bruge som udgangspunkt for deres egen produktion.

Hele forløbet tager udgangspunkt i en konstruktivistisk læringsteori, hvor der stræbes efter at eleverne får mulighed for at bygge deres egen læring ud fra egne erfaringer og selvstændigt arbejde .
De forskellige principper, præsenteret her, fremgår af forløbets færdige lektionsplan.
Applikation oriented learning
Her tager læringen udgangspunkt kendte aplikationer. Eleverne skal motiveres ved at tage udgangspunkt i kendte it-systemermed andre på holdet.
Det er et mål at læringen kommer til at bygge på, og skaber, motivation, nysgerrighed og passion.
Dette princip er det mest anvendte i forløbet, hvor der oftes tages udgangspunkt i et eksempel, som eleverne først skal
anvende, analysere og forstå,
før der stillet opgaver i forhold til "modify".
Læringen afsluttes med at eleverne selv skaber et produkt, der meget ofte vil have eksemplerne som udgangspunkt
Stepwise Improvement

Princippet her tager udgangspunkt i incremental development, hvilket vil sige, at der arbejdes iterativt. Opbygningen af it-systemet opdeles og programmeres i flere dele og i flere iterative cirkler.
HTML er indhold
CSS er design
JS er interaktivitet og dynamik
Eksemplariske eksempler
Kristeligt Dagblad : http://llk.dk/x9v4rb
Altinget : http://llk.dk/t6ssql
Information: http://llk.dk/i1os04
Ideologitest: http://llk.dk/uyb8z4
HTML-side: http://llk.dk/ttxoqi



Eksempler på politikertest fra den virkelige verden og egne eksempler på produktionen
Full transcript