Dynamic Interfaces - OOP' je dynamic interface feature.

OOP' je dynamic interface feature.

Beschrijf in non-technische termen de werking van je dynamic interface feature.
Mijn feature is Youtube. Youtube is een website waar je gratis filmpjes kan delen en bekijken. Als je een account op Youtube hebt kan je een filmpje uploaden. Dit werkt als volgt. Je gaat naar de tab ''uploaden'' (filmpjes delen). Daar moet je de titel, beschrijving, videocategorie en labels invoeren. Zodra je dat gedaan hebt kom je op een scherm waar je de video kunt uploaden (delen). Je drukt op ''browse'' en zo kan je het filmpje dat op je computer staat uploaden (delen). Als je het filmpje hebt upgeload staat het opgeslagen op de server (plaats waar informatie word opgeslagen) van Youtube en kan iedereen (mits je dat wil) bekijken.

Gebruik deze beschrijving as requirements en uitgangssituatie voor je analyse.

Kernwoorden
Website
Filmpjes
Uploaden
Titel
Beschrijving
Videocategorie
Labels
Browse
Server
Account

Werkwoorden
Delen
Bekijken
Uploaden
Invoeren

Requirements
Filmpjes
Gebruiker
Computer
Labels
Videocategorie
Titel
Beschrijving
Server
Account

Gebaseerd op je analyse beschrijf je dynamic interface feature in een (of merdere) class diagram.

Stop Motion Inspiratie!

Momenteel zijn wij bezig met een stop motion project. Hieronder is een reclame van Sony die een stop motion filmpje hebben gemaakt. Een immens project, ze hebben hiervoor 2,5 ton klei, 40 animators, 3 weken filmen, 189 konijnen van 60 centimeter, 150 kubussen van 30 centimeter gebruikt. Geweldig!

Interaction Design - Screenplay Layout Experimentations

Voor dit vak moesten we een dialoog/script kiezen en die met verschillende lettertypes en andere typografiën bewerken. We moesten 2 layouts maken voor het dialoog. Aan eentje zaten een paar regels, en voor de andere layout waren we vrij. Uiteindelijk moest er een geprinte en website versie komen. Hieronder is het resultaat te zien.

Print layouts
Scherm layout 1
Scherm layout 2

Dynamic Interfaces - Class Diagram Koffie automaat

Hier zie je de Class Diagram van de HVA koffie automaat.

Dynamic Interfaces - Begrip: Associatie

Associatie is iets wat je bij een bepaalde gedachte hebt. En het begrip heeft in eerste opzicht niets met elkaar te maken. Heel simpel voorbeeld: Nederland = Tulpen. OOP heeft ook Associaties. Hier vallen weer 3 verschillende begrippen onder. Namelijk: Dependency, Composition, Aggregation.

Het begrip Associatie volgens Wikipedia.

Associatie is het in gedachte niet-willekeurig samenbrengen van begrippen die op zich beschouwd geen relatie hebben.

Waarom wordt bijv. Sinterklaas in een lied een kapoen genoemd? De volgende associaties kunnen een rol spelen:

• Sinterklaas is een bisschop, daarom celibatair en heeft dus geen seksuele omgang.
  → Een kapoen is een gecastreerde haan en heeft dus eveneens geen seksuele omgang.
• Sinterklaas heeft een rode tabbaard aan.
  → Een kapoentje is ook een soort lieveheersbeestje en heeft eveneens een rood "jasje" aan.

Deze associaties verklaren echter niet waarom de relatie "Sinterklaas = kapoen" er is. Hebben de vele bedenkers van het lied deze verbindingen bedacht? Waarschijnlijk niet. Door de associaties is er wel het gevoel dat "het klopt".

In de psychoanalyse wordt "vrije" associatie gevraagd aan de cliënt om inzicht te krijgen in dieperliggende motieven en ervaringen. De cliënt moet "zonder nadenken" zeggen wat hem te binnen schiet bij het horen van een naam of een begrip. Het is dan aan de therapeut om daarin een patroon of verklaring in te ontdekken.

Stage 2007

Voor SBC moeten we kort beschrijven wat we verwachten van onze stage in het volgende blok. Door wat research te doen kan ik mijn stageplaats makkelijker kiezen. Mijn eerste optie is om te kiezen voor een bedrijf dat zich bezich houd met Design, ik wil graag weten of mij dat ligt. Stel dat het mij niet ligt dan weet ik dat ook gelijk. Maar op het moment gaat mijn voorkeur uit naar Designen

Leerdoelen

-Praktijk ervaring
-Voorkeur van stroming checken (Technologie, Design, Interactie)
-Contacten maken

Doelstelling Vooral een perspectief krijgen van het vakgebied, en ervaring opdoen.

Verwachtingen
Ik verwacht dat ik ga werken aan projecten en door 'doen' dingen leren. Ik denk dat ik veel visuele designs moet maken. Misschien wel een webdesign. Ook verwacht ik dat ik in een team ga werken.

Research
Hier heb ik verschillende bedrijven gezocht die mij wel aanspreken qua vakgebied.

Informatie architectuur opdracht 2

De opdracht was om alle navigatie op de site te highlighten.

Amazon.com



imdb.com

Audio Visual Design, Stop Motion (tests)

Voor Audio Visual Design gaan wij (Erwin Rietveld, Sharon Steinfort, Edwin van Wilgenburg, Dirk de Ron) een Stop Motion film maken. We hebben eersts wat kleine tests uitgevoerd die hieronder te zien zijn. Enjoy!

Dynamic Interfaces - Youtube.com

Criteria
Een goede dynamische interface moet de gebruiker centraal houden. Het draait om de gebruiker dus moet de applicatie / site het de gebruiker zo gemakkelijk mogelijk maken. De interface moet duidelijk zijn en goed gestructureerd. Als de
gebruiker iets niet kan vinden is er duidelijk iets mis met de applicatie of site.

Applicatie / Site
Youtube.com

Over Youtube
Youtube is een website waar je gratis filmpjes kan uploaden, bekijken en delen. Ik vind Youtube een goed voorbeeld van een dynamische interface omdat alles om de gebruiker draait. De site is duidelijk gestructureerd, je kunt in een handomdraai een filmpje naar keuzen vinden.

Naam Techniek
Youtube

Metadata
http://www.youtube.com

Doelgroep
Iedereen

Samenvatting Techniek
Youtube is een website waar je gratis filmpjes kan uploaden, bekijken en delen. Ik heb ervoor gekozen omdat Youtube erg populair is en ik het zelf ook gebruik.

Doel van de techniek
Om je filmpjes aan de wereld te laten zien. Motto: YouTube, Broadcast Yourself.

Alternatieven
googlevideo, yahoovideo

Interface


1. Inlog gebruiker, overzicht
2. Hoofdindeling om filmpjes snel te kunnen vinden
3. Upload knop om gelijk te kunnen uploaden
4. De zoekfunctie
5. Videoscherm
6. Informatie over het filmpje
7. Andere filmpjes die met het onderwerp te maken hebben
8. Video taken
9. Beoordeling (rating)

Usecases
1. Gebruiker gaat naar www.youtube.com
2. Hij logged in by www.youtube.com
3. Gebruiker typt in bij ''zoeken'' Superbad trailer
4. Gebruiker krijgt een resultaten scherm
5. Gebruiker klikt op het eerste resultaat
6. Gebruiker bekijkt het filmpje
7. Gebruiker geeft een beoordeling
8. Gebruiker schrijft een comment
9. Gebruiker sluit browser

Technische Omschrijving

Randvoorwaarden
Je moet zijn ingelogd om zelf filmpjes te uploaden

Werking
Als je een account op youtube hebt kan je een filmpje uploaden. Dit werkt als volgt. Je gaat naar de tab ''uploaden''. Daar moet je de titel, beschrijving, videocategorie en labels invoeren. Zodra je dat gedaan hebt kom je op een scherm waar je de video kunt uploaden. Je drukt op ''browse'' en zo kan je het filmpje dat op je computer staat uploaden. Als je het filmpje hebt upgeload staat het opgeslagen op de server van Youtube en kan iedereen (mits je dat wil) bekijken.

Technische specs/ kengetallen
-

Gerelateerde technieken
Het uploaden van een filmpje naar een server.

Dynamic Interfaces - Case study: Koffie Automaat van de HvA

Werking van de koffie automaat ?
Wanneer een student iets warms wil drinken kan hij naar de koffie automaat gaan in de HVA.
Bij de koffie automaat kan je uit verschillende drankjes kiezen. Zodra de gebruiker een drankje heeft uitgekozen drukt hij met zijn vinger op het nummer dat bij de drank hoort. Dan vraagt de automaat om zijn HVA-pas. Zodra de pas is ingevoerd drukt hij op start om het saldo van de gebruiker te checken. Als hij genoeg saldo op zijn pasje heeft staan maakt de koffie automaat het drankje. Als de student het pasje uit de automaat vergeet te halen begint de automaat te piepen totdat het pasje uit de automaat is.

Requirements
-Er moet drank (water, thee, koffie etc.) in het apparaat zitten
-Er moet stroom zijn
-HVA-pasje (genoeg saldo)
-Gebruiker
-Display (touchscreen)
-Nummers 1,2,3,4,5,6,7,8.9
-Start knop
-Herstel knop
-Taal knop

Use Case
1. Student loopt naar de koffie automaat.
2. Drukt op 3 (cappucino).
3. Student krijgt een nieuw menu waar hij kan kiezen uit cappucino zonder suiker (nummer 1) of cappucino met suiker (nummer 2).
4. Student drukt op knop 2 (cappucino met suiker).
5. Koffie automaat vraagt om de pas in te voeren.
6. Student voert pas in en drukt op start om de handeling te starten.
7. Apparaat checkt of er genoeg saldo op de HVA-pas staat.
8. Als er genoeg saldo op de HVA-pas staat begint het apparaat met het maken van de cappucino en komt er een piepje dat de HVA-pas er nog steeds inzit.
9. Student haalt de cappucino uit de koffie automaat.

Collaborations (CRC)

Class name: Gebruiker
Responsibilities:
-HVA-pasje (met genoeg saldo)
-Kiest nummer
-Kiest start/herstel
-Kiest taal
Collaborators: Koffie automaat

Class name: Koffie automaat
Responsibilities:
-Keuze mogelijkheden
-Piept als HVA-pas erin blijft zitten
-HVA-pas saldo controle
Collaborators: Gebruiker

Informatie Architectuur opdracht 1

Informatie architectuur is de ontzichtbare structuur die het mogelijk en gemakkelijk maakt om je weg te vinden in een informatievoorziening zoals websites en bibliotheken. Met de volgende opdracht gaan we kijken hoe het zit met de site amazon.com en imbdb.com.

Amazon.com "Browse" manier, ''zoek de laatste film van de regisseur van Pulp Fiction op DVD''

Omdat we moeten browsen mag je niets intypen. Daarom gebruik ik het menu aan de linkerkant en selecteer "movies & tv''

Dan komen we uit op dit scherm, hier staan de nieuwste films. Aan de linkerkant zie je het menu ''Browse by title''. Daar klikken wij op ''P'' van Pulp Fiction.

Hier zie je de Pulp Fiction DVD.

Dit is het resultaat als je op Pulp Fiction klikt.


Als we dan we dan wat naar benenden scrollen zien we uiteindelijk de regisseur.

En dan hier het uiteindelijke resultaat van de zoektocht.

Nu gaan we precies dezelfde zoektocht doen alleen dan met de ''zoek'' manier.

Bij ''search'' voeren wij in ''Pulp Fiction''. Dat is onze eerste stap.

Dan klikken wij op de regisseur van Pulp Fiction (Quentin Tarantino)

Maar op de eerste pagina zien we al snel dat het niet het werk is wat hij heeft geregiseerd maar geacteerd. Dus kijken wij even verder.

En krijgen wij hetzelfde resultaat als met de ''browse'' manier.

Imdb.com "Browse'' manier, ''zoek de laatste film van de regisseur van Pulp Fiction op DVD''


Om Pulp Fiction snel te vinden klikken wij op ''top movies''


Dit is het resultaat van de ''top movies''. Linksboven zie je ''IMDB Top 250" daar klikten wij op.


Hier zie je de top 250 films van IMDB. Op nummer 5 zien wij Pulp Fiction staan.


Als wij op Pulp Fiction klikken krijgen wij dit te zien. Hier zien we al snel staan "director''.


Als wij op Quentin Tarantino hebben geklikt krijgen wij dit scherm met de films die hij heeft gemaakt en nog gaat maken.

Net als bij Amazon.com gaan we precies hetzelfde doen alleen dan met de ''zoek'' manier.


We typen bij search ''Pulp Fiction'' in.


Dit is het resultaat. We klikken op de film Pulp Fiction.


Hier zie je dan info over Pulp Fiction.


Nadat we op Quentin Tarantino hebben geklikt zien we wat informatie over hem.


En uiteindelijk het resultaat!

Amazon.com "Browse" manier, ''Zoek de nieuwste Japanse Science Fiction film''


Omdat we moeten browsen mag je niets intypen. Daarom gebruik ik het menu aan de linkerkant en selecteer "movies & tv''

Omdat we willen selecteren op genres klikken we op browse genre.


We zoeken een Japanse Science Fiction film dus klikken op Science Fiction & Fantasy.


Je kan niet selecteren op land dus dit is het resultaat.

Nu gaan we precies dezelfde zoektocht doen alleen dan met de ''zoek'' manier.


Hier gebruiken de uitgebreide search functie van Amazon.com. En selecteren we dat we Science Fiction & Fantasy en Japanse films zoeken.


Hier sorteren we het op release datum.


En uiteindelijk het resultaat.

IMDB.com "Browse" manier, ''Zoek de nieuwste Japanse Science Fiction film''


Hier klikken wij op Films & More zodat we kunnen kiezen uit verschillende films.


Selecteren we Sci-Fi.


Dan klikken wij links op ''by language'' zodat we op taal kunnen selecteren.


Hier klikken we op Japanese.


En het resultaat.

Nu gaan we precies dezelfde zoektocht doen alleen dan met de ''zoek'' manier.


Hier klikken we op ''more'' voor de uitgebreide zoekfunctie.


Bij ''recent releases'' selecteren wij Japan.


Hier het resultaat, helaas kan je niet op datum (jaar) selecteren, dus alles staat door elkaar.

Gemaakt door Thijs Luijf en Dirk de Ron.