Embedding i SkoleIntra Anvend ressourcer fra nettet på den fede måde! Version: August 2012
Indholdsfortegnelse Embed?...4 Hvorfor embedding?...4 Undervisning...5 Sådan hentes en embed-kode...6 Den officielle tilgang til embedding i SkoleIntra...7 Hvor kan det bruges i SkoleIntra?...8 Eksempler på konkret brug...8 SkoleIntras nyheder...8 Det elektroniske skoleblad...9 Webaviser i ElevIntra...9 Multiple choice...10 Arbejdsrum...10 Afsnit i logbøger i ElevIntra...10 Andre steder via editoren...11 Den uofficielle tilgang til embedding...12 HTML...12 Embed direkte i arbejdsrummet...12 Embed i dokumenter...15 De mange fede muligheder...16 MP3-filer kan også embeddes!!...16 Her bor vi Google Maps...18 Verdensur vha. www.clocklink.com...19 Stopur via www.online-stopwatch.com...20 Nedtælling til næste skoleår...21 Skolens dokumenter via Calaméo eller Issuu...21 Side [3] af [24]
Embed? Embedding er et begreb, der vinder indpas flere og flere steder. Men hvad betyder det egentligt? Indkapsle og indlejre dækker fint de muligheder du har i SkoleIntra. Kilde: Ordbogen.com Indtil nu har man f.eks. i den elektroniske avis været begrænset til billeder, tekst og links til nettjenester som f.eks. Youtube. Med den nye embedfunktion kan man indlejre objekter fra nettet, f.eks. en Youtube-video direkte i sin elektroniske avis! Hvorfor embedding? Indtil for ganske nylig har man haft få muligheder for at inddrage de ressourcer, der er tilgængelige på nettet. Man kunne lave et link og dermed faktisk skubbe brugeren fra SkoleIntra til en webside, f.eks. Youtube. En anden mulighed var at downloade (mere eller mindre lovligt) videoklip m.m. fra nettet og placere dem på UNI-Serveren eller... Når man anvender embedding, slipper man for alle disse krumspring og kan trække en ressource direkte ind i SkoleIntra. Sidst, men ikke mindst, belastes SkoleIntra ikke af store videoklip, mp3-filer m.m. - de streames i stedet direkte fra kilden! Et eksempel: Et sted i SkoleIntra indsættes en såkaldt embedkode. Drejer det sig om en Youtubevideo, gør SkoleIntra det, at den ønskede video vises direkte i SkoleIntra. Der streames så at sige fra Youtube. Et eksempel kunne være (embedded video i en nyhed) Side [4] af [24]
Videoen kan afspilles, der kan vælges fuldskærm etc. - og videoen hentes direkte fra Youtube! Undervisning I takt med at elevernes brug af elektroniske medier og frembringelse af digitale værker (video, lyd, billeder...) bliver behovet for præsentationskanaler større og større. Da mange af disse kreationer med held kan distribueres via nettet og de mange gratis tjenester, bliver embedding pludselig meget central. En ting er at kunne placere noget på f.eks. SkoleTube noget helt andet er at kunne trække på denne ressource i et arbejdsrum, i et nyhedsbrev eller...mulighederne er mange! I undervisningen kan f.eks. video fra Youtube anvendes til mangt og meget men at slippe eleverne løs på youtube.com vil helt sikkert skabe en del surferi efter andre videoer, både i den seriøse og mindre seriøse afdeling! Her kan embedding være en hjælp på vejen: Kun den ønskede video og direkte i elevens arbejdsrum! Embedding kan være det lille ekstra, der gør LærerIntra, hjemmesiden eller Elev-/ForældreIntra spændende for modtageren der er i dag meget fokus på underholdningsværdi, og kan man kombinere underholdning og undervisning er man nået langt (hed vist engang edutainment på udenlansk). Endelig et citat fra fremtidsforsker Marianne Levinsen (fremforsk): For de såkaldt Digital Natives er det ret enkelt. Findes det ikke digitalt, findes det slet ikke! 1 1 Oplæg Ind i fremtiden, Tønder Kommune 16. marts 2010 Side [5] af [24]
Sådan hentes en embed-kode Her vist et eksempel fra Youtube. 1. Find den rigtige video på Youtube 2. Klik på teksten ud for "Embed" Vi anbefaler at der ikke er flueben ved "Include related videos". Skal der være kanter? (Show border) og i hvilken farve? Størrelse på video Til sidst kopieres hele linket i embed-vinduet: Der er forskellige fremgangsmåder på de forskellige ressourcer, men generelt er det meget enkelt at finde og kopiere embedkoden! Side [6] af [24]
Den officielle tilgang til embedding i SkoleIntra For at sikre en ordentlig afvikling af de indlejrede objekter, har man fra starten begrænset de godkende embedkilder til anvendelse i forbindelse med SkoleIntra-værktøjerne. Her en oversigt over sites, der er er godkendt til brug i SkoleIntra: Youtube Kendt af de flester. Millioner af videoklip. UNI Server Har skolen en UNI Server, kan indholdet imbeddes SkoleTube Minder om Youtube, men er det dansk tiltag Vuvox Lav flotte, interactive panoramer, præsentationer m.m. JayCut Rediger dine film online og embed resultatet Dvolver (Dfilm) Lav små sjove film online kan anbefales :) Wix Egentlig til at lave flash-websider Google Maps DK Kortmateriale de luxe issuu.com Den flotte måde at vise PDF'er på. Skal opleves! Glogster Make your interactive poster easily and share it with friends. Mix Images, Text, Music and Video. It is fantastic! Calaméo Den flotte måde at vise PDF'er på. Skal opleves! Måske endnu bedre end issuu.com Jamendo Afspil musik i SkoleIntra fra Jamendo.com MusOpen Gratis klassisk musik MindMeister Interaktive mindmaps direkte i din browser kan også indbygges Bambuser Stream livevideo fra dit webcam eller mobiltelefon ScreenToaster Optag dine skærmaktiviteter og del dem online f.eks. instruktionsvideoer Vimeo Videodelingsværktøj a la Youtube Wallwisher Online interaktiv tavle med sticky-notes etc. Scribble Maps Skriv, tegn og forklar oven på et Google Maps kort! Når du tilgår et af de værktøjer, hvor embedding er muligt, vil du kunne se alle de tilladte sites! Listen udvides til stadighed, hvorfor ovenstående blot er vejledende! Side [7] af [24]
Hvor kan det bruges i SkoleIntra? Embedkoder kan i praksis anvendes overalt i SkoleIntra, hvor man har adgang til editoren og kildekode-knappen. Dette vil vi ikke beskrive i denne manual, men i stedet pege på de nye steder, hvor det er blevet SUPER-nemt at bruge embedkoder! Ifølge hjælpen i SkoleIntra er følgende p.t. muligt: Skoleintras nyheder (som alternativ til et foto). Oprettes i LærerIntra og vises i LærerIntra, ElevIntra, ForældreIntra, Skoleporten og i Infokiosken Det elektroniske skoleblad (både bladhoved og i nyhederne) i Skoleporten Webaviser i ElevIntra. Som illustration til nyhed. Webaviserne vises også i Skoleporten. Multiple Choice (som illustration til testopgave) i LærerIntra og i ElevIntras forfatterværktøj til multiple choice Arbejdsrum - som en ressource i arbejdsrummet i LærerIntra og ElevIntra Banner på Skoleporten (ved brug af avis-forside) Afsnit i logbøger i ElevIntra Eksempler på konkret brug I det følgende vises, hvordan embedkoden i praksis indsættes i SkoleIntras forskellige moduler. SkoleIntras nyheder [Arkiv] [Nyheder] og Indsæt embedkode her! Side [8] af [24]
Det elektroniske skoleblad Her kan embed bruges i både som bladhoved og i de enkelte artikler. I bladhovedet ser det således ud: I en artikel ser det således ud: Webaviser i ElevIntra Her kan man i den enkelte artikel indsætte et objekt, som det fremgår af screendumpet: Side [9] af [24]
Multiple choice Nu kan du også udnytte diverse embedelementer i en multiple choice. Der kan benyttes illustrationer eller et indlejret objekt. Arbejdsrum Her kan et objekt bruges som ressource: Afsnit i logbøger i ElevIntra Side [10] af [24]
Andre steder via editoren Generelt kan editoren mange steder bruges til embedding f.eks. på opslagstavlen! Side [11] af [24]
Den uofficielle tilgang til embedding SkoleIntra har begrænset den direkte integration af embedkoder i SkoleIntra men da embedkoder er udviklet til almen integration i html-koden på hjemmesider kan du alligevel få glæde af andre tjenesters embed-tilbud! Det lyder måske kryptisk, men det betyder i praksis følgende: Du kan integrere alle embedkoder i SkoleIntra! I det følgende vises hvordan og der gives eksempler på brugen og på herlige ressourcer fra nettet!! At rode med html-dokumenter og kildekode kan lave rod i f.eks. arbejdsrum, så brug sker på eget ansvar! I dokumenter etc. er det mere enkelt og sikkert! HTML For at udnytte andre end de tilladte ressourcer, skal du anvende SkoleIntras editor I praksis kan du altså anvende embedkoder alle de steder, hvor du har en editor til rådighed eller kan linke til et dokument i SkoleIntra! Stadig forvirret? - fortvivl ikke, her kommer eksemplet!! Embed direkte i arbejdsrummet 1. Find din embedkode på nettet 2. Åbn dit arbejdsrum 3. I stedet for at lave en ressource, vil vi udnytte websiden Klik på kildekode-knappen så kan du se html-koden bag siden! Side [12] af [24]
4. Indsæt din kildekode mellem </body> og </html> 5. Klik igen på kildekode-knappen 6. Gem Side [13] af [24]
Vil du sidenhen slette dit indlejrede objekt, er det erfaringsmæssigt bedst at gøre som følger: 1. 2. 3. 4. Rediger arbejdsrum Rediger webside Klik ikke på kildekode-knappen, men i stedet på flashobjektet Klik på delete-tasten Du kan sagtens blande indlejrede objekter, tekst, billeder osv. på websiden i et arbejdsrum! Side [14] af [24]
Embed i dokumenter I alle dokumenter kan du anvende kildekode-knappen og dermed embedding. Dette kan være en kæmperessource på skolens hjemmeside, hvor man kan have knapper til f.eks. Her bor vi Google Maps Verdensur Video fra diverse nettjenester MP3-musik Billedalbums fra Picasa og mange, mange flere.samt naturligvis alle tjenester nævnt på SkoleIntra's liste! Ideen er grundlæggende følgende: 1. Opret et dokument under [Admin] [Skoleporten] [Dokumenter på Skoleporten]. Disse dokumenter kan der linkes til fra alle dele af SkoleIntra-pakken, de er så at sige offentlige 2. I dokumentet embeddes den ønskede kode 3. Du kan nu linke til dokumentet direkte fra et menupunkt på Skoleporten eller andre steder i systemet. Fremgangsmåde: Åbn mappen, hvori dokumentet er placeret. Højreklik det ønskede dokument. Vælg [Kopier genvej]. Brug nu denne genvej i dit link, din avis, dit opslag... Side [15] af [24]
De mange fede muligheder I dette afsluttende kapitel skal blot nævnes nogle af de mange ressourcesider på nettet, som med held kan bruges i SkoleIntra. Der vil være en kort beskrivelse, et screendump og info omkring brugeroprettelse etc. Ikke alle allerede nævnte muligheder (SkoleIntras liste over godkendte sites) medtages her! Udgangspunktet tages på Skoleporten! MP3-filer kan også embeddes!! Der er her tale om 3 værktøjer, der hverken kræver brugeroprettelse eller betaling! Dette er en lidt speciel feature, da man skal have sin MP3 liggende tilgængeligt på nettet. I praksis kan man gemme sine (lovlige!) musikstykker i en mappe under [Admin] [Skoleporten] [Dokumenter på Skoleporten] eller på en anden webside. Bruger man rigtig meget musik m.m. på skolen, kan det være en fordel at have tilkøbt et website, der kan bruges som lager! 1. 2. 3. 4. 5. Find din MP3-fils genvej Åbn hjemmesiden http://www.strangecube.com/audioplay/ Indsæt link Vælg design Generate! Værs'go et stk. embedkode! 1 Et eksempel på brugen: Playknappen bliver til en stop- eller pauseknap v. tryk! En anden mulighed er 2 1. Find din MP3-fils genvej 2. Åbn hjemmesiden http://www.podbean.com/podcast-blog-embeddable-mp3-flash-player 3. Vælg layout 4. Indsæt link 5. Vælg design 6. Generate! Værs'go et stk. embedkode! Side [16] af [24]
Den tredje mulighed: 1. 2. 3. 4. 5. 6. Find din MP3-fils genvej Åbn hjemmesiden http://flash-mp3-player.net/players/ Vælg layout Indsæt link Vælg design Generate! Værs'go et stk. embedkode! 3 Bemærk Category - her kan også vælges farver, knapper etc. Et eksempel kunne være Side [17] af [24]
Her bor vi Google Maps Her er tale om en gratis tjeneste uden behov for brugeroprettelse. 1. Find det ønskede kortudsnit på http://maps.google.dk/ 2. Klik på [Link] (klik evt. på [Tilpas og vis eksempel på integreret kort] for at finindstille dit kort! 3. Kopier embedkoden 4. Lav et dokument med embedkoden som tidligere vist 5. Link til dokumentet fra f.eks. hjemmesiden Et eksempel: Kortet er naturligvis aktivt, der kan zoomes, trækkes etc. Side [18] af [24]
Verdensur vha. www.clocklink.com Hvem har ikke brug for et verdensur? Det kunne være i ElevIntra, på hjemmesiden, i et arbejdsrum... Tjenesten er gratis og kræver ikke brugeroprettelse. 1. 2. 3. 4. Åbn http://www.clocklink.com/ Vælg fanebladet World Clock Klik på Danmark Klik på View HTML-tag Et eksempel: Side [19] af [24]
Stopur via www.online-stopwatch.com Et stopur er altid godt at have parat. Mange har efterhånden adgang til projektor, IWB m.m. i klassen og så er det jo oplagt at kunne tage tid på dette og hint! Igen er der tale om en gratis tjeneste uden brugeroprettelse. 1. Åbn http://www.online-stopwatch.com/ 2. Klik på Download 3. Snup embedkoden ud for det ur, du skal bruge! Side [20] af [24]
Nedtælling til næste skoleår En lille gadget til brug i ferier: Få et ur på hjemmesiden, der f.eks. tæller ned til første skoledag! Her henvises til skolekonsulenternes manual, der kort beskriver dette LINK! Det tager ikke lang tid, men kræver et par klik eller to :) Tjenesten er gratis og kræver ingen brugeroprettelse! Skolens dokumenter via Calaméo eller Issuu Rigtig mange bruger PDF som distributionsformat og ved lidt trylleri og brug af online ressourcer kan dette gøres rigtig flot, præcist som man kender det fra varehusenes kataloger, man kan bladre i online! Der findes flere tjenester på nettet vi har valgt at fokusere på Calaméo og Issuu. Begge tjenester er gratis men kræver brugeroprettelse! Arbejdsgangen er for begge tjenester meget enkel: 1. Dit dokument skal foreligge i PDF-format 2. Dokumentet uploades til tjenesten og så ordnes resten pr. automatik 3. Du kan nu finde både direkte links og embedkoder til dokumentet 4. Embedkoden indsættes i et dokument som tidligere vist! Et eksempel fra Calaméo (http://en.calameo.com) Side [21] af [24]
Et eksempel fra Issuu (http://issuu.com) Umiddelbart er den største forskel: Issuu har reklamer Calameo ikke. Issuu har oversigt nederst Calameo bladrer til gengæld flottere rent grafisk. Side [22] af [24]
Noter