Embedding af objekter i SkoleIntra - skolekonsulenterne

Page 1

Den fede mĂĽde at udnytte internetressourcer pĂĽ!

- en manual fra Skolekonsulenterne.dk Š Versionsdato: August 2011


Indholdsfortegnelse Generelt om manualer fra Skolekonsulenterne.dk.....................................3 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 et dokument ..........................................................................................12 Embed i dokumenter – flere eksempler .........................................................................14 De mange fede muligheder........................................................................15 MP3-filer kan også embeddes!!.......................................................................................15 Her bor vi – Google Maps.................................................................................................17 Verdensur vha. www.clocklink.com................................................................................18 Stopur via www.online-stopwatch.com..........................................................................19 Nedtælling til næste skoleår............................................................................................20 Skolens dokumenter via Calaméo eller Issuu................................................................20

www.skolekonsulenterne.dk

side - 2 - af 21


Generelt om manualer fra Skolekonsulenterne.dk Manualerne er som udgangspunkt bygget op omkring både teori/teknik og praktisk arbejde. Som regel kan man finde beskrivelse af (stort set) alle menupunkter og evt. værktøjer i værktøjslinjer i det pågældende program. Materialet er løbende under udvikling – derfor også versionsdatoen på forsiden af materialet. Vi bestræber os på, at manualerne både er teknisk og sprogligt korrekte. Manualerne må frit kopieres og distribueres – men de må under ingen omstændigheder ændres eller på anden måde manipuleres! Vi anbefaler at man udskriver i farver, da alle billeder og illustrationer er i farver. Finder man fejl / mangler i materialet, er man meget velkommen til at skrive en mail til os. Skriv på esk@toender.dk eller br2@toender.dk. Angiv meget gerne: Hvor har du manualen fra? Hvilken versionsdato har manualen – og giv også gerne en vurdering af materialets kvalitet!

http://www.creativecommons.dk/

I forbindelse med al viderebrug og spredning skal du gøre licensvilkårene for dette værk klart for andre. Alle disse vilkår kan frafaldes, hvis du får tilladelse af rettighedshaveren. Nothing in this license impairs or restricts the author's moral rights.

www.skolekonsulenterne.dk

side - 3 - af 21


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)

www.skolekonsulenterne.dk

side - 4 - af 21


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

www.skolekonsulenterne.dk

side - 5 - af 21


Sådan hentes en embed-kode Her vist et eksempel fra Youtube. 1. Find den rigtige video på Youtube 2. Klik på knappen [Del] 3. Klik på knappen [Indlejring]

Vi anbefaler at der ikke er flueben ved "vis foreslåede videoer, når videoen er færdig”

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!

www.skolekonsulenterne.dk

side - 6 - af 21


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 ikke fyldestgørende oversigt over sites, der 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!

Den komplette liste kan ses her: http://support.skoleintra.dk/li/admin_del/embedsites/embedsites_oversigt_off.asp Når du tilgår et af de værktøjer, hvor embedding er muligt, vil du kunne se alle de tillade sites!

www.skolekonsulenterne.dk

side - 7 - af 21


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!

www.skolekonsulenterne.dk

side - 8 - af 21


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:

www.skolekonsulenterne.dk

side - 9 - af 21


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

www.skolekonsulenterne.dk

side - 10 - af 21


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

www.skolekonsulenterne.dk

side - 11 - af 21


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: 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 et dokument 1. Find din embedkode på nettet – hvis den er tilladt hos SkoleIntra, bruges den ”normale” metode via knappen

2. Opret et dokument 3. Klik på

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

www.skolekonsulenterne.dk

side - 12 - af 21


4. Indsæt din kildekode 5. Klik igen på kildekode-knappen 6. Gem

Vil du sidenhen slette dit indlejrede objekt, er det erfaringsmæssigt bedst at gøre som følger: 1. Rediger dit dokument 2. Klik ikke på kildekode-knappen, men i stedet på flashobjektet 3. Klik på delete-tasten Du kan sagtens blande indlejrede objekter, tekst, billeder osv. i et dokument!

www.skolekonsulenterne.dk

side - 13 - af 21


Embed i dokumenter – flere eksempler 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. • • •

Verdensur Video fra diverse nettjenester MP3-musik

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, dit opslag.........

www.skolekonsulenterne.dk

side - 14 - af 21


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!

www.skolekonsulenterne.dk

side - 15 - af 21


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

www.skolekonsulenterne.dk

side - 16 - af 21


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.

www.skolekonsulenterne.dk

side - 17 - af 21


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:

www.skolekonsulenterne.dk

side - 18 - af 21


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!

www.skolekonsulenterne.dk

side - 19 - af 21


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)

www.skolekonsulenterne.dk

side - 20 - af 21


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.

www.skolekonsulenterne.dk

side - 21 - af 21


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.