Vooronderzoek eigen website

VOORONDERZOEK EIGEN
WEBSITE
Dave Bastianen
RADIUS BREDA RIB4-BEH1B
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
Inhoudsopgave
2. HTML5 Software ..................................................................................................... 2
2.1 Wordpress ......................................................................................................... 2
2.2 Adobe Dreamweaver ......................................................................................... 3
2.3 Notepad++......................................................................................................... 4
3.Hosting .................................................................................................................... 5
3.1 Hosting services ................................................................................................ 5
3.2 Self-hosted ........................................................................................................ 5
4.Keuzes..................................................................................................................... 6
4.1 HTML5 Software ............................................................................................... 6
4.2 Hosting .............................................................................................................. 6
5. MoSCoW ................................................................................................................ 7
1. Versiebeheer
Versie
2
19 juli 2017
Auteur
Dave Bastianen
Datum
10-10-2014
Veranderingen
Huisstijl ingevoegd
1
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
2. HTML5 Software
Software applicaties waarmee je de code schrijft waaruit je website is opgebouwd. Of
die de code voor je schrijft.
2.1 Wordpress
Een grotendeels open-source en gratis CMS applicatie.
Voordelen
1. Open source
Wordpress en veel van zijn thema’s zijn open-source, dit wil zeggen dat je
mits je je aan de voorwaarden houdt, je alles kunt gebruiken en aanpassen
naar wens zonder hier geld voor hoeven te betalen. Je kunt ook thema’s en
plug-ins van andere gebruikers vaak gratis gebruiken en weer verspreiden.
2. Enorme gemeenschap.
Van alle blogging tools en CMS is Wordpress zeker een van de grootste, met
meer dan 24,000 plug-ins en 1,700 thema’s voor gratis gebruik. De enorme
community is nog handiger omdat ze veel vragen stellen en dingen willen
weten. Als jij een vraag hebt over wordpress, zal die vast wel eerder al eens
zijn gesteld en zijn beantwoord.
3. Makkelijke installatie
Na de core installatie kun je je plug-ins direct van het web installeren zonder te
hoeven downloaden of met bestanden te gaan sjoemelen.
4. Eenvoud
Wordpress is eenvoudig op te pikken, je hoeft niet bepaald een webdesigner
te zijn om al vrij ver te kunnen komen met wordpress. Het is een CMS met een
enorme community en je kunt altijd wel een thema of plug-in vinden die je kunt
gebruiken. Het aanpassen van de site is erg eenvoudig en laat meteen zien
wat er gebeurd.
Nadelen
1. Open-source
Open source is erg handig met al zijn vrijheid, maar dit brengt ook
beveiligingsproblemen met zich mee. Voor een hacker is het niet moeilijk
beveiligingsgaten te vinden, of kwaadaardige code in een plug-in te
verwerken.
2. Gebrek aan flexibiliteit
Met wordpress heb je wel enorm veel thema’s en plug-ins, de veranderingen
die je in een thema aan kan passen zijn vrij klein en verschillen per thema.
Wordpress is meer voor de kleine websites, nu zijn grote aanpassingen wel
mogelijk maar dan schiet het kostenplaatje omhoog.
19 juli 2017
2
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
3. Updates
Wordpress update alleen zichzelf en lang niet alle plug-ins die er bij zitten. Dit
zou er voor kunnen zorgen dat na een update half je plug-ins ineens niet meer
compatibel zijn en je halve site gewoon wegvalt. Dan moet je of nieuwe
zoeken of wachten tot de maker van de plug-in hem update.
4. Geen verschil
Wordpress websites en thema’s lijken nou eenmaal vaak op elkaar en dan kun
je wel een kleurtje of iets dergelijks veranderen een echt unieke website zal je
waarschijnlijk niet hebben.
2.2 Adobe Dreamweaver
Is een Closed-source web development tool.
Voordelen
1. Wysiwyg oftewel “what you see is what you get”, dit wil zeggen dat de code
die je edit in de editing page meteen wordt weergegeven in een manier die
dichtbij komt hoe hij er later uit zal zien. Switchen tussen editing page en live
page is maar een muisknop van elkaar vandaan.
2. Code highlighting
Dit zorgt ervoor dat je snel code kunt scannen en eventuele errors eruit kunt
pikken omdat hij makkelijk onderscheidt maakt door middel van kleurcodes de
verschillende soorten code die je gebruikt. Of dit nou HTML of Java of vele
anderen is.
3. Code suggestie
Als je een html code aan het intypen bent geeft hij automatisch suggesties
weer voor welke code je bedoelt of wilt gebruiken. Voor een beginner is dit
zeer handig als geheugensteuntje terwijl een gevorderde veel sneller die code
die hij bedoelt gewoon aan kan klikken en verder gaan.
4. Site wide find and replace
Is een Dreamweaver tool die je kunt gebruiken om stukjes code of tekst in je
website te vinden en te veranderen of dit nu een woordje in een tekst vak is of
een enkel stukje code dat je in een keer over heel je site wilt aanpassen.
Nadelen
1. Verwarrende interface
Tussen de eerste drie balken van je interface kunnen er maar liefst ongeveer
35 dingen om op te klikken staan, afhankelijk van hoeveel pagina’s en dingen
je tegelijk doet. Niet meegerekend dat je voor de CSS van je website veel van
photoshop of fireworks moet afweten. Zo zijn er een boel dingen die je moet
zien, registreren en begrijpen tegelijkertijd.
19 juli 2017
3
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
2. Hoge ladder
Mede omdat de interface verwarrend is en er gewoon zoveel opties zijn voor
het voornamelijk maken van grotere websites is het lastig voor een beginner
om op te pakken. Er zijn enorm veel tools maar niet allemaal even handig of
noodzakelijk voor het doeleinde dat je wilt bereiken. Je kunt handleidingen
lezen of tutorials kijken maar uiteindelijk is het handigste om toch iemand te
hebben die er veel vanaf weet en je duidelijk kan vertellen wat je goed kunt
gebruiken voor hetgeen wat je nodig hebt.
3. De wysiwyg liegt
Alhoewel het er dichtbij komt is de design view van Dreamweaver geen
daadwerkelijke browser en zal je dus ook niet 100% weten dat wat je aan het
doen bent er ook uiteindelijk uit gaat zien zoals je wilt.
4. Opgewelde code
De code die Dreamweaver zelf gebruikt is erg breed en niet specifiek. DW
vragen om een veld te valideren kan leiden tot maar liefst 19 regels javascript.
2.3 Notepad++
Een gratis open-source text editor.
Voordelen
1. Veel plug-ins
Notepad++ heeft een plug-in manager waarmee je plug-ins kunt installeren en
kijken welke er beschikbaar zijn voor meer functionaliteit in je text editor.
2. Lichtgewicht
De download is minder dan 8mb en de installatie neemt maar 23mb in beslag.
Tevens snel op te starten en te gebruiken.
3. Globale zoek en vervang functie
De optie om text op te sporen en vervangen over complete sites of
documenten.
4. Veel taal
Notepad++ komt met meer dan 50 talen al inbegrepen en is er de optie om je
eigen taal in te voeren.
Nadelen
1. Hoge ladder
Als je nog niet met een text editor gewerkt hebt en niet bekent met code kan
dit lastig en langdradig zijn om op te pakken. Toch zeker als het niet alleen
moet werken maar er ook goed uit moet zien.
19 juli 2017
4
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
3.Hosting
Het daadwerkelijk in de lucht/ Cloud krijgen van je website. Zodat er iedereen er van
kan walgen of genieten.
3.1 Hosting services
De simpelste manier van hosting is het creëren van een sub-website in een grotere
website. Er zijn hier talloze opties voor ik heb er hier drie weergegeven.
1. Wordpress
De gewone versie is gratis maar niet volledig en je website zal meestal een
URL krijgen waarin wordpress netjes reclame kan maken bijvoorbeeld:
www.geensoepvoorjou.wordpress.com.
2. Www.Biz.nf
Gratis domeinnaam met .co.nf of andere opties. Gratis web hosting met
250mb aan upload ruimte. Of meerdere plannen voor meer snelheid en ruimte
maar deze kosten geld.
3. Blogger.com
Eigendom van google met veel opties voor het aanpassen van je thema maar
weinig plug-ins en overal Blogger reclame.
3.2 Self-hosted
Het zelf hosten van je eigen website op je eigen server op vaak je eigen computer.
Voordelen
1. Gratis
2. Zoveel rekenkracht als dat je maar hebt kun je er tegenaan gooien
3. Alle vrijheid voor je website om er van te maken wat je wilt. Als je de
vaardigheden bezit.
Nadelen
1. Geduld om alles te leren en veel technische kennis nodig om het allemaal
soepel en veilig te laten lopen.
2. De snelheid van je website wordt bepaald door de upload snelheid van jouw
internet, dus slecht internet wil zeggen een langzame site. Dit is vrij
gelimiteerd.
3. Potentieel gevaarlijk
Zo maar even dns poorten en firewalls open doen zonder dat je precies weet
waar je mee bezig bent kan zeer gevaarlijk voor je computer zijn.
19 juli 2017
5
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
4.Keuzes
4.1 HTML5 Software
Wordpress
Ik heb er uiteindelijk voor gekozen om wordpress te gebruiken omdat deze erg
populair is met een vrij simpele interface die makkelijk op te pikken is. Tevens weet ik
van mezelf dat ik niet erg veel creativiteit heb wat betreft design dus het gewoon
kunnen uitkiezen van een thema en deze aan te passen sprak mij erg aan. Er zijn
veel plug-ins beschikbaar en alles wat ik nodig heb voor mijn website is makkelijk te
vinden, in te voegen, of aan te passen. Er zijn niet altijd heel veel opties maar voor
iemand die qua design maar lastig een beslissing kan maken is dit limiet niet erg en
geeft het mij ruimte om aan andere dingen te werken.
4.2 Hosting
Qua hosting heb ik er voor gekozen om gewoon een hosting service te gebruiken.
Daarbij ben ik voor www.biz.nf gegaan omdat wordpress er meteen bij kwam en
direct op de goede plaats was geïnstalleerd. Hij is gratis ik heb alle ruimte die ik
nodig heb en heb gewoon mijn eigen domein naam kunnen kiezen. Het makkelijkste
was dat mijn site gewoon live was terwijl ik hem aan het aanpassen was waardoor ik
met een druk op de knop meteen kan zien hoe mijn veranderingen uit pakken.
19 juli 2017
6
Dave Bastianen
RIB4-BEH1B
Vooronderzoek
5. MoSCoW
Must have
Should have
Could have
Won’t have
19 juli 2017
HTML5
Afbeeldingen
Huisstijl
Kosten
Onderbouwing keuzes
CV
CMS/Applicatie
Webserver/Hosten
Design  Schermresolutie
Design  Knoppen/Menu
Database
Mediaplayer/Slideshow
Social media
Foutmeldingen afhandeling
Design  Mobiele variant
Design  Interactief menu
Browser comptabiliteit
Andere taal gebruiken dan HTML5
Back-up
Zoekmachine
JAVA/Flash
Cookies
Advertenties
Achtergrond muziek
GIFs
7