2014

Hanzehogeschool
Groningen

Onderwijseenheid 2.3
Human Technology &
ICT

Docent: Martin Specken

Student: Hut JT, Jeroen

Datum: 23-01-2014
[2.3 HUMAN TECHNOLOGY
& ICT]
Dit verslag bestaat uit vier afzonderlijke delen. Deel A, Deel B, Deel C & Deel D. In elk
onderdeel wordt een ander aspect van deze onderwijseenheid behandeld. Deel A Is
Analyseren van een Interface. Deel B gaat over het analyseren van data. Deel C gaat
over grafisch vormgeving. En deel D gaat over de geschiedenis van het Mechanisme
van Antikythera


Inhoudsopgave
Deel A .............................................................................................................................................................. 2
Fresh Gadgets .............................................................................................................................................. 2
Screenshot van de website ........................................................................................................................ 2
Spotify App (iPad) ......................................................................................................................................... 6
Aspect van gebruikskwaliteit ......................................................................................................................... 8
Deel B ............................................................................................................................................................ 10
Website met Formulier ................................................................................................................................ 10
App met Formulier ....................................................................................................................................... 11
Deel C ............................................................................................................................................................ 12
FedEx.......................................................................................................................................................... 12
Ikea ............................................................................................................................................................. 12
Volkswagen ................................................................................................................................................. 13
Coolblue ...................................................................................................................................................... 13
iCloud .......................................................................................................................................................... 14
Deel D ............................................................................................................................................................ 15
Mechanisme van Antikythera ...................................................................................................................... 15
Introductie ................................................................................................................................................... 15
Geschiedenis .............................................................................................................................................. 15
De ontdekking .......................................................................................................................................... 15
Werking ....................................................................................................................................................... 16
Systeem .................................................................................................................................................. 16
Referenties .................................................................................................................................................... 17
Deel A: ........................................................................................................................................................ 17
Deel B: ........................................................................................................................................................ 17
Deel C ......................................................................................................................................................... 17
Deel D ......................................................................................................................................................... 17









Deel A
Fresh Gadgets
Screenshot van de website









Sectie Eigenschappen Beschrijving Gebruiksvriendelijkheid
1 Logo Achtergrondkleur: R=0,G=22,B=53 De achtergrondkleur van het Logo +
Sectie 1: Hoogte: 54px De hoogte van het woord Fresh +
Sectie 1: Breedte: 123 px De breedte van het woord Fresh +
Sectie 2: Hoogte: 54px De hoogte van het woord Gadget +
Sectie 2: Breedte: 191px De breedte van het woord Gadget +
Sectie 1 + 2: Hoogte: 54px De hoogte van het complete logo +
Sectie 1 + 2: Breedte: 314px De breedte van het complete logo +
2A - Menubar Achtergrondkleur: R=0,G=22,B=53 De achtergrondkleur van de Menubar ++
Sectie: Hoogte: 33px De hoogte van menubar -
Sectie: Breedte: 970 px De breedte van menubar +
2B Sectie 1-9: Hoogte: 33px De hoogte van menuknoppen 1-9 -
Sectie 1-9: Breedte: 18px De breedte van menuknoppen 1-9 -
Sectie 10: Hoogte: 51px De hoogte van zoekveld +
Sectie 10: Breedte: 18px De breedte van zoekveld +
text-align: center Tekst Sortering ++
line-height: 1.55 Lijnhoogte van de Tekst +
color: #464242 Tekstkleur ++
font-family: 'Lora', Georgia,
Cambria, "Times New Roman", Times, serif
Lettertypes ++
font-size: 19px Tekstgrote +
letter-spacing: 0px ++
text-transform: uppercase Tekst automatisch in Kapitaal ++
3- Titel Artikel Achtergrondkleur: background:
R=255,G=255,B=255
De achtergrondkleur van de Titel van het
1
e
artikel
+
Sectie: Hoogte: 33px De hoogte van menubar -
Sectie: Breedte: 970 px De breedte van menubar +
font-family: raleway,sans-serif Letter Familie ++
font-size: 30px Letter Grote -
line-height: 2.3em Lijnhoogte van de Tekst +
color: #2d2f30 Kleur van de Tekst ++
font-weight: bold ++
text-align: left Tekst sortering ++
etter-spacing: -0.02px Ruimte tussen de individuele letters ++
margin: 7px auto 19px +
max-width: 700px Maximale Breedte van de Tekst +
4 Populair background: #ffffff De achtergrondkleur van de sectie +
font-size: 15px Letter Grote ++
margin-bottom: 60px Marge voor knop +
border-bottom: 3px solid Marge voor knop +
color: #464242; Tekstkleur ++
font-family: 'Lora', Georgia, Cambria, "Times New
Roman", Times, serif
Lettertypes ++
line-height: 1.6 Lijnhoogte van de Tekst +
font-weight: bold +
Sectie: Hoogte: 303px De hoogte van de sectie ++
Sectie: Breedte: 3011 px De breedte van de sectie ++
5 - Sociale
Media
background: #ffffff De achtergrondkleur van de sectie ++
font-size: 26px Letter Grote ++
margin-bottom: 60px Marge voor knop +
border-bottom: 3px solid Marge voor knop +
color: #2d2f30; Tekstkleur ++
font-family: 'Lora', Georgia, Cambria, "Times New
Roman", Times, serif
Lettertypes ++
line-height: 1.6 Lijnhoogte van de Tekst +
font-weight: bold ++
Sectie: Hoogte: 303px De hoogte van de sectie +
Sectie: Breedte: 135 px De breedte van de sectie +
Aspect van
gebruikskwalitei
Oordeel in Woorden Cijfer


t oordel
Kunnen
Bruikbaar
- Deze site is een goed middel om snel al het nieuws te horen over
de nieuwste en leukste gadgets en technologie. Daarom is de
website voor gebruiker bruikbaar als hij of zij daarvan op de hoogte
wil blijven.

Toegankelijk
- Deze website is vrij en gratis te benadren via het internet. Dus
overal waar de gebruiker internet heeft kan hij of zij de website
benaderen.

- De site mist een toegangelijksheids optie voor slechtzienden en
blinden.

-Ook bevat de artiekelen op de website weinig tot geen vaktermen
waardoor nagenoeg alle gebruikers de artikelen kunnen begrijpen.
7
Comfortabel
- De site is comfortabel om te gebruiken omdat er geen grote
contrasten word gebruikt in kleuren, vormen of hoeveelheden. De
letters en figuren hebben goed contrast met de achtergrond. Er
worden weinig verschillende lettertypes gehanteerd en alle letters
worden in donkergrijs getoond.
9
Eenvoudig
- De websites is eenvoudig te gebruiken omdat het belangrijkste
gelijk op de hoofpagina te vinden is. Alle artikelen op
chronologische volgorde.

- Ook zijn alle catogorieen handig ingedeeld in de menutab. Als de
gebruiker alleen maar nieuws wil zien over een specifiek
onderwerp kan hij die genakkelijk vinden.

8
Kennen
Begrijpelijk
- De website is gemakkelijk te begrijpen voor de gebruiker. Dat
komt omdat de website ingedleed is in simpele vierkante blokken
met licht contrast op de achtergrond.
- Ook zijn belangrijke en minder belangrijke secties makkelijk van
elkaar te onderschijden. Als de gebruiker het doel heeft om
artikelen te komen lezen zal hem de onbelangrijke vakken hem
niet eens opvallen.
8
Herkenbaar
- De website is herkenbaar voor degenen die het internet geregeld
gebruiken. Dat komt omdat de website vrij universele website
designprincipes gebruikt. De gebruiker heoft niet te wennen aan
nieuwe methoden of technieken.
8
Leerbaar
- De mate van inspanning die het van de gebruiker vraagt om
nieuwe elementen van de website te leren is zeer gering. De
website heeft weinig tot geen elementen die uniek zijn aan de
bettreffende website.
9,5
Vindbaar
Het betreffende artikel:

http://freshgadgets.nl/p
ebble-aria-speaker-en-
externe-accu-ineen
- De betreffende website is vrij gemakkelijk te vinden in de grootste
zoekmachines. Laten we een klein mini onderzoekeje uitvoeren hoe
goed freshgagets vindbaar is. De onderzoeker gaat uitzoeken hoe
goed vindbaar de artikelen van Freshgagets zijn in de drie grootste
zoekmachines op dit moment, namelijk: Google, Bing & Yahoo. We
nemen voor ons onderzoek het artikel over de Pebble Aria.

Als we Google gebruiken en zoeken op de term Pebble Aria
verschijnt het artikel van Freshgadgets op nummer 3.
7,5



Als we Bing gebruiken en zoeken op de term Pebble Aria is het
betreffende artikel onvindbaar.

Als we Yahoo gebruiken en zoeken op de term Pebble Aria is het
betreffende artikel onvindbaar.

Conclusie: Na meer research is de conclusie dat de website door
Google erg goed te vinden, in andere zoekmachines niet, maar het
overgrote gedeelte van de gebruikers zal naar verwachting Google
gebruiken om nieuws te vinden.


Willen
Nuttig
- Nuttig: De mate waarin het productgebruik bijdraagd aan het
behalen van het beooogde doel dat de gebuiker wil bereiken. Het
beoogde doel van de gebruiker is nieuws verzamelen en op de
hoogte zijjn van het laatste nieuws op gebied van gadgets en
andere technologie. De website slaagt daaarin zeer uitmunten
omdat de website erg goed slaagt in het vervullen van het doel van
de gebruiker.
-Deze betereffende site is niet nuttig voor gebruikers die
uitgebreidere informatie willen hebben op de nieuwsfeiten. Er
worden bijna nooit referenties genoemt op de website wat het voor
die gebruiker lastig maakt.
7
Wenselijk
- De site is wenselijk voor de gebruikers die naar informatie zoeken
over Gadget en technologie nieuws. Gebruikers die niet naar dat
soort informatie zoeken is de website niet wenselijk.
7,5
Waardevol
- De website kan erg veel waarde toevoegen aan het leven van de
gebruiker. Door zijn of haar leven te verijken met de informatie
waar de gebruiker na op zoek is te geven. De gebruiker zijn of
haar behoeftes worden vervult.
9
Leuk
De mate van plezier voor gebruiker is erg groot, zeker als de
gebruiker de artiekeln leest van de subcatogorie Humor. In die
catogorie staan vaak opmerkelijke of grappige
nieuwsgebeurtenissen beschreven. Vaak inclusief een
bijbehoordend filmpje. Ook de overige artiekelen zijn vaak los
geschreven en zijn makkelijk te begrijpen waardoor het voor de
gebruiker een plezier is om de artikelen te lezen.
8


Spotify App (iPad)

Stippellijnen: Secties ; Solide Strepen: Element
















Sectie Eigenschappen Beschrijving Gebruiks-
vriendelijkheid
1 Hamburgermenu
Losse elementen 160px hoog Breedte van de individuele elementen ++
Losse elementen 160px breed Hoogte van de individuele elementen ++
Lettergrote: 12p De lettergrote van de elementen +
Icoonhoogte: 75px De hoogte van de iconen ++
Icoonbreedte: 75px De breedte van de iconen ++
Sectiebreedte: 160px De breedte van de sectie +
Sectiehoogte: 1.500px De hoogte van de sectie ++
Achtergrondkleur sectie: R39,G39,B39 De achtergrondkleur van de sectie +
Kleur iconen: R151,G151,B151 De kleur die de iconen hebben in deze sectie +
Kleur gebruikte tekst: R159,G159,B159 De kleur die de letters hebben in de elementen +
2 Afspeelijst menu
Afspeellijst menu item: 185px hoog Breedte van de individuele elementen ++
Afspeellijst menu item: 160px breed Hoogte van de individuele elementen ++
Afspeellijst Lettergrote: 18px De lettergrote van de letters van de naam van de
afspeelijst
+
Lettergrote: 12p De lettergrote van de letters van het aantal liedjes
in de afspeelijst

Albumart hoogte: 150px De hoogte van het Album Art ++
Albumart breedte: 150px De breedte van het Album Art ++
Sectiebreedte: 940px De breedte van de sectie +
Sectiehoogte: 1.500px De hoogte van de sectie ++
Achtergrondkleur sectie: R237,G236,B234 De achtergrondkleur van de sectie +
Kleur iconen: R151,G151,B151 De kleur die de iconen hebben in deze sectie +
Kleur gebruikte Afspeellijst tekst: Zwart De kleur die de letters hebben in de items in
Afspeellijst
+
Kleur hoeveelheid nummers in
Afspeellijst tekst: R159,G159,B159
De kleur die de letters hebben in de items in
Afspeellijst
+
3 - Liedjes in Afspeellijst
Lied item: 100px hoog Breedte van item lied ++
Lied item: 870px breed Hoogte van item lied ++
Lied Lettergrote: 14p De lettergrote van de letters van de Titel van het
Lied
+
Artiest Lettergroote: 12p De lettergrote van de letters van de artiest van
lied

Lied tijdsduur Lettergrote: 18px De lettergrote van de letters van de Titel van het
Lied
++
Albumart breedte: 150px De breedte van het Album Art ++
Downloaden Icoon breedte: 50px De breedte van het icoon voor downloaden +
Downloaden Icoon hoogte: 50px De hoogte van het icoon voor downloaden ++
Achtergrondkleur sectie: R236,G236,B236 De achtergrondkleur van de sectie +
Kleur iconen: R121,G181,B5 De kleur die de iconen hebben in deze sectie +
Kleur tekst Lied item: Zwart De kleur die de letter hebben in item lied +
Kleur tekst artiest item:
R126,G126,B126
De kleur die de letter hebben in item artiest +
Kleur tekst lied tijdsduur item:
R184,G184,B184
De kleur die de letter hebben in item lied tijdsduur -
4 - Album art
Sectiebreedte: 950px De breedte van de sectie +/-
Sectiehoogte: 950px De hoogte van de sectie +/-
Item playknop breedte: 225px De breedte van het item playknop +
Item playknop hoogte: 225px De hoogte van het item playknop +



Aspect van gebruikskwaliteit

Aspect van
gebruikskwalitei
t
Oordeel in Woorden Cijfer
oordel
Kunnen
Bruikbaar
- Deze app is een goed middel om muziek te luisteren en te ordenen.
Omdat dat zo makkelijk is, is deze app een goed middel om muziek te
luisteren. Als de gebruiker muziek wil luisteren is deze app goed
bruikbaar.

9
Toegankelijk
-Deze app is vrij en gratis te benadren zodra hj gedownload is. Dus
zodra de gebruiker de app heeft gedownaload kan hij of zij de app
altijd en overal benaderen.

- De app mist een toegangelijksheids optie voor slechtzienden en
blinden.

8
Comfortabel
- De app is comfortabel om te gebruiken omdat er geen grote
contrasten word gebruikt in kleuren, vormen of hoeveelheden. De
letters en figuren hebben goed contrast met de achtergrond. Ook
worden er weinig verschillende lettertypes gehanteerd.

-Ook wordt alle muziek vanaf internet gestreamed en daardoor geen
ruimte inneemt op je telefoon. Wat voor de gebruiker handig is. Dat is
handig voor de gebruiker omdat de telefoons en tablets van
tegenwoordig meestal vol staan met andere data.

8
Eenvudig
- De App is eenvoudig te gebruiken omdat het belangrijkste gelijk op
de hoofpagina te vinden is. Namelijk alle afspeellijsten die je hebt
gemaakt.

- Ook zijn alle andere opties zijn handig ingedeeld in de
hamburgermenu .


7
Kennen
Begrijpelijk
- De website is gemakkelijk te begrijpen voor de gebruiker. Dat komt
omdat de website ingedleed is in simpele vierkante blokken met licht
contrast op de achtergrond.
- Ook zijn belangrijke en minder belangrijke secties makkelijk van
elkaar te onderschijden. Als de gebruiker het doel heeft om muziek te
komen luisteren zal de voor hem onbelangrijke items hem niet eens
opvallen.
9
Herkenbaar - De website is herkenbaar voor degenen die een smartphone geregeld
gebruiken. Dat komt omdat de App vrij universele App designprincipes
gebruikt. De gebruiker heoft niet te wennen aan nieuwe methoden of
7


technieken.
Leerbaar - De mate van inspanning die het van de gebruiker vraagt om nieuwe
elementen van de app te leren is zeer gering. De App heeft weinig tot
geen elementen die uniek zijn aan de bettreffende App.
9,5
Vindbaar

- Deze app staat altijd steenvast in de top 25 meest gedownloade apps in
de App Store. Daarodoor kan hij gemakkelijk gevonden worden door
nieuwe gebruikers. - - Omdat de App via het internet gedownload moet
worden is de gebruiker wel afhanjklijk van een internetverbding om de app
te kunnden vinden.

7,5
Willen
Nuttig - Nuttig: De mate waarin het productgebruik bijdraagd aan het behalen
van het beooogde doel dat de gebuiker wil bereiken. Als het beoogde
doel van de gebruiker is om muziek luisteren en ordenen. De app
slaagt daaarin zeer uitmunten omdat de App er erg goed slaagt in het
vervullen van het doel van de gebruiker.
8
Wenselijk - De site is wenselijk voor de gebruikers die muziek willen luisteren en
ordenen. Voor gebruikers die niet muziek willen luisteren of ordenen is
deze app niet wenselijk.
7,5
Waardevol - De app kan erg veel waarde toevoegen aan het leven van de
gebruiker. Door zijn of haar leven te verijken met de mogelijkheid om
zodra hij of zij een internetverbdingin heeft in staat te stellen muziek te
luisteren. De app kan de gebruiker zijn of haar behoeftes goed
vervullen.
9
Leuk - De mate van plezier voor gebruiker is erg groot, omdat muziek maken
of luisteren iets is wat door elk mens op deze wereld gedaan wordt.
Door muziek te luisteren zal de gebruiker zich spontaan vrolijker en
opgelaten voelen. En deze app stelt de gebruiker in staat om dat te
doen.
8









Deel B
Website met Formulier
https://www.coolblue.nl/registreren

Veldnaam of Gestelde
Vraag
Soort
Component
Eigenschappen Invoer
vereist?
E-Mail adres Invoervak -Verplicht @ teken Ja
Wachtwoord Invoervak -Minimaal 6 tekens
-Geen Spaties
Ja
Wachtwoord bevestigen Invoervak -Moet overeenkomen met eerder ingevoerd
wachtwoord
Ja
Type bestelling Keuzerondje -Verplichte keuze tussen Particulier en Zakelijk Nee
Naam Invoervak Voornaam, Tussenvoegsel, Achternaam
-Voornaam: Maximaal 40 karakters
-Voornaam: Alleen letters
-Tussenvoegsel: Maximaal 15 karakters
-Tussenvoegsel: Alleen letters
-Achternaam: Maximaal 40 karakters
-Achternaam: Alleen letters
Nee
Postcode Invoervak -Exact 4 cijfers en 2 letters
-Geen Spaties
Nee
Huisnummer Invoervak 1
e
invoervak: Alleen cijfers
1
e
invoervak: Maximaal 100 tekens
2
e
invoervak: Alleen letters
2
e
invoervak: Maximaal 100 tekens
Nee
Land Label -Niet manipuleerbaar door gebruiker.
-Enige optie is Nederland
Nee
Telefoonnummer Invoervak -Alleen cijfers
-Exact 10 cijfers
Nee
Alternatief
Telefoonnummer
Invoervak -Alleen cijfers
-Exact 10 cijfers
Nee
Geboorte Datum Select Box -Dag, Maand, Jaar Nee
Nieuwsbrief Checkbox -Keuze tussen Ja en Nee Nee
Registratie Knop -Controleert of de verplichte velden naar behoren zijn
ingevuld en of de verplichte velden zijn ingevuld.
Ja


App met Formulier

Veldnaam of Gestelde
Vraag
Soort
Component
Eigenschappen Invoer
vereist?
Apple ID Keuzerondje -Use an existing email adress
-Get a Free @me.com email adress
Ja
E-mail adress Invoervak -Minimaal 3 tekens Ja
First Name Invoervak -Voornaam Ja
Last Name Invoervak -Achternaam Ja
Password Invoervak -Minimaal 8 karakters
-Minimaal 1 cijfer
-Minimaal 1 hoofdletter
-Minimaal 1 kleine letter
Ja
Verify Invoervak -Moet overeenkomen met eerder ingevoerd
wachtwoord
Ja








Deel C
FedEx
Ik heb voor de Website van FedEx gekozen omdat in het logo Fedex
een mooi stuk typografie is verwerkt. Iets waar wij tijdens de lessen
van grafisch vormgeving aandacht aan hebben besteed. De ruimte
tussen de letters van de E en de X maakt een pijl. Omdat FedEx een
bedrijf is wat zich bezig houd met het verzenden en trasporteren van
goederen is een pijl in het logo van FedEx natuurlijk erg toepasselijk.
Ook onthou je het logo erg goed omdat je de pijl niet ziet totdat je het
een keer verteld word, en daarna zie je de pijl voor altijd. Een erg
sterk logo vind ik zelf.
Ook zit er in het logo van fedex een kleurcontrast, namelijk
een warm koud contrast. Het warme Ex steekt erg af tegen
het blauwe Fed waardoor het logo op grote afstand gelijk te
herkennen valt. Vergelijkt uw het orginele logo maar eens
tegen het logo wat ik zwart wit heb gemaakt in Adobe
Photoshop. Het orginele logo springt veel meer naar voren
dan de zwart wit variant. Een sterk voorbeeld van wat
kleurcontrasten kunnen doen.

Ikea
Een ander goed voorbeeld van een kleurcotrast is het logo
en de website van Ikea. Het blawe in het logo van Ikea
steekt sterk af tegen de gele ovaal waar de naam Ikea in
staat geschreven. Ook de website gebruikt dat contrast, op
de website zelf zal u veel de kleuren blauw en geel
tegenkomen als onderdeel van de huistijl.
Maar, valt u nog wat anders op aan het lettertype dat is
gebruikt om de naam Ikea mee te schrijven in het logo? Het
is namelijk een schreeflettertype. Een schreef is een
onderdeel van een lettertype. Er bestaan lettertypen zonder
schreef (sans serif) en lettertypen met schreef (serif). Zonder
schreef zijn onder meer Arial, Helvetica en Verdana
populair. Bekende lettertypes met schreef zijn Times New
Roman, Paladino en Georgia. De tekst van dit verslag is
geschreven in Myriad Pro. Een schreef maakt een lange
tekst rustiger voor de ogen omdat de schreven de ogen van de lezer
begeleiden over de regel. Maar bij Op een computerbeeldscherm wordt vaak
vooral gebruik gemaakt van schreefloze lettertypen. Omdat het beeld op een
scherm bestaat uit een aantal puntjes wordt een lettertype in een kleine
grootte (bijvoorbeeld 8 op 9 punten hoog) snel erg onduidelijk. De schreven
storen hierbij.
Een ander onderwerp wat we met grafische vormgeving hebben behandeld is een tekst links, centraal, of
recchts uitlijnen. De tekst over FedEx is een voorbeeld van een tekst die links uitgelijnd is. De meeste
webpaginas en andere teksten zijn links uitgelijnd. Gedichten daarintegen woorden meestal centraal


uitgelijnd. De tekst die u nu aan het
lezen bent is een voorbeeld van
een tekst die rechts uitgelijnd is.

Volkswagen
Verder hebben wij het bij grafisch
vormgeving gehad over vormen.
Driehoeken, vierkanten en rondjes zijn
daarovoorbeelden van. Op de website en
het logo van Volkswagen zie je veel van
die vormen terug. Als eerst zie je dat de
website is opgedeeld in verschillende
vierkanten vlakken. In die vierkante
vlakken staat extra informatie aangegeven
in rondjes. Wat een sterk vormcontrast
vormt met de vierkante vormen. Waardoor
het voor de bezoeker van de website snel
duidelijk word wat hoofd en bijzaak is. Erg
slim gedaan vind ik zelf van volkswagen.
Een ander contrast wat men op de
website kan vinden is een kleurcontrast.
Rechtsboven vallen de oranje gekleurde cirkels erg op tegen de Als we naar de historie van Volkswagen
logos kijken valt je gelijk op dat Volkwagen elke vorm van vormcontrast heeft gebruikt in de loop van de jaren.
Driehoek tegen Vierkant, Driehoek tegen Ronde en Vierkant tegen Rond. In het huidige zit een rond driehoek
contrast in. De scherpe punten van de W tegen de rond vorm van het Logo. Een driehoek tegen vierkant
contrast kan men vinden in het logo uit 1960. De scherpe punten van de W steken af tegen de vierkante vorm
van het kader erom heen. Het overgebleven contrast kan men ook vinden in het logo van 1960. De ronde
vorm van het binnenste logo steekt af tegen
de vierkante kader erom heen.
Coolblue
De website van cooblue is een voorbeeld van
een websites waarin veel met verschillende
lettergroottes word gewerkt. De maat waarin
letttergroottes word aangeduid heet de Punt.
De punt hebben we uitgebrijd behandeld
tijdens onze grafisch vormgeving lessen. Een
punt is ongeveer 0,375 mm groot, oftwel 8
punten is ongeveer 3 mm. En om helemaal
precies te zijn: 798 punt is 300 mm. Dus 1 mm
staat gelijk aan 2,66 punt. De grootte van de
letter wordt korps genoemd, dit is de afstand
(ruimte tussen) de onderkant van een
staartlettter (zoals de j) en de bovenkant van
een stokletter (zoals de f). Als vuistregel geldt
dat de 4 de hoogte in mm van de stokletter, de hoogte in punten van het lettertype is. Ook in deze
website wordt het warm koud contrast gebruikt. Het warm koud contrast komt doordat de kleuren die in
een kleurencirkel vlak bij rood liggen als warm worden gezien. De andere kleuren, de kleuren die bij
blauw in de burut zitten, worden over als koude kleuren gezien. Door een warme en een koude kleur te
kiezen bij het ontwerpen van een website ontstaat gelijk een sterk contrast tussen beide kleuren.


iCloud
De website van iCloud is een
goed voorbeeld van een website
met een centrale compositie.
Een compositie zorgt ervoor dat
er een duidelijke richting in een
website zit. Denk aan een
horizontale, verticale, diagonale
of zoals op deze website is
gebruikt een centrale
compositie. Alle informatie die
voor de gebruiker belangrijk is
kan de gebruiker in het midden
van de website vinden. We
spreken over een centrale
compositie als er een centraal punt te vinden is waar alle objecten zich omheen bevinden. Bij deze website
valt dat erg goed te zien. Verder zijn er op de website weinig verschillende kleuren gebruikt waardoor de
website in gebruik erg rustig oogt. Het logo is erg simpel ontworpen, het straalt rust en eenvoud uit. Het
representeert een wolk, ze hebben een wolk als logo gedaan omdat de website iCloud heet. En Cloud in het
Engels wolk betekend. Ze hebben de naam iCloud gekozen omdat als jij data op een externe server bewaard,
je als gebruiker daar altijd bij kan als een soort van wolk die boven je zweeft. Het gebruikte lettertype op de
website is HelveticaNue. Helvetica is in 1957 ontworpen door Max Miedinger en Eduard Hoffman. De naam
stamt af van het woord Helvetia, de Romeinse naam voor Zwitserland. Helvetica word vaak gebruikt op
verkeersborden, logos en bankbiljetten. Ook is Helvetica een schreefloos lettertype wat in gebruik met grote
stukken tekst vaak erg fijn is.

















Deel D
Mechanisme van Antikythera
Introductie
Het mechanisme van Antikythera is n van de eerste analoge computers, en is rond 87 na christus voor het
eerst gemaakt. Hij bestaat uit verschillende lagen gegraveerde platen en tandwielen. We verwachten dat het
doel van het instrument was om informatie te geven over de stand van de zon, de maan en de vijf planeten
die toen bekend waren: Mercurius, Venus, Mars, Jupiter en Saturnus. Een
wijzer gaf de maanfasen weer, een andere wijzer gaf informatie over de
opkomst en ondergang van helderste sterren.

Het mechanisme van Antikythera moest wel elke dag opnieuw gekalibreerd
worden omdat ze nog geen elektriciteit of stoommachines in die tijd kenden.
Naar schatting bestond het mechanisme uit circa 38 verschillende
tandwielen, van waar er nog een hoop nog niet van gevonden zijn. Voor het
bepalen en nabouwen van de werking hebben wetenschappers dan ook
schattingen over de complexiteit van het instrument moeten maken.
Desondanks staat vast dat het Mechanisme van Antikythera gedurende
meer dan 1200 jaar het meest complexe navigatie-instrument was dat geproduceerd is. Van latere modellen
valt vooral op dat ze veel simpeler gemaakt zijn, meestal maar een stuk of 8 tandwielen. Het mechanisme
was gebouwd in een houten kist van ongeveer 34 18 9 cm groot. Ongeveer zo groot als een
schoenendoos, maar dan minder hoog. Het grootste tandwiel, was ongeveer 140 mm in diameter en had 223
tanden. Overblijfselen van het mechanisme werden gevonden als 82 afzonderlijke fragmenten.
Geschiedenis
Deze machine is het oudst bekendste tandwiel systeem, het word ook wel de eerste analoge computer
genoemd. Hoewel de kwaliteit en precessie van de machine suggereert dat de machines voorgangers heeft
gehad zijn die helaas nooit terug gevonden. Hij is gebouwd op de theorien van de astronomie en wiskunde
van Griekse wiskundigen en astronomen van rond het jaar 100 voor Christus. In 1974 , heeft de Britse
wetenschapshistoricus en Yale University Professor Derek de Solla Price geconcludeerd uit de vorm van de
tandwielen dat de machine rond het jaar 87 na christus is gemaakt en pas na een paar honderd jaar daarna
verloren is geraakt. We denken dat het apparaat is gemaakt van een tin-bronslegering (95% koper, 5% tin),
maar het apparaat is zo verroest en verouderd dat men dat niet niet met zekerheid kan zeggen.

Recente Onderzoeken
Recente onderzoeken van het Antikythera Mechanism Research Project suggereren dat het concept voor het
mechanisme is ontstaan in de kolonies van Korinthe, omdat
sommige van de astronomische berkeningen lijken op
observaties die alleen plaats kunnen vinden in een bebied van
oud-Griekenland dat Korinthe heet.
Een andere theorie verondersteld dat het apparaat uit de griekse
stad Pergamon moet komen. Dat word verondersteld omdat er
munten zijn gevonden in het wrak van eht schip waarin het
appraaat gevonden werd uit de stad Pergamon komen.
Pergamon is ook de plaats van de beroemde bibliotheek van
Pergamum die vele belangrijke stukken van de kunst en
wetenschap heeft ondergebracht.
De ontdekking


Het mechanisme zelf werd ontdekt in een scheepswrak uit Point Glyphadia op het Griekse eiland Antikythera .
Het wrak was gevonden in oktober 1900 door een groep Griekse duikers . Ze borgen talloze artefacten ,
waaronder bronzen en marmeren beelden , aardewerk , glaswerk, sieraden , munten , en het mechanisme
zelf , die daarna werden overgebracht naar het Nationaal Museum voor Archeologie in Athene voor opslag en
analyse. Het mechanisme zelf bleef onopgemerkt voor 2 jaar. Het was op dat moment een brok van verroest
brons en verrot hout en medewerkers van het museum hielden zich bezig met de vele andere stukken. Op 17
mei 1902 , terwijl archeoloog Valerios Stais de vondsten aan het onderzoeken was, merkte hij dat er uit een
van de stukken rots een een tandwiel stak.. Stais dacht eerst dat het een oude astreonomische klok geweest
was uit de tijd van de grieken. Maar de meeste ondezoekers
dachten dat het apparaat veel te complex was voor de tijd van de
grieken omdat er voor die tijd nog nooit eerder zulke ingewikkelde
sysytemeen waren gevonden uit die tijd.
Onderzoek naar het object werd in 1951 hervat door Derek J. de
Solla Pric.. In 1974 begonnen Griekse wetenschapper onderzoek
naar het apparaat te doen met rntgen en gammastarling.
Waarop ze een een uitgebreid 70 - pagina verslag publiceerde
over hun bevindingen. Het is niet bekend hoe hetaparaat op het
vrachtschip terecht is gekomen. Maar er wordt wel gesuggereerd
dat het werd meegenomen naar Rome -samen met andere
schatten geroofd uit van het eiland- om de deel te worden van de
schatten van Julius Caesar .
Werking
Het mechanisme werd bediend door het draaien van een kleine
handslinger (is helaas nooti terug gevonden) die is gekoppeld was via een tandkrans op het grootste tandwiel.
Het draaien van de slinger zorgde ervoor dat de versnellingen in het binnenste van het mechanisme gingen
draaien, wat resulteerde in een berekening van de positie van de zon en de maan en andere astronomische
gegevens, zoals maanstanden, zon-, maansverduistering, en de
theoretische locaties van de planeten. Het mechanisme is opmerkelijk
complex voor die tijd, het mechanisme is vergelijkbaar met 14de-eeuwse
astronomische klokken. Het apparaat heeft minstens 30 tandwielen,
hoewel Michael Wright heeft gesuggereerd dat de Grieken van deze
periode de mogelijkheid hadden om een systeem te kunnen maken met
nog veel meer tandwielen.
Systeem
Het systeem dat werd gebruikt om de fasen van de maan aan te geven
maakt gebruik van verschillende tandwiel combinaties. Een tandwiel was
aan de zon as bevestigd waardoor deze as roteert met een verhouding
van 12,36 aan de zon, wat de synodische maand nabootst. Het systeem
dat werd gebruikt om de olympische spelen mee aan te geven draaide
0,25 keer de as van de zon. Waardoor het tandwiel elke vier jaar rond
draaide, de periode die het duurde tussen 2 olympische spelen.
Ook was er een as die voorspelde wanneer de volgende zonsverduistering
plaatst zou moeten gaan vinden ergens op de aarde. Een zonsverduistering vind plaats als de maan tussen
de zon en de aarde komt waardoor hij een gedeelte van het zonlicht tegenhoud. Deze as draait met een
verhouding van 1 per 223 draaiingen van de maan-as.
Een variant op deze as was de Exeligmos as. Deze as voorspelde ook zonsverduisteringen maar ook
wanneer de locatie en tijd hetzelfde zijn. Deze heeft een verhouding van ongeveer 1 op 668 draaiingen van de
maan-as.



Referenties

Deel A:
Freshgadgets (2014). Hoofdpagina. Geraadpleegd op 20-1-2014 van
http://freshgadgets.nl/
Freshgadgets (2014, January 21). Pebble Aria: speaker en externe accu inn | Freshgadgets.nl. Retrieved
January 20, 2014, from http://freshgadgets.nl/pebble-aria-speaker-en-externe-accu-ineen
Valkenburg, R., M. Vos-Vlamings, et al. (2008). Basisboek Human Technology Interaction. Groningen,
Noordhoff.
Deel B:
Wikipedia (2013, November 7). Form (HTML) - Wikipedia, the free encyclopedia. Retrieved January 21, 2014,
from http://en.wikipedia.org/wiki/Form_(HTML)
W3.org (n.d.). HTML/Elements/label - W3C Wiki. Retrieved January 21, 2014, from
http://www.w3.org/wiki/HTML/Elements/label
Wikipedia (2013, March 11). HTML-formulier - Wikipedia. Retrieved January 21, 2014, from
http://nl.wikipedia.org/wiki/HTML-formulier
HTML Forms and Input. (2004, April 8). Retrieved January 21, 2014, from
http://www.w3schools.com/html/html_forms.asp
Coolblue NL (2013). Registreren - Coolblue. Retrieved January 21, 2014, from
https://www.coolblue.nl/registreren
Deel C
Logostage. (n.d.). FedEx Logo. Retrieved January 23, 2014, from http://www.logostage.com/logos/fedex.png
FedEx (2014). FedEx Nederland - Express & Economy zendingen, Internationale koerier. Retrieved January 23,
2014, from http://www.fedex.com/nl/
Ikea (2014). Ikea - Hoofdpagina. Retrieved January 23, 2014, from http://www.ikea.com/nl/nl/
Volkswagen (2014). Welkom bij Volkswagen: bekijk alle modellen - Volkswagen.nl. Retrieved January 23, 2014,
from http://www.volkswagen.nl/
Coolblue NL (2014). Coolblue - alles voor een glimlach. Retrieved January 23, 2014, from http://www.coolblue.nl/
Apple Inc. (2014). iCloud. Retrieved January 23, 2014, from https://www.icloud.com/
Zoom, M. (2013). Grafische Vormgeving. Retrieved January 23, 2014, from
https://bb.helo.hanze.nl/bbcswebdav/pid-2899783-dt-content-rid-
5371098_2/courses/htv.0909.menscomputer1/LES1_compositie%2Britme.pdf
Zoom, M. (2013). Grafische Vormgeving. Retrieved January 23, 2014, from
https://bb.helo.hanze.nl/bbcswebdav/pid-2899783-dt-content-rid-
5371099_2/courses/htv.0909.menscomputer1/LES2_typografie.pdf
Zoom, M. (2013). Grafische Vormgeving. Retrieved January 23, 2014, from
https://bb.helo.hanze.nl/bbcswebdav/pid-2899783-dt-content-rid-
6367910_2/courses/htv.0909.menscomputer1/LES3_vormcontrast%282%29.pdf
Zoom, M. (2013). Grafische Vormgeving. Retrieved January 23, 2014, from
https://bb.helo.hanze.nl/bbcswebdav/pid-2899783-dt-content-rid-
6367911_2/courses/htv.0909.menscomputer1/LES4_kleur%281%29.pdf
Deel D
Wikipedia (2002, September 23). Antikythera mechanism - Wikipedia, the free encyclopedia. Retrieved January
24, 2014, from http://en.wikipedia.org/wiki/Antikythera_mechanism
Wikipedia (2008, August 31). Mechanisme van Antikythera - Wikipedia. Retrieved January 24, 2014, from
http://nl.wikipedia.org/wiki/Mechanisme_van_Antikythera


Wikipedia (2002, September 17). Maan - Wikipedia. Retrieved January 24, 2014, from
http://nl.wikipedia.org/wiki/Maan
Wikipedia (2001, November 9). Month - Wikipedia, the free encyclopedia. Retrieved January 24, 2014, from
http://en.wikipedia.org/wiki/Month#Sidereal_month
Computer History Museum (n.d.). A Classical Wonder: The Antikythera Mechanism - CHM Revolution. Retrieved
from http://www.computerhistory.org/revolution/calculators/1/42