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
Log hier in met uw VUnet- ID 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
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
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
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
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
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
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