Med denne skabelon kan du lave en hel app på en enkelt side: index.html. Projektet bruger følgende teknologier: Et offentligt API uden besværlig autorisering Handlebars javascript Materialize css jQuery Læs koden grundigt. Slå ovenstående links op for at blive klogere. Vælg et API ved at følge linket – bemærk at […]
Digital Teknik
Du keder dig. Men du har ikke overvejet at du kan bruge det fantastiske activity api til at programmere en app, som andre i samme situation kan bruge. Til dette projekt skal vi bruge: The bored API Handlebars javascript Materialize css jQuery Arkitektur Vi laver projektet på en enkelt side, […]
På din vej rundt på nettet – og i forskellige API’er – eller bare hjemmesider – vil du støde på forskellige dataformater. Det kan fx være du ser følgende: CSV (comma separated values) JSON (Javascript Object Notation) //Godt!! HTML (Ja, som nettet er lavet af – men hvordan får vi […]
Lad os prøve at se på hvordan vi henter data fra en lokal fil med JSON data. Der er virkelig mange ressourcer på nettet med JSON data – både statiske og dynamiske – men her ser vi altså på et eksempel, hvor vi opretter en lokal fil og fylder den […]
Nogle API’er kræver at du først opretter en konto og får udleveret en nøgle, kaldet en api_key, som du så bruger til at identificere dig når du henter data. Der kan være mange gode grunde til at folk skal oprette en nøgle først – dem der vedligeholder api’et kan jo […]
Med denne skitse tilgår vi Hearthstones api ved hjælp af et script som hedder jQuery. Det er altså ikke helt det samme som p5.js, som vi plejer at bruge, men som i kan se i koden, er det genkendeligt. Kig i jQuery dokumentationen her Hent en api-kode til Hearthstones api […]
Github repo til dette indlæg Hvad er et API? Lad os sige vi er meteorologisk institut. Vi har så en hel masse data på lige så mange servere, og vi vil egentlig gerne give folk adgang til nogle af de data. Det kunne vi selvfølgelig gøre ved at lave en […]
Spotify’s API er på flere måder mere komplekst end dem vi har kigget på indtil videre. Det er det bl.a fordi det kræver et reelt spotify login (premium), for at identificere en klient, og give adgang til funktionerne. Denne del af API’et vil vi ikke gå i detaljer med her […]
A wireframe is a basic skeleton of your layout. Wireframes don’t use real user interface elements; instead, they use placeholders — UI elements are represented as boxes Usually, wireframes used early on in the design and development process to validate information architecture and general user flows. Wikipedia Apr 24, 2018 […]
Lad os få fat i spotify’s api og se hvordan man hiver noget basic information ud af det. Gå først ind og opret en developer konto og få en API key her. https://www.npmjs.com/package/node-spotify-api
Hvis du er kommet til dette indlæg, har du formentlig prøvet at eksperimentere med p5.js og javascript kode i forskellige sammenhænge. Det du skal lære nu, er en metode som gør det muligt for flere personer at bruge dine sketches samtidigt. Altså flere personer kunne i princippet sidde forskellige steder […]
Okay, så vi har installeret node – og vi har fundet ud af at vi kan køre en server via kommandoprompten – og starte en fil vi selv har lavet: server.js. Og det er jo super. Men på en måde fik vi ikke helt afsluttet hvad en webserver er. Normalt […]
Ok. Så nu har vi en webserver der kører node og som åbner vores egen server.js fil og hoster vores skitse i p5 lokalt på port 3000. Nu skal vi tilføje det kode som gør det muligt for klienter på serveren, at sende beskeder frem og tilbage til hinanden i […]
Så er vi næsten i mål. Vi har skrevet koden til en lille webserver vi kan starte og køre, og vi har oprettet forbindelse med en klient – som har fået sit helt eget id. Vi kan åbne to forskellige browservinduer og forbinde til serveren – og i terminalvinduet kan […]
Lad os med udgangspunkt i skabelonen med websockets, prøve at sætte noget funktionalitet op til et lille multiplayer spil. Her skal vi holde tungen lige i munden i begyndelsen. Hvad gør serveren – og hvad gør klienterne? Vi er jo vant til at programmere javascript således, at klienten gør alt […]
I dette indlæg samles forskellige tutorials hvor elever forklarer nøjagtigt hvordan du installerer node.js og opretter et lille setup med websockets på din egen computer. Udførlig video med alle trin Tekst tutorial med skabelon Websockets med node.js og socket.io
I denne øvelse skal vi forsøge at gøre vores template til et lille spil – nærmere bestemt tegnelegen “Tegn & Gæt”. Vi starter med en klient/server template, der kun akkurat kan det mest nødvendige. Hent multiplayer server template her Loading… Fremgangsmåde trin for trin Lad os først teste applikationen i […]
https://developers.meethue.com/documentation/getting-started Find din egen ip-adresse win: ipconfig / mac: ifconfig Find hue-bridge adresse: Kig i app’en under bridge info Brugernavn: fælles – få det på tavlen API: Phillips Hue REST Phillips Hue arbejder som et såkaldt REST API. Det vil sige at man har nogle helt fast vedtagne regler for […]
Lyd er et godt eksempel på de trin man typisk skal igennem, før man kan arbejde med hardware input i Processing. Betragt nedenstående kodestump. I første linje importeres biblioteket processing.sound. Det er en masse tillægsfunktioner, som fylder så meget at de ikke er medtaget i den grundlæggende software. For at […]
På denne github kan du se en masse eksempler på hvordan man kan manipulere et indgående videosignal live: https://github.com/shiffman/LearningProcessing/tree/master/chp16_video Download biblioteket og pak det ud et sted hvor du kan finde det (eller clone med github, hvis du kan) Opgaver Vælg en af nedenstående funktioner – åbn skitsen og prøv […]
I denne video gennemgås hvordan man – sådan helt basic – programmerer en simpel form for computervision.
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å […]
Machine learning er en type digital modellering, som gennem de seneste år har gjort sit indtog i flere og flere produkter og services. Machine learning er nødvendiggjort af den stigenede datamængde: fordi der er flere og flere data, som er interessante at forstå (ifbm salg, markedsføring, kommunikation, policy, sundhed…….), og […]
Dette indlæg er egentlig en note til et kursus på Kadenze. En introduktion til Machine Learning. Med et kunstnerisk sigte lærer man om hvordan algoritmer kan lære fra data – data såsom gestik, tale og bevægelse omformet til 0’er og 1’taller. Bær altså over med underholdningsværdien i første omgang – […]
Debatemner Forholdet mellem det formålsløse og det pragmatiske produkt; Idéer – intelligente systemer Lav en screensaver med kunstig intelligens Klassebelysning ift aktivitetsniveau/lydniveau Visualisering af undervisningstimer pba lyd/aktivitet Lav et vækkeur med kunstig intelligens [Bjørn Karmann]’s Objectifier is a device that lets you control domestic objects by allowing them to respond to unique […]
I denne opgave skal i lave et lille spil eller tegneprogram, som bruger talegenkendelse til at styre. Hent koderne her
I denne opgave skal i arbejde med talegenkendelse i et lidt mere performativt setup. I skal lave et lille foredrag, som udnytter talegenkendelse til automatisk at skifte indhold på en præsentationsskærm. Det kunne være farver, billeder og animationer som blev skiftet ud. Det kunne udvikle sig til et lille spil […]
Kadenze Machine Learning (yeah) Js Biblioteker Først og fremmest..? Tensorflow.. Webgazer – open source gaze recognition Awe.js – Augmented Tracking.js – rekognition Arduno – headtracking JSGH – gesture Parallax ..og flere links her
Valgfri temaer: Intelligente systemer VR I dette fag skal vi se på hvordan man kan udvikle små intelligente systemer. Det kan være i form af produkter, gadgets og objekter som på forskellige måde gør brug af digital analyse og programmeret styring til at påvirke virtuelle såvel som fysiske rum. Det […]
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 […]