Handleiding Concept Maps - Draw.io - ICT in het letterenonderwijs

Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Handleiding Concept Maps - Draw.io
Draw.io: online tool voor het maken van concept maps, er is dus géén installatie van software nodig
op uw computer. U kunt er via Google Apps for Education gebruik van maken dus het delen en
opslaan van bestanden is erg eenvoudig.
Inhoudsopgave:
Inloggen bij Google en Draw.io ........................................................................................................ 1
Bewerken van diagram .................................................................................................................... 3
Opslaan en delen (voor het samenwerken aan een diagram) ........................................................... 5
Opslaan en delen (voor het inleveren van een opdracht of het ontvangen van commentaar)........... 6
Inloggen bij Google en Draw.io
Ga naar
http://drive.google.com en
vul uw VU mailadres in.
Vul het wachtwoord niet in
maar klik op Aanmelden.
Klik in het volgende
venster op het logo van de
VU.
1
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Log hier in met uw VUnetID en bijbehorend
wachtwoord.
Ga nu in dezelfde browser
(bijvoorbeeld in een nieuw
tabblad, CTRL+T) naar
www.draw.io . Omdat u al
bent ingelogd bij Google,
kunt u daar nu gebruik
maken van Google Drive
om uw bestanden op te
slaan.
Vink “Remember this
setting” aan en klik op
Google Drive.
Draw.io vraagt nu om
toestemming om
verbinding te maken met
uw Google account.
Vink “Remember me” aan
en klik op Authorize.
Kies hier of u een nieuw
diagram wilt aanmaken of
een bestaande wilt openen.
2
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Als u voor “Create new
diagram” heeft gekozen
komt het volgende scherm
in beeld.
U kunt het diagram een
naam geven en eventueel
kiezen uit een aantal
templates.
Als u op Create klikt, is het
diagram aangemaakt en
wordt het automatisch
bewaard in Google Drive.
Bewerken van diagram
De linkerkolom bevat een grote hoeveelheid kant en klare vormen, strepen en pijlen die
onderverdeeld zijn in groepen zoals General, Flowchart, Arrows etc. Via File\More Shapes kunnen
desgewenst meer groepen worden toegevoegd.
Het maken van een conceptmap is erg simpel in Draw.io:
Sleep de gewenste vorm van
de linkerkolom naar het
werkveld en laat hem daar los.
Met de blauwe punten kan de
grootte van de vorm in
worden aangepast: het slepen
van de punten rekt de vorm
uit of verkleint deze.
De oranje knop roteert de
vorm.
3
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Door de knop met de blauwe
pijl te verslepen wordt een
kopie van de vorm gemaakt
met een lijn ertussen.
Standaard wordt een lijn of
een pijl gekoppeld aan de plek
waar de muis wordt
losgelaten.
Als u bij het plaatsen van een
lijn of pijl echter de linker
muisknop ingedrukt houdt
boven een afbeelding, worden
extra blauwe “ankers”
getoond”. Als de muis wordt
losgelaten boven zo’n anker,
wordt de pijl aan dat punt
vastgemaakt.
Op deze manier kunnen
meerdere verbanden worden
gelegd tussen bepaalde
vormen.
Bestaande afbeeldingen kunt
u toevoegen via de Image
knop.
U kunt dan kiezen tussen
verschillende opties:
•
•
•
Image Search zoekt
via Google naar
afbeeldingen.
Google Drive toont de
bestanden die u daar
heeft opgeslagen.
Edit Image URL kunt
u gebruiken om een
afbeelding waar u de
link van heeft toe te
voegen.
4
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Het toevoegen en wijzigen
van tekst gaat door te
dubbelklikken in de gewenste
vorm. Ook de verbanden
tussen de vormen kunnen
door tekst worden begeleid.
Hiervoor kunt u ook
eenvoudig dubbelklikken op
de pijl, lijn etc.
Opslaan en delen (voor het samenwerken aan een diagram)
Het opslaan van uw werk
gebeurt automatisch bij
het gebruik van Google
Drive maar het is ook
mogelijk om handmatig via
File\Save uw werk te
bewaren.
Via File\Download as
kunt u het bestand onder
andere als .JPG, .GIF, .PDF,
.HTML en .XML opslaan.
5
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Als u op File\Share klikt,
worden de Sharing
settings getoond.
Als u een bestand wilt
delen met een andere
gebruiker, kunt u die
persoon via een mailadres
uitnodigen of de Sharing
Settings wijzigen via
Change… .
Dan ziet u een aantal
opties waarmee u de
toegang nog kunt
specificeren: iedereen die
de link heeft, gebruikers
van de VU, gebruikers van
de VU met de link etc.
Als u via Invite People het
bestand deelt, kunt u
vervolgens aangeven dat
zij het bestand kunnen
bewerken (Can edit).
Opslaan en delen (voor het inleveren van een opdracht of het ontvangen van commentaar)
Op het moment van schrijven van deze handleiding is het helaas nog niet mogelijk om een Draw.IO
diagram direct te delen met iemand zodat deze daar commentaar of feedback op kan leveren. Aan
deze functionaliteit wordt wel gewerkt en zal hopelijk snel beschikbaar zijn. Wanneer dat gebeurt,
wordt deze handleiding geüpdate.
Tot die tijd is er een work-around beschikbaar door de diagram als afbeelding op te slaan en op te
nemen in een regulier Google Drive bestand (het equivalent van een Wordbestand). Als dit bestand
vervolgens wordt gedeeld met de docent kan deze commentaar leveren of tekst toevoegen.
6
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
Ga naar File\Download en sla
het diagram vervolgens op als
een afbeelding (bijvoorbeeld
als .jpg of .png) op uw
computer.
Ga naar Google Drive en maak
een nieuw Document aan via
Create\Document:
Geef het bestand een duidelijke
naam door “Untitled
document” te hernoemen (klik
op de titel).
Ga naar Insert\Image.
Voeg de afbeelding toe door
het naar het venster te slepen
of klik op “Choose an image to
upload”.
7
Handleiding Concept Maps - Draw.io
Faculteit der Letteren
De afbeelding wordt nu in het
document geplaatst. Deel het
document vervolgens met de
docent zoals eerder
omschreven:
Als u op File\Share klikt,
worden de Sharing settings
getoond.
Als u een bestand wilt delen
met een andere gebruiker, kunt
u die persoon via een
mailadres uitnodigen of de
Sharing Settings wijzigen via
Change… .
Dan ziet u een aantal opties
waarmee u de toegang nog
kunt specificeren: iedereen die
de link heeft, gebruikers van de
VU, gebruikers van de VU met
de link etc.
Als u via Invite People het
bestand deelt, kunt u
vervolgens bepalen wat zij
mogen doen: het bestand aan
te passen (Can edit),
commentaar te leveren (Can
comment) of u geeft aan dat
die persoon uw bestand alleen
kan bekijken (Can view).
Voor het kunnen ontvangen
van commentaar moet gekozen
worden voor Can Comment of
Can Edit.
8