Feedback sleeppuzzeltje

Om de literatuur over een feedback gesprek te testen heb ik een klein sleeppuzzeltje gemaakt. Hieruit blijkt of men de stof begrepen heeft. Natuurlijk dit dit weer geheel in de huisstijl van de e-learning site.

Klik hier op de puzzel te doen.

Module voor beoordelingsgesprekken

Vandaag heb ik module gemaakt voor een e-learning website over beoordelingsgesprekken. Hierin heb ik een bestaand trainingschema gedigitaliseerd in een module die doelen bij een (beoordelings) gesprek en uiteindelijk een percentage genereert voor de verschillende doelen. Deze module is ook meteen zo gemaakt dat hij de waardes meestuurd en deze worden opgeslagen in het profiel van de cursist. Klik hier om de module te doen.

Afronding multimedia bibliotheek

Vandaag heb ik de multimedia bibliotheek afgerond. Na een conceptversie te hebben afgeleverd is vandaag alle feedback er ook in verwerkt en is er een definitieve versie. Wel mooi dat ik op deze wijze in ieder geval een product op heb kunnen opleveren. Ik hoorde dat er vaak een stagiare maar producten half afmaakt. Ik zal komende tijd mee helpen aan lopende projecten.

De website is nu ook te bezichtigen via

www.itasc.com/media

Banners

Wat al snel duidelijk was dat deze website iets proffessioneels/nieuws/uitdagends moest uitstralen, vandaar dat we besloten hadden dat er wel beweging in moet zitten. Ik ben daarom ook aan de slag in flash om de banners animaties mee te geven. Door met verschillende lagen te werken, zie onderstaand plaatje, heb ik de effecten kunnen aanbrengen. Het idee is dat je de multimedia bibliotheek box op de wind heen en weer ziet bouncen.

Niet zichtbaar.. Wel zichtbaar..

Ik wil bepaalde dingen tonen alleen als je daadwerkelijk ingelogd bent. Ik wil dit niet in allemaal verschillende pagina’s gaan doen. Als er dan later iets aangepast moet worden moet je alle pagina’s aan gaan passen. Daarom gebruik ik gewoon php wat veel code bespaart en veel efficiënter is.

Ik had bij mijn datamodel van te voren al een extra veld aangemaakt wat ik hiermee kan combineren, zie hiervoor PhpmyAdmin .

Ophalen info uit database

Voor het ophalen van de content van de pagina’s laat ik een query uitvoeren, dit wordt vervolgens uit de database gehaald en in een div en variabele ge-echoot. Zie hieronder:

Query

Div benoemen en vullen

Toepassen van require

Bij het fenomeen inloggen op de website is het van belang dat het veilig is. Nu is het zo dat je heel makkelijk op één pagina een inlogscript kan schrijven en vervolgens op andere pagina’s met 3 regels code kan aangeven dat hij eerst dat moet gaan checken. Zo heb ik dit ook gedaan, zie hieronder:

Zoals je kan zien gaat hij eerst de pagina login doorlopen, als hij aan de session kan zien dat $reedsingelogd een bepaalde waarde heeft dan gaat hij pas door naar de pagina. Zo is het hartstikke simpel om de check uit te voeren.

switch();

Tijdens de realisatie pas ik nu een switch functie toe. Dit is een functie in php die vele voordelen heeft t.o.v. van bijvoorbeeld een if() statement. Je kan op deze wijze heel veel code inkorten tot een switch functie. Zo blijft alles vele malen overzichtelijk en voorkomt het enige slordigheidsfouten.

Lees meer over het switch(); statement door hier te klikken.

PhpmyAdmin

Bij de technische structuur heb ik rekening gehouden met de wensen die aan de multimedia bibliotheek vasthangen. Namelijk het wel en niet tonen van informatie aan de hand van of je ingelogd bent. Sommige informatie zoals bijvoorbeeld de link naar het product moet soms verborgen worden bij bepaalde producten. Vandaar dat ik in het datamodel er een extra veld heb bijgemaakt, zie hieronder:

Je kan hier zien dat het veld zichtbaar een 1 of een 0 is. Zo weet kan je bij het invoegen aangeven of de informatie wel of niet zichtbaar moet zijn. Dit zal ik later met php afvangen en zo de informatie wel of niet laten tonen. Daarnaast kan je ook zien in het datamodel dat ik gekozen heb voor 3 tabellen.

• content (dit zullen verschillende pagina’s zijn die opgehaald worden uit database)

• login (hier zullen logingegevens worden opgeslagen en geraadpleegd bij een login sessie)

• media (dit is zoals te zien alle informatie omtrent een mediaproduct).

Ontwerp gesliced

Afgelopen dagen heb ik het ontwerp geheel gesliced volgens W3C normen. Zo is de website crossbrowser. Veel geleerd over gebruik van CSS en dit toepassen op DIV’s. Hierbij heb ik vooral gemerkt dat Internet Explorer dingen (raar) anders interpreteert dan andere browsers.