Strak ogende diagrammen
Communiceren in afbeeldingen werkt soms beter dan in tekst. Denk aan pictogrammen op stations en dergelijke, maar ook aan blokschema's en stroomdiagrammen.
Communiceren in afbeeldingen werkt soms beter dan in tekst. Denk aan pictogrammen op stations en dergelijke, maar ook aan blokschema's en stroomdiagrammen. Dankzij een gratis webdienst zijn dergelijke zaken eenvoudig zelf te maken.
Stap 1: Registratie
Ga om te beginnen naar www.lovelycharts.com en klik daar op de knop Join Now, wat lager op de pagina. Na even wachten klikt u in het venster Login op Try It Now. Vul uw naam, e-mailadres, wachtwoord en ter controle nogmaals het wachtwoord in. Schakel daarna het selectievakje voor de optie I agree to the terms of service in en klik op Register. Controleer vervolgens uw mail, daarin ontvangt u na wellicht even wachten een registratiecode. Deze typt u in het veld achter Confirmation code om daarna op Let me in te klikken.
©CIDimport
Stap 2: Stroomdiagram
Na het invoeren van de code kunt u altijd inloggen met uw tijdens de registratie opgegeven e-mailadres en wachtwoord. Klik in het venster Welcome op één van de diagramtypen. In deze workshop gaan we allereerst aan de slag met de flowchart, ofwel het stroomdiagram. Klik dan ook op Flowcharts, waarna u de beschikking krijgt over een knoppenbalk en een serie gereedschappen aan de linkerkant van het ontwerpblad. Er is alvast een eerste blokje in ons stroomdiagram geplaatst. Dubbelklik hierop om de standaardtekst te veranderen in iets toepasselijks.
©CIDimport
Stap 3: Luie tiener
Stroomdiagrammen worden normaliter gebruikt om zakelijke processen te beschrijven. In dit geval maken we een stroomdiagram om een ietwat luie tiener bij het ontwaakproces te helpen. Het eerste blokje noemen we dan ook Opstaan om 07.15 uur. Om een tweede item te creëren klikt u op de knop Create and Connect (1). Klik dan op het eerste blokje (2) zodat dit geselecteerd wordt. Sleep dat met de linkermuisknop ingedrukt naar beneden (3) en uw tweede item verschijnt, inclusief een verbindingspijl.
©CIDimport
Stap 4: Klikken en slepen
Maak op dezelfde manier nog meer items door steeds op het vorige item te klikken en daarna te slepen. In ons voorbeeld maken we zes basisstappen in totaal. Door op het handje te klikken is het werkblad in elke gewenste richting te verschuiven. Ook is het mogelijk om voor een schuifactie de muiscursor naar een van de zijden van het werkblad te bewegen, waarna een pijl verschijnt.
©CIDimport
Stap 5: Verbonden blokjes
Voorzie elk blokje van een toepasselijke omschrijving van de geplande activiteit, in ons voorbeeld worden dat achtereenvolgens de teksten 'Ga douchen', 'Ontbijt', 'Controleer de tijd' en een vraag: 'Later dan 08.00 uur?' Lovely Charts zorgt automatisch voor de verbindingen en passende afmetingen van de blokjes. Het resultaat is een heldere en elegante grafische voorstelling van een proces.
©CIDimport
Stap 6: Beslissen
Het is verstandig uw stroomdiagram tussentijds te bewaren, klik hiervoor in het menu File op Save. Geef het bestand een praktische naam en het geheel wordt - vooralsnog online - bewaard. Tijd om het laatst vernoemde blokje met de vraag in een beslissingsblok om te zetten. Klik daarvoor met de rechtermuisknop op het blokje 'Later dan 08.00 uur?' en kies in het daarop geopende contextmenu voor Decision (beslissing). Het rechthoekige blok verandert daarop in een ruitvormig exemplaar.
©CIDimport
Stap 7: Zijtak
De ruit is desgewenst groter of kleiner te slepen door erop te klikken en daarna middels een sleepactie op een hoekpunt wederom te slepen. Omdat het hier om een beslissingsblok gaan we er nog een zijtak aan toevoegen (het andere blokje stond er al). Klik daarvoor weer op de knop Create and Connect (Stap 3), klik op de beslissingsruit en sleep naar rechts met de linkermuisknop ingedrukt. Zodra u de knop loslaat, verschijnt er een nieuw blok.
©CIDimport
Stap 8: Controle
Tijd om het nieuwe en al bestaande maar onbenoemde blokje van een toepasselijke tekst te voorzien. In dit voorbeeld zetten we in het rechterblok: 'Ja? Ga naar school!' en in het blok onder de ruit: 'Nee? Lees een boek'. Natuurlijk is het wel zaak dat als onze geprogrammeerde puber eenmaal aan het lezen is geslagen, het volgens de wetten van de logica nog steeds nodig is om de tijd te blijven controleren. Immers: het wordt ooit acht uur. Vandaar dat we een verbinding moeten maken tussen de ruit met de vraag en het voorgaande blok 'Controleer de tijd'. Dat doet u door eerst weer op de knop bij (1) te klikken en daarna het blok 'Nee? Lees een boek' naar het blok Controleer de tijd te slepen (2). De verbinding wordt bij het loslaten van de linkermuisknop automatisch gemaakt.
©CIDimport
Stap 9: Verbindingslijn
De net gemaakte verbindingslijn eindigt nog niet netjes in het blok 'Controleer de tijd', om dat euvel op te lossen klikt u op de lijn en sleept u de pijlpunt (1) netjes naar het midden. Een ander esthetisch probleem is dat we nergens in ons diagram schuine lijnen hebben gebruikt, om een nette in ons ontwerp passende verbindingslijn te maken klikt u - met de lijn nog steeds geselecteerd - op de knop met de verbindingslijnen en kiest u vervolgens voor het 'hoekige' type (2).
©CIDimport
Stap 10: Kleuren en smaken
Met de knoppenbalk bovenaan kunt u allerlei zaken als lettertype, lijndikte, lijnkleur en vul-kleur naar smaak en wens aanpassen. Om de kleur van een blok te veranderen klikt u eerst op het gewenste blokje en daarna op de knop bij (1). Kies dan een kleur uit het palet en het betreffende blok wordt voorzien van de gewenste kleur.
©CIDimport
Stap 11: Bestandtype
Bewaar uw diagram (nogmaals) door in het menu File op Save te klikken. Om het diagram op uw pc te kunnen gebruiken en bijvoorbeeld in een Word-document in te voegen, moet u het exporteren. Klik daarvoor in het menu File op Export. Jpg levert kleinere bestanden op, maar introduceert ook wat compressieverschijnselen. Voor een haarscherpe afbeelding kunt u dan ook beter voor png kiezen. Let ook op de afmetingen, wilt u ook scherp kunnen printen, kies dan voor een ruime hoeveelheid pixels. Alles in orde? Klik dan op Continue, kies een plek om het bestand te bewaren en klik tot slot op Opslaan.
©CIDimport
Stap 12: Grafiektype
Klik in het menu File op New en selecteer People diagrams als grafiektype. Klik op No als u wordt aangeboden om te upgraden naar een betaalde account. In de gratis variant kunt u net zoveel grafieken maken als u wilt en deze ook onbeperkt exporteren. Bewaren binnen Lovely Charts kan in dat geval echter maar met één grafiek gebeuren. Normaal gesproken wordt een organogram gebruikt voor bedrijfsmatige toepassingen, maar zo'n ding is ook prima te misbruiken voor andere meer frivole zaken. Denk bijvoorbeeld eens aan de opstelling van een voetbalteam, dat ziet er meteen lekker professioneel uit in het clubblad of tijdens de training. Klik eerst weer op de knop Create & Connect (1) en sleep vanaf het al bestaande item om een nieuw item (poppetje) te maken. Met een beetje sleepwerk ontstaat dan al snel een klassieke 4-3-3 opstelling!
©CIDimport
Stap 13: Trucje
U kunt nu alle eerder geleerde technieken loslaten op de grafiek. Zo kunt u kleuren en namen aanpassen, maar ook de verbindingslijnen laten verdwijnen. Daarvoor is een trucje nodig: klik op een verbindingslijn en kies vervolgens met de lijndikteknop voor een onzichtbare lijn (eerste optie). Wilt u ook de pijlpuntjes verwijderen, dan kunt u met de naastgelegen knop kiezen voor een lijn zonder pijlpunten. Door een rij poppetjes te selecteren, kunt u ze middels de knoppen achter Align (uitlijnen) in het paneel links netjes op een rechte lijn zetten.
Deze workshop komt uit Computer Idee nummer 4, jaargang 2010