Digital Storytelling

Vandaag hebben we enkele tools bekeken waarmee we ons werk visueel kunnen voorstellen.
Ik heb samen met Bjorn alle links eens bekeken en met sommige programma’s even geëxperimenteerd.

Scoop it lijkt als een soort twitter om je ideeën en ook grafische dingen zoals foto’s en filmpjes met elkaar kan delen.  Erg veel zal ik er voor mijn bachelorpaper echter denk in niet aan hebben

Paper.li  en storify lijken me wel handig, het zou al je info van rss feeds en dergelijke samenbrengen op een plaats. kan inderdaad wel goed zijn om een overvloed aan informatie toch op een overzichtelijke manier voor te stellen.

Aangezien mijn onderzoek nogal veel cijfergegevens met zich mee zal brengen verwacht ik aan Infogram hieraan wel iets te hebben, dan kan ik het op een betere manier voorstellen dan alleen maar saaie tabellen

Met popcorn kan je zeker ook  leuke dingen doen het rijgt je beelden en teksten aaneen en maakt er een leuk filmpje van. Je kan muziek, beeld en tekst veranderen. Je moet wel met een basisopmaak beginnen, maar zodra je die layers verwijderd hebt, kan je zelf aan de slag. Op dit moment sta ik nog niet ver genoeg om effectief zo’n filmpje te maken, maar als je een presentatie of zo wil maken of je onderzoek met de wereld wil delen is het wel een goede tool denk ik.

Inkscape en Gimp lijken me nogal moeilijk om te gebruiken, ik denk ook niet dat ik er voor mijn paper erg veel aan zal hebben . meestal beperkt het bewerken van beelden zich voor mij tot het verlichten en verdonkeren van foto’s. Wellicht is het wel handig als je echt iets visueel wil doen, maar dat is voor mij op dit moment nog niet echt aan de orde.

Cynthia (en Bjorn) 

Advertisements

Opdracht Digital storytelling

Een eerste probleem bij het zoeken naar afbeeldingen om een afbeelding te bewerken voor mijn onderwerp, was terug uitzoeken welke afbeeldingen ik mocht gebruiken. Even vlug fluisteren met mijn buur leverde ‘dat commons-ding, niet?’ op. Creative Commons dus. Maar via daar geraakte ik gewoon op google images, dat blijkbaar óók kan zoeken op afbeeldingen met een correcte licensie. Handig dus.

Ziehier een dappere poging om met gimp een afbeelding te bewerken die als titel van mijn individuele opdracht zou kunnen dienen:

temp

Voor het uitwerken van mijn onderwerp in een infogram zie ik 2 werkwijzen. Een eerste is het chronologisch werken: wanneer het jurysysteem in Japan werd ingevoerd, afgeschaft en heringevoerd zijn er telkens verschillende incidenten geweest die daar aan de basis lagen, zijn er waarschijnlijk polls gebeurd om de mening van het publiek te vragen, verschillende interessante uitspraken gedaan. Die ordenen zou een interessant beeld opleveren volgens mij.
Daarnaast zou er ook een vergelijking kunnen gemaakt worden door een infogram in 2 kolommen; links Japan, rechts jurysystemen in andere landen, met daarbij de meest frappante verschillen telkens weergegeven.

De meest interessante manier om scoop.it te gebruiken lijkt mij door een verzameling artikels, nieuwsfragmenten, … weer te geven om de evolutie van het onderwerp weer te geven. Hetgeen ik volgens mij mis in scoop.it is overzicht: buiten tags en de volgorde waarin de verschillende elementen voorkomen, kan ik weinig structuur vinden, wat volgens mij wel essentieel is om iets zoals het Japanse jurysysteem te beschrijven.

Met popcorn webmaker zijn de mogelijkheden eindeloos. Het is in feite een eenvoudige manier gelijk welke inhoud van  een bachelorpaper aantrekkelijker voor te stellen. Als de bachelorpaper chronologisch opgebouwd is, kan dat in een video ook. Als de bachelorpaper een andere opbouw kent, kan dit in feite ook. Het grootste voordeel van een video lijkt mij het feit dat je je bachelorpaper veel toegankelijker kunt maken. Door walls of text te vervangen door afbeeldingen, citaten door scans van originele documenten of opnames van speeches, grafieken dynamisch te maken en effectief aan te wijzen op de grafiek waarover je het hebt in plaats van vage omschrijvingen, … maak je het geheel veel overzichtelijker en eenvoudiger te begrijpen.

 

 

Blogoverzicht Bert

Na heel veel prutsen, downloaden en zoeken, is het mij toch nog gelukt mijn blogoverzichtje te maken mét inhoudstafel in pdf en epub. Ik had mijn overzicht eerst in html (notepad ++) gestructureerd en wou het dan omzetten naar pdf om vervolgens een inhoudstafel te maken, maar dat lukte mij zelfs niet met Adobe Indesign. Dan heb ik maar mijn html bestandje geconverteerd naar docx, in word een inhoudstafel gemaakt, en dan naar pdf en epub gepubliceerd. The easy way out 🙂 In het epub bestand zijn er wel heel erg veel break lines die er niet hadden moeten zijn…

Mijn excuses dus voor het te laat zijn.

Codecademy (Bert)

Toen ik Codecademy uitprobeerde, was ik meteen aangenaam verrast. Om één of andere reden had ik mij verwacht aan een droog en onaantrekkelijk leerplatform, maar dat was het niet in het minst. Het was interactief, simpel, en best leuk om te doen. Ook altijd leuk om te zien als je badges en awards krijgt voor je vooruitgang 🙂

Wegens een klein tijdgebrekje heb ik enkel de HTML basics gedaan, maar vreemd genoeg heb ik nu wel zin gekregen om de rest ook te doorlopen wanneer ik meer tijd heb! Misschien kijk ik in de zomer zelfs eens verder in Codecademy wat er verder nog allemaal te leren valt.

Bert

Mozilla Thimble: fun with HTML (Bert)

Ook ik heb mij uitgeleefd op Mozilla Thimble’s webprojecten. Het duurde even voor ik precies doorhad wat de bedoeling was, maar eens je het doorhebt, is het een plezante manier om met HTML kennis te maken. Mij leek het wel eerder een echte eerste kennismaking met HTML, dan een echte oefening. De opdrachtjes die gegeven werden, waren meer copy-paste en kijken wat er gebeurt, dan zelf creatief zijn. Ik heb dan zelf een paar uitdagingetjes geprobeerd, zoals externe afbeeldingen toevoegen, wat andere tags toe te voegen, en het beestje in en uit zijn kader laten bewegen. Het voornaamste dat ik heb bijgeleerd, is dat je een bestand op je PC altijd eerst moet uploaden voor je het in HTML kan gebruiken.

Het resultaat vind je hier.

Bert

HTML try out

Ik vond dit is een heel toffe oefening om leren HTML te gebruiken. Maar het is wel jammer dat mijn PC laad aantal Mozilla Thimble niet op. Ik heb meer gebruik gemaakt van Tryit Editor v1.7 en Codecademy. Het waren heel nuttig om eerst Codecademy te gebruiken en beetje experimenteren in Tryit Editor bij wat je hebt bij geleerd. Natuurlijk heb ik Webmonkey gelezen voor algemene kennis op te frissen want er staat heel eenvoudig in en gemakkelijk de basis van HTML terug te vinden en het gaat heel vlot om alle over te lopen.

Project NäzeWalBrecht – Messing with HTML

Op https://thimble.webmaker.org/en-US/projects zijn een aantal HTML-projecten beschikbaar om HTML-omgevingen gewend te raken. Ik koos het project ‘Make Your own Large Animal’, en had het volgende resultaat: de NeusWalBram.

Maar de opdrachten vond ik wat beperkt, dus heb ik het wat moelijker gemaakt. Externe afbeeldingen toegevoegd, tekst doen bewegen, via tektek.org wat overlopende kleuren in mijn tekst ingevoerd, dingen gefluoresceerd, een link ingevoerd met de code <a href=”https://japancyclopedia.wordpress.com”&gt;Japancyclopedia</a> . Omdat de site niet veel fantastische adaptaties toelaat, of publiceert, heb ik het resultaat zelf verder bewerkt in Notepad ++
Eén opvallend gebrek van Notepad++, het programma dat ik gebruikte, is dat hij géén Japans kan lezen. Hij geeft het wel correct door naar het eindresultaat, maar in de editor zelf staan er gewoon vierkantjes.

Resultaat; Kopieer, plak in Notepad(++), sla op als HTML-bestand, open in browser.

<!DOCTYPE html>

<html lang=”en-gb” dir=”ltr”>
<head>
<title>Awesome Animal Builder van El Barto</title>
<meta charset=”utf-8″>
<link rel=”stylesheet” href=”https://thimble.webmaker.org/s/zoo-large/style.css”&gt;
</head>

<body>

<h1><span style=”background:yellow”>  El Largo Animalo della Barto</span></h1>

<h2>犀鯨バート</h2>

<figure>

<img src=”https://thimble.webmaker.org/s/zoo-large/rhino-tail.png”&gt;
<img src=”https://thimble.webmaker.org/s/zoo-large/whale-body.png”&gt;
<img src=”http://cahlowey.files.wordpress.com/2011/03/bart_simpsons_head_-sellers.jpg”&gt;

<figcaption><span>Le rhino-ballei-bertrand dans son habitat natural</span></figcaption>
</figure>

<h3>About the Rhinaleart</h3>

<p><font color=’#C80046′>D</font><font color=’#C80037′>e</font><font color=’#C80029′> </font><font color=’#C8001A’>N</font><font color=’#C7000A’>e</font><font color=’#C80600′>u</font><font color=’#C81600′>s</font><font color=’#C82500′>w</font><font color=’#C73200′>a</font><font color=’#C83F00′>l</font><font color=’#C84C00′>b</font><font color=’#C85800′>r</font><font color=’#C86400′>a</font><font color=’#C87100′>m</font><font color=’#C87D00′> </font><font color=’#C88A00′>i</font><font color=’#C89700′>s</font><font color=’#C7A500′> </font><font color=’#C8B300′>e</font><font color=’#C8C300′>e</font><font color=’#BBC800′>n</font><font color=’#ABC700′> </font><font color=’#9CC800′>u</font><font color=’#8DC700′>i</font><font color=’#7FC800′>t</font><font color=’#71C800′>e</font><font color=’#63C800′>r</font><font color=’#54C800′>s</font><font color=’#45C800′>t</font><font color=’#36C800′> </font><font color=’#25C700′>v</font><font color=’#14C800′>r</font><font color=’#01C800′>i</font><font color=’#00C811′>e</font><font color=’#00C823′>n</font><font color=’#00C733′>d</font><font color=’#00C843′>e</font><font color=’#00C752′>l</font><font color=’#00C860′>i</font><font color=’#00C86F’>j</font><font color=’#00C87D’>k</font><font color=’#00C88B’> </font><font color=’#00C89A’>z</font><font color=’#00C8A9′>o</font><font color=’#00C8B8′>o</font><font color=’#00C6C8′>g</font><font color=’#00B6C8′>d</font><font color=’#00A7C8′>i</font><font color=’#0099C8′>e</font><font color=’#008CC7′>r</font><font color=’#007FC7′> </font><font color=’#0072C7′>d</font><font color=’#0066C8′>a</font><font color=’#005AC7′>t</font><font color=’#004EC8′> </font><font color=’#0041C7′>l</font><font color=’#0034C8′>e</font><font color=’#0027C8′>e</font><font color=’#0018C7′>f</font><font color=’#0009C8′>t</font><font color=’#0700C8′> </font><font color=’#1700C8′>i</font><font color=’#2700C8′>n</font><font color=’#3500C8′> </font><font color=’#4400C8′>d</font><font color=’#5200C8′>e</font><font color=’#6000C8′> </font><font color=’#6E00C7′>N</font><font color=’#7D00C8′>o</font><font color=’#8C00C7′>o</font><font color=’#9C00C8′>r</font><font color=’#AD00C8′>d</font><font color=’#C000C8′>e</font><font color=’#C800BC’>l</font><font color=’#C800A9′>i</font><font color=’#C70099′>j</font><font color=’#C70089′>k</font><font color=’#C8007A’>e</font><font color=’#C7006B’> </font><font color=’#C8005D’>j</font><font color=’#C8004F’>u</font><font color=’#C80040′>n</font><font color=’#C80032′>g</font><font color=’#C70023′>l</font><font color=’#C80014′>e</font><font color=’#C80003′> </font><font color=’#C80C00′>t</font><font color=’#C71C00′>e</font><font color=’#C82A00′>n</font><font color=’#C73700′> </font><font color=’#C84400′>Z</font><font color=’#C75100′>u</font><font color=’#C85D00′>i</font><font color=’#C86900′>d</font><font color=’#C87500′>e</font><font color=’#C78200′>n</font><font color=’#C88F00′> </font><font color=’#C89C00′>v</font><font color=’#C7AA00′>a</font><font color=’#C8B900′>n</font><font color=’#C5C800′> </font><font color=’#B5C800′>N</font><font color=’#A5C800′>a</font><font color=’#96C700′>r</font><font color=’#88C800′>n</font><font color=’#79C700′>i</font><font color=’#6BC800′>a</font><font color=’#5DC800′>.</font><font color=’#4EC700′> </font><font color=’#3FC800′>H</font><font color=’#30C800′>e</font><font color=’#1FC700′>t</font><font color=’#0DC700′> </font><font color=’#00C706′>i</font><font color=’#00C818′>s</font><font color=’#00C829′> </font><font color=’#00C839′>e</font><font color=’#00C849′>e</font><font color=’#00C857′>n</font><font color=’#00C866′> </font><font color=’#00C874′>u</font><font color=’#00C882′>i</font><font color=’#00C891′>t</font><font color=’#00C89F’>e</font><font color=’#00C8AF’>r</font><font color=’#00C7BF’>s</font><font color=’#00C0C8′>t</font><font color=’#00B0C7′> </font><font color=’#00A1C8′>v</font><font color=’#0094C8′>r</font><font color=’#0087C8′>i</font><font color=’#007AC8′>e</font><font color=’#006EC8′>n</font><font color=’#0062C8′>d</font><font color=’#0055C7′>e</font><font color=’#0049C8′>l</font><font color=’#003CC7′>i</font><font color=’#002FC8′>j</font><font color=’#0021C8′>k</font><font color=’#0012C8′> </font><font color=’#0002C7′>w</font><font color=’#0D00C8′>e</font><font color=’#1D00C8′>z</font><font color=’#2C00C7′>e</font><font color=’#3B00C8′>n</font><font color=’#4900C8′> </font><font color=’#5700C7′>d</font><font color=’#6600C8′>a</font><font color=’#7400C8′>t</font><font color=’#8300C8′> </font><font color=’#9200C7′>z</font><font color=’#A300C7′>i</font><font color=’#B400C7′>c</font><font color=’#C700C8′>h</font><font color=’#C800B4′> </font><font color=’#C800A3′>v</font><font color=’#C80092′>o</font><font color=’#C80083′>e</font><font color=’#C80074′>d</font><font color=’#C80066′>t</font><font color=’#C80057′> </font><font color=’#C80049′>o</font><font color=’#C8003B’>p</font><font color=’#C8002C’> </font><font color=’#C8001D’>p</font><font color=’#C8000D’>i</font><font color=’#C80200′>z</font><font color=’#C81200′>z</font><font color=’#C82100′>a</font><font color=’#C72F00′>,</font><font color=’#C83C00′> </font><font color=’#C74900′>s</font><font color=’#C85500′>t</font><font color=’#C86200′>e</font><font color=’#C86E00′>a</font><font color=’#C77A00′>k</font><font color=’#C88700′> </font><font color=’#C89400′>e</font><font color=’#C8A100′>n</font><font color=’#C8B000′> </font><font color=’#C7BF00′>w</font><font color=’#BFC800′>h</font><font color=’#AFC800′>i</font><font color=’#9FC700′>s</font><font color=’#91C800′>k</font><font color=’#82C800′>e</font><font color=’#74C800′>y</font><font color=’#66C800′>.</font><font color=’#57C800′> </font><font color=’#49C800′>B</font><font color=’#39C800′>e</font><font color=’#29C800′>n</font><font color=’#18C800′>a</font><font color=’#06C800′>d</font><font color=’#00C70D’>e</font><font color=’#00C71F’>r</font><font color=’#00C830′> </font><font color=’#00C73F’>d</font><font color=’#00C74E’>e</font><font color=’#00C85D’> </font><font color=’#00C76B’>N</font><font color=’#00C879′>e</font><font color=’#00C788′>u</font><font color=’#00C896′>s</font><font color=’#00C7A5′>w</font><font color=’#00C8B5′>a</font><font color=’#00C8C5′>l</font><font color=’#00B9C8′>b</font><font color=’#00AAC8′>r</font><font color=’#009CC8′>a</font><font color=’#008FC8′>m</font><font color=’#0082C8′> </font><strong><font color=’#0075C8′>N</font><font color=’#0069C8′>I</font><font color=’#005DC8′>E</font><font color=’#0051C8′>T</font></strong><font color=’#0044C8′> </font><font color=’#0037C8′>a</font><font color=’#002AC8′>l</font><font color=’#001CC8′>s</font><font color=’#000CC8′> </font><font color=’#0300C8′>h</font><font color=’#1400C8′>i</font><font color=’#2300C8′>j</font><font color=’#3200C8′> </font><font color=’#4000C8′>n</font><font color=’#4F00C8′>e</font><font color=’#5D00C8′>t</font><font color=’#6B00C8′> </font><font color=’#7A00C8′>u</font><font color=’#8900C8′>i</font><font color=’#9900C8′>t</font><font color=’#A900C8′> </font><font color=’#BC00C8′>b</font><font color=’#C800C0′>e</font><font color=’#C800AE’>d</font><font color=’#C8009C’> </font><font color=’#C8008C’>i</font><font color=’#C7007D’>s</font><font color=’#C8006E’>.</font><font color=’#C80060′>T</font><font color=’#C70052′>e</font><font color=’#C80044′>n</font><font color=’#C80035′>z</font><font color=’#C80027′>i</font><font color=’#C70017′>j</font><font color=’#C80007′> </font><font color=’#C70900′>h</font><font color=’#C81800′>e</font><font color=’#C72700′>t</font><font color=’#C83400′> </font><font color=’#C84100′>u</font><font color=’#C84E00′>i</font><font color=’#C75A00′>t</font><font color=’#C86600′>z</font><font color=’#C87200′>o</font><font color=’#C87F00′>n</font><font color=’#C88C00′>e</font><font color=’#C89900′>r</font><font color=’#C8A700′>l</font><font color=’#C7B600′>i</font><font color=’#C8C600′>j</font><font color=’#B8C800′>k</font><font color=’#A9C700′> </font><font color=’#9AC800′>z</font><font color=’#8BC800′>o</font><font color=’#7DC700′>n</font><font color=’#6FC800′>n</font><font color=’#60C800′>i</font><font color=’#52C800′>g</font><font color=’#43C700′> </font><font color=’#33C800′>i</font><font color=’#23C700′>j</font><font color=’#11C800′>s</font><font color=’#00C801′>j</font><font color=’#00C814′>e</font><font color=’#00C825′>s</font><font color=’#00C836′>w</font><font color=’#00C745′>e</font><font color=’#00C854′>e</font><font color=’#00C863′>r</font><font color=’#00C871′> </font><font color=’#00C77F’>i</font><font color=’#00C78D’>s</font><font color=’#00C89C’>,</font><font color=’#00C7AB’> </font><font color=’#00C8BB’>i</font><font color=’#00C3C8′>s</font><font color=’#00B3C8′> </font><font color=’#00A5C8′>h</font><font color=’#0097C8′>i</font><font color=’#008AC8′>j</font><font color=’#007DC8′> </font><font color=’#0071C7′>b</font><font color=’#0064C8′>e</font><font color=’#0058C7′>h</font><font color=’#004CC8′>o</font><font color=’#003FC7′>o</font><font color=’#0032C7′>r</font><font color=’#0025C7′>l</font><font color=’#0016C8′>i</font><font color=’#0006C8′>j</font><font color=’#0A00C8′>k</font><font color=’#1A00C7′> </font><font color=’#2900C8′>a</font><font color=’#3700C7′>g</font><font color=’#4600C7′>r</font><font color=’#5400C8′>e</font><font color=’#6200C8′>s</font><font color=’#7100C8′>s</font><font color=’#7F00C8′>i</font><font color=’#8F00C7′>e</font><font color=’#9F00C8′>f</font><font color=’#B000C8′>.</font>.</p>

<h4><marquee behavior=”alternate”>Die Unterscheidungsmerkmalen von der <a href=”http://www.whitepages.com/dir/New-York/Wulbrecht/Nancy”&gt; NäzeWalBrecht </a></marquee></h4>

<p>Der NäzeWalBrecht hat 3 speziale Unterscheidungsmerkmalen</p>
<ol>
<li>Ein gelbes Hoft</li>
<li>Keine gutten Humor</li>
<li>Hunger. Immermal Hunger</li>
</ol>

</body></html>