Funcioneel Ontwerp

11
7/21/2019 Funcioneel Ontwerp http://slidepdf.com/reader/full/funcioneel-ontwerp 1/11

description

s

Transcript of Funcioneel Ontwerp

Page 1: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 1/11

Page 2: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 2/11

InhoudSitemap.................................................................................................................. 3

Layout schetsen..................................................................................................... 4

Concept.................................................................................................................. 9Concept 1............................................................................................................ 9

Concept 2............................................................................................................ 9

Bronnen................................................................................................................ 10

Page 3: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 3/11

Sitemap

Page 4: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 4/11

Layout schetsen

Home

Page 5: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 5/11

Ded

Page 6: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 6/11

Sco

Page 7: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 7/11

Uu

Page 8: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 8/11

!tm

Page 9: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 9/11

Concept

Concept 1

In de eerste paar "e#en $ond i# na het %oe#en $an $e&e inspiratie sites er eenecht tussen uitsprin'en. (er$o&'ens he) i# de%e in een statische htm& pa'ina napro)eren te )ou"en. Dat &u#te rede&i*# tot 'oed echter toen i# moest 'aan)e'innen a&&e )e"e'in'en die er op die pa'ina p&aats$onden "ist i# niet meer"at te doen. Dat "as het moment "aarop i# me )edacht dat het "e& een he&eto+e site is maar nu no' niet )innen mi*n mo'e&i*#heden &i't. (er$o&'ens he) i#het he&e concept in de pru&&en)a# 'e'ooid en )en i# "eer ,rom scratch )e'onnen.

Concept 2

-adat i# me )edacht had dat mi*n eerste concept niet haa&)aar "as )en i# me'oed 'aan )eden#en "at nu "e& haa&)aar in de%e periode $an ti*d. /en idee#"am er sne& en dit )en i# 'aan uit"er#en eerst op papier $er$o&'ens statisch enuiteinde&i*# op een dynamische pa'ina. Het idee is een simp&istische site "aara&&es o$er%ichte&i*# staat en te $inden is en "at )o$endien rusti' aan$oe&t ua

#&eur en $orm'e$in'. In de%e site 'a i# htm& css php en *a$ascript $er"er#en.

Page 10: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 10/11

Htm& en css )eheers i# a& rede&i*# en php en *a$ascript he) i# in de%e periode'e&eerd.

Cms

Hieronder %a& i# )eschri*$en hoe mi*n cms 'emaa#t is en hoe de%e ,un'eert.&&ereerst he) i# op ouu)e $erschi&&ende tutoria&s 'e$o&'d om %o te oe,enenmet het ma#en $an een cms.o snap i# steeds )eter "at er 'e)eurt en )e'ri*p i# oo# hoe i# de cms #anaanpassen naar mi*n "ensen.

5m )i* mi*n )ac#end te #omen he) i# eerst een &o'6in 'emaa#t. Dit %or't er$oordat niet iedereen %omaar mi*n site #an )e"er#en %onder toe'an'. Het is eensimpe&e &o'6in die )estaat uit een 'e)rui#ersnaam en "acht"oord. (erder #an de)eheerder $an de%e ta)e& 'e)rui#ers acti$eren o, deacti$eren "aardoor huntoe'an' "ordt 'e"ei'erd.

Hieronder %ie *e hoe mi*n ta)e& $oor de cms is op'e)ou"d. De ta)e& 7pa'es8)estaat uit #o&ommen. /en id "ordt mee'e$en a&s primair s&eute& aan'%ien het'eta& automatisch ophoo't is dit 'eta& unie#. De rest spree#t $oor %ich. an dehand $an de%e data)ase is het mo'e&i*# om $ia een )ac#end een ,ormu&ieren inte $u&&en en de%e "ordt op de "e)site 'etoond. 5o# #an dit 'emaa#te ,ormu&ier"orden aan'epast o, $er"i*derd.

Page 11: Funcioneel Ontwerp

7/21/2019 Funcioneel Ontwerp

http://slidepdf.com/reader/full/funcioneel-ontwerp 11/11

Bronnen

https:;;""".codecademy.com;&earn

http:;;"""."3schoo&s.com;

http:;;stac#o$er<o".com;

http:;;""".thepetedesi'n.com;=p&u'ins

https:;;iris.,hict.n&;>i24003;)uro;