Editor og sprog: Processing Ressourcer: Learning Processing (video tutorials, eksempler mm) Med Processing kan vi hente mange former for input og en af de væsentligste kilder er selvfølgelig video. Med et webcam input kan man spore bevægelse, objekter, ansigter og mange andre ting. Men hvad vil det egentlig sige at få […]
Informatik
101 posts
Databaser er modeller af virkeligheden Databaser er modeller af virkeligheden. Facebook har en database – hvad mon der er i den? Jo, der er selvfølgelig stamoplysninger om brugere, oplysninger om ting de har postet, poster de har liket, oplysninger om hvilke personer de er venner med osv, osv. Banken har […]
Du skal i et kort brev forklare din onkel, hvad internettet er. Din onkel er normalt begavet, men han blev nedfrosset i permafrost i 1991 – det år hvor internettet, som vi kender det i dag, blev lanceret. Forsøg både at give et teknisk og et kulturelt billede af, hvad […]
At udvikle et it-system En stor del af Informatikfaget handler i om at udvikle it-systemer. Nogle gange med fokus på selve konceptet – idéen, andre gange med fokus på implementeringen – kodning og bearbejdning af et produkt. Ligegyldigt hvilke dele af faget der interesserer dig mest, skal du have styr […]
Læs artiklen: Bliv klar til GDPR på kommunikationsforum GDPR er de nye retningslinjer og regler for behandling af personfølsomme oplysninger på Internettet. I dette forløb skal vi se på hvad retningslinjerne indebærer, samt hvordan de kan implementeres i en konkret sammenhæng. Gennemgå listen herunder ift et udvalgt digitalt produkt, og […]
Flowcharts er en struktureret måde at beskrive interaktionsprocesser – altså fx når folk klikker rundt og tager en masse små valg på nettet eller i en app. Forestil dig at du skal sælge en ting, lad os sige en bamse. Brugeren kunne så starte med at finde et billede af […]
Innovation Opsummering fra lærebogen her Man kan sige at noget er innovativt i IT, hvis det er nytænkende en forbedring relevant
I vore dages udvikling af it-systemer, forsøger man at opnå processer som er agile. Dvs man arbejder på en måde så man kan møde udfordringer og forandringer løbende, og ikke kommer til at sigte sammenbidt efter et enkelt fikspunkt eller mål. Man forsøger at undgå vandfaldsmodeller, altså processer hvor hvert stadie i udviklingen […]
Her er en js skitse der kan genkende tale. Siger du en af farverne blå, rød, grøn eller oragnge skifter den farve i sidens css. Nævner du ordet cirkel eller cirkler, tegner den en cirkel. Talesyntese og -genkendelse er to helt centrale fænomener indenfor digital processering i intelligente systemer. I […]
Når du klikker på bolden siger siden hej ..Men den kunne også loade en URL, for eksempel til en anden side. I denne øvelse laver vi et lille script, som kan bruges til at lave en sjov menu i fx WordPress. Hent koderne og se
I denne opgave skal du lære at bygge et lille it-system, en hjemmeside hvor studerende kan mødes om et fagligt emne. På hjemmesiden får man præsenteret et koncept, man kan tilmelde sig begivenheder og events samt tilmelde sig som medlem. Formålet med forløbet er at give eleverne en oplevelse af […]
Når vi skyder skal vi også ramme. Men hvem og hvad vi rammer, om det giver point eller går hen og bliver et problem – behøver vi ikke forholde os til lige med det samme. Lad os i første omgang finde ud af hvordan noget bliver ramt – og få […]
Her finder du en næsten udmærket skabelon til at bygge et lille spil med. Den er næsten udmærket så du selv kan tage den videre i den retning du gerne vil skabe dit spil. Dog er der et par ting du skal gøre først. Klik på GameControl i hierarkiet og […]
Ganske ofte, omend ikke altid, skal vi skyde på ting i spil. Og det er også en fin lille øvelse til at komme i gang med hvordan man programmerer i Unity. I disse opgaver lærer hvordan man opretter et simpelt script, som fyrer kugler afsted i den retning spilleren ser. […]
Vi kan ikke udvikle ret mange spil uden på en eller anden måde at holde styr på, hvor mange point spileren har fået. I denne tutorial lærer du at lægge en måltavle på spillet og at få den til at vise opsamlede point. Åbn Unity og husk at standard assets […]
Formål Formålet med dette forløb er at give eleverne nogle indledende forudsætninger for at arbejde med udvikling af 3D spil. Forløbet kommer ind på flere af Informatikfagets kernefaglige områder, men er dog ikke fuldt dækkende, da det er et relativt kort forløb med fokus på at udvide inspiration samt begrebs- […]
jQuery er Javascripts reddende engel når det kommer til at skabe enkel og brugervenlig interaktion på nettet. Det starter en lille smule svært, så hold tungen lige i munden mens du lærer den første syntaks – belønningen er, at alle de ting du tænker kan lade sig gøre med et […]
I denne opgave skal du modificere koden fra et script nogle andre har lavet. Det er en god øvelse i at overskue en større mængde kode og gøre den til sin egen. Download filerne nedenfor, og løs opgaverne i init.js. Hent filerne her
I denne tutorial lærer du at lave en ukompliceret 3D model, som kan eksporteres til for eksempel Unity eller printes på en 3D printer. Det er absolut basic og absolut begynder niveau – men det giver en idé om hvor du kan komme hen hvis du har tid og lyst […]
Formål Formålet med dette forløb er at give eleverne en grundlæggende viden om de mest basale programmeringsstrukturer. Indholdet svarer til de kompetencer som er beskrevet i læreplanen for faget, navnlig kendskab til funktioner, variable, løkker og forgreninger. Forløbet er udviklet som empiri for min opgave i teoretisk pædagogikum, og har […]
Du har nu lært en række redskaber, som gør det muligt at skabe interessante interaktive skitser med javascript biblioteket p5.js. Imidlertid er din viden – hvis dette vel at mærke er første gang du programmerer – stadig noget funktionel og tilrettelagt. Det er på tide at springe ud i vandet […]
Hvis du aldrig har prøvet at programmere før, er det her et godt sted at begynde. I dette forløb lærer du at programmere på en nem og visuel måde. Men endnu vigtigere, så lærer du også at forstå hvad det digitale stof din computer er lavet af er, og hvad […]
Hvad er en variabel? Noget af det første og største man skal lære, når man skal programmere, er brugen af variable til at gemme og indsætte værdier i koden. En variabel er en “placeholder”, dvs en slags kasse, vi så kan gemme alt muligt i. Typisk er det simple talværdier eller […]
Hvis musen er over midten af skitsen, så skift farve Hvordan træffer computerprogrammer beslutninger mens de kører? Indtil nu har du set hvordan metoden draw() hele tiden looper gennem de samme instruktioner. Med logiske betingelser kan man ændre noget hver gang programmet kører en ny omgang, og det er nu […]
En funktion er et redskab i programmering, som gør det muligt at samle en masse funktionalitet under samme tag. Det kan godt sammenlignes med den virkelige verden – lad os sige vi vil vaske op. Men før vi kan vaske op må vi samle de beskidte glas, tallerkener osv. Så […]
En løkke er et stykke kode, som kører et antal gange. Lad os sige at vi vil lave et program som udskriver tallene fra et til 20. Vi kunne selvfølgelig bare skrive.. text(“1”, 20, 40); text(“2”, 20, 60); text(“3”, 20, 80); osv.. Men det ville være en ekstremt langsom måde […]
For computeren er det at gentage det samme flere gange på præcis sammen måde, det enkleste i verden. Man kan godt sige, at det er det computere stort set gør. Evnen til at udnytte det, er begunstiget den menneskelige intelligens. Rekursion er navnet for med en algoritme at gentage det […]
Hvad er et objekt? Det næste vigtige fænomen du skal kende til, er objekter. Et objekt er en skabelon for hvordan noget kunne se ud. Lad os forestille os, at vi ville programmere en motorvej med biler der kommer kørende. Vi kunne selvfølgelig sætte os til at tegne hver […]
Introduktion til fysiske kræfter i programmering Klik på den sorte skærm, og tryk på mellemrumstasten for at slå til bolden Hvad en en hoppende bold? I programmering kan det i hvert fald beskrives som et objekt, der påvirkes af nogle kræfter: hastighed, tyngdekraft og måske noget friktion. Forvirret? Hent […]
Noget af det fascinerende ved computere og programmering, er muligheden for at skabe et eller andet objekt – og så kopiere det tusindvis af gange. En meget bærende og central del af hele det digitale koncept, selvfølgelig, og derfor også vigtig at lære og forstå. Arrays – eller på […]
Computere kan høre, selvfølgelig. Og i denne skitse lærer du hvordan du opretter forbindelse til computerens mikrofon, og bruger den som variabel i din programmering. Lyd er ikke bare for sjov – snart taler vi efter alt at dømme meget mere til digitale dimser end vi ved af. Men i […]
Knapper, point, sekunder og styling er nogle af de ting der skal til for at bygge et lille interface. I denne øvelse kommer du et godt stykke ind under huden på de elementer, og laver et tilsyneladende grimt og kedeligt spil om, til noget der faktisk kan bruges. Hent […]
Her er en ultrasimpel version af det klassiske snake spil. Der er ikke taget højde for hverken pointgivning, levels, visuelle elementer eller andet flødeskum. Der er en god forklaring af hvordan koden er bygget op i videoen nedenfor. Start med at hente koderne, og skriv så dine egne kommentarer ind […]
Klik på den sorte skærm, og tryk på mellemrumstasten for at slå til bolden Formålet med denne øvelse er at sætte gang i en proces, hvor du selv skal få en idé og bagefter føre den ud i livet med programmering. Du skal modificere ovenstående lille spil, der i […]
Denne lille skitse er et godt sted at starte, hvis du er interesseret i programmering, men aldrig har prøvet at kode før. På denne side vil jeg gennemgå koden skridt for skridt, og hvordan du får det til at virke i din browser. Først og fremmest skal du downloade koden […]
Hvis musen er over midten af skitsen, så skift farve Hvordan træffer computerprogrammer beslutninger mens de kører? Indtil nu har du set hvordan metoden draw() hele tiden looper gennem de samme instruktioner. Med logiske betingelser kan man ændre noget hver gang programmet kører en ny omgang, og det er nu […]
Det er meget ofte sådan i programmering – grafisk programmering, såvel som visuel, interaktionsdesign, datamodellering og meget mere – at man har en eller anden form for skala. Lad os forestille os en glideknap-fader på en stikkontakt. Når man flytter slideren op og ned på kontakten, skal lyset gå fra 0 til […]
Hvad er et objekt? Det næste vigtige fænomen du skal kende til, er objekter. Et objekt er en skabelon for hvordan noget kunne se ud. Lad os forestille os, at vi ville programmere en motorvej med biler der kommer kørende. Vi kunne selvfølgelig sætte os til at tegne hver enkelt […]
I denne skitse skal du lære lidt om funktioner. Et redskab til at ordne din kode – igen – så du kan samle relaterede opgaver i klaser. Koden nedenfor er ikke sat ind i funktioner – endnu. Det er din opgave. Følg vejledningen i kommentarerne og se hvor meget det […]
Nu er du næsten i gang med at lave objektorienteret programmering: fundamentet for det meste af det software vi bruger. Og fundamentet for at blive så god til at kode, at du kan lave næsten hvad som helst. Næste skridt er at flytte funktioner ind i objekterne – så de både […]
Et array kan oversættes til en række eller opstilling. Det er nemt at forestille sig, at når man arbejder med computere, skal man ofte bruge ikke bare en enkelt, men en hel masse af en bestemt “slags”. Bare forestil dig rækker af bogstaver, pixels eller tal – det er som oftest […]
Arrays bliver rigtig interessante når vi fylder dem med objekter. På den måde kan man opbygge simulationer af virkeligheden – ved at indsætte biler, fodgængere eller andre objekter med egenskaber som minder om den virkelige verden. Måske kan du nu se, at det er den måde rigtig meget software fungerer […]
Jo mere komplekse objekter vi har lyst til at lave, jo mere forvirrende og besværligt bliver det, at have dem liggende i setup funktionen. Vi har brug for en metode, så vi kan ordne vores objekter, så vi kan udvide dem med variable og funktioner, uden at vores programkode bliver overdrevet […]
Klik og træk på skærmen for at starte din slange af objekter. Objekterne er egentlig ikke sammenhængende – de ved ikke noget om den næste i rækken, hvilket du kan se ved at vente lidt. Efterhånden opløser slangen sig igen. Men i første omgang tegnes objekterne der hvor musen er […]
Klik på cirklerne for at skifte deres farve I denne skitse lærer du at finde ud af om brugeren har klikket på et objekt. Det er sådan set enkelt nok – man sammenligner faktisk bare musemarkørens position med objektets x- og y-koordinater. Men det åbner for en verden af muligheder […]
De to cirkler undersøger hele tiden om de overlapper hinanden – hvis de gør, skifter de farve Vi har ofte brug for at vide om objekter rører hinanden. Det kunne være de ønskede det, eller det kunne være de ville undgå det. Det er sådan set meget simpelt – vi […]
Glid musen henover billedet for at ændre rummets hastighed Varighed: 18 lektioner. Løst struktureret efter FIMME modellen of den fagdidaktiske trekant Der undervises efter den nye læreplan for HTX, B-niveau (som af ukendte årsager ikke er duplikeret under htx). Der er desuden hentet inspiration fra vejledningen Formål Dette er et webforløb, hvor […]
I denne lille tutorial vil jeg vise hvordan man eksporterer sit unity spil på nettet og lægger det ud på sin WordPress side. Det sidste er sådan set det enkleste – jeg bruger nemlig en iframe, hvilket er et simpelt lille trick, som kan gøre mange processer nemmere på nettet. […]