Funcioneel Ontwerp
-
Upload
anonymous-iqsrwex -
Category
Documents
-
view
7 -
download
0
description
Transcript of Funcioneel Ontwerp
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 1/11
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
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 3/11
Sitemap
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 4/11
Layout schetsen
Home
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 5/11
Ded
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 6/11
Sco
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 7/11
Uu
7/21/2019 Funcioneel Ontwerp
http://slidepdf.com/reader/full/funcioneel-ontwerp 8/11
!tm
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.
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.
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;