1. Download VSC
Download de laatste versie van Visual Studio Code (VSC) van de website van Microsoft.
2. Je 1e project
Ga naar “file” en klik op “open folder”. Maak een nieuwe folder aan en onthoud de plek waar je deze folder maakt.
Maak in deze nieuwe map een nieuwe file (bestand) aan en noem deze index.html.
Typ wat tekst in dit bestand.
3. Bekijken in je browser
Ga naar je browser en typ in de url-balk “localhost”.
Je komt nu in de standaard xampp webpagina.
Als je achter localhost/…. je mapnaam zet die je in de vorige opdracht hebt gemaakt, dan zie je jouw eerste webpagina.
localhost/mijnmap
4. Meer info
Kijk hier ook eens:
1. Quiz
2. Opdracht
- Ga naar www.icttaal.nl
- Klik op Quizzen. Kies bij Infra (Netwerken & Hardware) de ICT INFRA Quiz
- Gebruik het wachtwoord Vista@123!
3. Score
- Zet het resultaat (certificaat) in de Challenge-01 map op jouw OneDrive. Wist je dat je deze quiz zo vaak mag doen als je wil? Zo kun je steeds een hogere score halen.
1. Opdracht
Je gaat medestudenten en één docent beter leren kennen. Bedenk minimaal 5 vragen per persoon en schrijf ze op. Verzamel de antwoorden door middel van een interview. Je gebruikt een dictafoon/opnamesoftware om het interview op te nemen. Laat dit ongeveer 1 á 2 minuten duren.
2. Stappen
Voor je het interview gaat afnemen, stel je alle vragen duidelijk op. Doe dit aan de hand van de persoon. Een docent zal andere vragen verwachten dan een student. Vraag dan of de studenten en de docent tijd hebben of plan dit in. Neem de gesprekken op.
3. Opleveren
Lever de opnames in via Canvas. Zorg dat je de juiste bestandsnaam kiest, bijvoorbeeld: JanssenPiet_InterviewNederlands_20092024 (achternaamvoornaam_opdrachtnaam_datum)
1. Office 365
2. Opdracht
- Download & installeer MS Office 365 op jouw laptop.
- Login met jouw VISTA-emailaccount op MS Office 365.
3. Links
- Zoek op Google of een andere zoekmachine (zoals DuckDuckGo of Startpage.com) hoe je MS Office 365 kunt installeren.
- Andere zoekmachines:
1. Speedtest (wifi / internet)
2. Opdracht
3. Link
1. Opdracht
Doe de nulmeting voor rekenen. Je krijgt nog te horen wanneer deze nulmeting plaatsvindt. Met de nulmeting kun je controleren hoe goed je bent met rekenen
2. Voorbeeld
3. Links
De toets komt te staan op onderstaande link: Coöperatie Examens MBO: Inloggen
1. Opdracht
- Maak een mapje (folder) aan met de naam Challenges op jouw OneDrive.
2. Submappen
- Maak voor iedere challenge een aparte map (bijvoorbeeld CH01) en maak in iedere challengemap twee submappen aan met de namen: “Opdrachten & Portfolio” en “Documentatie“.
3. Nederlands / Engels
- Let op het juiste hoofdletter- en taalgebruik.
1. Opdracht
Maak een webpagina waarin je zowel grote als kleine tekst gebruikt. Gebruik hiervoor de standaard HTML tags voor koppen.
Zoek dus eerst op internet wat dit is en hoe deze tags eruit zien.
Zoek uit waarom we deze kop-tags gebruiken.
2. Starten
Maak een nieuwe file met VSC in htdocs. Codeer een standaard HTML layout. Gebruik de kop-tags in de body.
Als extra mag je proberen de vormgeving van de koppen aan te passen met je eigen CSS.
3. Resultaat
Je hebt een webpagina met veel tekst waarbij er een duidelijk verschil is te zien in de vormgeving van de kopteksten. Je kunt jouw docent uitleggen welke tags je hebt gebruikt en waarom.
1. OneDrive
2. Opdracht
- Download, installeer en configureer MS OneDrive.
- Let op! Login in met je VISTA-account op OneDrive, niet met jouw privé-account.
3. Tip
- Kijk of OneDrive misschien al geïnstalleerd is op jouw laptop.
- Als deze al geïnstalleerd op jouw laptop, probeer dan OneDrive te configureren.
1. Opdracht
- Maak een bootable usb-stick met Windows 10 Pro (Engels)
- LET OP!!! Installeer Windows 10 PRO ENGELS!
- Test of de bootable USB-stick werkt met een Vista-laptop of desktop en kijk of de computer wil opstarten vanaf de USB-stick.
2. Tips
- Gebruik Rufus, Balena Etcher of ISO2USB om een bootable USB-stick te maken.
3. Tools
- Tools vind je op www.icttools.nl
1. Opdracht
Zoek naar de semantic tags van HTML en gebruik ze allemaal in een webpagina. Je mag het onderwerp van de webpagina zelf verzinnen.
2. Starten
Maak een index.html bestand via VSC in een folder die in htdocs staat.
Ga naar bijvoorbeeld w3schools om de tags te zoeken en te leren hoe je ze moet gebruiken.
3. Resultaat
Je hebt een webpagina waarin je alle semantic tags van HTML hebt gebruikt. Je kunt aan je docent uitleggen wat deze tags doen en waarom je ze gebruikt.
1. Opdracht
- Installeer een gratis grafisch / fotobewerkingsprogramma in het Nederlands.
2. Voorbeeld
GIMP
3. Tips
- Gebruik Google (of een andere zoekmachine) om een gratis fotobewerkingsprogramma te downloaden.
1. Assignment
Navigate to the website https://chat.openai.com/. Make an account, you can use your school e-mail or your own personal e-mail. It’s free!
2. Starting a conversation
Open a new window with ChatGPT and start a new conversation.
To help you think of a topic, consider one of the following options:
- “The role of ICT in our modern world”
- “How language models are going to change the world”
- “Things you should know when you’re a first year student at a new school”
- You can also think of a topic yourself!
First think of an opening sentence, consider telling ChatGPT that you want to have a conversation so that the AI knows your intentions. Then just continue the conversation until you have at least 750 words.
3. Result
Save the text in a word document, name the document “LastnameFirstname_assignment_date”
So for this assignment it could be something like: “DerixPaul_ A conversation with AI_02092024”
Hand in the document using Canvas
1. Windows Server 2022
2. Opdracht
- Download & installeer Windows Server 2022 (Engels) op VirtualBox.
3. VirtualBox?
- Heb je VirtualBox al geïnstalleerd? Top, dan kun je meteen aan de slag met het Windows Server 2022 ISO-bestand.
4. Tips & Links
- Je kunt veel software & ISO-bestanden vinden op www.icttools.nl
1. Opdracht
- Download & installeer Ubuntu Server 24.04 LTS op VirtualBox.
2. Pittig?
- Deze opdracht is misschien wat pittiger en vraagt doorzettingsvermogen…. dus niet meteen opgeven als je een “zwart schermpje” tegenkomt.
3. Tips
- Zoek op Ubuntu Server 24.04 LTS ISO of ga naar de website van Ubuntu.
1. Opdracht
Zoek op internet naat Piet Mondriaan, de schilder.
Deze schilder heeft hele specifieke schilderijen gemaakt.
Jij gaat nu ook zo’n schilderij maken, maar dan met code en niet met verf.
2. Hoe te starten
Gebruik <div id=’rood’></div> en nog enkele van dit soort stukjes code om blokjes te maken.
Met je CSS geef je deze blokken een width, height en backgroundcolor.
3. Resultaat
Zorg dat je resultaat er als volgt uitziet.
2. Gereedschap & Benodigdheden
Dit heb je nodig:
- 1 x UTP-kabel
- 2 x RJ45 connector
- 1 x RJ45 Krimptang
- 1 x zijkniptang
- 1 x kabelstripper
3. Tips
- Sluit de adertjes (kabeltjes) aan volgens het onderstaande schema.
4. Testen
- Verbind minimaal twee computers met een switch. Gebruik je gemaakte ethernetkabel en een prefab-kabel om de computers met de switch te verbinden. Stel nu de IP-adessen als volgt in:
- Probeer nu eens te PINGEN tussen de beide computers.
- Tip! Zet de firewall uit als het PINGEN niet lukt.
1. Opdracht
Maak een nieuw project met VSC. Binnen dit project maak je een nieuwe file genaamd index.html en een nieuwe file genaamd styles.css. Zorg dat beide bestanden gekoppeld zijn.
2. Hoe te starten
Zoek op internet naar de HTML koppeling voor een stylesheet bestand (css). pas de opgedane kennis toe.
3. Resultaat
Je hebt een webpagina die voorzien is van de nodige css. Deze css staat uitsluitend in de styles.css. Er mag geen css in de html file worden gebruikt.
1. Opdracht
Zoek op internet een tag waarbij attributen worden gebruikt. Bijvoorbeeld een <image> tag of een <a> tag. Bestudeer wat een attribute is en wat het doet en hoe je het kunt gebruiken.
2. Start
Maak een webpagina waarbij je minimaal 5 tags gebruikt die attributes hebben.
3. Resultaat
Laat je docent zien dat je een webpagina hebt waarbij je minimaal 5 tags hebt staan met attributes. Je kunt de docent uitleggen welke tags je hebt gebruikt en hoe ze werken. Je kunt ook kleine aanpassingen doen op verzoek van de docent.
1. Opdracht
- Installeer XAMPP op jouw op Windows 10/11 (VirtualBox).
- Controleer of de standaard pagina wordt weergegeven als je “localhost” (zonder aanhalingstekens)intypt in de webbrowser (Chrome / Edge / Firefox etc).
2. Configureren
- Het kan zijn dat je eerst dingen moet configureren (instellen) voordat de webpagina goed wordt weergegeven.
3. Tips & Links
- Zoek op Xampp om deze te downloaden en installeren.
- https://www.icttaal.nl/docs/webserver-xampp-op-windows-10/
1. Opdracht
Zoek op internet welke format elementen er zijn binnen HTML.
Maak een website waarbinnen je minimaal tien van deze format elementen gebruikt.
2. Starten
Open VSC en maak een nieuw project. Binnen dit project maak je een nieuwe file genaamd index.html. Desgevraagd kun je een styles.css aanmaken. Ga aan de slag met onder andere de format elementen. Uiteraard mag je meer dan alleen deze gebruiken om een mooie pagina te krijgen.
3. Resultaat
Je laat een mooie webpagina zien waarin je minimaal tien html format elementen hebt gebruikt. Je kunt deze aan je docent uitleggen.
1. Opdracht
- Installeer en configureer (instellen) je eigen wifi-router.
2. Wat heb je nodig?
- Wifi-router
- Ethernetkabel (netwerkkabel)
- Gevoel voor humor
3. Wat moet ik allemaal instellen?
- Stel het SSID in op jouw studentnummer
- Stel het wachtwoord in op Vista@123!
- Stel in dat de beveiliging op WPA2 (of WPA3) staat.
- Maak nu draadloos verbinding tussen jouw laptop en de wifi-router.
1. Opdracht
De IT-helpdesk staat voor je klaar met problemen met je logingegevens, je computer of mijnvista. Voor vandaag verzin jij iets waar je tegenaan loopt. Dit probleem mag ook vanuit de bricks ontstaan en opgelost worden door de IT-helpdesk. Je neemt dit gesprek op. Zorg dat je voldoende vragen hebt voor een gesprek van 1 à 2 minuten.
2. Stappen
Voor je naar de IT-helpdesk gaat, stel je je vraag op. Waar loop je tegenaan? Wat heb je al geprobeerd? Waarmee hoop je dat zij je kunnen helpen?
Wanneer je bij de IT-helpdesk komt, is het belangrijk om aan te geven dat je het gesprek gaat opnemen voor schooldoeleinden (AVG). Stel al je vragen en zorg dat je de servicedeskmedewerker ook bedankt aan het einde van jullie gesprek.
3. Opleveren
Lever de opname in via Canvas. Zorg dat je de juiste bestandsnaam kiest, bijvoorbeeld: JanssenPiet_InterviewNederlands_20092024 (achternaamvoornaam_opdrachtnaam_datum)
1. Sleutelen!
2. Opdracht
3. Controleren!
- Als je klaar bent, laat dan de computer controleren door een van jouw docenten.
4. Testen!
- Na het controleren ga je uiteraard testen of de computer het (weer) doet.
1. VirtualBox
2. Opdracht
- Download & installeer VirtualBox op jouw laptop.
3. Tips & Links
- Zoek op Google naar naar VirtualBox
- Ga naar Downloads en druk op Download VirtualBox 7.0
- Kies de optie zoals hieronder aangegeven.
- Windows -> Windows hosts
- Mac -? MacOS / Intel hosts
- Zorg ervoor dat je de (eerder) gedownloade ISO-bestanden op jouw laptop houdt. Deze ga je namelijk vaker gebruiken!
1. Opdracht
Maak een applicatie waarbij je een boodschappenlijstje kunt bijhouden. Dit mag je doen in een programmeertaal naar keuze.
2. Start
Maak een nieuw project en maak hierin een array of een andere soort list waarmee je de toegevoegde boodschappen kunt bijhouden en naar het scherm kunt printen.
Een database of een ander type van opslag is niet nodig, maar mag wel natuurlijk. Kijk maar eens hoever je komt.
3. Resultaat
Je laat een applicatie zien waarmee je als gebruiker boodschappen kunt toevoegen en die staan dan als lijstje op het scherm.
1. Assignment
Choose a game, a series or a movie that you have recently watched or played. Write a review to let your fellow classmates know what you think of it.
2. Lay-out
Stick to the following lay-out:
- Paragraph 1: introduction of the subject
- Paragraph 2: argument 1
- Paragraph 3: argument 2
- Paragraph 4: conclusion
3. Result
Hand in the Word document with your review in Canvas. Remember to use the right naming conventions when naming your file (LastnameFirstname_assignment_date).
1. SSD
2. Opdracht
3. Benodigdheden
- Laptop / Desktop
- SSD
- Clone-software
- USB-to-SATA adapter
4. Tips & Links
- Voordat je begint met sleutelen… zorg ervoor dat je eerst de clone-software download en installeert op de computer. Sluit dan de SSD via USB aan en maak dan een clone van de HDD (hardeschijf). Vervang daarna de HDD (hardeschijf) door de SSD in de computer en start de computer op om te testen of het goed gegaan is.
- Je kunt op www.icttools.nl clone-software vinden.
1. Meta-tags
Je weet ondertussen dat elke HTML-pagina een vaste structuur heeft. Een onderdeel daarvan is <head></head>. Alles wat tussen deze twee tags staat, wordt door de browser niet weergegeven. De informatie wordt wel door de browser gebruikt. Ook zoekmachines als Google doen veel met deze meta-tags.
2. Starten
Zoek op wat meta-tags zijn en welke meta-tags er zijn. Hoeveel daarvan zou je toepassen op jouw website? Verwerk minimaal 5 meta-tags binnen de website die je gaat maken. Je mag zelf een onderdeel kiezen.
3. Resultaat
Je laat aan de docent zien wat je hebt gedaan. Je hebt minimaal 5 meta-tags verwerkt en je kunt er nog minimaal tien uitleggen als de docent erom vraagt.
1. Opdracht
- Zoek en installeer software om wifi-netwerken mee te kunnen scannen.
2. Frequenties & Kanalen
- Probeer eens erachter te komen op welke frequenties en kanalen het wifi-netwerk is ingesteld.
Voorbeeld:
3. Screenshots & Tips
- Maak screenshots in jouw documentatie over welke wifi-netwerken er allemaal zijn, welke frequenties gebruikt worden en op welke kanalen de SSID’s worden uitgezonden.
- TIP: Kijk op www.icttools.nl voor software waarmee je Wifi-netwerken kunt scannen.
1. Opdracht
Maak een navigatiemenu.
2. Starten
Maak een nieuw project met VSC. Zet hier de standaard HTML-code in. Gebruik de <nav></nav> tags om het menu te maken. Zoek op YouTube recente filmpjes die je helpen. Kijk bijvoorbeeld ook naar de <ul><li> tags.
3. Resultaat
Je hebt een navigatiemenu gemaakt die verwijst naar minimaal vijf andere pagina’s. Het menu werkt, dus als ik klik op een menu-item dan ga ik ook daadwerkelijk naar de juiste pagina.
Je maakt gebruikt van minimaal 1 externe link, dus na de klik ga ik naar een andere website. Deze website opent in een nieuw tabblad.
1. Beast Mode!!!!!
2. Opdracht
2. Specs
- Zoek de specificaties op van jouw laptop.
3. Documentatie
- Zet alle specificaties van jouw laptop en alle teamleden in een MS Excel-bestand.
Voorbeeld:
1. Opdracht
Bouw onderstaand voorbeeld na. Klik op onderstaande link voor meer informatie over hoe je dit zelf kunt maken.
2. Voorbeeld
3. Links
Zoek op internet naar informatie over hoe je een tabel <table> kunt maken. W3schools is natuurlijk altijd een goede leermeester.
1. Opdracht
- Maak een handtekening in MS Outlook met een VISTA logo of afbeelding.
2. Nieuw & Reageren
- Stel in dat deze handtekening wordt weergegeven zodra je een nieuwe e-mail maakt en als je reageert op een ontvangen email.
3. Tip
- Je mag/kunt altijd de zoekfunctie in MS Outlook gebruiken om bepaalde functies en/of opties te vinden.
- Dit geldt overigens voor alle MS Office applicaties.
4. Voorbeeld
1. Opdracht
Welkom op het mbo-onderwijs. Wat zou het mooi zijn als je nu ook studiefinanciering kreeg bovenop je OV-kaart. Daarover ga je het hebben met een medestudent. Schrijf een script voor een podcast over studiefinanciering voor mbo-studenten.
2. Stappen en tips
Schrijf een script voor een podcast over studiefinanciering voor mbo-studenten. Denk bijvoorbeeld aan de volgende informatie die aan bod mag komen:
- Wat is studiefinanciering?
- Wie komt in aanmerking?
- Hoe vraag je het aan?
- Terugbetalen van studieleningen.
- Tips voor effectief gebruik van studiefinanciering.
Handig is om de volgende stappen te volgen:
- Introductie: stel jezelf voor en introduceer het onderwerp.
- Hoofdonderwerpen: behandel elk van de bovengenoemde punten.
- Conclusie: vat de belangrijkste punten samen en geef afsluitende tips.
3. Opleveren
Lever de opname in via Canvas. Zorg dat je de juiste bestandsnaam kiest, bijvoorbeeld: JanssenPiet_InterviewNederlands_20092024 (achternaamvoornaam_opdrachtnaam_datum)
1. Opdracht
Gebruik inline en block elementen. Maak een webpagina waarbij je zowel block- als inline-elementen gebruikt.
2. Starten
Zoek op internet wat het verschil is tussen block elementen en inline elementen binnen HTML. Maak vervolgens een nieuw project in VSC en maak een product dat gebruik maakt van beide elementen.
3. Resultaat
Je kunt aan jouw docent laten zien en uitleggen wat block- en inline-elementen zijn en hoe ze werken.
1. Beamen & Streamen!
2. Opdracht
3. Uitzoeken
- Zoek uit hoe het smartboard aangaat en hoe je je laptop moet aansluiten om het beeld van je laptop ook op het smartboard weer te geven.
4. WIN + P
- Stel nu eens in dat het beeld niet wordt gedupliceerd maar wordt uitgebreid.
1. Opdracht
Gebruik <canvas> en maak een vierkant, rechthoek, driehoek en rondje. Kleur deze in.
2. Starten
Maak een nieuw project met VSC. Maak een index.html file en zet daar de standaard HTML code in.
Maak een <canvas></canvas> en teken de figuren zoals beschreven in de opdracht.
3. Resultaat
Je laat de figuren aan je docent zien. Je kunt uitleggen wat er gebeurt in de code en welke regel wat precies doet.