web2sessie

Page 1

Het internet heruitgevonden:

Express Yourself!


Inhoudsopgave 1.

WAT IS WEB 2.0 .................................................................................................. 1

1.1. Kenmerken Web 2.0 toepassingen.......................................................................................................... 2 1.1.1. Web 2.0 is gratis!................................................................................................................................... 2 1.1.2. Web 2.0 is heel gebruiksvriendelijk!..................................................................................................... 2 1.1.3. Web 2.0 blijft in ontwikkeling! ............................................................................................................. 3 1.1.4. Web 2.0 is sociaal! ................................................................................................................................ 3

2.

VOORBEELDEN VAN WEB 2.0-TOEPASSINGEN ............................................ 4

2.1. Maak je eigen Blog: Blogger ................................................................................................................... 7 2.1.1. Wat is Blogger? ..................................................................................................................................... 7 2.1.2. Opdracht ................................................................................................................................................ 7 2.1.3. Start je eigen Blog!................................................................................................................................ 7 2.1.4. Een Blog verder configureren. .............................................................................................................. 8 2.1.5. Jezelf kenbaar maken! ........................................................................................................................... 8 2.1.6. Hoe start ik mijn Blogervaring? ............................................................................................................ 9 2.1.7. Een bericht opstellen ............................................................................................................................. 9 2.1.8. Je Blog indelen .................................................................................................................................... 11 2.1.9. Pagina-elementen toevoegen ............................................................................................................... 11 2.2. Embedden op je Blog!............................................................................................................................ 14 2.2.1. Wat is embedden? ............................................................................................................................... 14 2.2.2. Embedden in een nieuw bericht of pagina-element op je Blog?......................................................... 14 2.2.3. Wat kan ik embedden op een Blog?.................................................................................................... 16 2.2.4. Opdracht .............................................................................................................................................. 16 2.2.5. Een radiozender toevoegen aan je Blog .............................................................................................. 16 2.2.6. Opdracht .............................................................................................................................................. 17 2.2.7. Beheer je agenda via Google Calendar en embed op je Blog!............................................................ 17 2.2.8. Wat kun je nog embedden? ................................................................................................................. 18 2.3. Steek je foto’s en video’s in een online-emmer: Photobucket ............................................................ 18 2.3.1. Wat is Photobucket?............................................................................................................................ 18 2.3.2. Opdracht .............................................................................................................................................. 18 2.3.3. Hoe plaats ik mijn foto’s online? ........................................................................................................ 18 2.3.4. Hoe plaats ik de slideshow op mijn Blog? .......................................................................................... 20 2.3.5. Waar kan ik die foto’s embedden? ...................................................................................................... 20 2.4. Filmpjes zoeken en bekijken ................................................................................................................. 21 2.4.1. Opdracht .............................................................................................................................................. 21 2.4.2. Platform ............................................................................................................................................... 21 2.4.3. Zoeken ................................................................................................................................................. 21 2.4.4. Bekijken............................................................................................................................................... 21 2.4.5. Aanverwante videfragmenten.............................................................................................................. 21 2.4.6. Plaatsen................................................................................................................................................ 21 2.5. Een document online plaatsen en delen ............................................................................................... 22 2.5.1. Opdracht .............................................................................................................................................. 22 2.5.2. Platform ............................................................................................................................................... 22 2.5.3. Account creëren en inloggen ............................................................................................................... 22 2.5.4. Een document online plaatsen............................................................................................................. 22 2.5.5. Delen ................................................................................................................................................... 22 2.5.6. Downloaden......................................................................................................................................... 23


2.6. Online documenten Creëren en delen .................................................................................................. 23 2.6.1. Opdracht .............................................................................................................................................. 23 2.6.2. Platform ............................................................................................................................................... 23 2.6.3. Google-account creëren en aanmelden................................................................................................ 23 2.6.4. Taal wijzigen ....................................................................................................................................... 23 2.6.5. Document aanmaken en wijzigen........................................................................................................ 23 2.6.6. Document delen................................................................................................................................... 24 2.7. Online afspeellijsten maken en afspelen .............................................................................................. 24 2.7.1. Opdracht .............................................................................................................................................. 24 2.7.2. Platform ............................................................................................................................................... 24 2.7.3. Registreren en inloggen....................................................................................................................... 24 2.7.4. Muziek zoeken en afspelen ................................................................................................................. 24 2.7.5. Een afspeellijst maken......................................................................................................................... 24 2.7.6. Muziek toevoegen aan een afspeellijst................................................................................................ 25 2.7.7. Een afspeellijst afspelen ...................................................................................................................... 25 2.8. Bestanden online bewaren en delen...................................................................................................... 25 2.8.1. Opdracht .............................................................................................................................................. 25 2.8.2. Platform ............................................................................................................................................... 25 2.8.3. Aanmelden en inloggen....................................................................................................................... 25 2.8.4. Structuur .............................................................................................................................................. 25 2.8.5. Mappen maken .................................................................................................................................... 26 2.8.6. Bestanden plaatsen .............................................................................................................................. 26 2.9. Je agenda online beheren....................................................................................................................... 27 2.9.1. Opdracht .............................................................................................................................................. 27 2.9.2. Platform ............................................................................................................................................... 27 2.9.3. Aanmelden........................................................................................................................................... 27 2.9.4. Afspraken toevoegen ........................................................................................................................... 27 2.9.5. Agenda’s maken en opmaken.............................................................................................................. 28 2.9.6. Agenda delen....................................................................................................................................... 28 2.10. Bestanden online omzetten .................................................................................................................... 29 2.10.1. Opdracht ......................................................................................................................................... 29 2.10.2. Platform .......................................................................................................................................... 29 2.10.3. Omzetten......................................................................................................................................... 29 2.11. Online bladerbaar boekje maken ......................................................................................................... 30 2.11.1. Opdracht ......................................................................................................................................... 30 2.11.2. Platform .......................................................................................................................................... 30 2.11.3. Registreren en inloggen .................................................................................................................. 30 2.11.4. Document uploaden........................................................................................................................ 30 2.11.5. Document bekijken, verwijderen of delen...................................................................................... 30 2.12. Online presentatie maken...................................................................................................................... 31 2.12.1. Opdracht ......................................................................................................................................... 31 2.12.2. Platform .......................................................................................................................................... 31 2.12.3. Inloggen .......................................................................................................................................... 31 2.12.4. Presentatie maken ........................................................................................................................... 31 2.12.5. Presentatie afspelen ........................................................................................................................ 31 2.13. (Samen) online brainstormen................................................................................................................ 32 2.13.1. Opdracht ......................................................................................................................................... 32 2.13.2. Platform .......................................................................................................................................... 32 2.13.3. Account........................................................................................................................................... 32 2.13.4. Een mindmap maken ...................................................................................................................... 32 2.13.5. Mindmappen................................................................................................................................... 32 2.13.6. Exporteren en delen ........................................................................................................................ 32


2.14. Online foto’s bewerken .......................................................................................................................... 33 2.14.1. Opdracht ......................................................................................................................................... 33 2.14.2. Platform .......................................................................................................................................... 33 2.14.3. Van Start ......................................................................................................................................... 33 2.14.4. Foto uploaden ................................................................................................................................. 33 2.14.5. Foto bewerken ................................................................................................................................ 33 2.14.6. Foto downloaden ............................................................................................................................ 33 2.15. Favorieten online plaatsen en raadplegen............................................................................................ 34 2.15.1. Opdracht ......................................................................................................................................... 34 2.15.2. Platform .......................................................................................................................................... 34 2.15.3. Registreren en inloggen .................................................................................................................. 34 2.15.4. Favorieten toevoegen...................................................................................................................... 34 2.15.5. Favorieten raadplegen..................................................................................................................... 34 2.15.6. Favorieten delen ............................................................................................................................. 35 2.16. Samen tekenen op een online whiteboard............................................................................................ 35 2.16.1. Opdracht ......................................................................................................................................... 35 2.16.2. Platform .......................................................................................................................................... 35 2.16.3. Registreren en inloggen .................................................................................................................. 35 2.16.4. Een online whiteboard opstarten en gebruiken............................................................................... 35 2.16.5. Samen kriebelen ............................................................................................................................. 36 2.17. Een visuele tijdlijn creëren.................................................................................................................... 36 2.17.1. Opdracht ......................................................................................................................................... 36 2.17.2. Platform .......................................................................................................................................... 36 2.17.3. Account........................................................................................................................................... 36 2.17.4. Een tijdlijn creëren.......................................................................................................................... 36 2.17.5. Een tijdlijn opvullen ....................................................................................................................... 37 2.17.6. Delen............................................................................................................................................... 37


1. Wat is Web 2.0 Er is al enige tijd sprake van een “nieuw” fenomeen op het internet: Web 2.0. Wat is nu juist Web 2.0? Om dat te verklaren, moeten we eerst eens gaan kijken hoe internet er in zijn kinderschoentjes uitzag. Daarom maken we hieronder een vergelijking tussen Web1.0 en Web 2.0

Figuur 1: verschil Web1.0 - web2.0

Web 1.0

Web 2.0

1. Één auteur (éénrichtingsverkeer): de auteur publiceert op het WWW, de lezer leest de webpagina, zonder Feedback/ aanpassingen te geven.

1. Vele auteurs die aan dezelfde webpagina werken (tweerichtingsverkeer): Iedereen kan aanpassingen doen aan de webpagina’s Het internet staat dus dichter bij de “gewone” mens. 2. Interactief 3. Voorzien van Tags om zo sneller informatie te vinden. 4. Iedereen is webmaster!

2. Niet interactief 3. Niet voorzien van Tags (kernwoorden) 4. Slechts een beperkte groep webmasters Tabel 1: vergelijking Web1.0 - Web2.0

Web 2.0 is dus een verzamelnaam voor websites met interactieve webapplicaties, ontworpen voor het World Wide Web, die uitgegroeid zijn tot een volledig platform met diverse diensten voor eindgebruikers op het World Wide Web.1

1

http://net.educause.edu/ir/library/pdf/ERM0837.pdf

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p1/37


1.1.

KENMERKEN WEB 2.0 TOEPASSINGEN2

1.1.1. Web 2.0 is gratis! In regel zijn Web 2.0-toepassingen gratis voor iedereen toegankelijk. Het is echter wel zo dat een gebruiker zich vaak moet registreren met een gebruikersnaam en een wachtwoord. Die gebruikersnaam en dat wachtwoord zijn niet bedoeld om het aantal gebruikers te limiteren of te controleren, maar eerder omdat dit de gebruiker toelaat om de Web 2.0-toepassing te personaliseren. Bijvoorbeeld door slechts artikels weer te geven uit de categorie die de gebruiker zelf gekozen heeft, je blog in te delen naar jouw persoonlijke voorkeuren, je foto’s op picasaweb enkel te delen met je eigen vrienden, … Het aanbieden en ontwikkelen van de Web 2.0-toepassingen worden vaak betaald door sponsoring of reclame. Een klein deel van de webpagina wordt gereserveerd voor reclame. Zo komen de ontwikkelaars aan de nodige budgetten om de diensten/producten te ontwikkelen en draaiende te houden.

1.1.2. Web 2.0 is heel gebruiksvriendelijk! Een tweede kenmerk van Web2.0 is dat de software of de toepassing heel gebruiksvriendelijk wordt gemaakt. De makers van die software of de toepassing hebben in dit verband ingezien dat zoveel mogelijk personen van de toepassingen gebruik moeten kunnen maken. We spreken in dit geval over de termen “Look&Feel” (gebruikservaring) en “What You See Is What You Get” (wat je ziet, is wat je krijgt). Zoals je kunt afleiden uit de vertaling van de twee termen is de software heel visueel en heel intuïtief opgebouwd. Het is de bedoeling dat iedereen, zowel de gevorderde Figuur 2; internetgebruiker tot de complete internetleek, van de Web 2.0WYSIWYG toepassingen gebruik kan maken. In dit kader moeten we ook spreken over de laagdrempeligheid van Web 2.0. Het is immers zo dat Web2.0 toepassingen heel weinig eisen stellen aan de computerconfiguratie van de thuisgebruiker. Aangezien de Web 2.0toepassingen zich op het internet bevinden is het voldoende dat je een basiscomputer ter beschikking hebt met een (snelle) internetverbinding. Meer heb je niet nodig, want de server waarop de toepassing draait, zorgt voor de verwerking en de opslag van de gegevens.

2

http://www.edublogs.be/2008/03/19/web20-voor-het-onderwijs-noodzakelijk-medium-of-leuke-gadget, http://www2.renvlaanderen.be/web2/materiaal/Presentaties/Het%20WEB%202.0%20%20Johannes%20De%20Gruyter.pdf,

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p2/37


1.1.3. Web 2.0 blijft in ontwikkeling! Bij klassieke softwarepaketten moet je om gebruik te kunnen maken van nieuwe mogelijkheden binnen het pakket steeds de laatste versie van het pakket kopen en/of downloaden om vervolgens op je eigen computer te installeren. Doordat Web 2.0-toepassingen geen installatie op je eigen computer vereisen en volledig op het internet werken hoeven de gebruikers geen updates meer uit te Figuur 3: beta voeren en zijn de toepassingen constant up to date. Ontwikkelaars kunnen de toepassingen ook constant aanpassen, uitbreiden en verbeteren. Dit maakt dat Web 2.0-toepassingen dus nooit echt af zijn, maar steeds in ontwikkeling. Doordat Web 2.0-toepassingen op het internet werken, zijn ze voor iedereen beschikbaar. Dit zorgt ervoor dat er veel interactie is met de eindgebruikers, alsook met andere ontwikkelaars. Door het combineren van de Web 2.0toepassingen ontstaan er nieuwe mogelijkheden en weer nieuwe toepassingen waardoor het aanbod van toepassingen exponentieel groeit. Zo kan je bijvoorbeeld filmpjes vanop YouTube eenvoudig embedden op een Wiki, op een Blog, zijn de berichten die je tikt op je Blog te bekijken via een Feedreader zoals Netvibes, worden er constant nieuwe Widgets ontwikkeld.

1.1.4. Web 2.0 is sociaal! Web 2.0 is in principe sociaal! Vroeger was het zo dat inhouden aanbrengen op het World Wide Web slechts weggelegd was voor enkele specialisten met de nodige technische kennis. Nu, met Web 2.0, is het een pak gemakkelijker om inhouden op het World Wide Web te publiceren. Hierdoor is het zo dat steeds meer mensen betrokken zijn bij de toepassingen, zich uiten via het internet (Express yourself!) en in contact komen met andere mensen. Zo heb je het immens populaire Facebook, waarop je jouw profiel opgeeft en het ook de bedoeling is dat je met andere gebruikers in contact komt. En zo zijn er nog vele andere Web2.0toepassingen waarbij het de bedoeling is dat je in contact komt met andere mensen, nieuwe mensen leert kennen via andere mensen, ‌ Web 2.0 is sociaal! Enkele kernwoorden voor het hele Web 2.0 gebeuren zijn sharing en collaborating. Het is de bedoeling dat je alles wat je doet op het internet deelt met anderen Figuur 4: (sharing) en dat je ook samen gaat werken aan projecten met thanks for sharing anderen (collaborating). Wanneer je iets op het internet tegenkomt, geeft Web 2.0 ons de mogelijkheid om dat te delen met onze collega’s, vrienden, familie, ‌ en hen op die manier ook kennis te laten maken met onze ontdekking. Bovendien is het zo dat je online samen aan projecten kan werken. Ik denk daarbij aan Google Documents. (Zie: Google Documents).

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p3/37


2. Voorbeelden van Web 2.0-toepassingen Als je op het internet begint te zoeken naar sites die te maken hebben met Web 2.0, krijg je enorm veel hits. Om een beetje orde in die chaos te scheppen, heb ik gekozen om een bepaalde opdeling te maken. Ik geef ook telkens een voorbeeld van een site die tot deze categorie behoort. Meer voorbeelden vind je op http://web2.garrevoet.be3 1.

Data-omzettingssites: Deze sites bieden de mogelijkheid om een bepaald bestand omzetten naar een bepaald ander bestandstype, zonder daar enig programma voor nodig te hebben op de pc. Sommige data-omzettingssites zijn heel uitgebreid, andere beperken zich tot één bepaalde omzetting bijvoorbeeld Worddocumenten omzetten naar PDF-documenten. (bijvoorbeeld http://www.media-convert.com)

2.

Verzamelsites Web 2.0: Verzamelsites bundelen andere Web 2.0-toepassingen. Zoals met alles op het internet is de ene site hiervoor al beter/uitgebreider/selectiever dan een andere. (bijvoorbeeld http://www.web20opschool.be)

3.

URL-verzamel/uitwisselsites: Deze verzamelsites zorgen ervoor dat je jouw favoriete sites kunt verzamelen en die dan uitwisselen met anderen zodat zij de sites ook kunnen leren kennen. Dit doe je door middel van tags. (kernwoorden, kenmerkend voor je link, bestand, …, die je ingeeft en waardoor gebruikers de link, bestand, … gemakkelijk terugvinden door te zoeken op die kernwoorden.) (bijvoorbeeld http://del.icio.us)

4.

Online radio/streaming/Mp3: Deze aanbieders zorgen ervoor dat je online naar radiozenders kunt luisteren of zelf je favoriete muziek laten afspelen, … (bijvoorbeeld http://www.deezer.com, http://www.last.fm)

5.

Feed & RSS: Een webfeed is een alternatieve, versimpelde weergave van online inhoud. Het is de meest gebruikte vorm van websyndicatie. Een site plaatst zijn inhoud, vaak in een verkorte of beschrijvende versie, in een online bestand: de Feed. Met behulp van een Feed-lezer kun je de Feed vervolgens lezen. Door meerdere webfeeds, van verschillende aanbieders, te verzamelen, kun je bijvoorbeeld in één oogopslag al het nieuws én alle nieuwe weblogberichten overzien. De Feed-lezer werkt de Feeds op periodieke basis bij, bij een nieuw item wordt de gebruiker meestal met een melding op de hoogte gebracht. Vaak hebben sites meerdere Feed-kanalen, bijvoorbeeld één voor het algemene nieuws, en een Feed voor sportnieuws. Verschillende sites bieden nog een verdere specificatie van de Feed-inhoud, bijvoorbeeld met behulp van één of meer trefwoorden.

3

http://www.web20opschool.be

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p4/37


Er zijn twee open standaarden voor Feeds: RSS en Atom. Deze XMLformaten bepalen de opbouw van het Feed-bestand. Dit is voor de eindgebruiker van weinig belang, aangezien de Feed-lezer het bestand leesbaar maakt en nagenoeg alle Feed-lezers met beide formaten overweg kunnen. (bijvoorbeeld http://www.netvibes.com, http://www.Feedread.nl) 6.

Podcasting: Een Podcast is een audiobestand dat je zelf aanmaakt (bijvoorbeeld op je eigen computer) en waarin je een soort eigen radio-uitzending maakt dat je daarna gratis (!) aanbiedt op het internet. Die radio-uitzending kan vanalles bevatten, zoals je ook verschillende soorten radioprogramma’s hebt (liedjeslijsten, documentaires, een gesproken verslag van je belevenissen, … je kan het zo gek niet bedenken of het kan.) Die Podcast wordt dan aangeboden op een site waarop de bezoeker zich dan kan abonneren op de Podcast. De luisteraar kan de Podcast dan beluisteren op zijn iPod, maar evengoed gewoon op de PC, of op een andere MP3-speler. Wanneer er een nieuwe versie van de Podcast beschikbaar is, zorgt de Feed er voor dat de nieuwe Podcast automatisch gedownload wordt naar de computer van de geabonneerde. (bijvoorbeeld http://Podcasting.muggsy.be, http://www.Podcasting.be/vl.php).

7.

Platformsites: Op platformsites kun je zelf bepalen welke inhouden, op welke plaats in je pagina weergegeven worden. Je kunt jouw pagina aanpassen door middel van interactieve modules toe te voegen en daar inhoud aan te geven (bijvoorbeeld de veranderingen van een website (via RSS) omgekeerd chronologisch laten verschijnen in een module) (bijvoorbeeld http://www.netvibes.com)

8.

Bloggen: Door middel van Blogaanbieders kun je eenvoudigweg, mits een paar muisklikken, je eigen Blog activeren en aanmaken. Bloggen staat voor een online dagboek waarin je naar hartenlust berichtjes kan plaatsen over al je belevenissen, commentaar op bijvoorbeeld politieke kwesties, de voortgang van een groepswerk, alles wat je wilt vertellen aan de wereld kan je bijhouden op een Blog. (bijvoorbeeld http://www.Blogger.com)

9.

Spaces/profielsites: Spaces en profielsites hebben een link met Bloggen en platformsites, maar zijn toch niet volledig hetzelfde. Op een spaces/profielsite plaats je zelf gegevens over jezelf en je kan – als je dat wilt – een Blog (zowel een videoblog als een Blog als een fotoblog, soms ook een Podcast) of eigen muziek toevoegen aan je profielpagina. Je kiest dus zelf wat je op jou profielsite zet. (bijvoorbeeld http://spaces.live.com, http://www.myspace.com)

10.

Filmpjessites: Dit is één van de bekendste toepassingen van Web 2.0. Op deze sites kunnen geregistreerde gebruikers (zelfgemaakte/gemonteerde/elders gevonden) filmpjes uploaden, voorzien van tags en kan iedereen die filmpjes bekijken. (bijvoorbeeld http://www.youtube.com)

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p5/37


11.

Online programma’s: Online programma’s kun je gebruiken om bestanden aan te maken, te bewerken, opslaan en te delen met anderen. Je hebt dus geen programma’s hiervoor nodig op je pc (behalve een internetbrowser dan). (bijvoorbeeld http://docs.google.com, http://www.zoho.com, http://www.buzzword.com)

12.

Wiki’s: Ook deze vorm is al wijd verspreidt en welgekend door de modale internetgebruiker. Op deze sites is het namelijk zo dat je de inhoud van de Wiki kan veranderen. Je kunt dit meestal als geregistreerde gebruiker, maar net zo goed als ongeregistreerde gebruiker. (bijvoorbeeld http://nl.Wikipedia.org)

13.

Fora: Wat fora betreft is het zo dat een beperkt aantal mensen (meestal administrators) controle uitoefenen op het forum en nieuwe topics kunnen instellen. De leden die op het forum zijn geregistreerd kunnen reageren op de topics. (bijvoorbeeld: http://forums.zita.be )

14.

Online (lucht)foto’s/kaarten: Dit is een toepassing die toch bij veel mensen tot de verbeelding spreekt. Op deze sites kun je naar luchtfoto’s zoeken en kijken. De foto’s zijn meestal vrij gedetailleerd. (bijvoorbeeld zoek maar eens naar je eigen woning op http://maps.live.com)

15.

Online storage & delivery: Hiermee kun je (grote) bestanden op het internet plaatsen, waarvan je dan je gegevens ook weer kan opvragen. Ook is het mogelijk om via deze sites grote bestanden naar jou of iemand anders’ e-mailadres te sturen. De ontvanger krijgt dan een melding dat er een bestand voor hem/haar klaarstaat op de server van de website waar hij het kan downloaden. Meestal wordt er een link naar het bestand in het e-mailbericht meegestuurd. (bijvoorbeeld http://www.xdrive.com, http://in.solit.us, http://www.yousendit.com)

Zoals je waarschijnlijk wel al door hebt, staan al deze mogelijkheden niet alleen en zijn die categorieën niet sluitend. Het komt meermaals voor dat één site tot meer dan één categorie behoort en dus moeilijk in te delen is. Er zijn enorm veel sites waar je bijvoorbeeld EN kan Bloggen EN filmpjes kan bekijken, of waar je EN kan Bloggen EN een profiel kan plaatsen. De mogelijkheden zijn eindeloos. Zo heb je de Web 2.0-site: http://www.klascement.net, een site voor en door onderwijsmensen, waarop je een eigen profiel kunt aanmaken, je favorieten bijhouden, delen, bestanden uploaden, bestanden van anderen raadplegen en er reacties op geven.

Figuur 5: Klascement

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p6/37


2.1.

MAAK JE EIGEN BLOG: BLOGGER

2.1.1. Wat is Blogger? Blogger is een onlineplatform waarop je een Blog kan bijhouden. Blogger is een onderdeel van het moederbedrijf Google (bekend van de zoekmachine). Op je Blog kun je berichten plaatsen, maar je kunt ook allerlei Widgets, YouTube-filmpjes, … embedden op je Blog.

2.1.2.

Opdracht

OPDRACHT

Maak je eigen blog.

2.1.3. Start je eigen Blog! 1. Om onze eigen Blog te maken, opteren we voor het platform Blogger. Surf daarvoor naar http://www.Blogger.com

2. Klik op de link “Maak je eigen Blog”. 3. Op het volgende scherm moet je een account maken om met Blogger aan de slag te gaan. 4. Je moet je e-mailadres opgeven (G-mailadres!), je moet dat e-mailadres een tweede keer ter controle ingeven. Bovendien moet je een wachtwoord kiezen, dat wachtwoord ook nog een tweede keer ingeven ter controle. Daarna kies je een weergavenaam waaronder je jouw berichten gaat plaatsen. 5. Daarna moet je ter controle ook een Captcha (controlewoord) ingeven en akkoord gaan met de servicevoorwaarden van Blogger. 6. Daarna klik je op de link “Doorgaan”. 7. Op het volgende scherm kies je een Blogtitel en een Blogadres voor je Blog. Je kunt de beschikbaarheid van jouw Blogadres ook controleren door op de link “beschikbaarheid controleren” te klikken.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p7/37


8. Klik daarna op “Doorgaan”. 9. Tegelijkertijd krijg je ook een mail waarin gevraagd wordt om je e-mailadres te bevestigen. 10. Op het volgende scherm moet je een sjabloon gaan selecteren. Je ziet telkens een voorbeeld per sjabloon staan. Kies een sjabloon dat jou het meeste aanspreekt/past bij jou Blog. 11. Klik daarna op “Doorgaan” 12. Je Blog is nu aangemaakt! 13. Klik op “Starten met Bloggen” 14. Ondertussen heb je ook een e-mail ontvangen om je e-mailadres te bevestigen. 15. Je kunt nu onmiddellijk een eerste bericht posten. Gewoon je bericht intypen, een titel geven en op “bericht publiceren” klikken.

2.1.4. Een Blog verder configureren. 1. Nu gaan we eerst nog wat instellingen ingeven voor je Blog. Klik daarvoor op “Instellingen” in je Dashboard.

2. Stel hierbij de instellingen in die bij jouw Blog passen. Verander de instellingen waar nodig (de mogelijkheden zijn weergegeven in categorieën).

3. Zorg ervoor dat de labels bij je berichten worden weergegeven.

2.1.5. Jezelf kenbaar maken! We gaan op onze Blog nu wat informatie over onszelf kenbaar maken. 1. Klik daarvoor op “Dashboard” 2. Rechts in je venster krijg je deelvenstertje met jouw profiel.

een

3. Je kunt je profiel aanpassen door op de link “Profiel bewerken” te klikken. 4. Vervolledig je profiel met de nodige informatie. 5. Vergeet niet op te slaan wanneer je klaar bent.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p8/37


2.1.6. Hoe start ik mijn Blogervaring? Waar het natuurlijk allemaal om draait is het posten van berichten op je Blog. Een Blog dient immers in hoofdzaak om zelf ook jouw belevenissen, weetjes, … te gaan delen met de wereld. 1. Log in met je http://www.Blogger.com

gebruikersnaam

en

wachtwoord

via

2. Klik door naar het Dashboard. 3. Klik op “nieuw bericht” om een nieuw bericht toe te voegen of “beheren: berichten” om berichten aan te passen of te verwijderen.

Je kunt echter ook nog op andere manieren nieuwe berichten toevoegen, aanpassen en verwijderen zoals je zult merken.

2.1.7. Een bericht opstellen OPDRACHT

Voeg een eerste bericht toe aan je blog.

a) De opmaak van je bericht aanpassen Je kunt een aantal opmaakmogelijkheden toepassen op de tekst in je bericht.

Lettertype van je bericht instellen. Tekengrootte van je bericht instellen. Tekst in het vetjes (CTRL + b) of cursief zetten (CTRL + i) Tekstkleur van je tekst instellen. Een hyperlink in je bericht toevoegen. De uitlijning van je bericht instellen. Genummerde of ongenummerde opsomming toe. Tekst inspringen.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p9/37


Spellingcontrole toepassen. Een afbeelding toevoegen. Een video toevoegen. Opmaak wissen b) Een afbeelding toevoegen aan je bericht 1. Klik daarvoor op de knop. (zie: opmaak van je bericht aanpassen). 2. Selecteer dan de afbeelding die je wilt gebruiken via de knop “Bladeren” of geef de URL van de afbeelding op. 3. Selecteer een layout voor je afbeelding en een afbeeldings -grootte. 4. Klik op de knop “Afbeelding uploaden”. 5. Daarna wordt je afbeelding geupload. Wanneer je afbeelding geupload is, krijg je een melding. 6. Klik op de knop “gereed”. 7. Je afbeelding is nu geupload en staat in je bericht. c) Een video uploaden en toevoegen aan je bericht 1. Klik daarvoor op de knop. (zie: opmaak van je bericht aanpassen) 2. In het volgende venster selecteer je de video die je wilt uploaden dmv de knop “Bladeren”. Je geeft een titel op voor je video. 3. Je plaatst ook een vinkje in het vakje “Ik ga akkoord met de Bepalingen en voorwaarden voor uploaden.”. 4. Je video verschijnt nu in je bericht. Je kunt die uiteraard nog verplaatsen in je bericht. d) Labels toevoegen aan je bericht Labels kun je toevoegen aan een bericht om ervoor te zorgen dat je bericht ingedeeld kan worden in categorieën. Labels zijn eigenlijk kernwoorden die typisch zijn voor je bericht en die ook vaak gebruikt worden om je bericht te vinden via een zoekmachine (bijvoorbeeld Google).

e) Berichtopties 1. Klik op de link “berichtopties”. 2. Selecteer of je reacties wil toestaan of verbieden.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p10/37


f) Voorbeeld Je kunt een voorbeeld van je bericht bekijken via de link “Voorbeeld”. g) HTML Indien je zelf nog enige opmaak wilt toekennen aan je bericht, en je bezit enige kennis van HTML, dan kun je zelf de HTML-code gaan aanpassen. Klik hiervoor op het tabblad “HTML bewerken”. h) Publiceren Indien jouw bericht volledig klaar is, klik je op de knop “Bericht Publiceren”.

2.1.8. Je Blog indelen We hebben nu al een bericht op onze Blog gepubliceerd, maar we kunnen onze Blog nog meer personaliseren. Naast het publiceren van onze berichten kan je immers nog meer elementen laten weergeven. (bijvoorbeeld Widgets, Feeds, …). Dit doe je door pagina-elementen toe te voegen aan onze Blog. Een bericht verschuift immers naar onder indien er een nieuw bericht gepost wordt, en zal uiteindelijk van de beginpagina verdwijnen. Een pagina-element echter blijft steeds op de beginpagina staan. Om een pagina-element te gaan toevoegen op onze Blog moeten we de indeling van onze Blog veranderen.

OPDRACHT

Verander de indeling van je blog.. 1. Klik daarvoor naar je Dashboard door. 2. Klik op “indeling”. 3. Hier zie je de indeling die je nu hebt voor je Blog. In ons sjabloon staan de Blogberichten links. 4. Je ziet dat je in de rechterkant van je venster en onderaan je venster paginaelementen (gadgets) kunt toevoegen. 5. Je kunt ook alle onderdelen van je venster bewerken en aanpassen naar je eigen voorkeuren.

2.1.9. Pagina-elementen toevoegen Toen we de opbouw van een standaard blog besproken heb je gemerkt dat een blog uit verschillende pagina-elementen is opgebouwd. Daarbij kwam ook ter sprake dat je de mogelijkheid hebt om boven, onder of naast de berichtenlijst gagdets kan invoegen. Gadgets zijn vaste dynamische of multimediale pagina-elementen. Om de pagina-indeling en dus de structuur van je blog te beheren klik je op het tabblad ‘Indeling’ en vervolgens op ‘Pagina-elementen’.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p11/37


Vervolgens heb je de mogelijkheid om de header te bewerken. Je kan hier een titel, blogbeschrijving en afbeelding invoegen.

OPDRACHT

Creëer een passende header voor je blog. De manier waarop je blogberichten weergegeven worden kan je eveneens bewerken (Blog Posts). Zo kan je er bijvoorbeeld voor kiezen om de postdatum al dan niet weer te geven, verder heb je onder andere ook de mogelijkheid om bepaalde begrippen zoals ‘Geplaats door’ te wijzigen.

OPDRACHT

Wijzig het aantal berichten die per pagina worden weergegeven. Wijzig een aantal criteria naar keuze. De heel specifieke multimediale gadgets voeg je toe door op ‘Een gadget toe te voegen’ te klikken. Vervolgens krijg je een hele lijst van typegadgets (gebundeld per categorie).

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p12/37


Door op het + teken naast een gadget te klikken voeg je het toe en kan je vervolgens verder configureren. Hieronder (links) zie je een voorbeeld van hoe je een diavoorstelling kan toevoegen als gagdet op basis van een Picasa webalbum. Rechts zie je het resultaat in de blog.

Een heel interessante gadget is de gadget ‘Labels’ waarmee je een filterlijst genereert op basis van alle labels die je hebt toegekend aan berichten. Zo kan de bezoeker de berichten ook weergeven per categorie.

OPDRACHT

Voeg het gadget ‘Labels’ toe. Voeg nog enkele gadgets naar keuze toe.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p13/37


2.2.

EMBEDDEN OP JE BLOG!

2.2.1. Wat is embedden? Je kunt zelf gegevens op je Blog plaatsen, maar soms is het handig dat je gebruik maakt van de diensten van andere online aanbieders. Zoals we al aanhaalden bij de kenmerken van Web2.0 toepassingen is het zo dat de software, en dus ook de codes, door iedereen vrij te gebruiken zijn. Daarom bieden vele web2.0-toepassingen een extra functie aan. Zij zorgen ervoor dat je gemakkelijk de code ter beschikking krijgt die je dan kunt plakken in een nieuw bericht of in een pagina-element. Dit noemen we embedden. Je gaat de inhoud van een externe aanbieder openen in jou Blog. In principe is het zo dat je met de code die je in jouw Blog plakt een deel van de externe website opent in jouw Blog. Zo kan je bijvoorbeeld eenvoudig een filmpje vanop YouTube gaan insluiten (embedden) op je Blog. Je ziet dan niet de volledige site van YouTube, maar enkel het filmpje.

2.2.2. Embedden in een nieuw bericht of pagina-element op je Blog? Allereerst moet je een keuze maken: wil ik hetgeen ik wil embedden laten weergeven als een bericht of wil ik hetgeen ik wil embedden als paginaelement laten weergeven. Indien je kiest om het te embedden object in een nieuw bericht te plaatsen moet je er rekening mee houden dat je bericht, net zoals alle andere berichten, naar beneden zal verschuiven wanneer er nieuwe berichten bijkomen. Zo zal het gebeuren dat je bericht na verloop van tijd van de beginpagina zal verdwijnen. Wil je echter dat je te embedden object een vaste plaats op je Blog heeft en steeds op de beginpagina blijft staan, dan kies je beter voor een nieuw pagina-element.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p14/37


OPDRACHT

Voeg een YouTube-filmpje toe aan je blog a) Een YouTubefilmpje embedden 1. Surf naar http://www.youtube.com. 2. Zoek naar het filmpje dat je wilt embedden op je Blog. 3. Naast het filmpje zie je de code die je nodig hebt om je filmpje te embedden staan. 4. Selecteer deze code en kopieer ze. (CTRL + c) b) Embedden in een nieuw bericht. 1. Ga naar je Blog. 2. Kies “Nieuw bericht” . 3. Geef een titel in voor je bericht. 4. Selecteer het tabblad “HTML”. 5. Plak je gekopieerde code in je bericht. 6. Geef labels op voor je bericht. 7. Bekijk het voorbeeld door op de link “voorbeeld” te klikken. Zo kun je controleren dat je de code goed geplakt hebt. 8. Klik op “Publiceren”. 9. Jouw YouTubefilmpje is ge-embed op jouw Blog. c) Embedden in een nieuw pagina-element. 1. Ga naar je Blog. 2. Klik door via “Aanpassen”. 3. Klik op “een pagina-element toevoegen” 4. Kies HTML/Javascript. Klik op de knop “Toevoegen aan Blog”. 5. Plak ook hier je gekopieerde code in het nieuw geopende venster. Geef een titel op. 6. Klik op “Wijzigingen opslaan”. 7. Je ziet nu in de indeling van je Blog dat je pagina-element (in dit geval onder de titel “Web 2.0”) is toegevoegd aan je Blog. 8. Klik op de knop “Opslaan” 9. Klik op “Blog weergeven” 10. Je pagina-element is toegevoegd aan je Blog. 11. Indien je filmpje niet volledig wordt getoond op je Blog, kun je de afmetingen van je filmpje aanpassen. Je moet in de code zoeken naar de woordjes “Width” en “height” en

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p15/37


de bijhorende waarden. (toetsencombinatie CTRL + f helpt je hier enorm!) 12. Pas die waarden aan en bekijk het op je Blog. Pas de waarden aan tot je filmpje goed wordt weergegeven op je Blog.

2.2.3. Wat kan ik embedden op een Blog? In principe kun je alle objecten en Widgets vanop andere platforms embedden in je Blog. De meeste zorgen er tegenwoordig wel al voor dat je vanop hun site connectie kunt maken met Blogger zodat je het object onmiddellijk kan posten. Wanneer een dergelijke functie niet aanwezig is op het platform, kun je meestal wel ergens de embedcode terugvinden. Hoe je dat object dan insluit op je Blog, hebben we daarnet gezien. Wat indien, noch de embedfunctie, noch de embedcode terug te vinden zijn? In dat geval moet je zelf op zoek gaan naar de code van je object. Hoe je dat doet, leggen we jouw hieronder uit.

2.2.4. Opdracht OPDRACHT

Voeg een radiozender toe aan je blog..

2.2.5. Een radiozender toevoegen aan je Blog 1. Surf naar http://www.radioviainternet.be, hier krijg je een overzicht van alle Vlaamse radiozenders die via het internet uitzenden. 2. Klik op de radiozender die je wilt embedden in jouw Blog. 3. Vervolgens ga je via het menuitem “Beeld” naar “Bron”. 4. Nu opent de code van de pagina in Kladblok. 5. Ga nu op zoek naar het woord ”embed”. Druk daarvoor op de toetsencombinatie CTRL + F en typ in “<embed>”. 6. Zoek ook naar de eindtag </embed>. Ga hiervoor hetzelfde te werk als in stap vijf. 7. Selecteer de code tussen deze twee tags en kopieer die (CTRL + c) 8. Keer terug naar jouw Blog en plak de code in een nieuw bericht of een nieuw pagina-element. Hoe je dat doet, heb je gezien bij het onderdeel 10.5.2 9. Je radiozender staat nu op jouw Blog.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p16/37


2.2.6. Opdracht OPDRACHT

Voeg een online agenda toe aan je blog...

2.2.7. Beheer je agenda via Google Calendar en embed op je Blog! Google biedt ons de mogelijkheid om onze agenda online te gaan beheren en te gaan delen (embedden) op onze Blog. Je hoeft niet bang te zijn om teveel persoonlijke details vrij te geven, je kunt immers ook bijvoorbeeld instellen dat je kalender enkel moet weergeven wanneer je bezet of vrij bent. Het kan bijzonder handig zijn om je agenda, die je dan toch online bijhoudt, ook te gaan weergeven op je Blog. Zo krijgen je bezoekers onmiddellijk de gezochte informatie op één plaats: jouw Blog! 1. Surf naar http://calendar.google.com. 2. Meld je aan met je Google Account. 3. Nu kom je in een venster waar je jouw agenda kan gaan bijhouden. 4. Je kunt je agenda nog gaan personaliseren door op de link “instellingen” te klikken. 5. Verdere instellingen van je agenda en om je agenda te gaan gebruiken kun je instellen door het menu te openen naast je agenda. (zie onderdeel “je agenda online beheren” 6. Personaliseer je agenda zoals jij het wilt 7. Om je agenda te gaan embedden klik je op het menu-item “Agenda instellingen” in het menu van je agenda. 8. We hebben het onderdeel “Deze agenda insluiten” nodig. Hier vind je de code die je in een nieuw bericht of pagina-element kunt plakken. 9. Je kunt echter ook nog aanpassen hoe je agenda op je Blog wordt weergegeven. Daarvoor klik je op de link “Pas de kleur, grootte en andere opties aan”.

10. Hier kun je nog instellen hoe je wilt dat je agenda wordt weergegeven op je Blog. Indien je iets verandert, moet je wel bovenaan op de knop “Update HTML” klikken. 11. Kopieer de code en embed die op je Blog! Hoe je dat doet, hebben we hiervoor al gezien. 12. Je agenda is ingesloten op jouw Blog.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p17/37


2.2.8. Wat kun je nog embedden? Nu je deze technieken onder de knie hebt, kun je zelf op zoek gaan naar Widgets, toepassingen, … om te gaan toevoegen op je Blog!

2.3.

STEEK JE FOTO’S EN VIDEO’S IN EEN ONLINE-EMMER: PHOTOBUCKET

2.3.1. Wat is Photobucket? Photobucket is een onlinedienst waarbij je jouw foto’s of video’s eenvoudig online kan plaatsen. Photobucket biedt jou dan ook de optie om van die foto’s en video’s een slideshow te maken die je kunt embedden op andere platforms.

2.3.2. Opdracht OPDRACHT

Plaats je foto’s online...

2.3.3. Hoe plaats ik mijn foto’s online? 1. Je zorgt ervoor dat je foto’s en video’s op je eigen computer staan of dat je weet waar ze staan op het internet. 2. Je surft naar http://www.photobucket.com

3. Indien je nog geen lid bent van photobucket, klik je op de groene knop “Join Now”. 4. Nu kom je op een pagina terecht waarop je jouw gebruikersnaam en paswoord kan kiezen. 5. Je kiest hier dan ook een gebruikersnaam en paswoord. 6. Indien de gebruikersnaam niet beschikbaar is, meldt Photobucket dit onmiddellijk en suggereert je een aantal alternatieven. 7. Vervolgens klik je op “Next Step”. 8. Nu kom je op een pagina waarop je een beetje extra informatie moet geven ivm je account. Photobucket geeft je ook steeds wat bijkomende informatie in de gele kadertjes aan de rechterkant. Daarna klik je op de knop “I accept! Sign me up!”

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p18/37


9. Nu kom je op de pagina terecht waar je jouw foto’s en/of video’s kunt uploaden.

10. Wat je eerst moet doen is een album aanmaken. Dat doe je door een albumnaam in te typen en op “save” te klikken. 11. Nu kan je foto’s en video’s gaan uploaden. Je kunt hiervoor kiezen of je die foto’s vanop je computer (optie “My computer”), vanop het internet (optie “Web url”), vanop een gsm (optie “Mobile Phone”) of uit een e-mail (optie “email) te halen. 12. Je klikt nu op de knop “Choose files” en selecteert de bestanden die je nodig hebt (Tip: met CTRL + linkermuisklik) kun je meerdere bestanden tegelijk selecteren. Je kunt ook het gewenste uitvoerformaat kiezen.

13. Photobucket begint nu je bestanden te uploaden. 14. Wanneer Photobucket klaar is met uploaden toont Photobucket de afbeeldingen of video’s en geeft je de kans om een titel, omschrijving en kernwoorden (tags) aan je afbeeldingen toe te voegen. Om kernwoorden toe te voegen, moet je wel eerst op de knop “Click to add tags” klikken. (die tags gebruikt photobucket om de afbeelding in te delen in categorieën en omdat zo de afbeelding sneller gevonden kan worden door anderen.) 15. Eens je op de knop “Save and continue” geklikt hebt, keer je terug naar je album waar je alle afbeeldingen en video’s ziet die in jouw album zitten. Je krijgt er ook allerlei codes bij die verwijzen naar de afbeeldingen zodat je ze op andere platforms kunt gebruiken.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p19/37


16. Nu kun je er eenvoudig een slideshow van maken, die je daarna kunt delen op andere sites of platforms. Hiervoor klik je op de knop “Slideshow” in het menu. 17. Je kiest hier de stijl van jouw slideshow. 18. Je zorgt ervoor dat al jouw afbeeldingen in de slideshow zitten (door erop te klikken), daarna kies je de style (je ziet een voorbeeld in het midden), daarna kies je “save slideshow”.

19. In het volgende venster moet je jouw slideshow een naam geven, en je klikt op Save.

20. Nu krijg je jouw slideshow te zien, met allerlei codes om de slideshow op andere platforms te gaan gebruiken.

2.3.4. Hoe plaats ik de slideshow op mijn Blog? 1. Door op het tabblad “Share” te klikken kun je jouw slideshow onmiddellijk op een ander platform plaatsen. Je kunt die bijvoorbeeld op je Blog plaatsen. 2. Daarvoor kies je “Blogger”. Je geeft jouw Blogger-gebruikersnaam in, daarna jouw paswoord voor jouw Blog. 3. Daarna selecteer je op welke van jouw Blogs de slideshow gepost mag worden en je geeft een titel weer. 4. Daarna klik je op de knop “Share”. 5. Jouw slideshow is nu gepubliceerd op jouw Blog!

2.3.5. Waar kan ik die foto’s embedden? De slideshow die je aangemaakt hebt kan je gaan embedden (plaatsen op een platform door enkel de link in te geven, het platform gaat dan de inhoud halen op zijn originele locatie) op verschillende platforms. Hiernaast zie je een lijstje met de platforms die Photobucket onmiddellijk kan bereiken. Ook op andere platforms kun je de slideshow plaatsen door de link zelf te gaan kopiëren en als HTML-code in te geven.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p20/37


2.4.

FILMPJES ZOEKEN EN BEKIJKEN

2.4.1.

Opdracht

OPDRACHT Zoek aan de hand van onderstaande instructies een aantal filmpjes over

onderwerpen waarover je les krijgt (waar je dit relevant lijkt te zijn uiteraard).

2.4.2.

Platform

Open http://www.youtube.com.

2.4.3.

Zoeken

Geef in de zoekbalk een één of meerdere TAG’s (=zoekwoorden) in. Handig is dat als je een tag intypt dat je vaak een lijst krijgt met suggesties. Deze lijst wordt weergegeven op basis van zoekopdrachten van andere gebruikers.

Vervolgens krijg je een lijst met zoekresultaten. Tip: wanneer je Engelstalige zoektermen gebruikt krijg je een veel ruimere lijst aan (weliswaar Engelstalige) filmpjes.

2.4.4.

Bekijken

Klik een resultaat aan om het te bekijken.

Je kan het afspelen pauzeren, stoppen... Het geluid kan je eveneens instellen. Bovendien heb je de mogelijkheid om het filmpje fullscreen (op volledig scherm) af te spelen.

2.4.5.

Aanverwante videfragmenten

Heel handig is het feit dat je een lijstje met aanverwante videofragmenten (Related Videos) te zien krijgt. Vanuit dit lijstje kan je onmiddellijk een ander filmpje starten.

2.4.6.

Plaatsen

Om filmpjes te zoeken en te bekijken heb je geen eigen account nodig en hoef je dus niet in te loggen. Als je actiever gebruik wil maken van het platform, door zelf filmpjes online te plaatsen en te delen, moet je eerst een (gratis) account creëren.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p21/37


2.5.

EEN DOCUMENT ONLINE PLAATSEN EN DELEN

2.5.1.

Opdracht

OPDRACHT Plaats aan de hand van onderstaande instructies een document online en deel het.

2.5.2.

Platform

Open http://www.scribd.com.

2.5.3.

Account creëren en inloggen

Je creëert een account door rechts bovenaan op ‘Signup’ te klikken en vervolgens de procedure te volgen. Inloggen kan je vervolgens door rechts bovenaan op de knop ‘Login’ te klikken.

2.5.4.

Een document online plaatsen

Klik op ‘Upload’ ‘Click to Choose Files’ en blader vervolgens naar de gewenste documenten (word-document, pdf-document, jpg-foto,…).Klik op ‘Upload Docs’.

Geef de nodige eigenschappen in en klik op ‘Save changes’. Klik ‘Finish’.

2.5.5.

Delen

Nadat het document online geplaatst is kan je het aanklikken vanuit jouw ‘My Docs’.

Je kunt de rechtstreekse link weergeven en doorgeven aan anderen (Share This, Send This). Je vindt onder andere ook de code om het document in te bedden in een website of een andere WEB2.0 toepassing. Vanuit ‘My Docs’ kan je het eveneens aanpassen, verwijderen, delen, downloadbaar maken,…

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p22/37


2.5.6.

Downloaden

Het document kan onder andere gedownload worden als pdf-file of worddocument.

2.6.

ONLINE DOCUMENTEN CREËREN EN DELEN

2.6.1.

Opdracht

OPDRACHT Volg onderstaande instructies om een online document te creëren. Deel

het met een collega. Werk in het document dat met jou gedeeld is.

2.6.2.

Platform

Open

2.6.3.

http://docs.google.com.

Google-account creëren en aanmelden

Creëer een account door op ‘Aan de slag’ te klikken en de accountprocedure te volgen. Eens je een account hebt kan je op rechtstreeks inloggen op de startpagina.

2.6.4.

Taal wijzigen

Klik rechts bovenaan het scherm op ‘Settings’

Selecteer de gewenste taal en tijdzone. En klik op ‘Save’ om dit te bevestigen.

2.6.5.

Document aanmaken en wijzigen

Klik op ‘Nieuw’ ‘Document’. Het nieuwe document wordt geopend. Klik op de documentnaam ‘Naamloos’ om deze vervolgens te wijzigen naar een betekenisvolle naam. Klik regelmatig op ‘Opslaan’. In het tekstvak voer je de inhoud in. Via het tabblad ‘Bewerken’ maak je geselecteerde tekst op. Via ‘Invoegen’ voeg je foto’s in.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p23/37


2.6.6.

Document delen

Vink de documenten aan die je wenst te delen. Klik vervolgens op ‘Delen’. Geef de mailadressen in. Geef aan of het ‘bijdragers’ of ‘kijkers’ zijn. Klik op ‘Bijdragers uitnodigen’. De ontvanger krijgt een mail met de link naar het bestand. Om dit te bekijken/bewerken moet hij/zij een account hebben/maken.

2.7.

ONLINE AFSPEELLIJSTEN MAKEN EN AFSPELEN

2.7.1.

Opdracht

OPDRACHT Maak een afspeellijst met enkele van je favoriete liedjes en speel deze af.

2.7.2.

Platform

Surf naar http://www.deezer.com.

2.7.3.

Registreren en inloggen

Om te registreren klik je op ‘Gratis registratie’. Vervolgens log je in via ‘Log in’.

2.7.4.

Muziek zoeken en afspelen

Geef het gewenste nummer of de gewenste artiest/groep in en klik op het vergrootglas om te zoeken. Vervolgens druk je op het ‘afspelen’-symbool ( ) om het liedje te beluisteren.

2.7.5.

Een afspeellijst maken

Klik, via ‘Muziek’, onder ‘Afspeellijsten’ op ‘Maak een afspeelijst’. Geef een titel, selecteer een muziekgenre en geef aan of de afspeellijst door anderen mag beluisterd worden.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p24/37


2.7.6.

Muziek toevoegen aan een afspeellijst

Klik op het ‘+’ symbool naast een lied, selecteer vervolgens de gewenste afspeellijst uit de keuzebox en klik op ‘Toevoegen’.

2.7.7.

Een afspeellijst afspelen

Klik via ‘Muziek’ ‘Afspeellijsten’ op de gewenste afspeellijst. Klik op de afspeeltoets vóór het liedje waarmee je wenst te starten. De lijst wordt afgespeeld. Je hebt ook hier de mogelijkheid om een lijst in te bedden in een website.

2.8.

BESTANDEN ONLINE BEWAREN EN DELEN

2.8.1.

Opdracht

OPDRACHT Creëer enkele mappen. Plaats enkele bestanden online. Deel één van de bestanden met een collega student.

2.8.2.

Platform

Surf naar http://skydrive.live.com

2.8.3.

Aanmelden en inloggen

Klik op ‘Start met delen’. Als je geen Live account hebt creëer je dit (Registreren).

Log in met je Live Account en klik opnieuw op Start met delen.

2.8.4.

Structuur

Je online opslagruimte van maar liefst 5GB bestaat uit ‘Persoonlijke mappen’ die enkel voor jou bestemd zijn, ‘Gedeelde mappen’ die voor welbepaalde groepen bestemd zijn en ‘Openbare mappen’ waarvan de inhoud voor iedereen is.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p25/37


2.8.5.

Mappen maken

Er zijn een aantal standaard mappen zoals ‘Documenten’, ‘Favorieten’. Je maakt een map bij door op ‘Een persoonlijke/gedeelde/publieke map maken’ te klikken.

Geef de gewenste naam in. Je kunt een map desgewenst delen.

Het is eveneens mogelijk om mappen in mappen te maken.

2.8.6.

Bestanden plaatsen

Open een map en klik op ‘Bestanden toevoegen?’. Blader naar de bestanden en klik op ‘Uploaden’.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p26/37


2.9.

JE AGENDA ONLINE BEHEREN

2.9.1.

Opdracht

OPDRACHT Creëer een online agenda en plaats er enkele afspraken in. Deel desgewenst je agenda.

2.9.2.

Platform

Surf naar http://calendar.google.com.

2.9.3.

Aanmelden

Je hebt reeds een Google Account gecreëerd om gebruik te maken van Google Docs. Met dit account kan je nu ook inloggen op het platform Google Agenda.

2.9.4.

Afspraken toevoegen

Selecteer een periode in de kalender. Vervolgens verschijnt er een tekstballon waarmee je de afspraak kan invoeren en bevestigen door op ‘Afspraak maken’ te klikken.

Als je een afspraak toegevoegd hebt, kan je deze aanklikken en vervolgens extra eigenschappen instellen. Je kan o.a. ook anderen uitnodigen voor een vergadering/meeting.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p27/37


2.9.5.

Agenda’s maken en opmaken

Via ‘Mijn agenda’s kan je agenda’s bijmaken en opmaken.

2.9.6.

Agenda delen

Door op de pijl naast een agenda en dan op ‘Deze agenda delen’ te klikken kan je anderen uitnodigen om je agenda (behalve afspraken die privé zijn) te raadplegen.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p28/37


2.10.

BESTANDEN ONLINE OMZETTEN

2.10.1.

Opdracht

OPDRACHT Zet een Word-document van minstens 2 bladzijden om naar een .pdf-file.

2.10.2.

Platform

Surf naar http://media-convert.com/omzetten/.

2.10.3.

Omzetten

Blader naar het lokale bestand dat je wenst om te zetten. Kies voor Output formaat Selecteer onderaan het formaat waarnaar je het bestand wil converteren (Output formaat). Accepteren Plaats een vinkje voor ‘Ik accepteer de voorwaarden’ en klik op ‘OK’.

Tijdens de conversie wordt aangegeven welk aandeel van het omzetwerk reeds uitgevoerd is en hoe lang de verdere omzetting nog ongeveer zal duren. Eens het bestand geconverteerd is krijg je de mogelijkheid om het bestand te downloaden en lokaal op te slaan.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p29/37


2.11.

ONLINE BLADERBAAR BOEKJE MAKEN

2.11.1.

Opdracht

OPDRACHT Plaats het zopas gecreëerde pdf-document online als bladerbaar boekje. Deel het.

2.11.2.

Platform

Surf naar

2.11.3.

http://www.issuu.com.

Registreren en inloggen

Rechts bovenaan het scherm staat een link die je bij de registratieprocedure brengt (Sign up) en een link die je de mogelijkheid geeft om in te loggen met je account (Log in).

2.11.4.

Document uploaden

Klik op de knop ‘UPLOAD DOCUMENT’. Blader naar een pdf-document op je computer en geef een titel, webnaam (geen spaties en speciale tekens), minstens 2 tags (zoektermen), een beschrijving, de taal (meestal Dutch) en het land van herkomst (meestal Belgium) in. Klik vervolgens op ‘Upload’.

2.11.5.

Document bekijken, verwijderen of delen

Klik op ‘My Library’ en vervolgens op ‘My Publications’. Klik een document aan om het boekje te bekijken en te doorbladeren. Klik een pagina aan om in te zoomen.

Je deelt een document door onderaan rechts op ‘Share’ ‘E-mail a friend’ te klikken en vervolgens het formuliertje in te vullen.

Als je documenten uit je eigen bibliotheek wenst te verwijderen klik je op de knop ‘Edit’. Vervolgens kan je ‘Options’ aanklikken en op ‘Delete’ klikken.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p30/37


2.12.

ONLINE PRESENTATIE MAKEN

2.12.1.

Opdracht

OPDRACHT Maak een online presentatie met aantal dia’s i.v.m enkele WEB2.0 toepassingen.

2.12.2.

Platform

Surf naar http://docs.google.com.

2.12.3.

Inloggen

Je hebt reeds een Google-account en al kennis gemaakt met Google Docs. Je kan dus reeds inloggen op het platform.

2.12.4.

Presentatie maken

Klik op ‘Nieuw’ ‘Presentatie’.

Vervolgens kan je de titel wijzigen; de werkbalken gebruiken om de stijl te wijzigen, dia’s in te voegen, het thema te wijzigen,… Je kan uiteraard ook de presentatie opslaan en net als een tekstbestand kan je een presentatie ook delen met anderen. Eens je de presentatie publiceert kan iedereen ze op het web bekijken.

2.12.5.

Presentatie afspelen

Om de presentatie af te spelen als slideshow klik je op de knop ‘Presentatie starten’.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p31/37


2.13.

(SAMEN) ONLINE BRAINSTORMEN

2.13.1.

Opdracht

OPDRACHT Maak een mindmap naar keuze aan en deel deze met je buur.

2.13.2.

Platform

Surf naar http://www.bubbl.us.

2.13.3.

Account

Als je reeds een account hebt log je hiermee in. Als je nog geen account hebt klik je op ‘Start brainstorming’. Klik bovenaan op ‘Create account’ en volg de procedure.

2.13.4.

Een mindmap maken

Geef rechts bovenaan een naam in voor een nieuwe mindmap en klik op ‘Save’.

2.13.5.

Mindmappen

Typ in het midden van een ballon om de tekst aan te passen. Links bovenaan kan je een ballon vastnemen en verplaatsen door deze te verslepen. Door rechts bovenaan een ballon te klikken verwijder je de ballon. Links onderaan kan je de ballonkleur wijzigen. Door op het symbool rechtsmidden in een ballon te klikken creëer je een nieuwe ballon op hetzelfde niveau. Met het symbool middenonder in een ballon voeg je een onderliggende ballon toe.

2.13.6.

Exporteren en delen

Via het menu (rechts onderaan) kan je het resultaat exporteren naar een afbeelding of webpagina.

Via de knop ‘Sharing’ kan je andere gebruikers uitnodigen om mee te brainstormen.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p32/37


2.14.

ONLINE FOTO’S BEWERKEN

2.14.1.

Opdracht

OPDRACHT Optimaliseer enkele foto’s naar keuze. Experimenteer ook met effecten. Download de resultaten.

2.14.2.

Platform

Surf naar http://www.picnik.com/.

2.14.3.

Van Start

Om van start te gaan klik je op ‘Get started now!’.

Vervolgens kan je een account maken en/of inloggen. Je kan echter ook met de toepassing aan de slag zonder een account.

2.14.4.

Foto uploaden

Om een foto te bewerken moet je deze eerst uploaden. Klik op ‘Upload Photo’.

Blader naar de foto die je wenst te bewerken.

2.14.5.

Foto bewerken

Via het tabblad ‘Edit’ kan je foto’s verschalen, verscherpen, rode ogen verwijderen, bijsnijden,…

Via het tabblad ‘Create’ kan je effecten toepassen op een foto, tekst op een foto plaatsen, een rand rond de foto plaatsen,…

Experimenteer met de mogelijkheden en je zal zien dat alles zichzelf uitwijst.

2.14.6.

Foto downloaden

Om de foto op te slaan op je computer gebruik je het tabblad ‘Save & share’. Vervolgens selecteer je de gewenste opties en download je de foto. Ook hier heb je de mogelijkheid om bestanden te delen met anderen.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p33/37


2.15.

FAVORIETEN ONLINE PLAATSEN EN RAADPLEGEN

2.15.1.

Opdracht

OPDRACHT Plaats een aantal van je favoriete websites online zodat je ze van overal kan raadplegen. Maak gebruik van tags om je favorieten te categoriseren.

2.15.2.

Platform

Surf naar http://delicious.com/.

2.15.3.

Registreren en inloggen

Klik op ‘Join Now’ om een account aan te maken. Vervolgens log je in via ‘Sign In’.

2.15.4.

Favorieten toevoegen

Klik rechts bovenaan op ‘Save a new bookmark’. Geef de URL in van de website en klik vervolgens op ‘next’. Geef de aanvullende gegevens (o.a titel en tags) in zoals in het onderstaande voorbeeld en klik ‘Save’.

2.15.5.

Favorieten raadplegen

Klik op ‘Bookmarks’ ‘My Bookmarks’.

Vervolgens kan je jouw favorieten aanklikken, wijzigen en verwijderen. Rechts vind je een lijstje met tags. Door een tag aan te klikken krijg je alle bijhorende links te zien.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p34/37


2.15.6.

Favorieten delen

Delicious heeft ook een sociale functie. Via ‘People’ ‘My network’ geef je andere gebruikers toegang tot jouw favorieten. Jij kan tevens hun favorieten raadplegen.

2.16.

SAMEN TEKENEN OP EEN ONLINE WHITEBOARD

2.16.1.

Opdracht

OPDRACHT Creëer een online whiteboard. Deel het met een buur. Teken/schrijf samen op het bord.

2.16.2.

Platform

Surf naar http://www.skrbl.com.

2.16.3.

Registreren en inloggen

Om de mogelijkheden van Skrbl uit te testen is het niet noodzakelijk om te registreren en in te loggen. Het is echter wel aangewezen als je de whiteboards wenst te bewaren en regelmatig met een team samen op een bord wenst te werken.

2.16.4.

Een online whiteboard opstarten en gebruiken

Klik op de knop ‘start skrbl now’.

Vervolgens verschijnt een whiteboard waarop je kan tekenen en schrijven door gebruik te maken van de knoppen in de werkbalk.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p35/37


2.16.5.

Samen kriebelen

Klik op ‘File’ ‘Email Invite’ en nodig vervolgens een andere gebruiker uit. Die krijgt een mailtje met de link van het whiteboard. Vervolgens kunnen jullie samen op het bord tekenen en schrijven. De wijzigingen van de andere gebruiker verschijnen bij jou.

2.17.

EEN VISUELE TIJDLIJN CREËREN

2.17.1.

Opdracht

OPDRACHT Creëer een tijdlijn over een topic naar keuze en deel op je blog.

2.17.2.

Platform

Surf naar http://www.dipity.com.

2.17.3.

Account

Om een account te creëren klik je op ‘Sign Up’’. in via ‘Log In’.

2.17.4.

Je logt

Een tijdlijn creëren

Om een tijdlijn te creëren, klik je op ‘Create a topic’. Geef de nodige gegevens in (je kan het topic ook illustreren) en klik ‘Create Topic’.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p36/37


2.17.5.

Een tijdlijn opvullen

Om een gebeurtenis op de tijdlijn te plaatsen klik je op ‘Add an Event’.

Vervolgens geef je de nodige gegevens in. Je krijgt de kans om aan de gebeurtenis een foto, video, beschrijving, link of locatie te koppelen.

Klik op een Event om het aan te passen of te verwijderen.

2.17.6.

Delen

Via ShareThis en Embed kan je de tijdlijn delen met anderen.

Sander Garrevoet Stijn Van Lokeren

Multimedia: Web2.0-sessie

p37/37


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.