2TX SO-Geavanceerde technieken voor webapplicaties

Uit Diana's examenwiki

Juni 2017

Mondeling

Demo project WebApp. Vragen:

  • Waarom functie die ajax bevat oproepen in polling (timeout) en niet gwn de returnfunctie (getdata)?
  • Wat is het return gedeelte bij een jquery ajax/post/get functie.
  • Code uitleggen van friendlist (polling gedeelte) en status veranderen (zonder jquery ajax)
  • 1 socket gebruikt bij het bloggedeelte?

Theorie vragen:

  • polling vs push
  • voordelen websocket
  • states & status xhrhtmlObject

Praktijk Donderdag 8 Juni 2017 Voorraadkast inventaris. Producten hebben naam, aantal en rek. Geen dubbelen producten (op naam) Zowel producten toevoegen als het overzicht moeten op dezelfde pagina. Elke gebruiker moet asynchroon producten kunnen toevoegen en de producten die andere hebben toegevoegd zien verschijnen. Geen jquery of push gebruiken, enkel xhrhtmlobject en polling, moet json gebruiken in return. Mag in eigen project of een nieuw project gemaakt worden.

Vrijdag 9 Juni 2017 Lijst van studenten tonen: naam, vak, datum, uur (van examen) en studenten kunnen toevoegen. Allemaal zonder jquery of angular. Het moest met polling en json gebeuren. Alle functionaliteiten op 1 pagina tonen. Mag in eigen project of een nieuw project gemaakt worden.

Juni 2015

Mondeling:

Het project dat gemaakt moest worden gedurende het schooljaar wordt mondeling overlopen. (demo) Hierna worden enkele vragen over de code gesteld en enkele theorie vragen:

  • synchroon vs asynchroon
  • polling vs push

Praktijk:

Ze wou een inventaris van haar schoenenkast bijhouden. Een schoen bestaat uit een merk,kleur en een maat. Men moet schoenen kunnen toevoegen op asynchrone wijze. (form laten te voorschijn komen via document.CreateElement()) De webpagina is voor iedereen beschikbaar (dus moet niet inloggen) en moet up-to-date gehouden worden via Polling.

Juni 2012

Elke Steegmans

Nieuw project maken, (simpele) applicatie schrijven die gebruik maakt van pull en XML.


Mondeling:

  • Enkele vragen over een JavaScript functie (login): elke stap hiervan beschrijven
  • httprequest.onreadystate = getData => werkt dit met getData() wel of niet en waarom?
  • Waarop controleert de httprequest.status == 200?
  • Synchroon vs Asynchroon
  • Leg meer over Push uit
  • Leg wat meer over PULL uit
  • Chatapplicatie demonstreren
  • Push-applicatie (met Dojo/CometD) demonstreren
  • Chatapplicatie met jQuery demonstreren


Nieuw project, Versie 1

4 steden tonen met hun temperatuur. Iedereen kan de temperatuur aanpassen en moet worden gewijzigd (pull) op elke andere browser.

Nieuw project, Versie 2

Krantenkop (met titel) kunnen toevoegen via form op een pagina met een overzicht van de krantenkoppen. Via pull moet deze lijst van krantenkoppen automatisch up-to-date blijven op elke andere browser.

Nieuw project, Versie 3

Blog met topics en reacties. Je moet geen extra topics kunnen toevoegen. Iedereen kan reacties toevoegen aan een topic en via pull moet deze lijst up-to-date blijven.

Nieuw project, Versie 4

Maak een pagina waar je 2 getallen kan ingeven. Wanneer er 2 getallen zijn ingegeven wordt de som van deze getallen berekend (aan de server kant) en op de pagina teruggeven. Alle uitkomsten worden bijgehouden en onder mekaar weergegeven. De nieuwste uitkomst komt in een andere kleur te staan zodat dit duidelijk is. Deze pagina kan door iedereen bekeken worden, zorg er voor dat anderen ook alle uitkomsten krijgen te zien wanneer ze op deze pagina komen en dat wanneer een nieuwe som wordt gemaakt deze ook direct voor hen te zien is. Maak gebruik van XML en POLLINg (GEEN push/Jquery)

Nieuw project, Versie 5

Maak een pagina waar je bestellingen kunt maken van ijsjes. Je hebt 3 smaken: vanille, mokka en chocolade. Als je de bestelling verandert, moet dit bij iedereen veranderen. Als je de bestelling wijzigt, moet de prijs worden getoond. De prijs wordt berekent als volgt: 1.5 euro per bol Chocolade of Mokka, en 1 euro per bol voor vanille. De prijs moet berekend worden aan de server side. Je moet XML en polling gebruiken.

Juni 2011

Reeks 2 Groep 3

Voeg deze functionaliteiten toe aan je webapplicatie:

  • Vriendenlijst verdelen in categorieën.
  • Aantal online vrienden per categorie weergeven.

Je moet ook één functionaliteit naar keuze volledig uitleggen.