Advanced Search
Search Results
445 total results found
Yii Cheat Sheet
Back <?= Html::a( 'Cancel', Yii::$app->request->referrer , ['class'=>'btn btn-primary']); ?> Grid View [ 'attribute' => 'no_answered', 'label' => '#vragen', 'enableSorting' => false, 'filter' => false, 'headerOptions' => ['style' => 'width:6...
Max-Quiz
Use Case In a classroom, as a teacher, I want to execute a formative assessment. I want to be able to start a quiz, minimize the change that students help each other and I want to be able to change quizzes, create new ones without much hassle. Furthermore, I...
Block page - please wait
Block page to prevent (mini) DOS. HTML First part show an overlay, which is by default hidden (display:none). The script, disables the button, changes the text, shows the overlay, wait 800 ms and then submits. <!-- This is the busy overlay, show when Start...
Dynamic return page
In an update store referrer in Yii session and use it to return to when update is done. // Store return URL, just before return to update view. Yii::$app->user->returnUrl = Yii::$app->request->referrer; // return to saved URL $returnUrl = Yii::$app->user...
Concreet of niet - Versie A
Opdrachtgever: InnovatieLab BV Projectomschrijving: Het doel van dit project is het creëren van een digitale ruimte die onze innovatieve geest en vooruitstrevende projecten weerspiegelt. We willen een platform dat niet alleen informatief is, maar ook interac...
Concreet of niet - versie B
Projectnaam: Digitale Innovatie Hub Opdrachtgever: InnovatieLab BV Projectachtergrond: InnovatieLab BV streeft ernaar om een centrale hub te zijn voor technologische innovatie en samenwerking. Ons doel is om een platform te bieden waarop individuen en organ...
Grouping rows in Gridview
Integrating collapsible groups with triangles in a Yii2 GridView requires a creative approach because GridView is primarily designed for flat data presentation. However, you can achieve this by manipulating the GridView and incorporating custom HTML and JavaSc...
Extra Opgave DB1
Opgave 1A - Student Maak in Lucidchart de entiteit student. Een student heeft een studentnummer, voornaam, achternaam, adres, huisnummer, postcode, woonplaats en geboortedatum. Het studentennummer is de primary key en de tabel heeft geen foreign key. Opgave ...
ChatGPT en Concreet
AI - ChatGPT Zeker door de komst van AI zijn veel documenten niet concreet. Er staat veel tekst, maar er wordt weinig informatie verteld. Je kunt ChatGPT of andere LLM gebruiken, maar je moet wel zorgen dat je een concreet document maakt. Signaalwoorden B...
Formule 1 Teammanagement Systeem
Inleiding Je bent een data-analist die is ingehuurd om een databaseontwerp te maken voor een Formule 1 team. Het team wil een systeem dat hen helpt bij het beheren van coureurs, raceauto's, en de verschillende Grand Prix evenementen waar ze aan deelnemen gedu...
Examen Rubics
Examen Rubics Portfolio-examen SPL Rubics SD_SD20_PF1_B1-K1-K2_2v1. K1W1 - Planning De uitgangspunten zijn juist verwerkt (Definition of done) en de eisen en wensen zijn verwerkt in de user stories. De user stories voldoen aan de criteria (wie, wat, wa...
JS Challenge - Stappenplan
Hier wordt stap voor stap beschreven hoe je de JS Challenge "Bestelsysteem kantine" kunt uitvoeren. Op het eerste gezicht lijkt het een hele college opdracht, maar als we het in kleine stapjes opdelen dan valt het wel mee. De oplossing zoals hier beschreven ...
DOM Manipulation
English The DOM is the Document Object Model, which is essentially the entire HTML page. You can modify the DOM using JavaScript. For example, you can change the color of an element, or modify the content of an element. This can also be done ...
DOM manipulation opdrachten
Inleiding Neem eerste de theorie door op de vorige pagina! De opdrachten van dit blok sluiten op elkaar aan. Je moet ze dus in de jusite volgorde maken. Waarschuwing: als je de opdrachten met ChatGPT maakt en je snapt niet wat je doet dan loop je met de laa...
Atom Editor
Introductie Om te kunnen coderen hebben we een editor nodig. Met de editor kunne we de code intypen en aanpassen. Voor deze introductie maken we gebruik van de light weigth code editor Atom. Download Download Atom en installeer de editor (alternatieve down...
Stap 0, Starting up
In de code-editor (Atom, Brackets of VCS) maak je een nieuw bestand aan (file, new of new file). Je ziet een lege pagina. Dit is de code waar we mee gaan starten. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Simple Traffic Light...
Stap 1, het stoplicht
Aan het einde van deze stap heb je een leeg stoplicht, zeg maar een stoplicht zonder lampen erin. We beginnen met de algemene set-up. In de <body> </body>heb je de tekst (in de vorige stap) aangepast. Vervang de (aangepaste) tekst in de body door deze code....
Stap 2, de lampen
Aan het eind van deze stap heb je een stoplicht met de drie lampen, rood, oranje, en groen. Rode licht Om de lamp te laten branden, plaatsen we code in het <script> </script> gedeelte. function switchLight(color) { if (color === 'red') { documen...
Stap 3, halo-effect
Aan het eind van deze stap hebben alle drie de lampen een halo-effect. Halo effect Om meer een gevoel te krijgen dat er echt een lamp brandt, voegen we bij de lamp die aan is een zogenaamd halo-effect toe. Dat ziet er als volgt uit: Zonder ha...
Stap 4, eerst oranje
Als je deze stap hebt gedaan dan kun je niet in één keer van groen naar rood. Staat het licht op groen en je drukt op rood dan zal het oranje licht aan gaan. Als we het licht op groen hebben staan en we drukken op rood dan gaat het licht op rood. Maar eigenl...