Beacons og HTML/CSS/JavaScript

Transkript

1 Beacons og HTML/CSS/JavaScript Præsentation af informationer på en innovativ måde Mads Bo Nielsen, Aarhus Handelsgymnasium (HHX) Lasse Tage Olsen, Skanderborg-Odder Center for Uddannelse (HHX og EUX)

2 Plan for workshop 1. Præsentation af forløb (ca. 15 minutter) Projektbeskrivelse og tidsplan Teknisk gennemgang og eksempel på en mulig elevbesvarelse Forløbet set i relation til de faglige mål for Informatik C 2. Hands-On: Prøv selv at arbejde med Beacons (ca. 15 minutter) 3. Diskussion og udvikling af forløb - herunder hvordan I får innovation i spil (ca. 20 minutter) 4. Opsamling og eksempler på eksamensspørgsmål (ca. 10 min.) Til workshoppen anvender vi Beacons af typen RadBeacon Dot fra Radius Networks. For at kunne administrere og finde de forskellige Beacons skal de to apps RadBeacon og PhyWeb hentes fra app store og installeres på egen smartphone.

3 Motivation for forløbet Manglende innovation i elevernes projekter - Svært for eleverne at relatere deres egne projekter til innovationsbegrebet Der fokuseres på at produktet skal være: - Nytænkende - En forbedring - Relevant - Radikal vs inkrementiel innovation

4 Beacons Der udarbejdes en hjemmeside som gøres tilgængelig på smartphones når man er i nærheden af et Beacon.

5 Projektet Et eksempel på at gøre undervisningen projektorienteret og inkludere mange af de faglige mål. Projektet placeres sidst i et Informatik C forløb. Udgangspunktet er en ejendomsmægler der vil ændre tilgængeligheden til huse til salg for potentielle købere. Ved passage af et Til salg skilt kan interesserede nemt få yderligere information om huset (procesinnovation). Løsningen skal være en hjemmeside med et JavaScript, der gøres tilgængelig via et Beacon. (Mulighed for udvidelse med databaseadgang, - evt. tilmelding til boligfremvisning) Projektbeskrivelse gøres tilgængelig på: EMU Danmarks læringsportal

6 Faser i projektet Introduktion til projektet Innovationsbegrebet og idégenerering (2 lektioner á 45 min.) Systemudviklingsmodel og mock-ups (2 lektioner á 45 min.) Kodning i HTML og CSS (4 lektioner á 45 min.) Programmering i JavaScript (2 lektioner á 45 min.) Test af brugergrænseflade og funktionalitet (2 lektioner á 45 min.) Opsætning af Beacons og implementering (2 lektioner á 45 min.) Præsentation (2 lektioner á 45 min.)

7 Faglige mål i Informatik C Disse faglige mål indgår i projektet og kan skaleres efter behov: Konstruktion af et IT-system IT-systemers påvirkning af den menneskelige aktivitet Innovation Interaktionsdesign Programmering.og måske kan disse mål også indgå i mindre grad: IT-sikkerhed, netværk og arkitektur Repræsentation og manipulation af data

8 Informationer til Hands-On På mobiltelefonen skal der installeres de to apps RadBeacon - til administration af Beacons PhyWeb - til at kommunikere med Beacons Opsætning af Beacons, - følg udleverede vejledning Hjemmesidens URL er: goo.gl/tnezfm

9 Eksamensspørgsmål - eksempel 1 Beacons: I skal udvikle hjemmesider der gøres tilgængelige via et bluetooth signal udsendt fra Beacons. I skal placere to Beacons i jeres løsningsforslag og skal indtænke et innovativt element i jeres anvendelse og opsætning af Beacons. Dette kunne eksempelvis være i forbindelse med placering på et museum, i byrummet, i en lufthavn eller lignende. Jeres besvarelse skal udover en beskrivelse af formål, målgruppe og funktionalitet for systemet, indeholde en skitse af de tekniske elementer i opsætningen af Beacons. Faglige mål: Konstruktion af et IT-system, Innovation, Netværk og arkitektur, Påvirkning af den menneskelige aktivitet

10 Eksamensspørgsmål - eksempel 2 Dynamisk hjemmeside: Der skal udvikles en hjemmeside der inkluderer et JavaScript som viser summen af et kast med to terninger. JavaScriptet skal indeholde en forgrening, der efter jeres eget valg siger noget om terningekastet. Eksempelvis "Du slog to ens", "Det var et godt slag" eller lignende. I skal gøre rede for hvordan hele jeres udviklingsarbejde er grebet an fra idé til implementering. Dette skal suppleres med evt. anvendte skitser. Jeres produkt skal have fokus på en god brugerinteraktion og brugerfladen skal kunne tilgås både fra computer og smartphone. Faglige mål: Konstruktion af et IT-system, Programmering, Interaktionsdesign