Wk08 / From-scratch

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

"From scratch"

CSD-I

Week 8

Eerste uur / les

Nog werken aan weekcheck H7

Opdracht: bekijk programma en antwoord

1. Waarom is hier een ListView gebruikt?
2. Waarvoor zorgt de x:Bind die je op verschillende regels ziet?
3. r37, hoe weet de x:Bind van welke klassen "Soort" een eigenschap is?
4. r52, hier wordt de CsvReader-klasse gebruikt. Welke stappen zijn gezet om deze te kunnen gebruiken in deze app?
5. Op welke regel wordt de verbinding gelegd tussen de lijst en de ListView?

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Klik en zoom

Vragen laten beantwoorden in textdocumentje en daarna "cold call" vragen in de klas.

Oefentoets

Een aantal vragen over de stof die ook in de toets voor komt.

De toets bestaat uit alle onderdelen uit de hoofdstukken t/m H8

Wat komt er op de puntjes?

...... isCarFull = true;

Wat komt er op de puntjes?


..... delimiter = ','

1. string
2. char
3. int
4. bool

Wat gebeurt hier?


string lorem = "ipsum";

1. definiëren
2. declareren

Wat moet er op r2 komen om
deze code te laten werken?

Welk bericht zie je?

1. Bericht A
2. Bericht B
3. Bericht C
4. Geen

Welk bericht zie je?

1. Bericht A
2. Bericht B
3. Bericht C
4. Geen

Welk bericht zie je?

1. Bericht A en B
2. Bericht B en C
3. Bericht A en C
4. Geen

&&

+

*

||

!=

<=

-

>

/

Kun je de variabele "ipsum"
gebruiken op r9?

1. Ja
2. Nee

> Schrijf een loop die de namen van alle studenten print.

Welke term past het beste bij:
<Image Source="{Binding Avatar}" />

1. Self-Closing
2. Attribuut
3. Tag
4. Image

var picker = new FileOpenPicker();
picker.SuggestedStartLocation = PickerLocationId.Downloads;
picker.FileTypeFilter.Add(".doc");

Wat doet de onderste regel?

1. Een filter toepassen op wat ik toe kan voegen aan het bestand
2. Zorgen dat ik een bestand kan open
3. Zorgen dat ik asynchroom kan programmeren
4. Bepalen welke bestanden zichtbaar zijn in de filepicker

Ik wil een textblock waarin de text 'Resultaat' dikgedrukt staat. Schrijf de xaml code om dit element aan te maken.

In de calculator-app die ik maak wil ik het resultaat op het scherm zien in het tekstblok 'resultaat'.
Schrijf de xaml code voor het aanmaken van het element en zorg ervoor dat ik bijvoorbeeld de property resultaatEL.text in de code-behind (dus in de c# code) kan benaderen en wijzigen.

Deze week

• Afgelopen weken véél nieuwe dingen geleerd. 
• Maar vooral toegepast in 'startpunten' waar een deel van de code al voor je gemaakt was.

Deze week oefenen met 'from scratch' een app bouwen.

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Deze week

Deze week oefenen met 'from scratch' een app bouwen:

• Klasse maken en eigenschappen declareren
• XAML lay-out bouwen (ListView)
• File-picker tonen
• Bestand openen met drie usings
• CsvReader gebruiken om een List te maken

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Deze week

Deze week oefenen met 'from scratch' een app bouwen:

• Klasse maken en eigenschappen declareren
• XAML lay-out bouwen (ListView)
• File-picker tonen
• Bestand openen met drie usings
• CsvReader gebruiken om een List te maken

Nu eerst:

theorie hiervan ophalen

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Je wil een lijst van dieren opslaan, die ieder een aantal eigenschappen hebben.

Wat is de juiste aanpak?

1. Maak een klasse "Animals" in de MainPage.
2. Maak een klasse "Animal" in de MainPage.
3. Maak een klasse "Animals" in een eigen file Animals.cs.
4. Maak een klasse "Animal" in een eigen file Animal.cs.

Wat is de juiste manier om een eigenschap
te declareren in een klasse?

1. public string Soort {get; set;}
2. string public Soort {get; set;}
3. string Soort;
4. public string Soort {get, set}

Het antwoord op beide vorige vragen...

ItemsSource

Animal

Animal

animalList

animalList

ItemsSource

Animal

Animal

animalList

animalList

Idee van deze opdracht; laten zien en voelen dat hier eigenlijk hetzelfde gebeurt als in vorige programma, alleen nu niet hard-coded lijst vullen maar vanuit CSV.

Eigenlijk is dit twee keer hetzelfde programma.

Eigenlijk is dit twee keer hetzelfde programma. Enige verschil:

• Links is de lijst handmatig gevuld

Eigenlijk is dit twee keer hetzelfde programma. Enige verschil:

• Links is de lijst handmatig gevuld
• Rechts wordt de lijst gevuld vanuit een csv-file

<ListView.ItemTemplate>

<ListView ...>

<DataTemplate ...>

<TextBlock Text="{x:Bind ...}">

Klik en zoom:

Schrijf een programma dat de naam van
alle dieren Console.WriteLine()'t.

Aan de slag

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:

* Ik kan kennis van de afgelopen weken toepassen.

* Ik kan from-scratch een uwp/xaml applicatie bouwen.

* Ik kan langere tijd zelfstandig werken.

We bouwen verder op het tonen van data uit een tekstbestand. Waar we vorig hoofdstuk met weinig data hebben gewerkt, gaan we nu met veel data uit een csv-bestand werken. We gaan alle regels met data uit een csv-bestand in een lijst in onze app laten zien. Iedere regel krijgt dan een eigen plek in de lijst.

Aan de slag

H8

Lees paragraaf 1 en 2.

Maak opdrachten 3, 4 en 5.

Zie bladzijde 116.

Stilte, werk voor jezelf

Overleg met buur is ok

Werk in groepjes

Doel:	* Ik kan kennis van de afgelopen weken toepassen. * Ik kan from-scratch een uwp/xaml applicatie bouwen. * Ik kan langere tijd zelfstandig werken.
Hulp:	Werk samen Vraag de docent
Klaar:	Weekchecks, gele kaders extra oefening

Docent: kies of ze echt alle drie de opdrachten moeten doen, of dat je een selectie maakt.