Jan 132013
 

Om op onze eigen huis website wilde ik de roosterwijzigingen van een van mijn kinderen direct laten zien. Hij zit op het Keizer Karel College te Amstelveen en via hun website kan je de alle roosterwijzigingen zien. Gelukkig heeft Mathijs Molenaar ook een versie gemaakt voor een individuele leerling. Deze is prima te gebruiken om op je eigen website te plaatsen met een iframe.

Bepaal eerst de juiste waarden die ingevuld moeten worden. Zelf gebruik ik de volgende link: http://www.keizerkarelcollege.nl/mobile/rooster.php?inputlln=0000&theme_id=00988&frame=1&font_size=12

  1. inputlln: is het leerlingnummer bij het KKC (het hier genomen nummer klopt natuurlijk niet ivm privacy).
  2. theme_id: is een (eigen) theme die gebruikt kan worden. Om deze zelf aan te maken kijk hier. Goed gedaan Matijs!
  3. frame=1: Hierdoor wordt altijd het mobiel rooster geladen.
  4. font_size: De grootte van het font dat getoond wordt.
  5. Als je de link bepaald hebt, kan je deze met een iframe op je website plaatsen, bv.:

<iframe style=”border: 1px solid;” src=”http://www.keizerkarelcollege.nl/mobile/rooster.php?inputln=0000&theme_id=00988&frame=1&font_size=12″ height=”400″ width=”800″ align=”center”> </iframe>

Bij de iframe zijn de waarden:

  1. height = gebruikte hoogte in pixels
  2. width = breedte

  3 Responses to “Roosterwijziging Keizer Karel College op je eigen website”

  1. Beste meneer/mevrouw,

    Gezien ik uw email adres niet kan vinden doe plaats ik hier maar een berichtje.

    Ik ben de maker van de nieuwe layout en ik kwam bij het doorlopen van de analytics informatie deze site tegen.
    Het idee dat het rooster ook op externe sites kan worden gebruikt lijkt mij een leuk idee.
    Alleen zitten er 3 bugs in:

    Als eerste moet het leerlingnummer niet als “inputln” worden doorgegeven maar als “inputlln”.

    De derde is dat het thema niet geladen wordt, dit heeft te maken met de pagina die aangevraagd wordt.
    De parameters zijn gescheiden met een “?” (zonder quotes) in plaats van “&”. Hierdoor zal alleen de eerste waarde worden uitgelezen (het leerlingnummer). Het moet dus zijn:

    Dit brengt me direct bij het tweede probleem, en dat is dat het thema en het leerlingnummer in een cookie worden opgeslagen. Door probleem één wordt het geselecteerde thema uit een cookie gehaald. Dat betekent dat (als probleem 1 is opgelost) een leerling die het rooster zelf ook gebruikt op hetzelfde apparaat automatisch het thema ingesteld krijgt als het gebruikte thema in dit frame. Gezien ook het leerlingnummer in een cookie wordt opgeslagen wordt ook het leerlingnummer overschreven.

    Om dit tweede probleem op te lossen ga ik een wijziging doorvoeren waarbij ook de parameter frame moet worden doorgegeven met de waarde 1. Waardoor het geheel eindigt op:

    Als u nog vragen heeft, neem dan gerust contact met me op via de email.

    Mvg, Mathijs Molenaar

  2. Beste Mathijs,

    Dank voor je reactie. Erg goed om de roosterwijzigingen zo beschikbaar te stellen!

    De aanpassingen heb ik gedaan.

    Nog wat tips voor verbetering:
    Het zou ook prettig zijn als ik de font-size zou kunnen aanpassen. Deze info gebruik ik nu om zelf een overzicht te krijgen in onze eigen website via een iframe en daarin is het font relatief groot.
    Wat lastiger: het zou ook prettig zijn als rooterwijzigingen gepushed kunnen worden, bv. in een e-mail of naar twitter of facebook. Ik kan me wel voorstellen dat dat lastiger te realiseren is.

  3. Matthijs heeft snel gereageerd en twee extra parameters “font_size” en “frame” toegevoegd. Dit is verwerkt in de uitleg hierboven.

 Leave a Reply

(required)

(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>