diff --git a/markdown/broodjeszaak.md b/markdown/broodjeszaak.md new file mode 100644 index 0000000..a62ce55 --- /dev/null +++ b/markdown/broodjeszaak.md @@ -0,0 +1,14 @@ +##De broodjeszaak +--- +Ik hoop dat ik je geen honger heb gegeven met deze titel, ik moet toegeven dat ik zelf ook honger kreeg toen ik dit voorbeeld bedacht. +Laten we beginnen. Hoe Werkmanrooster werkt is vergelijkbaar met een broodjeszaak. Als jij je rooster opvraagd bij Werkmanrooster gebeuren er allemaal dingen achter elkaar om ervoor te zorgen dat jij uiteindelijk je rooster te zien krijgt. Je moet het op de volgende manier zien. Jij komt binnen bij een broodjeszaak. Je loopt naar de balie en vraagt naar een bepaald soort broodje. Dit broodje wordt dan vervolgens voor je gemaakt : er worden ingrediënten voorbereid en uiteinelijk op je broodje gedaan. Uiteindelijk word het broodje ingepakt in wat papier met wat servetten, daarna kan je genieten van je broodje. + +Bij Werkmanrooster gaat het ook op deze manier. Als jij bij Werkmanrooster je naam in typt is het alsof jij bij de balie verteld wat voor je broodje je wil. Het persoon wat hier achter de balie staat weet wat hij of zij moet doen om dat broodje te maken. Hetzelfde geld voor Werkmanrooster. Door jouw naam in te voeren gaat Werkmanrooster op zoek naar de naam die je hebt ingevoerd, opzoek naar het soort brood, en pakt deze informatie zodat het verder verwerkt kan worden. +Deze [informatie](http://werkmanrooster.nl/api/search?name=Bram%20van%20der%20Veen) zijn dingen zoals je naam, leerlingid en of je wel een leerling bent en geen docent. Bij de broodjeszaak worden er nu allemaal lekkere dingen op het broodje gedaan, maar bij Werkmanrooster word je rooster opgevraagd bij de [officiële](http://roosters5.gepro-osi.nl/roosters/rooster.php?school=934) roostersite. + +Dan heb je nog in principe nog rauwe informatie (rauwe ingrediënten). Niemand wil een hele kaas op zijn broodje, met plastic randen er nog aan vast. Nee jij wil gewoon een plakje kaas. Dit is waarom Werkmanrooster niet die informatie doorstuurd, maar eerst verwerkt net zoals bij de broodjeszaak waar je kaas eerst in plakjes word gedaan. +Nadat deze rauwe informatie is verwerkt wordt alles bij elkaar gegooid (het broodje en de ingrediënten). Maar zelfs dan is alles nog niet klaar, wat je terugkrijgt is een broodje waarvan je handen plakkerig worden en wat niet handig in gebruik is, daardoor krijg je een papieren hoes voor je broodje samen met wat servetten voor "gebruiksgemak". Bij Werkmanrooster wordt de verwerkte informatie ([je rooster](http://werkmanrooster.nl/api/schedule?name=Bram%20van%20der%20Veen&tab=0)) nog in een webpagina gestopt voor dezelfde principes. Bij Werkmanrooster is het papier en de servetten de website zelf. De website, de zoekbalk en zoekknop zijn er allemaal voor gebruiksgemak. + +Als dit allemaal is gebeurd ziet het resultaat er ongeveer [zo](http://werkmanrooster.nl/rooster/Bram%20van%20der%20Veen) uit. Of je geniet van je rooster op dezelfde manier als een lekker broodje is natuurlijk de vraag. + +[Volgende (Nu wat moeilijker) >>](/watmoeilijker.md) [Is er nog niet] diff --git a/markdown/eli5.md b/markdown/eli5.md index e439955..aab2469 100644 --- a/markdown/eli5.md +++ b/markdown/eli5.md @@ -5,6 +5,9 @@ Als je naar de titel van deze pagina kijkt dan denk je zeker, wat is dit nou wee Bij het maken van de nieuwe versie van werkmanrooster heb ik vooral gedacht aan het schrijven van code die door mensen leesbaar is, en niet alleen door machines. -> Any fool can write code that a computer can understand. Good programmers write code that humans can understand. -Martin Fowler +> "Any fool can write code that a computer can understand. +Good programmers write code that humans can understand." -Martin Fowler Dit allemaal bij elkaar is een poging om alles zo duidelijk mogelijk uit te leggen. + +[Volgende (De broodjeszaak) >>](/broodjeszaak.md) diff --git a/markdown/inleiding.md b/markdown/inleiding.md index d870638..111c2c6 100644 --- a/markdown/inleiding.md +++ b/markdown/inleiding.md @@ -1,6 +1,6 @@ ##Inleiding --- -Heel veel mensen op het Werkmancollege locatie Stadslyceum gebruiken een alternatieve manier van hun rooster bekijken. Dit doen ze via Werkmanrooster, een door leerlingen opgerichte website voor het bekijken van je eigen rooster. Het eerste initiatief van [Moet opzoek naar eerste oprichters] toen overgenomen door [Tweede eigenaar]. Sinds December 2014 was het mijn beurt om het domein in bezit te nemen. +Heel veel mensen op het Werkmancollege locatie Stadslyceum gebruiken een alternatieve manier van hun rooster bekijken. Dit doen ze via Werkmanrooster, een door leerlingen opgerichte website voor het bekijken van je eigen rooster. [Het eerste initiatief](http://web.archive.org/web/20101216064457/http://werkmanrooster.nl/) van [Moet opzoek naar eerste oprichters] toen [overgenomen](http://web.archive.org/web/20140103031959/http://werkmanrooster.nl/) door Daniël Koster & Friso Wobben. Sinds December 2014 was het mijn beurt om het domein in bezit te nemen. Er zijn in die tijd al verschillende versies van Werkmanrooster langsgekomen, dit profielwerkstuk zou echter gaan over mijn tweede versie van Werkmanrooster, genaamd [rooster.io](http://git.werkmanrooster.nl/werkmanrooster/rooster-io). Dit is de versie van werkmanrooster die iedereen heeft gebruikt voor de twee jaar en waar laatst een nieuwe versie van is uitgekomen. Ik ga in mijn profielwerkstuk uitleggen hoe Werkmanrooster in elkaar zit en wat er allemaal gebeurd tijdens en voordat je jouw rooster opvraagd. Ook ga ik antwoorden geven op veel gestelde vragen en nog een ander voorbeeld geven van soort gelijke webapplicatie. diff --git a/resources/jade/article.jade b/resources/jade/article.jade index baade2d..03337d9 100644 --- a/resources/jade/article.jade +++ b/resources/jade/article.jade @@ -11,7 +11,8 @@ html div h5 Profielwerkstuk p Hoe werkt Werkmanrooster? - img(src="/images/face.png") + a(href="http://96aa48.github.io") + img(src="/images/face.png") sup Bram van der Veen ul for article in locals.articles diff --git a/resources/less/style.less b/resources/less/style.less index a74e12f..6519e69 100644 --- a/resources/less/style.less +++ b/resources/less/style.less @@ -63,16 +63,16 @@ div.content { } a { - // color: # + color: #3949D4; } blockquote { background-color: #DDD; width: 500px; - right: 0px; padding: 15px; padding-bottom: 1px; color: #666; + display: inline-block; } }