# data[].attributes.attachment_link.authors[].name
ICT Lyceum Vista College Maastricht en Sittard

# data[].attributes.attachment_link.description
Filmpjes die de moeite waard zijn om te bekijken

# data[].attributes.body
Een mockup is een grove tekening van wat je wilt gaan maken. Bij voorkeur start je met pen en papier. Dan kun je snelle schetsen maken. Daarna werk je de mockup uit met een daarvoor bestemde app.

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops (Storyboard, Figma, Affinity Designer)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Teamafspraken (Word-document)

Leanboard

Gantt-planning

Mockup's

Storyboard

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshop [ Login script ]

# data[].attributes.body
Download hier het lettertype dat wordt gebruikt in de Game Boy spellen.

# data[].attributes.body
Pokémon is rond 1995 bedacht door Satoshi Tajiri. Het verhaal is toegespitst op fictieve wezens genaamd "Pokémon", die worden gevangen en getraind door mensen, Pokémontrainers genoemd, om ze elkaar te laten bevechten voor de sport.

# data[].attributes.body
Deze challenge gaan jullie je eigen Pokédex bouwen.

We delen de challenge op in twee delen:

1. Plannen maken en kennis opdoen (3 weken)

2. De Pokedex maken (3 weken)

In deel 1 gaan we nieuwe kennis opdoen van webservers, PHP en databases. Hiervoor neem je verplicht deel aan workshops en maak je diverse kleine projectjes om je kennis te testen.

In deel 2 ga je de opgedane kennis toepassen en maak je de Pokedex.

De Pokedex
Het moet in jouw applicatie mogelijk zijn om:

een overzicht te krijgen van alle, in jouw Pokédex geregistreerde, Pokémon

een nieuwe Pokémon te registreren in jouw Pokédex

de gegevens van bestaande Pokémon in de Pokédex te bewerken

een Pokémon te verwijderen uit jouw Pokédex

Om dit voor elkaar te krijgen ga je gebruik maken van Xampp, PHP, MySql, PHPMyAdmin en natuurlijk HTML, CSS en misschien een beetje JavaScript.

Verder ga je kennis maken met GitHub om je code nog beter te kunnen delen en te beschermen tegen verlies.

Aan het eind van de challenge lever je een verslag in CumLaude in. In je verslag staat, naast alle onderdelen van het lean board, ook een link naar de GitHub repository waar de code van de applicatie ingezien en gedownload kan worden. Zie hiervoor ook de kolom Inleveren.

# data[].attributes.body
Download hier het lettertype dat wordt gebruikt in Pokémon games.

# data[].attributes.body
Verwerk bovenstaande vakken van het lean bord in je verslag

# data[].attributes.body
Elke speler van het spel verlangt ernaar de beste Pokémon-trainer te worden en alle Pokémon te vangen. In geen van de spellen zijn alle Pokémon te vangen, zodat de speler met iemand die het andere spel heeft, moet ruilen om alle Pokémon te bemachtigen. Sommige Pokémon kan de speler niet vangen, maar moet hij door training levels laten stijgen en zo laten evolueren.

# data[].attributes.body
Zodra jullie applicatie ontwikkeld is, gaan jullie deze lanceren. De lancering van deze app kondig je aan op Instagram en LinkedIn.

Opdracht:

Schrijf voor beide platforms een bericht in Word waarin je de lancering aankondigt. Zorg ervoor, dat je het volgende erin verwerkt:

Je schrijft je bericht in het Nederlands;

Het bericht bevat niet meer dan het toegestane aantal tekens (check dit per platform);

Stem het bericht duidelijk af op het publiek. Welk publiek verwacht je bij Instagram en welk publiek verwacht je bij LinkedIn, welke taal past hierbij etc.;

Gebruik bij ieder bericht de juiste hashtags en zorg dat deze passend zijn bij het platform en je bereik kunnen vergroten. De hashtags mogen in het Engels, als dat beter aansluit;

Tag minimaal vier personen of bedrijven, zodat ze jouw bericht kunnen reposten. Zoek uit welke personen en/of bedrijven interessant zijn voor jullie app en jullie bekendheid kunnen vergroten door een repost;

Het bericht bevat minimaal één passende foto;

Zorg ervoor, dat het lijkt alsof beide posts zijn geplaatst op de platforms. Wees creatief!

Je hoeft niet echt te posten!!!

# data[].attributes.body
Dit zou een mogelijke optie voor een database kunnen zijn. Stel vragen als je wilt begrijpen hoe en waarom het zo in elkaar gezet is... !!!

# data[].attributes.body
Je kent hem vast wel, de Pokédex. Dit is dé digitale encyclopedie voor het ontdekken van informatie over verschillende soorten Pokémon. Het aantal Pokémon dat verzameld is op de Pokédex is door de ontdekking van nieuwe Pokémon en regio’s flink uitgebreid. Via de Regional Dex ontdek je alle Pokémon per regio, de National Dex is een compleet overzicht van álle Pokémon.

# data[].attributes.body
Klik om naar de webpagina te gaan.

# data[].attributes.body
Ga eerst op onderzoek uit. Dit noemen ze ook wel de oriëntatiefase.

Tijdens deze fase ga je bijvoorbeeld zoeken op internet, ga je mensen interviewen, ga je vragen stellen, ga je boeken lezen, ga je tijdschriften zoeken, ga je filmpjes over het onderwerp kijken, ga je bedrijven bezoeken, ga je op zoek naar soortgelijke applicaties, ga je de concurrenten bestuderen, etc.

Met andere woorden: je gaat je goed verdiepen in het onderwerp, zodat je een expert wordt op dat gebied.

# data[].attributes.body
Op de Pokédex krijg je informatie over iedere Pokémon die geregistreerd staat in het Pokédex systeem. Binnen de Dex kun je zelf zoeken op nummer of naam van de Pokémon. Je ziet een overzicht van gegevens, waaronder het type en een omschrijving van de betreffende Pokémon.

De Pokédex is een persoonlijk apparaat dat gekoppeld is aan de trainer. Gevangen Pokémon worden in de Dex geregistreerd.

# data[].attributes.body
Een voorbeeld hoe het eruit zou kunnen zien. Uiteraard mag je er zelf iets anders van maken. Dit voorbeeld is alleen ter inspiratie.

# data[].attributes.body
Bovenstaand schema is bedoeld als handleiding om de stappen van het softwareproces te doorlopen.

Bestudeer het schema goed. Tijdens de lesdagen gaan we dit schema uitgebreid behandelen. Elke stap is belangrijk om tot een goed eindproduct te komen.

# data[].attributes.attachment_link.readable_text
A few examples of using Flourish for a data-rich hobby

I think it's fair to say that if you're someone who's interested in data visualization, you see ways of applying those techniques in all areas of your life where you can see data could be gathered, even if they're hobbies, daily habits, sports, etc.

An example of this for me recently has been Pokémon GO, which I restarted playing about 6 months ago. I've been enjoying it particularly because of the way it encourages you to walk lots and explore, and because it has an interesting community-building aspect. It's also a very data-rich game, even if that data is sometimes hard to collect or extract! This post is about a couple of examples where I couldn't resist using Flourish to visualize some Pokémon GO data.

Type advantages

One aspect of the game that I've found hard to navigate is essentially a complicated game of Rock, Paper, Scissors: each Pokémon has one or two "types" (which might be Grass, Steel, Fire, etc.) and Pokémon of particular types have advantage in battles over certain other types. (For example, one of the more natural ones is that Water types perform well against Fire types.) The problem is that there 18 different types, so 18² = 324 combinations that it's potentially useful to know.

Sometimes this complete data is presented in a big table with an entry for each combination, as seen here:

This is useful for reference, but it can be easily reduced if you just want to focus on the type advantages it might be useful to remember. For example, if a combination of types have neither advantage nor disadvantage when attacking each other, that's not really worth remembering.

When you remove those elements, there are other ways you can represent it more concisely. For example, this representation is popular:

A chart showing which Pokémon types are supereffective - this is widely reproduced, but the earliest copy I found was from imgur in 2014

However, there are a couple of problems I have with this - the key one is that each type is represented redundantly in the chart multiple times. The other is that it still includes more data than I can easily remember - it includes any type A which is supereffective when attacking another type B, without considering the effectiveness of type B attacking type A.

The alternative representation of these type advantages that I liked best, which addresses both of these issues, is this one from Reddit user r_noob:

A chord diagram from Reddit based on an idea of "type dominance".

This introduces a concept of one type being "dominant" over another: that means that type A is supereffective over type B, and type B is not very effective against type B. This leaves out various combinations that are useful to know about, but those still present are arguably the most important.

I think this is a really nice representation of the data, but, as one Redditor comments, it would be nice if it were interactive so that you can highlight just the relationships with one particular type - since it's a PNG, you can't do that.

Fortunately, that's where Flourish comes in. We have a very easy to use Chord diagram template, which allows you to highlight either particular chords or all chords going to a particular arc.

My attempt to make an interactive version of that type dominance chart is here:

I've overriden the colors for each arc with those that are associated with those types in the game, and chosen the "color by larger end" option for the arcs. This means that if you highlight a particular type, it's clear which arcs represent an advantage for that type (those of the same color) and those that represent a disadvantage (those of a different color). This is more obvious than the other visual cue, which is that the arcs taper from the type with the advantage to that with the disadvantage.

I find this a much easier way to explore the most important relationships between Pokémon types than any other I've seen, and I hope you find it useful too. Here's a link to a single page version of the chart.

The raw data for this visualization is extracted from the GAME_MASTER file in the game, which is the canonical source of that information; there are multiple GitHub repositories which have JSON versions of that file, and the script I wrote to generate CSV files of type effectiveness data should work on any one of them.

Visualizing your progress towards level 40

In common with many games, Pokémon GO has a concept of XP, or Experience Points, which is an indication of your progress through the game. As your XP exceeds particular values, you go up a "trainer level": you start at trainer level 1, and the maximum is level 40. (In the Pokémon GO world, players are Pokémon "trainers".) Reaching these new trainer levels in the game is important in many several ways: new game features become available at particular levels (for example, you can fight in gyms, you have access to more powerful Pokéballs for catching Pokémon, you encounter better Pokémon in the wild, etc.)

One of the interesting aspects of these trainer levels is that they don't go up linearly with you XP - in fact, far from it. This little Flourish story shows the exponential growth in XP requirements as you go progress through the levels - click to the next slide to see the huge jumps needed to get to level 39 and 40:

A few days ago I finally reached level 40 in the game, which is a big personal achievement, though I should say that it doesn't make me a particularly serious player: many of the players I know from London communities have been playing intensively since 2016 and have amassed enough XP to have reached level 40 multiple times over.

However, at that landmark, I thought it would be interesting to figure out where all those Experience Points came from for me. This is interesting because there are many different actions in the game that generate XP, and some people focus much more on some than others. (One of the interesting things about the game is that there are lots of different ways to play it.) I had a hunch that a lot of my XP came from the rewards you get for raising friendship levels with other trainers, but I was interested in seeing how significant a factor it was.

Gathering the data for this was somewhat tricky; the statistics shown on the medals on your trainer profile are very helpful, and I can easily count the the number of friends of each level I'd made. However, I needed to estimate quite a few values, such as the proportion of Pokémon I caught with particular types of throw, and so on. In addition, there are various effects in the game that mean you get multiples of the usual amount of XP; I can remember, for example, that I used a "Lucky Egg" to get double the XP with all but a couple of of transitions to Ultra Friends and Best Friends, but I have no way of assessing in retrospect how much extra XP I got from special events where all catches got double XP, for example.

I suspect the data I built up isn't far out, however, and I think it's still interesting to explore. You can explore this Flourish Sunburst chart yourself, or click through the slides in the story for some commentary:

As expected, the amount of XP I got from the friendship level mechanism is by far the most important source. Other aspects were a surprise for me - I was fairly serious about collecting cheap-to-evolve Pokémon and evolving them in batches with a Lucky Egg on for double XP, but that turned out to be a relatively small part of the XP that got me to level 40.

The other key point that might not jump out at non-players is that the friendship mechanism that generated the bulk of my XP was only introduced into the game in 28th of June. I'm in awe of the dedication of the players who reached level 40 without any of those bonuses!

Enjoyed this blog post? Get the newsletter!

How to make "bar chart race" visualizations without coding

It's time to talk about tables

# data[].attributes.attachment_link.title
Pokémon GO data visualization with Flourish

# data[].attributes.attachment_link.description
A few examples of using Flourish for a data-rich hobby I think it's fair to say that if you're someone who's interested in data visualization, you see ways of applying those techniques in all areas of your life where you can see data could be gathered, even if they're hobbies, daily habits, sports, etc.

# data[].attributes.headline
Beantwoord voor jezelf o.a. de volgende vragen

# data[].attributes.subject
Beantwoord voor jezelf o.a. de volgende vragen

# data[].attributes.body
Wat is Lean? Waar wordt dat voor gebruikt?

Wat is CBL ook alweer? Doen wij het wel goed met ons groepje?

Wat is een Pokedex?

Hoe ziet een Pokedex eruit?

Hoe zou dat gemaakt zijn? Welke techniek zit er achter?

Wat hebben we nodig om dit project te kunnen maken?

Wat weten we wel al?

Wat weten we nog niet?

Hoeveel Pokemon zijn er?

Waar kan ik info krijgen over Pokemon?

Wie in ons groepje weet wat en kent wat? Maak een overzichtje van de groepsleden en hun kennis en kunde.

Welke websites kan ik raadplegen. Houd een lijstje bij van geraadpleegde websites.

Zijn er al concurrenten op de markt?

Wat kunnen wij met ons groepje doen of maken waardoor we uniek zijn. Iets hebben wat anderen niet hebben.

Moet het een website worden of een mobile app of een game of iets op TV, of iets anders? Welke mogelijkheden hebben we?

Etc....

# data[].attributes.body
Leer meer over CBL.

# data[].attributes.attachment_link.readable_text
We are surrounded by Challenges: large, small, local, global, short and long term. Some we choose, some choose us; some we look forward to, some we dread; some we address, some we try to ignore. Ultimately, how we individually and communally respond to Challenges will determine our future. As problems become increasingly complex and pressing, the need to develop a generation of engaged Learners equipped to identify Challenges and develop innovative and sustainable Solutions is crucial.

Using Challenges to frame learning experiences originated from an exploration of reality television, conversations with individuals who's lives center on Challenges, and reflection on personal learning experiences inside and outside of the classroom. When faced with a Challenge, successful groups and individuals leverage experience, harness internal and external resources, develop a plan and push forward to find the best solution. Along the way, there is experimentation, failure, success and ultimately consequences for actions. By adding Challenges to learning environments the result is urgency, passion, and ownership - ingredients often missing in schools.

# data[].attributes.attachment_link.description
We are surrounded by Challenges: large, small, local, global, short and long term. Some we choose, some choose us; some we look forward to, some we dread; some we address, some we try to ignore. Ultimately, how we individually and communally respond to Challenges will determine our future.

# data[].attributes.attachment_link.description
Coding conventions are a set of guidelines for a specific programming language that recommend programming style, practices, and methods for each aspect of a program written in that language. These conventions usually cover file organization, indentation, comments, declarations, statements, white space, naming conventions, programming practices, programming principles, programming rules of thumb, architectural best practices, etc.

# data[].attributes.body
Het Leanschema is een prima visueel en handzaam schema om het stappenplan duidelijk te maken.

Trello wordt gebruikt om al jouw bevindingen op te schrijven. Jouw Trelloboard wordt dus jouw bron van inspiratie en informatie.

# data[].attributes.body
Een Gantt Chart bestaat uit een aantal rijen die ieder een fase of activiteit binnen het project weergeven.

De eerste fasen/activiteiten staan meestal bovenaan en op de x-as staat de tijd weergegeven.

Per activiteit wordt met een balk weergegeven hoeveel doorlooptijd er nodig is.

# data[].attributes.body
Wie zitten er in mijn groep en wat doet iedereen

Welke rol of taak heeft elk groepslid. Een groepslid kan tijdens het project meerdere rollen hebben. Wel steeds maar één rol tegelijk. Je hebt elkaar nodig om tot een goed projectresultaat te komen

‘Eerst begrijpen en dan begrepen worden.’

Dit heeft alles te maken met communiceren en de manier waarop dit gebeurt. Fysiek bij elkaar zitten en mondelinge communicatie heeft de voorkeur.

Laat projectleden samenvatten wat de ander heeft gezegd. Op die manier kan er geen misverstand bestaan over wat er bedoeld wordt.

Wat spreken we af over samenwerken?
Aandachtspunten:

Vergadermomenten en tijdstippen

Afspraak is afspraak

Hoe gaan we met elkaar om

Elkaar informeren over de voortgang

Benoem taken en werkzaamheden

Wat is de procedure als je er niet bij kan zijn?

Wat is de procedure als je je niet aan de afspraken houdt?

Werk bij voorkeur met twee groepsleden aan één taak, volgens het vierogen-principe.

Wat en hoe documenteren we?

Projectdocumentatie is erg belangrijk. Elke case, elke sprint, elke deliverable dient gedocumenteerd te worden in de vorm van functionele - en/of technische specificaties.

Dit hoeven geen eindgebruikersinstructies te zijn maar ‘to-the-point’ documenten die ook makkelijk als naslagwerk voor en door de IT-beheerder gebruikt kunnen worden.

In het algemeen wordt onderscheid gemaakt in documentatie voor de IT-beheerder en voor de klant/opdrachtgever/eindgebruiker.

Aandachtspunten:

Documentbeheersysteem (Onedrive, Dropbox, GitHub, etc)

Versiebeheer documenten

Bijhouden logboek

Opleveren documenten, waar en wanneer

# data[].attributes.body
Week 1 en 2:

✅ Teamafspraken contract

✅ Leanbord

✅ Planning

✅ Mockups

✅ storyboard

✅ Verslag workshops

Als je bovenstaande zaken in orde hebt en jouw docent dit goedkeurt kun je gaan programmeren.

Week 3, 4 en 5:
Pokedex met database koppeling en beschikbaar online.

# data[].attributes.body
Mevr. Winckers is de hele week op cursus en dus niet op locatie Maastricht aanwezig.

Meneer van Laar is vanaf wo tot en met vrij afwezig ivm de Londenreis.

# data[].attributes.body
Deze dag is een Docenten-teamdag. Voor studenten een thuiswerkdag.

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops (xampp)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Jij hebt een werkende Xampp

Je kunt een "hello World" website via Localhost laten zien

Je weet hoe PhpMyAdmin opgestart wordt

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops (Aan de slag met PHP en databases)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

StandUp groepsverslag

Alles van de voorgaande dagen

Jouw eerste PHP script om verbinding te maken met een database. Raadpleeg hiervoor de Padlet "interessante content".

# data[].attributes.body
Iedereen is voor 9:00 uur op school. De startup is een belangrijk onderdeel, waarbij veel informatie wordt gegeven. Je hebt pen en papier bij je en maakt aantekeningen.

Programma van de dag:

Welkom en presentie

Challenge startup

Stand up meeting met je groep

Workshops (Stand up herhaling, Hoe vul ik het Leanboard in)

CBL -> aan de slag met nieuwe kennis (doe een extra stand up, vul het leanboard in, maak een plan met je groep over wat je precies gaat maken en hoe je dat gaat doen)

# data[].attributes.body
Thuiswerkdag voor studenten!

# data[].attributes.body
Keuzedelenexamendag

Vandaag zijn alleen de mensen die examen doen aanwezig.

Heb je geen examen, dan kun je thuis werken. Let er wel op dat je morgen iets in te leveren hebt.

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshop rekenen (15 plekken..!!!)

Workshops (Database)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Je hebt minimaal 1 nieuwe database zelf aangemaakt in jouw PhpMyAdmin

Je hebt minimaal 1 tabel in deze database gemaakt

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Het begin van de presentatie van jouw groep voor vrijdag

Opdracht voor Nederlands

Opdracht voor Engels

# data[].attributes.body
We verder met de challenge. Jij gaat aan de slag met jouw groep met het leanboard, planning, teamafspraken, MockUp's en het story board.

Programma van de dag:

Welkom en presentie

Stand up meeting met je groep

Workshops (maak een MockUp, Maak een Gantt planning)

CBL -> aan de slag met nieuwe kennis

Klaar einde van de dag:

Leanboard

Planning

Teamafspraken

# data[].attributes.body
Programma van de dag:

Welkom en presentie

Stand up meeting met je groep

CBL -> aan de slag met nieuwe kennis

Klaar einde dag:

Storyboard

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops (Xampp, PHP, MySQL)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Je hebt vandaag een werkend PHP script waarmee je een database kunt uitlezen (select)

De database kent een eigen gebruiker (geen root)

Je hebt een webpagina met een overzicht van de regels in jouw tabel

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

De presentatie voor morgen!!

# data[].attributes.body
https://www.apachefriends.org/download.html

Apache is een webserver die je lokaal op jouw laptop installeert. Hiermee creëer je als het ware je eigen lokale internetje.

MySQL is een databaseserver. Hiermee kun je databases mee maken en 'runnen'.

In diverse workshops gaan we je uitleggen hoe dit werkt.

# data[].attributes.body
Als je er aan toe bent, vraag je een workshop aan.

# data[].attributes.body
The Pokémon professor needs to be updated on your progress. Write a formal e-mail to them explaining the status of your project so far. The e-mail should make clear how far along you are right now and what you still need to do. Think of the professor as your customer.

Remember the following for your formal e-mail:

Salutation

Formal sign-off

Structure and cohesion

Content

Write the e-mail in a word document, around 200 words total. Make this assignment individually (no copying each other’s work).

# data[].attributes.attachment_link.readable_text
CREATE TABLE customer (
  id INT AUTO_INCREMENT PRIMARY KEY,
  firstName VARCHAR(255) NOT NULL,
  lastName VARCHAR(255) NOT NULL,
  address VARCHAR(255) NOT NULL,
  zipCode VARCHAR(10) NOT NULL,
  city VARCHAR(255) NOT NULL,
  country VARCHAR(255) NOT NULL
);

# data[].attributes.attachment_link.readable_text
INSERT INTO customer (firstName, lastName, address, zipCode, city, country)
VALUES
  ('Jan', 'Jansen', 'Koninginneweg 5', '1234 AB', 'Amsterdam', 'Nederland'),
  ('Piet', 'Pietersen', 'Damstraat 3', '2345 CD', 'Rotterdam', 'Nederland'),
  ('Klaas', 'Klaassen', 'Prinsengracht 12', '3456 EF', 'Utrecht', 'Nederland'),
  ('Henk', 'Henkens', 'Keizersgracht 17', '4567 GH', 'Den Haag', 'Nederland'),
  ('Martijn', 'Martijnen', 'Herengracht 25', '5678 IJ', 'Amsterdam', 'Nederland'),
  ('Johan', 'Johansen', 'Lijnbaansgracht 55', '6789 JK', 'Rotterdam', 'Nederland'),
  ('Sander', 'Sanders', 'Nieuwezijds Voorburgwal 31', '7890 KL', 'Amsterdam', 'Nederland'),
  ('Bart', 'Bartjens', 'Spuistraat 121', '8901 LM', 'Utrecht', 'Nederland'),
  ('Willem', 'Willemsen', 'Haarlemmerstraat 153', '9012 MN', 'Den Haag', 'Nederland'),
  ('Robert', 'Roberts', 'Leidsestraat 45', '0123 NO', 'Amsterdam', 'Nederland'),
  ('Mark', 'Markussen', 'Raadhuisstraat 23', '1234 OP', 'Rotterdam', 'Nederland'),
  ('Maarten', 'Maartens', 'Oudezijds Achterburgwal 56', '2345 PQ', 'Amsterdam', 'Nederland'),
  ('Lucas', 'Lucassen', 'Weteringschans 2', '3456 QR', 'Utrecht', 'Nederland'),
  ('Tom', 'Tomassen', 'Nieuwe Kerkstraat 17', '4567 RS', 'Den Haag', 'Nederland'),
  ('Hugo', 'Hugossen', 'Vijzelstraat 21', '5678 ST', 'Amsterdam', 'Nederland'),
  ('Bram', 'Bramsen', 'Reguliersbreestraat 33', '6789 TU', 'Rotterdam', 'Nederland'),
  ('Daan', 'Daansen', 'Keizersgracht 11', '7890 UV', 'Utrecht', 'Nederland'),
  ('Ruben', 'Rubens', 'Rozengracht 44', '8901 VW', 'Den Haag', 'Nederland'),
  ('Erik', 'Eriksen', 'Prinsengracht 23', '9012 WX', 'Amsterdam', 'Nederland'),
  ('Jelmer', 'Jelmers', 'Zeedijk 55', '0123 YZ', 'Rotterdam', 'Nederland'),
  ('Stef', 'Steffens', 'Leidseplein 17', '1234 ZA', 'Utrecht', 'Nederland'),
  ('Arie', 'Ariesen', 'Kerkstraat 33', '2345 AB', 'Amsterdam', 'Nederland'),
  ('Jos', 'Jossen', 'Noorderstraat 11', '3456 CD', 'Rotterdam', 'Nederland'),
  ('Bas', 'Bassen', 'Marnixstraat 21', '4567 EF', 'Utrecht', 'Nederland'),
  ('Theo', 'Theozen', 'Overtoom 55', '5678 GH', 'Den Haag', 'Nederland'),
  ('Jelle', 'Jellen', 'Herengracht 11', '6789 IJ', 'Amsterdam', 'Nederland'),
  ('Simon', 'Simons', 'Lange Voorhout 11', '7890 JK', 'Rotterdam', 'Nederland'),
  ('Peter', 'Petersen', 'Peperstraat 33', '8901 LM', 'Utrecht', 'Nederland'),
  ('Sjoerd', 'Sjoerdsen', 'Lijnbaansgracht 11', '9012 MN', 'Den Haag', 'Nederland'),
  ('Gert', 'Gertsen', 'Westerstraat 11', '0123 NO', 'Amsterdam', 'Nederland');


# data[].attributes.attachment_link.readable_text
INSERT INTO games (title, platform, release_date, publisher, genre) VALUES 
("Grand Theft Auto V", "PlayStation 3", "2013-09-17", "Rockstar North", "Action-adventure"),
("Red Dead Redemption 2", "PlayStation 4", "2018-10-26", "Rockstar Studios", "Action-adventure"),
("The Last of Us Part II", "PlayStation 4", "2020-06-19", "Naughty Dog", "Action-adventure"),
("Uncharted 4: A Thief's End", "PlayStation 4", "2016-05-10", "Naughty Dog", "Action-adventure"),
("God of War", "PlayStation 4", "2018-04-20", "Santa Monica Studio", "Action-adventure"),
("Spider-Man", "PlayStation 4", "2018-09-07", "Insomniac Games", "Action-adventure"),
("Call of Duty: Modern Warfare", "PlayStation 4", "2019-10-25", "Infinity Ward", "First-person shooter"),
("Assassin's Creed Odyssey", "PlayStation 4", "2018-10-05", "Ubisoft Quebec", "Action role-playing"),
("Tom Clancy's The Division 2", "PlayStation 4", "2019-03-15", "Massive Entertainment", "Action role-playing"),
("Death Stranding", "PlayStation 4", "2019-11-08", "Kojima Productions", "Action"),
("FIFA 20", "PlayStation 4", "2019-09-27", "EA Sports", "Sports"),
("Madden NFL 20", "PlayStation 4", "2019-08-02", "EA Sports", "Sports"),
("NBA 2K20", "PlayStation 4", "2019-09-06", "Visual Concepts", "Sports"),
("The Witcher 3: Wild Hunt", "PlayStation 4", "2015-05-19", "CD Projekt Red", "Action role-playing"),
("Minecraft", "PlayStation 4", "2014-12-03", "Mojang Studios", "Sandbox"),
("Fortnite", "PlayStation 4", "2017-07-21", "Epic Games", "Battle royale"),
("Apex Legends", "PlayStation 4", "2019-02-04", "Respawn Entertainment", "Battle royale"),
("Overwatch", "PlayStation 4", "2016-05-24", "Blizzard Entertainment", "First-person shooter"),
("Destiny 2", "PlayStation 4", "2017-09-06", "Bungie", "First-person shooter"),
("The Legend of Zelda: Breath of the Wild", "Nintendo Switch", "2017-03-03", "Nintendo", "Action-adventure");

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Presenteren van jullie groepswerk aan team Docenten

Vandaag moet af zijn:

Presentatie van jullie groepswerk

# data[].attributes.body
We hebben een nieuwe opdracht gekregen van een nieuw hip restaurant met bar in Maastricht, UrbanEats & Spirits.

Onze opdrachtgeefster, mevrouw Olivia Hartman, wil naast de moderne en hippe uitstraling ook iets extra's voor de klanten. Ze denkt aan enkele digitale tafels waarop de klanten het eten en drinken opzetten, maar ook spelletjes kunnen spelen. Een multifunctionele tafel dus.

Voor deze tafel moeten enkele spellen ontworpen worden. De eerst prioriteit is dat de gasten hun eigen Pokedex kunnen inzien.

Die moet gemaakt worden. Ze heeft daarvoor onze hulp ingeroepen.

Jullie maken met jouw groep een Pokedex waarbij de gegevens uit een database komen en waarbij de gebruiker moet inloggen om zijn eigen gegevens te kunnen inzien.

Daarnaast wil de opdrachtgeefster dat als een klant inlogt meteen zijn naaste concurrenten in beeld komen. Dus als jij met je Pokedex 10 Pokemon hebt verzameld, dan zie je je directe tegenstanders meteen in beeld, dus degene met 9 en degene met 11 Pokemon.

Kortom het is een leuke uitdagende opdracht waaraan we een tijdje kunnen werken.

# data[].attributes.body
https://www.youtube.com/watch?v=3-2OE4AFCRE

Je mag hem helemaal kijken, maar vanaf ongeveer minuut twaalf komt een belangrijk stukje. Kijk naar het voorbeeld met de twee kannen met vloeistof.

# data[].attributes.attachment_link.title
Wat veroorzaakt al die chaos in je hoofd?

# data[].attributes.body
Klik hier voor de groepen!!

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops (op aanvraag)

CBL -> aan de slag met nieuwe kennis

Vandaag moet af zijn:

Je hebt vandaag feedback ontvangen van jouw docententeam. Je maakt een verslag van deze feedback. Dit is onderdeel van het bewijsmateriaal om een level hoger te kunnen komen.

Je onderneemt zelf het initiatief om aan jouw docent feedback te vragen

# data[].attributes.body
Maak eerst je schetsen op papier. Daarna kun je ze digitaliseren.

Op papier teken je elk scherm dat de gebruiker van jouw applicatie kan tegenkomen. Vervolgens trek je lijnen tussen deze schermen die aangeven van welke scherm je in welk ander scherm je kunt komen.

Met andere woorden je maakt er een soort van stripverhaal van, een filmscript van de te nemen stappen door de gebruiker om ergens te komen.

# data[].attributes.body
Leanboard

Gantt-grafiek

Mockup's

Storyboard

Databaseontwerp

Werkende website of app met database

Opdracht Nederlands (Bericht voor Insta en LinkedIn in Word)

Opdracht Engels (e-mail in Word)

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops

CBL -> aan de slag met nieuwe kennis

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshop [ Database schrijven en lezen ]

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshops [ Rekenen ]

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Workshop [ Presenteren ]

# data[].attributes.body
Welkom en presentie

Stand up meeting met je groep

Presenteren van project

In de middag heb je lesvrij!

# data[].attributes.body
Aan het einde van deze challenge moet je onderstaande vragen kunnen beantwoorden. Lukt dat niet, dan kun je alsnog de antwoorden gaan zoeken of bestuderen.

# data[].attributes.body
1. Ik weet wat werken volgens het Lean-principe is.

2. Ik kan enkele vakjes van het Leanboard zelfstandig invullen.

# data[].attributes.body
1. Ik weet hoe een Gantt-grafiek eruit ziet.

2. Ik kan een deel van een Gantt-planning zelfstandig maken.

# data[].attributes.body
1. Ik snap wat het verschil tussen een Mockup en een storyboard is.

2. Ik weet hoe ik Figma kan gebruiken om een storyboard te maken.

3. Ik weet hoe ik Affinity kan gebruiken om grafische afbeeldingen te maken, die ik dan weer in een Storyboard kan gebruiken.

# data[].attributes.body
1. Ik weet wat een database is en waarvoor ik deze kan inzetten (gebruiken).

2. Ik weet wat Localhost is.

3. Ik weet wat een webserver is.

4. Ik weet wat een databaseserver is (MySql).

5. Ik weet hoe PhpMyAdmin werkt.

6. Ik kan een database aanmaken met minimaal 1 tabel.

7. Ik snap wat een ID is in een tabel.

8. Ik weet wat Auto-Increment is, wat het doet en waarom deze in een tabel moet zitten (totdat je beter weet).

# data[].attributes.body
Presenteer je challenge! Denk aan de feedback die je tijdens de andere presentaties gekregen hebt. Verwerk deze in je nieuwe presentatie.

In de vorm van je presentatie ben je vrij. Als het verhaal maar duidelijk is voor de docenten.

Je zorgt zelf ervoor, dat alles in het presentatielokaal in orde is en werkt voordat de docenten er zijn.

Denk aan:

Iedereen: van de groep is aanwezig tijdens de presentatie.

Iedereen neemt een deel van de presentatie voor zijn rekening. Stem dus met elkaar af.

Houding: denk aan een professionele houding tijdens je presentatie.

Kleding, geen winterjassen en trainingspakken, aangepaste kleding voor een presentatie.

Voorbereiding: laptops aan en volle batterijen, schermen staan open, geen gezoek naar iets.

Groepswerk: iedereen in de groep weet evenveel, geen excuses, zorg voor elkaar.

Niet langer dan 5 minuten presenteren.