Online lessen – wat hebben we geleerd en hoe verder?

We hebben nu een compleet jaar achter de rug met maatregelen in verband met corona die van directe invloed zijn op het onderwijs. Het afgelopen jaar hebben we allemaal verplicht kennis gemaakt met thema’s “online lessen” en “leren op afstand”. Nu ben ik vijf jaar geleden al een pilot gestart met deze twee thema’s op een MBO. Dat was een geslaagde test waarbij de conclusies waren:

  • Leerlingen konden zich beter concentreren en hebben meer gepresteerd dan ze in de les zouden hebben gedaan.
  • Leerlingen vonden het prettig .
  • Leerlingen hebben tijd gewonnen omdat ze geen tijd kwijtwaren met naar school toegaan of teruggaan naar huis.

Hoe anders zijn de conclusies nu. De reden lijkt mij duidelijk: het duurt te lang. Dus nu de scholen langzaam weer open gaan verzuchten we met z’n allen: dit nooit weer! Maar wat is er dan overgebleven van de positieve kanten van het online leren en van het leren op afstand? Helemaal niets?

Technieken voor online lessen

Hierbij een overzicht van technieken, software en systemen die ik tot nu toe heb uitgeprobeerd. Vervolgens maak ik een keus uit welke technieken ik verder wil uitzoeken en toepassen binnen het concept “Leren op afstand” (LoA).

  • Cloud9 – Hier is het mee begonnen. Dit was een online programmeer omgeving oftewel: een online IDE (Integrated Development Environment). Beviel heel erg goed, totdat ze overgenomen werden door Amazon. Toen belandde ik in de spaghetti en daar ben ik nooit mee uitgekomen. De technieken uit Cloud9 die ik zeker zou willen hebben binnen een systeem voor LoA is:
    • Samenwerken in de cloud.
    • Syntax highlighting (code krijgt kleurtjes).
    • Live meekijken met wie wat schrijft.
    • In zelfde scherm mogelijkheid om chat te starten voor overleg (zonder dat je hiervoor de IDE workspace hoeft te verlaten).
  • Repl.it – nu: www.replit.com – Helaas geldt ook hier dat er ontwikkelingen hebben plaatsgevonden waardoor het alleen maar moeilijker is voor docenten om hier klassikaal in te werken. Dat heeft een commerciele reden. Replit werkt nu met “Teams” waarvoor je moet betalen terwijl we vroeger “Classrooms” hadden met daarin verschillende lessen. Repl heeft nog zeker mogelijkheden.
    • De mogelijkheden die er niet meer zijn maar die ik graag ergens anders terugzie:
      • Aanmaken van klassen met makkelijke csv import of in ieder geval eenvoudige wijze om snel leerlingen toe te voegen aan de klassen.
      • Opgeven van opdrachten en oefeningen (per klas) die makkelijk zijn na te kijken.
    • De mogelijkheden die er nog wel zijn en die ik verder wil uitzoeken en wil gaan gebruiken:
      • Mogelijkheid om samen te werken in de cloud.
      • Real-time meekijken met code die geschreven wordt.
      • Teams (maximaal 10 teamleden).
      • Ingebouwde chat binnen workspace zodat niet geschakeld hoeft te worden naar Teams of een andere omgeving tijdens het werken.

(Wordt vervolgd….)

LessonUp – Hype of serieuze mogelijkheid? En hoe te embedden in je website?

LessonUp is een een vrij nieuw concept en sinds de Corona hype ook zelf een hype geworden. Of is het meer dan een hype? Als docent kan ik er in ieder geval niet onder uit om dit systeem te proberen. Mijn trial Pro versie is verlopen helaas. Maar in dit artikel wil ik eigenlijk alleen onderzoeken of het mogelijk is om één slide of eventueel een complete les te integreren in een website, hoe dit dan zou werken en hoe dit er vervolgens uit gaat zien voor publieke bezoekers aan deze website.

Embedden of integreren in webpagina

Embedden in een webpagina betekent altijd een stukje code plaatsen binnen de html van de webpagina. Dat kan eventueel met een plugin maar dan zal die html optie wel eerst moeten werken.

Stukje code plaatsen in html – iFrame.

Bij veel systemen bestaan uitgewerkte en ingebouwde mogelijkheden om dit stukje code te genereren waarna deze code binnen de webpagina geplaatst kan worden. Zo werkt YouTube en zo werk ik bijvoorbeeld ook met presentaties (powerpoint) via www.slidebean.com – Deze optie kom ik niet tegen bij LessonUp. Geen nood, alle systemen die dit wél kennen, genereren eigenlijk een standaard iFrame en daarvan kunnen we de code zelf schrijven.

Welke URL embed ik dan? “Geef les” optie of “Deel met leerlingen”?

De volgende vraag is dan: welke url gaan we vangen in een iframe? Omdat ik geen Pro account meer heb, kan ik mijn les niet met een klas delen. Maar het doel van mijn opdracht van vandaag is om mijn publieke bezoekers aan DeWebkrant een les of enkele slide uit LessonUp te presenteren. Dus dat is geen probleem. De volgende optie waar ik aan denk is de optie “Geef les”. Dat leidt tot twee mogelijkheden: synchroon lesgeven waarbij ik als docent de vragen op presenteer en klassikaal door de slides heen ga. Dat willen we nu niet. Dus ik kies voor asynchroon waarbij leerlingen op eigen tijd en in eigen tempo de les kunnen bekijken en maken. Probleem is de melding: “Deel dan de les met leerlingen”. En dat kan ik dus niet omdat ik geen Pro account meer heb maar mogelijk wil ik dat ook niet omdat ik een publieke embed optie wil hebben. Laat ik eens een tweede proefaccount aanmaken onder een ander email adres.

Wat zegt team LessonUp zelf?

Ondertussen ben ik eerst een chat aangegaan binnen LessonUp. Conclusie: embedden zodat iedere bezoeker direct de inhoud van de les ziet, is niet mogelijk. Dit is de chat story:

Meindert from LessonUp
– “Hi there, we are seeking for an option to embed a slide in a webpage. Could not find any information about that option. Are you working on such an option? Kind regards.”
Tim: (Geen idee of hij Tim heet).
– “Hi, Dat is niet mogelijk.”
Meindert:
– “Aha, ik heb wel mogelijkheden ontdekt om te embedden in een iFrame maar het lijkt erop dat werkwijze LessonUp is om dit niet gebruiksvriendelijk mogelijk te maken? Staat niet op jullie roadmap voor de toekomst? Toch wel iets waar veel om gevraagd wordt en wat andere systemen als Quizizz wel aanbieden? Werk voor een klant (Creatieve Preventie) die dit bijvoorbeeld als noodzakelijk ziet om ooit met LessonUp te willen starten…. Binnen mijn school werken al mijn leerlingen via Moodle en wil eigenlijk ook niet dat zij uit dat systeem moeten om iets in LessonUp te gaan doen.”
Tim:
– “Het is mogelijk, maar we bieden het alleen in hoge uitzondering aan voor onze commerciële partners. Dit heeft ook mede te maken met het feit dat alles in LessonUp open source is en moet blijven. Een site die aan de ‘achterkant’ op slot kan worden gezet, levert vooral frustratie voor andere gebruikers op.”
– “Dat gezegd hebbende: voor de partij die je noemt, kunnen wij dit dus binnen een contract aanzetten.”
Meindert:
– “Begrijp niet helemaal de logica: ik dacht juist omdat het open source is dat dit embedden geen probleem zou moeten zijn? En hoe zou dat eruit zien als jullie deze optie “aan” zetten? Kan de klant dan bijvoorbeeld een bepaalde slide integreren in een WordPress post?”

Tim:

– “Aha, het is andersom! Ik dacht een site in LessonUp. Dat verklaart de verwarring.”

– “Om een LessonUp te openen in de website van een partij, is een javasrciptje nodig. Deze moet back-end worden geïmplementeerd.

Meindert:

– “Ja dat lijkt eigenlijk op de iFrame optie waarbij je de les url in een iframe plaatst (met extra openen in popup) . In je voorbeeld zie ik “start les” en dat is dus eigenlijk wat de docent dan ziet? Is er een mogelijkheid om één slide of eventueel een les te integreren in een artikel en dat de publieke bezoeker gewoon direct die slide(s) ziet zonder te hoeven klikken op “Start les” of “geef les”?”

Tim:
– “Die laatste mogelijkheid is er niet.”
– “Wat je zou kunnen proberen, maar dat is een beetje afhankelijk van de omgeving waarin je wilt embedden, is een andere url-proberen. https://www.lessonup.com/app/channel/teach/87MXq5QXQjAaZrGC5 Het gaat dan direct om het stukje /teach/.”
Meindert:
– “Ja ik zat ook in die richting te denken. Is dit dan asynchroon les delen met leerlingen?”
Tim:
– “Dat is synchroon. Asynchroon zien de leerlingen het overzicht, niet een enkele slide. Deze zien ze pas als ze een slide selecteren.”
– “Het werkt in ieder geval een omgeving als Google Sites.”
– “WordPress zal ook geen probleem zijn.”
Meindert:
– “Ja maar ik wil een asynchrone optie dat leerlingen/ bezoekers zelfstandig in eigen tempo door slides kunnen gaan en niet een docent nodig hebben. Ik ga er even mee testen. Voor nu voldoende info denk ik. Bedankt, voor het meedenken.”
Tim:
– “Even uitgetest: /teach/ blijft openstaan als je hem embed. Hiermee wordt hij asynchroon.”
Meindert:
– “Yep, zoiets had ik ook al getest. Dus ik denk dat er wel mogelijkheden zijn. Nog even terugkomend op mijn eerdere vraag: Dus niet in de roadmap van LessonUp op dit moment om deze optie gebruiksvriendelijker te maken?”
Tim:
– “Zeg nooit nooit, maar vooralsnog niet. We moeten keuzes maken, waarbij we altijd voor de grootste groep gebruikers moeten kiezen. Deze optie wordt nagenoeg niet gebruikt door docenten.”
Meindert:
– “Duidelijk en begrijpelijk. Nogmaals bedankt en een goede dag verder!”
Tim:
– “Graag gedaan en jij ook een fijne dag!”

Voorbeeld embed/ integratie in WordPress post

Dan is het nu tijd om een eerste embed te maken binnen een WordPress post en dat wordt dus deze post. Eerst een nieuw test account maken bij LessonUp zodat ik de Pro opties kan meenemen. Het gaat mij tenslotte om die “asynchrone” optie waarbij leerlingen/ bezoekers zonder docent zelfstandig een slide (interactieve video) kunnen bekijken. Dat blijkt een goede zet want nu zie ik de optie:
2. Delen via link

Je kunt de les via een link delen. Dit werkt als volgt:

  1. Genereer een link naar de les. Voeg een label toe om de lesresultaten eenvoudig terug te vinden.
  2. Deel de link met leerlingen, bijvoorbeeld via e-mail of de ELO.
  3. Leerlingen kunnen de les maken zonder in te loggen. (Kijk, dat wil ik). 
  4. Na het delen zijn de lesresultaten hier terug te vinden.
  5. Wanneer leerlingen niet ingelogd zijn, kunnen zij de les maken. De leerling kan de les na het maken echter niet meer inzien.”
Dit is de link die gegenereert wordt: https://LessonUp.app/invite/h/MnFznDiJPeGNZFLtb
En die link kan ik in een iframe plaatsen. Even proberen:

Online lessen en de onnavolgbare corona maatregelen.

En zo zijn we weer verhuisd naar de online wereld van het lesgeven. Ik vroeg een V4 klas hoe ze dat vonden en enkele leerlingen gaven aan dat dit niet handig was en voor hen niet functioneerde. Zij konden volgens hen nu niet de hulp krijgen die ze dachten nodig te hebben.

Lastig vallen is niet lastig

Ik ging daarover even in gesprek met ze door aan te geven dat deze online wereld toch ook echt extra mogelijkheden biedt. Zij moeten leren gewoon binnen te stappen in het online kantoor, klaslokaal of werkkamer van de docenten. Ik heb mijn status update in Teams aangepast naar: “Beste leerlingen, jullie mogen mij wel wat meer lastigvallen. Dat vind ik niet lastig.” – Tijdens elke les geef ik aan dat ze welkom zijn met hun vragen, dat we prima kunnen samenwerken via video chat en via het delen van onze schermen. En zo lijkt het ijs langzaam af te brokkelen.

En zo blijven leerlingen binnenlopen…..

Gisteren dacht ik nog een rustige dag te hebben met maar twee ingeroosterde online lessen maar ik ben tot in de avond bezig geweest met online overleg. Het werd een soort wedstrijd van mij tegen Teams. Elke keer als ik een chat overleg afrondde, waren er nieuwe chats “opgepopt”. Tijdens het schrijven van de laatste zin zijn dat er alweer twee extra bijgekomen. ’s Avonds maakt ik de balans op. 26 leerling gesprekken gehad….. Toen ik om 00.32 nog een vraag toegestuurd kreeg, ben ik er niet meer op ingegaan.

Dus leerlingen V4, ik ben het niet met jullie eens. Er zijn eerder meer mogelijkheden, dan minder mogelijkheden om jullie te ondersteunen. Het is wennen, het is ook voor mij een leren omgaan met grenzen. Vandaag zit ik om 16.30 al op 37 verschillende online leerling-gesprekken en dan reken ik niet de chat overleggen tijdens de lessen.

Laten we er het beste van maken.

Ik hoop dat dit verhaal mijn collega’s bemoedigt in deze tijd. Ik baal enorm van corona en nog meer van de maatregelen. Maar laten we het beste er van maken en misschien is dat nog zo gek nog niet? Ik ervaar echt een waardering voor mijn vak vanuit de leerlingen via deze continue stroom aan berichten en vragen van hen. En nu moet ik stoppen want de teller staat alweer op vijf en het is ook al bijna vijf uur.

Sterkte gewenst allemaal en vooral heel veel “fun”.

Groeten, Meindert

(De status van) Informatica in Nederland

De docent Informatica staat er alleen voor. Ook tijdens de introductie.

Morgen sta ik ingepland om 8 lesuren achter elkaar les te geven aan in totaal 4 groepen van in totaal 140 leerlingen over het vak Informatica. Dat maak je blijkbaar mee al beginnend docent Informatica binnen het Voortgezet Onderwijs. Schrik niet, een beginnend docent aardrijkskunde, wiskunde, economie of elk ander vak gaat dit niet meemaken. Ik durf wel te beweren dat ook een ervaren docent met 20 jaar ervaring in het VO dit niet hoeft mee te maken. Maar als docent Informatica sta je er in Nederland vrijwel alleen voor binnen een school met 1500 leerlingen. En dus zal je ook de introductie- en informatielessen voor je rekening moeten nemen.

Informatica? Wat is dat? Voor wie?

Maar ik heb er wel zin in. Ik heb een enquete voorbereid, een verhaal over Informatica, een opdracht en een kwis en daar doorheen loopt een competitie tussen twee- of drietallen. Met prijsjes. Maar vandaag had ik wel een interessant gesprek op een terrasje met enkele collega’s waarbij ik wat uitleg gaf over dit vak. En die info kan ik morgen ook wel gebruiken bij mijn presentatie van het vak aan 140 kinderen.

Informatica voor meiden

Zo gaf ik aan dat wij met zijn allen nog eigenlijk helemaal niet in de gaten hebben waar het om gaat bij het vak Informatica. Dat blijkt voor mij uit het feit dat meiden nog altijd veruit in de minderheid zijn bij dit vak. Blijkbaar bestaat het beeld bij hen, bij ouders en ook bij docenten, dat Informatica een technisch vak is en dus vooral geschikt voor jongens. Informatica valt bij ons op school onder de Beta-vakken. Ik zal niet zeggen dat het vak daar niet thuis hoort maar zijn kinderen, ouders en docenten zich er van bewust dat ook de volgende zaken aandacht krijgen binnen het vak Informatica?:

  • Ontwerpen, design, tekenen, stroomdiagrammen
  • Gebruiksvriendelijkheid
  • Communicatie, met klanten, gebruikers, consumenten, opdrachtgevers
  • Projectmatig werken
  • Privacy
  • Veiligheid
  • Maatschappelijke toepassingen
  • Toekomst
  • Politiek en beleid
  • Opvoeding

Wat je idee ook is wat betreft technische vakken voor meiden, ik denk dat we het met elkaar eens kunnen zijn dat we in Nederland er goed aan doen om te investeren in Informatica en technisch onderwijs, op zo’n manier dat we meiden hier minstens 50% bij betrekken en motiveren. Morgen ga ik een poging wagen en ik ben benieuwd wat mijn invloed is op de keus van meiden om te kiezen voor het vak Informatica. Meiden, wees welkom.

Informatica zonder status

Informatica lijkt op veel scholen nog niet de status te hebben die het verdiend. Ik zeg dit geheel zonder onderbouwing. Maar het is mijn onderbuik gevoel en dat wordt veroorzaakt door de volgende opmerkingen van leerlingen zoals ik ze de afgelopen twee maanden voorbij heb horen komen:

  • Ik heb voor Informatica gekozen omdat ik dacht dan tijd over te hebben voor andere vakken.
  • Vorig jaar deden we eigenlijk niets.
  • Vorig jaar konden we gewoon ons eigen ding doen op de computer tijdens het vak Informatica.
  • VWO 6 na minstens 2 jaar informatica: HTML? Nee, dat hebben we niet gehad. Programmeren? Nee dat deden we niet. Client-side / server-side? Nooit van gehoord.
  • Ik koos voor Informatica omdat er geen centraal eindexamen is.
  • Voor het vak Informatica krijg je toch altijd wel een voldoende.
  • Ik kreeg een tien voor mijn project terwijl de game helemaal niet werkte.

Om niet te negatief over te komen, stop ik nu met mijn lijstje. Volgens mij is het nu wel duidelijk dat er nog veel werk te doen is voor mij, voor alle Informatica docenten en voor het SLO (Stichting Leerplan Ontwikkeling) en desnoods voor de inspectie.

0 Comments

Informatica – Het functioneel ontwerp

Oké vandaag over het functionele ontwerp korte uitleg nou dat je een fantastisch idee hebt gehad hoe jij een deel van je leven ze kan nu digitaliseren en daarna leuke app mee kan zou kunnen maken voor over je vereniging oh je je school leven al je vrienden over na wat je wil nou zou je toch moeten beginnen met een ontwerpen zijn verschillende soorten ontwerpen we behandelen nu het functionele ontwerp het functionele ontwerp is duidelijk niet het grafisch ontwerp het grafisch ontwerp laat zien hoe iets eruit komt te zien de stad is ook met alle toeters en bellen naar plaatjes en kleuren en mooi enzovoort dat is grafisch ontwerp het functionele ontwerp is eigenlijk niet mooi het gaat er niet om dat het mooie is het laat ook niet zien hoe het eruit komt te zien laat alleen zien wat je er mee kan doen dus dat verschil moet even heel duidelijk voor zijn niet hoe het eruit ziet maar wat je er mee kan doen het is ook niet het technische ontwerp het technisch ontwerp is hoe je het gaat maken hoe het in elkaar zit he dus nou even voorbeeld je hebt een wasmachine de kleur grafisch ontwerp maken dan zie je precies hoe dat ding eruit ziet maar 3d je eventueel maar ik u nog niet weet je niet wat je er mee kan doen dat je daardoor dat we de was mee kan doen dat dat dat dat zie je niet aan de grafisch ontwerp na het functioneel en functionele ontwerp kan dat zichtbaar maken wat je er mee kan doen dat je zit de deur open kan doen dat we volgens de wassing kan dat de bovenin dus de zeep erin kan wat je dan mee kunnen we de knoppen die ik aanraad en wat er dan gebeuren had dat het functionele ontwerp de technisch ontwerp is dat eigenlijk hoe die ene deurs die deur open doet en verscheen dicht doet dat dan bijvoorbeeld pas het programma in werking getreden want anders die deur niet goed dicht zit dan dat gaat het niet werken nou en en hoe je dat ding dan in mijn kz gaan we hebben het over applicatie wel heel wat anders functioneel ontwerp van jouw applicatie gaat er over wat kan de gebruiker en jij allemaal doen met de diep applicatie wat kunnen doen wat van de functies en functionaliteiten ja dus het verschil tussen functies en functionaliteiten laten het zo zeggen functionaliteiten eens wat je er mee kan doen in de functies zijn dan de stappen waardoor een functionaliteit compleet wordt nou een voorbeeld noemen bijvoorbeeld een zoekfunctie dus een functionaliteit van zoeken op uw website en de functie daarin is dat bijvoorbeeld ja de gebruiker moet daar een zoekwoord intikken dus de functie moeten familie te zijn die kan daar iets intikken ik kan force klikken op op opzoeken en wat en doorzocht en dan krijg je het resultaat de functie waarbij een lijst met zoekresultaten getoond worden dus verschillende functies samen vormen de functionaliteit en dat daar die bij de moet je plaats geven in je functionele ontwerp dit is zijn ongeveer de dingen die daar bij die je buik bij nodig hebt om een functioneel ontwerp compleet te maken nee en we beginnen van links we gaan met de klok mee zo naar boven en dan naar rechts en je begin links zie je de float dat noemen we ook wel een stroomdiagram wat gebeurt er en nadat je ergens op klikt bijvoorbeeld welke pagina wat een ach opent of welke functie wat er dan geactiveerd actie-reactie het ene leidt de dikte je ziet ook in stroomdiagram de de keuzes die je gebruiken maakt bij de lopen van jouw website die klikt op contact en het resultaat is dat contact formulier wordt geopend vervolgens voor die zich gegevens in en klik je op zoek mid en de resultaten dat het de derde de het formulier wordt verstuurd bijvoorbeeld via e-mail of de gegevens wat in een database opgeslagen dus actie reactie je doet iets en het levert iets op het leidt tot iets en ik ga vervolgens weer dat het anders leiden dat ze het stroomdiagram dat maakt de functionaliteit inzichtelijk ik zou zeggen dat is de basis van functioneel ontwerp als je dat stroomdiagram goed uit werkte heb je bijna een compleet functioneel ontwerp dat links boven zien we doel doelgroep en doelen dat zijn dingen waar je rekening mee moet houden waar je functioneel ontwerp oftewel dat moet je in gedachten houden van wat is je doelgroep dus heb je misschien wel verschillende doelgroepen heb je misschien publieke gebruikers heb je ook ingelogd te gebruiken dus mensen die een account hebben mensen die geen account hebben die mensen die geen account hebben die doorlopen dus een ander keuze proces dan de mensen die wel een account hebben dus daar geldt een ander andere flow voor nou de doelen is natuurlijk ook waar wil je dat de gebruiker uiteindelijk uitkomt in de flow 100 stroomdiagram zie je een hakjes oranje dat site je doel maar als je webwinkel hebt is het doel is de omzet dat je iets verkoopt dus die moest uiteindelijk wil je dat die gebruiken op uitkomt dus die dingen moet je in gedachten hebben en die moet je er tijd zichtbaar worden in je stroomdiagram gaan we verder en zien we een overzicht van pagina’s dat kan heel handig zijn dat je dat in je functioneel ontwerp laat zien een overzicht van de pagina’s naar begin natuurlijk met de homepagina en laat ik dan eventjes helemaal naar rechts onderaan de zien we naar rechts eigenlijk zie je wireframes hang dat zou bijvoorbeeld dat plaatje wat je daar ziet zou bijvoorbeeld de homepagina kunnen zijn dan kun je in stroomdiagram een hokje pakken en dat noem je home en volgens een pijltje het menu wat op de home komt met daarin alle menu-items webwinkel contact over ons informatie over na waarom is op kunnen klikken en vervolgens als dat klikken komen dus op een andere pagina terecht zo kun je dus in blokjes weergeven home contact elke pagina vanaf welke pagina’s op welke pagina komen maar je kunt het ook ons als rechtsstaat plezier dus een wireframe dat is een een draad diagram eigenlijk een ruwe schets van hoe je website qua structuur en layout eruit komt te zien dus niet grafisch ontwerp maar een ruwe schets wat komt waarop je op je website nou als je dan dat kun je ook als uitgangspunt nemen dat waar je frame west rechtsonder als als startpunt van je functioneel ontwerp dus sommige die die kiezen ervoor om te ik begin met een wireframe van een home pagina we zien vol linksboven is mijn logo naar hoef je niet op te kunnen klikken de onderzoeken slider daaronder ziekte aan een minuut maar ze dus kunnen kiezen en daar onderzoek videootjes dat we afbeeldingen de content wat kon varen op de homepagina en waar kan de gebruiker klikken en wat gebeurt er vervolgens als die daarop geklikt heeft dan gaat die of naar een andere pagina of de wordt een bepaalde functie uitgevoerd die keuze heb je en dat is uiteindelijk wat je hier stroomdiagram gelegenheid dus je stroomdiagram je complete functioneel ontwerp is eigenlijk een combinatie van een stroomdiagram met een met wireframes of een wireframe je kunt kiezen kies een wireframe van homepagina vervolgens laat ik zien waar mijn allemaal heen kan via blokjes u zegt ik prix met de homepagina als wireframe en vol smart ik voor elke subpagina een wireframe en die verbindt ik met pijltjes met elkaar dat is lijkt me wat ingewikkelde maar dat mag ook nou dat is even kort wat je dan aan paar heb dit is een voorbeeld van een stroomdiagram waarbij een een functie en functionaliteit wordt beschreven en waarbij eigenlijk de de verschillende pijltjes en blokjes geven de functies aan de ziet de functie van validatie die geeft de functies van een melding die wordt gegeven mijn functie waarbij de gebruiker ingelogd wordt of nu teruggestuurd wordt is er allemaal functies en samenvoegen vormen ze de functionaliteit van inloggen dus dat is onderdeel van stroomdiagram dit zijn de mogelijke onderdelen van je stroomdiagram de gebeurtenis wat gebeurt er twee validatie kloppen de gegevens die wat ingevuld was gevolgen dus actie reactie wat gebeurt er als iemand echte klikt via gaat over de personen welke doelgroepen maken gebruik van jouw web web applicatie voor applicatie met welke apparaten wordt op mijn applicatie gebruikt in hebben die met elkaar contact communiceren in elkaar bijvoorbeeld een mobiele telefoon met de computer met mijn database met 6 de relatie de relaties tussen de gebeurtenissen tussen de actie in de reactie dat tussen zit een parel dat zijn relatie hoofd staan die ten opzichte van elkaar de buttons heb je natuurlijk je verschillende pagina’s media zoals video en afbeeldingen en 10 meest belangrijk dus zijn gegevens welke informatie wordt op welke plek zichtbaar dat ze allemaal dingen waar je naar zou kunnen kijken je functionele ontwerpen dit is een voorbeeld van een wireframe nou zie je dus wat komt waar is een ruwe schets van een pagina waarbij aangegeven wordt wat waar komt dat ze de zorg de definitie van een weigering ruwe schets van een pagina die aangeeft wat wa komt oké dit is nog een voorbeeld van een stroomdiagram waarbij dus verschillende waar je frames of kwistige pagina’s aan elkaar gekoppeld worden met tussen pijltjes actie-reactie je klikt ergens op en het leidt tot een andere pagina het keuzemenu keuze proces wat te gebruiken doorloopt samenvatting functioneel ontwerp maak duidelijk wat alle functies zijn functies samen vormen en functionaliteit en applicatie zoals jullie die bouwen die heeft een twee of drie functionaliteiten misschien hebben die de 10 maar dat dat dat dan heb je heel veel werk te doen en dan zou zoomen moeten samenwerken en wie weet kom je heel ver maar ga er vanuit dat je twee drie op functionaliteit hebben hebt maar die moet je kunnen onder verdelen in verschillende functies je kunt gebruik maken van wireframe staat en je kan gebruik van flowchart maar je moet gewoon gebruik maken van de flowchart moeten moet stroomdiagram de backbone van je van je functioneel ontwerp is dat stroomdiagram zich inzichtelijk maakt de wat gebeurt er op welk moment als je er het gebruiker erop klikt op een button op een pagina op een link dan krijg je dus een schema van paginas te zien nou uiteindelijk je functioneel ontwerp hier is de basis van je planning en taakverdeling als je dat functionele ontwerp niet hebt is het onmogelijk een planning te maken maak je niet inzichtelijk voor jezelf niet voor de klant en ook niet voor de docent wat je tarik gaat maken en hoe lang jij denk daar voor nodig denkt te hebben en zeker als je samen weg met anderen en je hebt dan heb je een functioneel ontwerp nodig om te kunnen verdelen wie gaat straks aan welke functie werken wie gaat welke pagina uitwerken dat was het volgens mij ja zeker oké succes nog heel verhaal samenvattend functioneel ontwerp geeft alle functies weer van je webapps ik applicatie via stroomdiagram en een wireframe punt

As found on Youtube

Dagboek docent Informatica

Sinds augustus 2018 werk ik (alias “dewebmeester”) als docent Informatica binnen de bovenbouw van het voortgezet onderwijs (Havo / VWO). Een nieuw avontuur na twee jaar als docent op het MBO les gegeven te hebben. Daar was ik docent Applicatie ontwikkeling binnen een beroepsopleiding en nu zit ik dus tussen de wat jongere leerlingen (14 – 17 jaar). Tweehonderdtwintig om precies te zijn. Twee scholen, twee regio’s (Midden en Zuid), 10 klassen, 7 programma’s. Ga er maar aan staan. En dat doe ik dus. Vijf dagen in de week. Voltijds.

De komende maanden wil ik proberen een eenvoudig dagboek bij te houden om leermomenten te noteren en om mezelf de mogelijkheid te geven om die leermomenten te verwerken tot winst. En misschien hebben ook anderen er wat aan?

De start – op zoek naar de balans.

De start was wat ik verwacht had. Ik verwachtte meer motivatie dan binnen het MBO en ik verwachtte ook dat het vermoeiend voor me zou worden. Beiden bleken waar te zijn. De meeste dagen kwam ik zo moe thuis dat ik op de bank in slaap viel. Maar daarbij overheerste wel een gevoel van voldoening. De leerlingen vind ik over het algemeen gemakkelijk, rustig, vrij lief en braaf. Het resultaat was wel dat ik er vol in stapte en na afloop soms het gevoel had over ze heen gewalst te zijn. Via dit dagboek wil ik zoeken naar de balans. De balans tussen werken en ontspannen, voor mij en de leerlingen, balans tussen serieus werken en plezier in de klas, tussen gemotiveerd werken en vanuit plicht werken, tussen gemotiveerd werken en overwerkt raken.

Wordt vervolgd

MBO mentaliteit en de pamper-generatie

MBO: Verslag van slechts één dag….

Vandaag hebben de MBO studenten weer erg hun best gedaan om aan te tonen dat ze tot de pampergeneratie gerekend willen worden. Natuurlijk betreft dat niet alle studenten die ik tegenkwam vandaag, maar het waren er weer genoeg die hun stempel drukten. En op dat stempel staat: “Gepamperd”.

De pampergeneratie, een term die opduikt in een artikel van HP de tijd:

https://www.hpdetijd.nl/2016-03-08/de-pampergeneratie-verwend-gekoesterd-en-daardoor-doodongelukkig/

Jongeren waarbij ouders niet meer streng durfden te zijn, die geen discipline hebben geleerd of zelfbeheersing, die alles konden en kunnen krijgen wat ze niet nodig hadden maar wel graag wilden en willen. Daarbij zie ik ouders die het druk hebben met geld verdienen om hun kinderen vooral méér te kunnen geven dan de kinderen van andere ouders en die dus geen tijd meer hebben voor hun kinderen. Kinderen die vervolgens verleerd zijn om op fouten gewezen te worden en om correctie te krijgen.

Vandaag waren er weer van die typische momenten. Het is de laatste week om opdrachten in te leveren. Maar als ik vraag of het gaat lukken, krijg ik een preek. Op zo’n moment pak ik dat wel op en uiteindelijk bedaart deze jonge gast omdat hij me nodig heeft voor een beoordeling. Een andere gast denkt er te komen door een applicatie van iemand anders te laten beoordelen. Er is ook een slimmerik die een complete applicatie gebouwd zou hebben maar die staat op de computer thuis en niet op de dure laptop die hij toch het hele jaar al met zich meesjouwt.

Positieve uitzonderingen?

Er zijn ook positieve uitzonderingen die vragen of ze alsnog een uitleg kunnen krijgen. Het is tenslotte het einde van het schooljaar en dan lijken er toch wat lichtjes te gaan branden. Maar als ik besluit om nogmaals uitleg te geven, blijken ze niet in staat te zijn een om een database connectie te maken, iets wat zo ongeveer een half jaar geleden behandeld is en wat elke dag nodig is om ook maar iets te kunnen maken of te testen. Kortom: deze jongens hebben het afgelopen half jaar niets gedaan. En dat schrijf ik echt zonder te overdrijven.

Stageplaatsen?

Toevallig kreeg ik eergisteren een email van een docente met de vraag of ik zou kunnen helpen met het vinden van stageplaatsen voor deze gasten. Ja dat kan ik. Maar nee, dat wil ik niet. Ik heb zelf een bedrijf (Samuel Services) en ben te vinden op www.stagemarkt.nl en heb ook enkele stagiaires gehad. Maar het lijkt me sterk dat ik een MBO student ga  aannemen. Ja, ik weet ook zeker andere bedrijven die stagiaires kunnen gebruiken en vorig jaar heb ik nog een student van me ondergebracht bij een bedrijf uit de buurt dat ik vrij goed ken. Maar ook dat werd geen succes. Het lijkt mij niet verstandig dat ik mijn naam en de naam van mijn bedrijf nog een keer verbindt aan een MBO stagiaire.

Ontbreken koppeling bedrijfsleven – niet wat betreft bedrijfskennis maar wel wat betreft bedrijfsmentaliteit

Het is vaker in het nieuws geweest de afgelopen maanden. De technische MBO en HBO opleidingen missen de koppeling met het bedrijfsleven. Een college van me legt het nog even uit in de pauze. We zouden volgens hem meer het bedrijfsleven binnen moeten halen in de school. En ook zouden we de technische vakken meer moeten indelen in technische hapklare brokken. Een andere college van me hoort het aan. Hij kent de klas die de aanleiding van dit artikel is en ik zie hem fronsen. En ik reageer. Bedrijfsleven? Is dat niet een plaats waar je op tijd dient te komen? Werken ze daar niet met deadlines? Volgens mij word je daar beoordeeld op grond van je prestatie? Van de klas die ik deze ochtend ontving, was er niet één op tijd, was 30% afwezig en heeft zeker de helft, de helft van de tijd wat anders zitten doen dan schoolwerk. En wij op het MBO weten allemaal dat dit geen uitzondering is maar ondertussen de regel. De door de pampergeneratie ongeschreven regel, opgelegd aan het schoolsysteem met de middelvinger omhoog.

De AVG (Algemene Verordering Gegevensbescherming) en implementatie in uw website

Vorige week twitterde ik er al over. De aandacht voor de nieuwe Privacy regulering (GDPR of AVG) lijkt te zijn doorgeslagen.

En dus wil ik oppassen met het schrijven over dit fenomeen. Maar toch kom ik er ook niet onder uit om iets over deze regulering in De Webkrant te zetten. Als website ontwikkelaar krijg ik vragen waar elke website eigenaar mee te maken heeft. En dus leek het me wel zinnig om die vragen en de antwoorden te publiceren binnen De Webkrant. Hierbij:

Uit de FAQ van www.dewebmeester.nl

Wat moet ik doen om te voldoen aan de GDPR (AVG – Algemene Verordering Gegevensbescherming) wat betreft mijn website?

Deze vraag krijg ik sinds begin mei omdat vanaf 25 mei de GDPR (AVG) van kracht is geworden. Hierbij wat antwoorden van mij aan mijn klanten:

Het is niet erg ingewikkeld. De “nieuwe” Privacy Policy moet vooral niet te ingewikkeld zijn. Wat ik klanten kan aanbieden is een Policy afgestemd op de website van de klant en dan reken ik één uur werk. Dat geeft wel aan dat een dure notaris niet nodig is. Ook is het onnodig om wat dit betreft een “Specialist gegevens bescherming” in dienst te nemen.
Vervolgens: plaatsen checkboxen binnen contact en aanmeldings formulier met daarbij link naar Privacy Policy – De Privacy Policy moet dus publiek toegankelijk zijn op de website. Daarbij ook een aangepaste cookie melding (met link naar cookie beleid dat beschreven staat in Privacy Policy). Mocht men cookies weigeren dan worden cookies ook werkelijk niet geladen.

Aanvulling: Mocht u via uw website ook klanten accounts hebben (zoals ik dat heb via www.websiteoverleg.nl en op www.samuelservices.nl ), dan zijn de volgende zaken van belang:
– de klant moet altijd de mogelijkheid hebben om zijn gegevens te (laten) verwijderen.
– de klant moet inzage hebben en een download mogelijkheid wat betreft de gegevens zoals geregistreerd.
– er kan een “data breach” optreden, een datalek. In dat geval moet hiervan snel melding gemaakt worden aan de betreffende klanten en een systeem die dit mogelijk maakt is wel zo handig.

Allemaal niet heel veel werk. Voor mijn klanten reken ik twee uur en dan hebben ze een GDPR of AVG erkende website.

Dit artikel van de NOS geeft aan hoe het niet moet:

https://nos.nl/artikel/2235393-twee-derde-van-150-populaire-websites-overtreedt-privacywet.html

 

SEO Workshop MKB Valleigroep – ondernemers Wageningen

Gisteravond heb ik met de pet van “Docent Applicatie Ontwikkelaar” maar ook met de pet van “Dewebmeester” een workshop SEO gehouden voor leden van de MKB Valleigroep Wageningen. Het werd een enthousiaste avond waarvan hier een kort verslag voor De Webkrant.

Voorbereiding en materiaal

Een workshop door “Dewebmeester” moet begeleid gaan van een mooie presentatie. Nu heb ik de beschikking over veel verschillende software die ik in het verleden getest heb zoals Explaindio, Viddyozo, Videoscribe, Powerpoint en anderen. Voor deze avond maak ik een korte introductie video over mijzelf  en concept “Wijs ondernemen en ondernemend onderwijs”. Daarvoor gebruik ik Videoscribe. Voor de workshop SEO gebruik ik Focusky.

Hierbij de kennismakingsvideo die ik heb gebruikt om mijn achtergrond en visie uit te leggen.

 

Workshop SEO – MKB Valleigroep – 29 maart 2018

Er waren 56 aanmeldingen en vrijwel evenzoveel deelnemers deze avond. Een enthousiaste groep van ondernemers uit de omgeving Ede, Wageningen, Bennekom en omstreken. De avond begon met een inloop en eerste kennismaking bij de koffie en om 20.00 begon het officiele gedeelte met allerlei mededelingen en kennismaking met de introducees. Dit nam 25 minuten in beslag waarbij ik noteerde dat ik mijn introductie (zie video hierboven) zou moeten inkorten om nog genoeg aandacht en tijd over te houden voor het onderwerp van de avond: SEO.

Kennismaking en introductie

De video met mijn visie op “Wijs ondernemen en ondernemend onderwijs” getoond maar na 5 minuten overgestapt op de interactieve Poll en Quiz die ik binnen Mentimeter had gemaakt om zo ook snel kennis te maken met de deelnemers. Vragen gingen over SEO, hun interesse in SEO. In totaal zes vragen waarbij de laatste twee de meest interessante waren gezien de uitslag (slechts één of twee goede antwoorden): – Wij moeten leren denken als GoogleBot – GoogleBot denkt als mensen – Antwoord op eerste stelling is: Nee en antwoord op tweede stelling is: Ja. Daarmee was de trend gezet voor de avond en kon ik beginnen met mijn verhaal over SEO.

GoogleBot denkt als mensen

Bij de start van Google en de zoekmachine in het algemeen, waren er nog geen zoekopdrachten bekend. Het eerste algoritme van GoogleBot was dan ook gebaseerd op primaire logica. Later kon Google steeds meer gebruik maken van ervaringskennis. Wij hebben met z’n allen miljarden zoekopdrachten ingevoerd en zo hebben we Google gevoed met ervaringskennis. GoogleBot heeft geleerd als mensen te denken. Dat heeft consequentie wat betreft onze SEO pogingen. We moeten niet proberen om via truukjes aandacht voor bepaalde zoekwoorden te krijgen maar os richten op kwalitatieve content die “menselijk” is. Sinds 15 jaar kunnen we ook stoppen met proberen GoogleBot voor de gek te houden door zoekwoorden te verstoppen in onze website.

Focusky presentatie met als hoofdthema: Focus

Bij de presentatie heb ik vooral dor nadruk willen leggen op het thema: Focussen. Je pagina moet ergens over gaan. Je moet GoogleBot kunnen overtuigen dat je een autoriteit bent wat betreft een bepaald onderwerp. Hierbij de presentatie.

Wordt vervolgd.

Website content nodig? – extract tekst uit Youtube video’s

Website Content is nog steeds “King” – Content als pijler van SEO

Veel klanten van www.dewebmeester.nl hebben hetzelfde probleem wat betreft SEO en vindbaarheid: ze kunnen maar moeilijk aan goede website content komen. Veel klanten zijn zelf geen schrijvers maar verkopers of dienstverleners. Toch geldt nog steeds: “Content is King”. Ook deze website www.dewebkrant.nl heeft u gevonden vanwege het indexeren van de website content door Google. SEO = Search Engine Optimization, oftewel het optimaliseren van je website voor vindbaarheid in de zoekmachine. Maar dan moet er wel eerst iets te optimaliseren zijn. Eén van de pijlers is hierbij de content.

Hoe komen we aan goede content?

We zouden natuurlijk een content schrijver kunnen inhuren. Dat is niet alleen kostbaar maar waarschijnlijk zal het u ook niet meevallen om er één te vinden die goede teksten kan en wil schrijven over uw product. Wie weten er veel over uw producten? Dat zijn uw klanten en dat zijn uw concurrenten. Over het gebruik van uw klanten bij het schrijven van content wil ik een aparte blog post schrijven maar hier aandacht voor de optie om klanten- en concurrent reviews van YouTube te gebruiken als unieke content voor uw website.

YouTube – duizenden, ongebruikte en unieke webteksten

Er is een reclame (een erg slecht reclame als je het mij vraagt) die aangeeft dat er elke minuut 3500 video’s worden geplaatst op YouTube. Vrijwel al deze video’s zijn voorzien van gesproken tekst. Die gesproken tekst wordt voorlopig nog niet geindexeerd door Google. Dus wat als we die gesproken tekst zouden kunnen omzetten naar geschreven tekst? Dat zou betekenen dat we de beschikking hebben over duizenden (of eigenlijk miljoenen) unieke webteksten en daarmee unieke website content. Het goede nieuws: het is me gelukt!

Voorbeeld van webtekst uit YouTube

 

Hierbij een voorbeeld. Een eigen youtube video of the video van anderen, wordt van tekst voorzien. De stem wordt omgezet in tekst. Er is nog wel wat editing nodig maar deze mogelijkheid moet interessant zijn voor iedereen die SEO voor zijn website serieus neemt. Neem contact op met [email protected] om de mogelijkheden te bespreken. Hieronder de webtekst die is verkregen na het omzetten van de gesproken tekst in de video naar webtekst. Dit betreft een eigen video maar ik had net zo goed één van de andere miljoenen YouTube video’s kunnen gebruiken.

Introductie php via lego blokjes – PHP en HTML – deel 1

Welkom maar weer bij de uitleg over php. wanneer begonnen aan deze intro het even duidelijk het het idee van php je begrijpen ik ga dat vandaag gaan doen mijn hand van lint van klokjes we geven aandacht aan het verschil tussen html en php en ik zeg als je dat verschil begrijpt dan begrijp je heel veel van oké laat begint met deze levens leven potjes coole dingen mee bouwen programmeren over elkaar te maken er ook een bouwen bouw stock oké en dit soort bouwen dus wegen blokjes dat is te vergelijken met het bouwen van de pagina ron had hij wel gebruiken atex in de tekst die zijn die staan vast kijk net doet dat een bepaalde voor als typisch het is niet te veranderen oftewel in het proces van bouwen veranderen die blokjes niet kijk nou bouwen pagina de tekst en beginnen bonen had iemand het groen rood rood haven rood en dan krijgen we dat in javascript zal sinds wij zingen zeven zes dingen sluiten die ook die hertek die sluiten we af met krijg een body-tag en dan de tweede content in sluit de code take-off en de sluit onze html trek af een paar levels webpagina zo doen we dat in html en wat leuk dat peter na abonnees en als je dat man grijpt dat dit heeft niks met pvp te maken dit is hard-coded tekst die staan vast zo kun je makkelijk trouwen druk eenvoudig to my van html vrij simpel bouwen daar dan nou kijk maar van lego bak je dus een beetje speciaal leger want ik leuk blokje voordat ik dat had had ik heb ik tering te maken deze sla op ik wou deze manier moeten maken moeten maken van kleine dus hij is van waar commotie naar ja is dit formaat is het is een dat soort voordat ik dat bp script begin voordat het gaat schrijven dan die bouwstenen moet ik eens maken dat is een heb ik helemaal niet ik heb geen vast van de tracks die bouwstenen die moet maken die noem ik variabele moet alleen ik variabelen noemt men variabelen die variëren dus veranderd het is dat staat niet vast aan ons ook verandert dat dan nou kijk naar de variabele kun je kun je nog wat mee doen ook in de loop van het uitvoeren van het script als ze had hij melding snel het is een h2 tag en ik vecht er achteraf oké ik zet dat in de skip h2 tag gedeeld en twee dames uitkomst na intec nee alle we h2 staat nu moeten wel wat de uitkomst is aan 2 gedeeld door 2 is niets mee te doen het steeds blijven zoals onze vpt die zich vernauwd variabele dus als ik weet even variabel grilt twee zijn twee variabelen en vervolgens mee verder ik ken leger gedeeld door 2 lk kan je veel dingen bij doen kan kan het worden bij opdoen en kan ik aan laat allerlei calculaties op uit voeren dus die variabele die de uitkomst van die variabele dat verandert ook nog een me die uitkomst kan ik weer verder wat doen dat dat is niet moeilijk te begrijpen dat je daardoor op de bouwstenen online de ch veel meer mogelijkheden er in therapie het verschil is ook de term die daarbij moet onthouden creed is een statische website is een statisch product hebt dat dat is zoals het is het staat statisch op verandert verandert niet dit thema snelle van statisch is dynamisch ja dynamisch gebeuren het ontstaat terwijl het wordt uitgevoerd het product ontstaat je webpagina ontstaat moment dat hij werd pagina worden uitgevoerd oftewel moment dat het script gelezen wordt door de server door de browser en dan ontstaat die webpagina die variabele de uitkomst niet variabele wordt gecombineerd tot een product statisch html dynamisch twee japan je leest het en

As found on Youtube