Project Information Design - Colombiaans Reisverhaal 3: Coffeeshop La Tienda

Dit project zet de op papier geschetste reisverhaal van meneer Jan Rothuizen over tot een digitale interactieve storytelling experience op mobiele telefonen. Dit is een demonstratief concept voor Colombiaans Reisverhaal 3: Coffeeshop La Tienda - by Jan Rothuizen

• Developed by Emre Taskopru
• Designed by Carmen, Michelle and Emre
• Story and Visuals by Jan Rothuizen

Inhoudsopgave

• Overzicht
• Installatie
• Gebruik
• Productbiografie
• Licentie

Overzicht

Dit project zet de op papier geschetste reisverhaal van meneer Jan Rothuizen over tot een digitale interactieve storytelling experience op mobiele telefonen.

De experience heeft een focus op intuitive interaction design, free exploration waardoor je geen lineair verhaal volgt en het verminderen van cognitive load door gebruik te maken van Responsive enabling". Dit hebben we bereikt door het gebruiken van een "pan & zoom" library zodat de gebruiker de schets kan exploreren en informatie kan progressief/responsief kan weergeven door op een element in te zoomen/focussen.

Dit is een demonstratief concept voor Colombiaans Reisverhaal 3: Coffeeshop La Tienda - by Jan Rothuizen

Installatie

Website maakt gebruik van Anvaka zijn Panzoom Javascript library. (CDN installed)

Handmatig downloaden en installeren

1. Ga naar de GitHub-pagina van de repository: Open je webbrowser en ga naar de Github-pagina.

2. Zoek naar de "Code" knop: Bovenaan de repository-pagina zie je een groene knop met de tekst "Code". Klik op deze knop.

3. Kies de "Download ZIP" optie: In het dropdown-menu dat verschijnt wanneer je op de "Code" knop klikt, kies je de optie "Download ZIP". Hierdoor wordt een zip-bestand van de repository gedownload naar je computer.

4. Uitpakken: Nadat het zip-bestand is gedownload, pak je het uit naar de gewenste locatie op je computer.

Nu heb je een lokale kopie van de GitHub-repository als een zip-bestand. Je kunt de inhoud ervan bekijken en bewerken zoals je dat wilt.

Instaleren met Git

Doe dit stap voor stap in je code editor zijn terminal

git clone https://github.com/EmreT58/coffeeshop-la-tienda.git
cd coffeeshop-la-tienda
npm install

Gebruik

Website is ontworpen voor mobiel maar kan ook gebruikt worden op desktop. (Op desktop kan er visuele overlap ontstaan)

Productbiografie

Link naar online productbiografie Miro Board - Productbiografie La Tienda

Bekende problemen

• Desktop versie heeft overlappende elementen
• Popups zijn niet clickable
• Slechte performance tijdens interactie met markers
• Uitzoomen tijdens interactie met markers breekt de zoom boundaries

Licentie

Dit project maakt gebruik van het werk van Jan Rothuizen. Het werk van Jan Rothuizen valt onder zijn eigen auteursrecht. Raadpleeg de specifieke licentie-informatie van Jan Rothuizen voor meer details. Als er geen specifieke licentie-informatie beschikbaar is, wordt aangenomen dat toestemming is verkregen voor het gebruik van zijn werk in dit project.