Topic outline
-
-
Advies: maak eerst zelf een samenvatting en vergelijk vervolgens met deze samenvatting. Zie ook de opdracht uit het begin van deze periode: https://codepanta.nl/mod/assign/view.php?id=4893
Let op: dit is een samenvatting, niet de theorie. Voor de complete theorie en uitwerking van opdrachten of vragen zoals genoemd in deze samenvatting, moet je teruggaan naar de activiteiten binnen deze cursus. Of je vraagt de docent. Binnen het "Overzicht kennen en kunnen TP1" kan je directe linken vinden naar deze activiteiten en opdrachten. Ook binnen deze samenvatting staan linken naar relevante opdrachten, slideshows of video's uit deze cursus.
-
Hierbij een samenvatting van de behandelde theorie tijdens deze periode. Dit is een samenvatting van de docent. De samenvatting is gebaseerd op het overzicht dat jullie aan het begin van deze periode hebben gekregen in de vorm van een checklist. De checklist is in deze samenvatting uitgewerkt met gebruik van ChatGPT en gecontroleerd door de docent.
-
Make entries: 10 Receive a grade
Hierbij de begrippen zoals behandeld tijdens deze periode via werken aan de PO (website) en bespreking van theorie of tijdens presentaties. Dit zijn de begrippen die je voor de toets moet kunnen uitleggen (eigen woorden) en eventueel kunnen toepassen binnen een logische context.
Inzendingen tot 15 januari worden meegenomen in de beoordeling. Hier plaats je 10 items met uitleg van de betekenis. De docent geeft via wekelijkse opdrachten aan welke items je hier moet publiceren en van uitleg moet voorzien. Vervolgens keurt de docent een item goed als die aanvullende informatie bevat die nog niet is gepubliceerd. Kopiëren van wat anderen hebben ingestuurd is dus nutteloos.
De begrippen die hier genoemd worden kunnen terugkomen in de toets. Voor elk goedgekeurd item krijg je een punt wat uiteindelijk leidt tot een cijfer.
- Hosting
- IP adres
- Naamservers
- Ransomware
- Spoofing
- Syntax highlighting
- HTML validatie
- W3
- W3schools
- W3 validator
- Metadata
- Website domein
- Domein registratie
- Domein extensie
- Subdomein
- CSS
- CSS - inline styling
- Werken in de Cloud
- Bootstrap
- Javascript
- Framework (in relatie tot website ontwikkeling)
- Javascript injectie
- Functioneel ontwerp
- Stroomdiagram
- Crypto currency
-
Dit is de samenvatting van het Kennen en Kunnen wat betreft HTML voor deze periode.
-
Check-off items: 100%
-
Doe deze oefening om nog meer bekend te maken met de te kennen begrippen.
-
-
-
Check-off items: 100%
Hier een overzicht van alle onderwerpen en opdrachten die samen de toetsstof zijn voor de toets van TP2. Daarbij korte uitleg en samenvatting wat betreft kennen en kunnen voor deze toets. Let op: TP1 kent een eigen samenvatting en een eigen overzicht en voor de toets TP1/TP2 heb je beide samenvattingen en overzichten nodig.
-
View Make a submission Receive a grade Receive a passing grade
De toets informatica gaat over CSS, Bootstrap, Javascript en Usability. De complete lijst kan je vinden hierboven als checklist. De opdracht: bedenk twee vragen die als toetsvraag gebruikt kunnen worden. Geef daarbij ook het goede antwoord. Als de vraag past binnen het toets programma, dan is de kans groot dat je de vraag op de toets zal tegenkomen.
-
Make a submission Receive a grade
Lever hier je zelfgemaakte samenvatting in. Natuurlijk gebruik je daarbij de informatie uit mijn samenvatting, het document kennen en kunnen en de uitleg via het YouTube kanaal en CodePanta. Cijfer telt mee voor je CodePanta cijfer.
-
-
-
View Receive a grade Receive a passing grade
Zorg er als eerste voor dat je zelf hier een inzending hebt toegevoegd. Vervolgens gaan we klassikaal alle websites beoordelen.
-
Make a submission Receive a grade Receive a passing grade
- Ga naar www.trello.com
- Bij uitzondering mag er worden samengewerkt.
- Maak een account aan
- Maak een Board aan
- Zorg ervoor dat naam van Board je voornaam bevat
- Stuur een invite naar mjorna@pantarijn.nl
- Start met invullen Planboard (onderdelen, planning, eventueel taakverdeling)
- Stuur hier de link in naar je Trello Board
-
Make a submission Receive a grade
Maak een Wireframe van je Homepagina en van een tweede pagina (die gebruikt maakt van een andere layout zoals bijvoorbeeld de contactpagina). Maak een derde Wireframe voor weergave homepagina op een mobiele telefoon.
Je mag dit doen via www.draw.io (zie uitleg hieronder) maar mag zeker ook op papier. In beide gevallen lever je hier twee afbeeldingen in. Let op de deadline.
- Ga naar www.draw.io en log in met je google account of onedrive en koppel je DRAW account aan je Google Drive of Office OneDrive (school) account.
- Maak een nieuwe (lege) diagram aan en geef die een naam.
- Maak een wireframe van de homepagina van de website die je gaat bouwen.
- Maak een wireframe van een tweede pagina met andere layout.
- Ontwerp een wireframe van de homepagina voor mobiele weergave.
- Exporteer je diagram als afbeelding (.png of . jpg)
- Lever de drie afbeeldingen hier in.
- Ga naar www.draw.io en log in met je google account of onedrive en koppel je DRAW account aan je Google Drive of Office OneDrive (school) account.
-
Make a submission
Hierbij de Rubric. Bekijk die elke keer als je aan je WebApplicatie gaat werken. Lever hier de link in naar je website. Mocht je in een eigen replit gewerkt hebben, zorg dan dat je @CodePanta hebt toegevoegd aan die replit en stuur hier de deelbare link in van je Replit.
Mocht je nog een derde manier hebben gebruikt om je website te ontwikkelen, geef hier dan aan hoe de docent je website kan vinden en beoordelen en zorg voor een goede verantwoording binnen je Trello board..
-
Hierbij de slideshow die aangeeft hoe te starten met je WebApp (website) in HTML - Later werk je hier CSS in uit, gebruik je Bootstrap en Javascript. Vink dit pas af als je alle onderdelen uit de presentatie hebt uitgewerkt.
-
Bekijk deze video en leer de termen die ik hier benoem. De termen kan je terugvinden binnen onder begrippenlijst hierboven.
-
-
-
-
Make a submission Receive a grade
Behaal het CSS certificaat op Sololearn en stuur hier de link in naar je profiel.
-
Bekijk de presentatie over CSS. Deze presentatie zal ook in de klas getoond worden en de docent zal de uitleg verzorgen. Vink deze presentatie alleen af als je de hele inhoud van de presentatie begrepen hebt.
-
Volg instructies docent.
-
-
-
Een slideshow met een samenvatting hoe een wireframe via Bootstrap om te zetten naar een website layout.
-
Bekijk hier een korte uitleg over het starten met Bootstrap.
-
Dit is een video van het YouTube kanaal "Informatica voortgezet onderwijs". Vergeet je niet te abonneren.
-
In deze video (uit YouTube kanaal "Informatica Voortgezet Onderwijis") het schrijven van de code om een nette webpagina structuur te maken in Bootstrap waarbij rijen en kolommen worden aangemaakt. Schrijf mee en leer. Vergeet je niet te abonneren.
-
-
-
Bekijk de slideshow en eventueel de bijbehorende video op het YouTube kanaal "Informatica Voortgezet Onderwijs".
-
View Make a submission Receive a grade Receive a passing grade
Bekijk de volgende webpagina: https://www.crazyegg.com/blog/principles-website-usability/
Hier worden 5 principes genoemd die belangrijk zijn in relatie tot het thema "Usability". Opdracht
A. Leg in eigen woorden uit wat deze 5 onderdelen betekenen in relatie tot het ontwikkelen van een website. Oftewel: geef aan waar je op moet letten bij het ontwikkelen van een website om die gebruiksvriendelijk te laten zijn.
B. Beoordeel je eigen website aan de hand van deze 5 principes. Geef een cijfer van 1 tot 10 en geef argumentatie voor dit cijfer. Je geeft dus 5 x een cijfer en schrijft 5 x een argumentatie. Geef daarbij ook aan wat eventueel verbetering nodig heeft en verbeter dat aan je website.
-
View Make a submission Receive a grade Receive a passing grade
Ga naar: https://paulchristian.nl/website-usability-checklist/ en maak de volgende opdrachten en stuur hier je uitwerking en antwoorden in.
- Binnen welke 5 thema's zijn deze 60 aandachtspunten ingedeeld?
- Bij de vorige opdracht werd gekeken naar https://www.crazyegg.com/blog/principles-website-usability/ - welke onderwerpen van deze website van Crazyegg worden niet genoemd binnen de 60 aandachtspunten?
- Leg per thema uit hoe jouw website rekening houdt met de genoemde onderwerpen.
-
-
-
Over variabelen, loops, arrays en functions.
-
Hierbij een video uit het YouTube kanaal "Informatica Voortgezet Onderwijs" over starten met Javascript met onder andere aandacht voor variabelen, arrays, voorwaarden, loops en functions. Vergeet niet om je te abonneren op dit YouTube kanaal om zo altijd snel op de hoogte te zijn als er een nieuwe video gepubliceerd is.
-
Make a submission Receive a grade
Hierbij enkele voorbeelden van gebruik van javascript binnen een website. Kijk wat je wilt gebruiken. Misschien dat we tijdens de laatste les van deze week worden de toepassingen klassikaal presenteren en bespreken. Als je een cijfer hiervoor wilt, stuur dan hier de link naar je javascript toepassing en een complete beschrijving en de javascript code.
Enkele voorbeelden:
- Een popup login formulier: https://codepanta.nl/pluginfile.php/16653/mod_assign/intro/modal-login-popup.html
- Een calculator in Javascript (en HTML / CSS): https://codepanta.nl/pluginfile.php/16653/mod_assign/intro/calculator-javascript.html
- Lampje aan - lampje uit: https://www.w3schools.com/js/tryit.asp?filename=tryjs_lightbulb
- Een zoekfunctie die producten uit een lijst filtert: https://www.w3schools.com/howto/howto_js_filter_lists.asp
- Een popup login formulier: https://codepanta.nl/pluginfile.php/16653/mod_assign/intro/modal-login-popup.html
-
Make a submission Receive a grade
-
Ga naar https://quizizz.com/join?gc=70145834 en maak de quiz "Javascript" om te oefenen en te leren.
-
View Make a submission Receive a grade Receive a passing grade
Behaal het Javascript certificaat op Sololearn en stuur hier de link in naar je profiel. Zorg dat je voor jouw profiel, je voor- en achternaam gebruikt hebt.
-
-
Zie alle Quizizz over actualiteit.
-
View Make a submission Receive a grade Receive a passing grade
Lees het volgende artikel en geef antwoord op de volgende vragen:
https://nos.nl/artikel/2455837-schrijvende-ai-populair-we-bevinden-ons-op-een-kantelpunt
Om met een doorleefd argument te komen, raad ik aan dat je zelf eens probeert wat je op dit moment kan doen met AI via https://chat.openai.com/ - Of kijk de video die ik daarover gemaakt heb.
Vragen:
- Wat wordt bedoeld met "OpenAI".
- Noem de belangrijkste voordelen wat betreft de inzet van "OpenAI".
- Benoem de belangrijkste nadelen wat betreft de inzet van "Open AI".
- Beschrijf hoe de wereld er over 10 jaar volgens jou uitziet wat betreft het gebruik van AI in het algemeen. Gebruik daarbij zoveel mogelijk feitelijk juiste argumenten.
Hierbij ApenAI als zoekterm, wereldwijd om aan te geven dat we met een actuele trend te maken hebben:
-