Sophie van Solinge CMS32

Transcriptie

1 Sophie van Solinge CMS32 1

2 Opdracht 1 Drupal Wordpress Joomla Case 1 De groenteboer op de hoek, heeft grootse plannen voor zijn zaak. Omdat er in de omgeving veel verzorgingstehuizen zijn en de inwoners daarvan slecht ter been wil hij een website opzetten waar mensen groente/fruitpakketten kunnen bestellen. Afrekenen, hoeft niet op de site, kan wel, maar aan de deur mag ook worden betaald. Hij heeft jou de opdracht gegeven om een site te maken waarmee dat allemaal kan. Jij hebt besloten hiervoor een cms te gebruiken. Maar welke kun je daar het beste voor kiezen? Kies 3 meest geschikte cms voor jouw doel. Onderbouw je keuze met behulp van bovenstaande sites De meest voorkomende CMS voor webshops is: Magento. Deze CMS is er speciaal voor gebouwd. Ook Wordpress kan goed gebruikt worden als webshop omdat je daar e-commerce plugins kunt downloaden. Wordpress is ook niet heel ingewikkeld dus deze lijkt mij geschikt voor deze case. Voordelen 1: Zeer veel features zijn standaard onderdeel van dit CMS 2: Volledig schaalbaar systeem 3: Beheer complexe content portefuilles 4: Maak gebruikersaccounts aan voor het bewerken en beheren van meerdere sites Nadelen 1: Complex in gebruik 2: Voor specifieke typen websites zijn er meer doelgerichte CMS en Voordelen 1: Zeer gebruiksvriendelijk bij het beheren en aanpassen van uw site 2: Veel plugins en thema s voor extra functionaliteit en uiterlijke aanpassingen 3: Grote community voor vraag en antwoord 4: Site beheren zonder technische kennis Nadelen 1: Geen standaard ondersteuning voor meerdere talen 2: Ongeschikt voor grote hoeveelheden content 3: Beperkte rechtenbeheer van gebruikersaccounts Voordelen 1: Veel modules, plugins en thema s voor extra functionaliteit en uiterlijke aanpassingen 2: Ook uit te breiden met webshop functionaliteit 3: Goede navigatie module die grote hoeveelheden content toegankelijk maakt Nadelen 1: Niet aan te passen buiten de bestaande kaders om 2: Backend niet erg gebruiksvriendelijk Continu updates in verband met veiligheid 2

3 Case 2 Je wilt naast facebook en twitter zelf een social network site opzetten, maar helemaal vanaf de grond af programmeren is echt teveel werk en te moeilijk. Je wilt dat je gebruikers profielen kunnen opzetten, berichten kunnen posten etc. Zijn er ook CMS waarmee je een social network kunt opzetten en zo ja, welke zou jij kiezen? Onderbouw je antwoord Voor een social network is het van belang dat er oneindig veel contributors kunnen zijn. De meeste CMS vallen dus al af omdat hier beperkingen zitten op het aantal contributors. Een CMS die gemaakt is voor social networks is bijvoorbeeld: Buddypress. Het lijkt een beetje op Wordpress maar het heeft meer features zoals personal profiles, friend connections, discussion boards & private messaging. 3

4 Opdracht 2 Maak een nieuwe gebruiker en geef deze de administrator rol. -> Zie afbeelding 1 Log admin uit en log in met de gegevens van de nieuwe gebruiker. -> Zie afbeelding 2 4

5 Maak vervolgens 2 berichten. Publiceer de ene en bewaar de andere. Ga in de database op zoek waar de berichten worden opgeslagen. Welke tabel staat je tekst? Waar in je database wordt gemarkeerd of een bericht wel of niet gepubliceerd wordt? -> afbeelding 1 Waar zijn de gebruikers opgeslagen? -> afbeelding 2 5

6 Opdracht 3 In deze opdracht moet je op zoek naar bepaalde instellingen. Maak een document met je antwoorden en zorg ervoor dat je de dingen die je vindt ook kunt laten zien in Wordpress. Welke soorten gebruikers kun je aanmaken in Wordpress en hoe verschillen ze precies van elkaar? Schrijf dat op maar laat het ook zien in je Wordpress site Subscriber Somebody who can only manage their profile. Contributor Somebody who can write and manage their own posts but cannot publish them. Author Somebody who can publish and manage their own posts. Editor Somebody who can publish and manage posts including the posts of other users. Administrator Somebody who has access to all the administration features within a single site. Hoe zorg je ervoor dat er geen commentaar kan worden gegeven op je posts? Bij discussion settings kun je aan of afvinken of mensen kunnen reageren op posts. (zie afbeelding 2) 6

7 Opdracht 4 Maak het voorbeeld van dit hoofdstuk af (het is nu wel erg leeg). Zorg ervoor dat je blog op de homepage steeds nieuws bevat, vergezeld van foto s en video. Dat er een About pagina is waar je iets verteld over je site en dat er agenda s zijn voor voetbal, tennis en hockey (De data mag je zelf verzinnen). Pas het menu van de pagina zo aan dat er een menu-item bijkomt dat linkt naar een NOS sportpagina. (gebruik Appearance Menus). Het menu met een externe link naar de NOS pagina en een link naar mijn About Me en Contact pagina. Mijn thema met een kalender widget en twee berichten met een featured image 7

8 8

9 Opdracht 5 Onderzoek: 1. Ga in de html van het thema TwentyTwelve (gebruik de broncode in de browser) op zoek naar de vlakken(divs) waaruit deze is opgebouwd. Maak daarvan een vlakkenschets en vermeld de id s van deze vlakken. Geef de 4 bovengenoemde vlakken een duidelijke achtergrondkleur geeft. Daarvoor moet je op zoek naar de juiste css file. Dat kun je doen via het dashboard: Appearance - > editor of je kan er in Dreamweaver naar op zoek gaan DIV1: #site-navigation DIV2: #masthead DIV3: #main.wrapper DIV4: #secondary.widget-area DIV5: #footer 9

10 2. Download een ander thema uit de Wordpress themes Directory, installeer deze in Wordpress en maak daarvan eveneens een vlakkenschets met namen. Noteer vervolgens de overeenkomsten en verschillen DIV1: #header DIV2: #sidebar DIV3: #content DIV4: #menu DIV5: #footer Overeenkomst: Sidebar, content, menu, footer. Verschillen: Header. 10

11 Opdracht 6 Zoek 1 plugin die je helpt om gemakkelijk een backup van je site te maken en de backup naar je toe te mailen. Dropbox backup & restore stuurt regelmatig een backup naar je dropbox, ik vond dit een handige plugin omdat je inbox dan niet gespamd wordt met backups en alles staat overzichtelijk op dropbox. Zoek 1 plugin die je helpt om je site responsive te maken. Ik heb een plugin gekozen waarmee je een responsive menu kan maken: een hamburgermenu bij smartphone en tablet en een normaal menu bij desktop. Zoek 1 plugin die het mogelijk maakt om php in je posts toe te voegen. Insert PHP plugin maakt het mogelijk om in de berichten een stukje PHP toe te voegen. Zoek vervolgens nog 1 plugin die je wel nuttig lijkt en installeer deze. Google analytics leek mij een handige plugin omdat je hiermee snel en makkelijk kunt zien hoe vaak en door wie je blog wordt bezocht. 11

12 Opdracht 7 Dreams is de titel van de volgende opdracht. Iedereen heeft dromen over de toekomst, wat je wilt worden, wat je wilt zijn, wat je beslist niet wilt zijn. Je moet daar met Wordpress een site voor maken. Je moet echter niet meteen met Wordpress starten, maar eerst een vlakkenschets en een eenvoudig functioneel ontwerp maken van die website. De uitdaging van deze opdracht is of het lukt om met Wordpress dat te maken wat je hebt ontworpen. Je moet dus vanuit je ontwerp werken. Bespreek indien nodig je ontwerp met de docent als je twijfelt of hetgeen je wilt haalbaar is. Het uiteindelijk product moet zijn een werkende site Voor mijn eigen wordpress thema wil ik een portfolio-achtige website maken. Deze moet representatief zijn voor mijn ontwerpstijl dus ik wil deze zo minimalistisch mogelijk houden. De menubalk is fixed. Deze scrollt dus mee. Ook scrollen de links naar de div wanneer er op geklikt word. De header is een slideshow van afbeeldingen. (Zelf uploaden) De berichten die je in dit thema opslaat met de categorie portfolio komen op de homepage te staan met alleen de featured image oftwel de thumbnail. Als je op deze image klikt ga je naar de complete post inclusief text en nog meer afbeeldingen van het project. De sectie about me is optioneel, deze kun je op de homepage weergeven of op een aparte pagina. Het contactformulier is een php plugin, deze kun je installeren en op de homepage of op een aparte pagina laten zien. De footer bevat een copyright en social media iconen (zelf in te vullen). De footer is, net zoals het menu en de header, op elke pagina hetzelfde. 12