Embedding i SkoleIntra - skolekonsulenterne.dk · 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

Embedding i SkoleIntra▪ Anvend ressourcer fra nettet på den fede måde!

Version: August 2012

IndholdsfortegnelseEmbed?.........................................................................................................4Hvorfor embedding?.....................................................................................4Undervisning........................................................................................................................5Sådan hentes en embed-kode......................................................................6Den officielle tilgang til embedding i SkoleIntra.........................................7Hvor kan det bruges i SkoleIntra?.....................................................................................8Eksempler på konkret brug................................................................................................8SkoleIntras nyheder.......................................................................................................8Det elektroniske skoleblad...........................................................................................9Webaviser i ElevIntra.....................................................................................................9Multiple choice.............................................................................................................10Arbejdsrum...................................................................................................................10Afsnit i logbøger i ElevIntra .......................................................................................10Andre steder via editoren............................................................................................11Den uofficielle tilgang til embedding.........................................................12HTML...................................................................................................................................12Embed direkte i arbejdsrummet.......................................................................................12Embed i dokumenter.........................................................................................................15De mange fede muligheder........................................................................16MP3-filer kan også embeddes!!.......................................................................................16Her bor vi – Google Maps.................................................................................................18Verdensur vha. www.clocklink.com................................................................................19Stopur via www.online-stopwatch.com..........................................................................20Nedtælling til næste skoleår............................................................................................21Skolens dokumenter via Calaméo eller Issuu................................................................21

© Skolekonsulenterne.dk │Erik S. Kristensen 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)


Videoen kan afspilles, der kan vælges fuldskærm etc. - og videoen hentes direkte fra Youtube!

UndervisningI 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


Sådan hentes en embed-kodeHer vist et eksempel fra Youtube.

1. Find den rigtige video på Youtube2. 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!


Den officielle tilgang til embedding i SkoleIntraFor 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!


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 brugI det følgende vises, hvordan embedkoden i praksis indsættes i SkoleIntras forskellige moduler.

SkoleIntras nyheder

[Arkiv] – [Nyheder] -

og


Indsæt embedkode her!

Det elektroniske skolebladHer 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 ElevIntraHer kan man i den enkelte artikel indsætte et objekt, som det fremgår af screendumpet:


Multiple choiceNu kan du også udnytte diverse embedelementer i en multiple choice.

Der kan benyttes illustrationer eller et indlejret objekt.

ArbejdsrumHer kan et objekt bruges som ressource:

Afsnit i logbøger i ElevIntra


Andre steder via editorenGenerelt kan editoren mange steder bruges til embedding – f.eks. på opslagstavlen!


Den uofficielle tilgang til embeddingSkoleIntra har begrænset den direkte integration af embedkoder i SkoleIntra – men daembedkoder 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!

HTMLFor 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 arbejdsrummet1. Find din embedkode på nettet2. Åbn dit arbejdsrum3. I stedet for at lave en ressource, vil vi udnytte websiden

Klik på kildekode-knappen – så kan du se html-koden bag siden!


4. Indsæt din kildekode mellem </body> og </html>5. Klik igen på kildekode-knappen6. Gem


Vil du sidenhen slette dit indlejrede objekt, er det erfaringsmæssigt bedst at gøre som følger:

1. Rediger arbejdsrum2. Rediger webside3. Klik ikke på kildekode-knappen, men i stedet på flashobjektet4. Klik på delete-tasten

Du kan sagtens blande indlejrede objekter, tekst, billeder osv. på websiden i et arbejdsrum!


Embed i dokumenterI 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 kode3. 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.........


De mange fede mulighederI 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. Find din MP3-fils genvej2. Åbn hjemmesiden http://www.strangecube.com/audioplay/ 3. Indsæt link4. Vælg design5. Generate! Værs'go – et stk. embedkode!

Et eksempel på brugen:

Playknappen bliver til en stop- eller pauseknap v. tryk!

En anden mulighed er

1. Find din MP3-fils genvej2. Åbn hjemmesiden

http://www.podbean.com/podcast-blog-embeddable-mp3-flash-player3. Vælg layout4. Indsæt link5. Vælg design6. Generate! Værs'go – et stk. embedkode!


1

2

http://www.podbean.com/podcast-blog-embeddable-mp3-flash-player

http://www.strangecube.com/audioplay/

Den tredje mulighed:

1. Find din MP3-fils genvej2. Åbn hjemmesiden http://flash-mp3-player.net/players/3. Vælg layout4. Indsæt link5. Vælg design6. Generate! Værs'go – et stk. embedkode!

Bemærk ”Category” - her kan også vælges farver, knapper etc.

Et eksempel kunne være


3

http://flash-mp3-player.net/players/

Her bor vi – Google MapsHer 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 embedkoden4. Lav et dokument med embedkoden som tidligere vist5. Link til dokumentet fra f.eks. hjemmesiden

Et eksempel:

Kortet er naturligvis aktivt, der kan zoomes, trækkes etc.


Verdensur vha. www.clocklink.comHvem 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. Åbn http://www.clocklink.com/2. Vælg fanebladet ”World Clock”3. Klik på Danmark 4. Klik på ”View HTML-tag”

Et eksempel:


http://www.clocklink.com/

Stopur via www.online-stopwatch.comEt 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!


http://www.online-stopwatch.com/

http://www.online-stopwatch.com/

Nedtælling til næste skoleårEn 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 IssuuRigtig 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-format2. Dokumentet uploades til tjenesten og så ordnes resten pr. automatik3. Du kan nu finde både direkte links og embedkoder til dokumentet4. Embedkoden indsættes i et dokument som tidligere vist!

Et eksempel fra Calaméo (http://en.calameo.com)


http://www.skolekonsulenterne.dk/Infoweb/Indhold/IT/Alle/Nedt%C3%A6lling%20p%C3%A5%20Intranet.pdf

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.


http://issuu.com/

Noter

Embedding i SkoleIntra - skolekonsulenterne.dk · 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

Documents