Archive for De Werkplaats

De Werkplaats – Eindverslag

Aan het begin van dit blok ben ik weer opzoek gegaan naar voorbeelden en tutorials, helaas kwam ik hier maar moeilijk uit zoals ik ook al merkte in blok 1. Vervolgens heb ik geprobeerd terug te grijpen op mijn lesboeken van vorig jaar, “spring in to PHP5” en “Learn SQL in 10 minutes”. Ik heb een paar kleine stappen kunnen maken aan de hand van de voorbeelden en de uitleg van de boeken, waardoor ik het voor elkaar kreeg om een stukje tekst uit een database te lezen en deze op het scherm te printen. Vervolgens heb ik af en toe een PHP functie opgezocht op www.php.net wat ik toch wel nuttig begon te vinden, de uitleg van de functies gecombineerd met een aantal veel voorkomende voorbeelden is erg prettig. En zo kreeg ik het, met alle verzamelde informatie, voor elkaar om de stuk tekst uit de database in een HTML form te printen om deze vervolgens aangepast terug te sturen richting de database. Dit was mijn zogenaamde ,“Eureka!” moment. Ik had dit, met hier en daar wat hulp van een klasgenoot, binnen 2 weken voor elkaar gekregen terwijl dit bijna mijn complete planning was voor het blok.

Ik ben uiteraard vanaf dit punt vol goede moed verder gegaan, maar ik wist dat de volgende stap erg lastig zou gaan worden. Ik wilde namelijk nu het porfolio onderdeel van mijn site omzetten zodat het via het CMS beheerbaar is. In had het idee om dit gedeelte op dezelfde manier aan te pakken zoals ik met mijn homepagina tekst had gedaan. In eerste instantie heb ik in de MySQL database een tabel voor de porfolio items aangemaakt, ik heb hier geen echte ERD van gemaakt maar dit zijn de onderdelen: id, project, datum, plaatje, omschrijving en leesMeer. Vervolgens heb ik een van mijn project items in de database ingevoerd om te proberen deze er weer uit te halen met PHP en SQL en in de webpagina te printen. Dit was met de voorbeelden die ik had, redelijk snel gedaan, waardoor ik verder ging met de item opgesplitst in een HTML form te printen.
Hier liep ik vervolgens muurvast, het opsplitsen van de uit de database opgehaalde items was een heel stuk moeilijker dan ik had gedacht. Ik heb vervolgens de hulp ingeroepen van een klasgenoot die het zo voor elkaar had, en het me versimpelt wist uit te leggen. Nadat ook dit onderdeel werkte werd de volgende stap de tekst aan passen op het scherm en weer terug sturen naar de database om vervolgens het bestaande item te overschrijven. Na wat gezoek en daarna gestoei met de juiste SQL statement, lukte ook deze stap me. Vervolgens wilde ik het ook voor elkaar krijgen om nieuwe portfolio items toe te voegen. Dit was redelijk snel voor elkaar aangezien er niet meer nodig was dan een HTML form en een SQL statement. Alles goed en wel tot nu toe maar er zijn altijd meerdere portfolio items aanwezig in de database dus ik wilde een manier hebben om de juiste item te selecteren en eventueel aangepast terug te sturen. Aangezien het id de primary key is heb ik deze gebruikt om mee te geven in een link, op het moment dat de database items worden geselecteerd. Ook wordt dit id mee gegeven in de SQL statements om op die manier de correcte project item aan te passen.

Dit alles was best lastig maar na wat stoeien met de code, was het eindelijk gelukt. Uiteindelijk begon de portfolio pagina zelf en de code van de pagina een grote bende te worden, dus om het overzicht terug te krijgen besloot ik om bepaalde dingen te scheiden. De portfolio pagina toont alleen nog de bestaande items waarbij de titel klikbaar is zodat het item in de edit pagina aan te passen is. De edit pagina toont een overzicht van de bestaande portfolio item titels en laadt de items in op ze aan te passen en terug te sturen. En de nieuwe item pagina is apart gezet en laat een HTML form zien waarmee de database gevuld kan worden. Op deze manier werd het allemaal weer een stuk overzichtelijker en werd het op de pagina zelf ook een stuk duidelijker wat er gebeurde. Dit was ook het laatste wat ik aan mijn project heb gedaan, ik ben een heel stuk verder gekomen dan ik had verwacht maar lang niet zover als ik had willen komen.

Mocht je na dit hele verhaal nog steeds niet zo een goed beeld hebben waar ik het nou over heb, volg dan de onderstaande link om even te kijken naar het eindresultaat:
http://oege.ie.hva.nl/~leegwa15/admin/index.php?p=home

Eindconclusie

Door de vele tegenslagen uit blok 1 had ik de lat iets lager gelegd, maar met hier en daar wat goede hulp van mijn klasgenoten ben ik een stuk verder gekomen dan verwacht. Ik heb dan ook behoorlijk wat nieuws geleerd over PHP en de dingen die al bekend waren weer eens flink opgefrist. Ik heb in het eerste blok veel te positief gedacht en verwacht dat het allemaal wel mee zou vallen. En in het tweede blok vind ik persoonlijk dat ik iets te terughoudend ben geweest met het opstellen van mijn planning. Ondanks dit vind ik dat ik een aardige middenweg heb weten te slaan tussen de 2 planningen, ik heb dan wel geen compleet CMS voor mijn portfolio site. Maar ik ben zoveel verder gekomen dan het enkel opslaan en aanpassen van een stukje tekst. Al met al was het geheel zoenzo zeer leerzaam te noemen.

Voortgang de werkplaats – IV

Ik ben in de kerstvakantie verder gegaan met mijn opdracht aangezien ik nog wel wat extra tijd voor mijn opdracht kon gebruiken. Aangezien ik vast zat zoals in de vorige berichten te lezen valt, heb ik de afgelopen periode terug gegrepen naar mijn leer boeken van vorig jaar. Ik heb weer een aantal hoofdstukken doorgelezen maar helaas kreeg ik het niet voor elkaar om veel verder te komen.

Ik heb het inmiddels voor elkaar gekregen om mijn CMS te scheiden van de site zelf, wat niet al teveel moeite koste. En heb het eindelijk voor elkaar om mijn portfolio items uit de database op te halen, aan te passen en vervolgens weer op te slaan. Ik moet er wel bij zeggen dat dit is gelukt met de hulp van een van mijn klasgenoten, namelijk Steijn van der Laan. Het probleem waar ik me op kapot staarde bleek doodsimpel opgelost te kunnen worden met de toevoeging van:

. ‘?’ . $_SERVER['QUERY_STRING']

Waardoor de totale action van het form er als volgt uit komt te zien:

action=”<?php echo($_SERVER['PHP_SELF'] . ‘?’ . $_SERVER['QUERY_STRING']);?>”

Hierdoor blijft de update actie op de juiste pagina en wordt de juiste SQL query verstuurd. Vervolgens heb ik het via de volgende SQL statement voor elkaar gekregen om mijn opgehaalde project item aangepast op te slaan:

$sqlInsert = “UPDATE `projectitems`
SET `project` = ‘”.$_POST['project'].”‘, `datum` = NOW(), `plaatje` = ‘”.$_POST['plaatje'].”‘, `omschrijving` = ‘”.$_POST['omschrijving'].”‘, `leesMeer` = ‘”.$_POST['leesMeer'].”‘ WHERE `id` =”.$_GET['id'].” LIMIT 1″;

Het project is zo wel weer op wielen maar ik heb zo een idee dat ik het niet voor elkaar zal krijgen om alles wat op mijn wens lijstje stond binnen dit blok af te krijgen. Aan de andere kant ben ik wel weer een stuk verder gekomen als ik zelf had verwacht. Met een beetje geluk valt het overige werk ook mee en lukt het me om nog een keer een grote sprong te maken. Hieronder heb ik nog een screenshot van mij project items in de database en mijn form met een ingeladen project item.

10-1-db-screen.jpg 10-1-site-screen.jpg

Voortgang de werkplaats – Mailtje op reactie Auke

Hoi Auke,

Bedankt voor je reactie op mijn blog. Helaas ben ik de afgelopen weken weinig aanwezig geweest in de lessen, waaronder ook vandaag. Ik zit inderdaad wat het project betreft een beetje met mijn handen in mijn haar. Een beetje mijn eigen schuld dus zou ik zeggen… Maar goed ik dacht ik ga toch in op je verzoek om je even te mailen en zal je het probleem, voorzover ik het kan, uitleggen.

Mijn eigen gekozen opdracht was het maken van een CMS voor mijn online portfolio. Ik ben ondertussen zover gekomen dat ik uit mijn database een stuk tekst kan halen en deze kan printen in een HTML form. Vervolgens is het mij ook gelukt om deze tekst aangepast terug op te slaan in de database waardoor ik deze ook aangepast op de website kan zien. Dit was mijn eureka moment zoals te lezen is op de blog. Hierna wou ik weer een stapje verder door ook mijn portfolio items in de database te stoppen. Hier wordt het dus iets lastiger, aangezien er meerdere portfolio items zijn met ieder hun unieke naam, datum, plaatje, tekst en leesMeer link. Ik moet dus een soort overzicht op het scherm zien te krijgen van alle items en deze vervolgens individueel kunnen aanpassen en opslaan. Ik krijg de informatie wel uit de database maar niet onderverdeeld in de eerder genoemde onderdelen. Daarnaast heb ik de database op het moment maar met 1 item gevuld en hoe ik met meerdere om zou moeten gaan…

Ik kan me voorstellen dat de uitleg niet helemaal begrijpelijk is, aangezien ik zelf niet helemaal begrijp wat ik wil vind ik het ook lastig om het te formuleren. De porfolio site waar ik mijn CMS voor maak is: www.sanderleegwater.nl . Ik heb mijn voorgang met het CMS niet online staan omdat ik graag PHP5 wilde gaan leren en ik geen servers heb die deze versie draait. Het gehele project heb ik online gezet op: http://oege.ie.hva.nl/~leegwa15/werkplaats/CMSpgng2portfolioSite.rar mocht je interesse hebben om deze in te zien. (In de map admin zijn de bestanden van het CMS, de rest is de portfolio site zelf.)

Ik heb geprobeerd er zelf uit te komen door voorbeelden te zoeken op het internet of bij klasgenoten. De zoekresultaten van het internet zijn chaotisch waardoor je door de bomen het bos niet meer ziet. De voorbeelden die ik heb kunnen verzamelen zijn over het algemeen ook niet echt doorzichtig te noemen waardoor ik niet echt weet waar ik zou moeten beginnen met het te begrijpen. Vervolgens heb ik geprobeerd terug te vallen op de leerboeken van vorige jaar, Spring in to PHP5 en teach yourself SQL in 10 minutes. Waar in hier weer tegen aanloop is dat ik niet echt weet waar ik naar op zoek ben.

Ik hoop dat ik je zo genoeg op de hoogte heb gebracht. Ik weet op het moment dus inderdaad niet zo goed hoe ik verder moet gaan, mocht je nog vragen, opmerkingen of eventuele oplossingen hebben hoor ik graag van je!

Mvg,

Sander Leegwater, 219109, TDI-3.

Voortgang de werkplaats – III

Ook in de afgelopen weken heb ik geprobeerd verder te gaan met mijn werkplaats opdracht. Helaas is dit niet zo gelopen als ik had gehoopt. Ik ben ondertussen door de bomen het bos een beetje kwijt en zit hierdoor dan ook te denken om mijn CMS niet in mijn pagina te bouwen maar erbuiten. Door het CMS in het geheel gescheiden te houden van de site hoop ik weer een beetje grip te krijgen op mijn werk.

Ik zal snel posten of dit een beetje werkt of niet!

De Werkplaats – Eureka! moment

Ik ben in de afgelopen 2 weken weer druk bezig geweest met mijn persoonlijke onderzoek. Ik heb aan de hand van een voorbeeld geprobeerd zelf contact te maken met de database om vervolgens tekst op te halen en op de pagina te laten zien. Nadat dit gelukt was wou ik een stapje verder gaan om de tekst ook weer aangepast terug in de database op te slaan. Dit leek wel iets moeilijker dan dat ik dacht maar uiteindelijk heb ik het via deze SQL statement voor elkaar gekregen:

if (isset($_POST['bevestiging'])){

$connectie = db_open();

$sqlInsert = “UPDATE `home_tekst` SET `hometxt` = ‘”.$_POST['bericht'].”‘ WHERE `id` =1 LIMIT 1 “;

mysql_query($sqlInsert, $connectie);

Ik ben dus al een flinke sprong vooruit gegaan op mijn eigen planning en hoop dan ook dat ik dit vol kan houden en een uitgebreider eindproduct kan opleveren dan in mijn planning stond. Hieronder zijn 2 screenshots te zien van hoe de pagina er nu uitziet en hoe de tekst staat in de database.

29-11-site-screen.jpg29-11-db-screen.jpg


De werkplaats: Eindverslag blok 1

Voor mijn eindverslag heb ik een word document gemaakt die hieronder te downloaden is.

http://oege.ie.hva.nl/~leegwa15/Werkplaats verslag Blok1.doc

Roland vroeg ook om op de frontpage van ons blog bij het verslag een foto van mijzelf toe te voegen zodat hij in een keer duidelijk had van wie het verslag was. Bij deze:

me.gif

Voortgang de werkplaats – II

In ben in de afgelopen week verder gegaan met het bouwen van mijn portfolio site voor SBC. Ik ben al zover gekomen dat ik aan de achterliggende scripting kan gaan denken.

Hier komt mijn werkplaats verdieping om de hoek kijken. Ik ben begonnen met een van de tutorials van het internet te volgen ( http://www.intranetjournal.com/php-cms/ ) maar helaas liep ik vast bij het versturen van mijn tekst richting de database… Ik ben van plan uit te gaan zoeken waar het probleem ligt en te kijken of dit op te lossen is. Lukt dit me niet dan heb ik nog vershillende voorbeelden liggen die op een andere manier de database aanspreken.

Voortgang met het onderzoek van de werkplaats – I

In de afgelopen weken ben ik op zoek gegaan naar voorbeelden en tutorials van een CMS. Het eerste wat me te binnen schoot was de wordpress blog, deze heb ik dan ook gedownload om te kijken of ik het als voorbeeld kan gebruiken. Helaas is het systeem nogal uitgebreid waardoor het bijna onmogelijk wordt om het simpel en snel door te lichten. Hierdoor heb ik mijn hoop gevestigd op een tutorial die te vinden is op http://www.intranetjournal.com/php-cms/ . Ik ben nu van plan om een begin te maken van een site en hier vervolgens aan de hand van de tutorial het CMS aan te bouwen.

Ik heb vandaag in de les ook feedback gehad van een aantal mede-studenten over mijn vooruitgang tot nu toe. Hier zijn hun opmerkingen:

- Je lijkt te weten wat je wil en hoe ik mijn doel kan bereiken.
- In het begin is het verstandig om het simpel te houden, beginnen bij het begin en als het werkt pas gaan uitbreiden.
- Begin alvast met een gedeelte van de vormgeving.
- Houdt je voortgang bij op je blog!!

Plan van aanpak

Inleiding

Bij het vak “De werkplaats” krijgen we de kans om onderzoek te doen naar een gedeelte van het vakgebied. Buiten deze beperkingen is de keuze van het onderwerp vrij en hierdoor is het mogelijk om iets te kiezen wat dichtbij je eigen interesses ligt. Vervolgens is de les bedoeld om te besteden naar eigen onderzoek van het onderwerp en je hier vervolgens in te verdiepen. Persoonlijk was ik vorig jaar erg geïnteresseerd in het vak techniek en zou ik graag verder willen gaan met het leren van de verschillende scripttalen die ik bij dit vak heb gehad. Hierdoor luidt mijn onderzoeksvraag als volgt:

Onderzoeksvraag

Hoe werkt een content management systeem (CMS) of vergelijkbaar systeem van een website?

Deelvragen

Bij deze onderzoeksvraag kunnen verschillende deelvragen gesteld worden als:
- Hoe sla ik tekst uit een invoervak op in een database?
- Hoe haal ik verschillende opgeslagen teksten uit een database?
- Hoe maak ik verschillende opgehaalde teksten presenteerbaar voor een                       bepaalde website?
- Hoe verander of verwijder ik een bepaalde opgeslagen tekst?
- Hoe sla ik eventuele wijzigingen van een tekst weer op in de database?

Follow

Get every new post delivered to your Inbox.