Hoofdstuk 5. Maken met AI

Les 5.6 Je app online zetten

Kennisclip 1:53 CivAI Coding Studio MAILS Creëren AILit Create, Shape
Wat je in deze les laat zien

Je zet je eigen app online in CivAI Coding Studio, eerst als testversie voor een paar testers, en daarna voor je doelgroep.

Leeruitkomst concept, nog niet in de lessenlijst

De video laadt pas als je op afspelen klikt. YouTube draait dan in de privacyvriendelijke modus.

Lees het transcript

Hoi! Fijn dat je er weer bent. Je app werkt, en je hebt hem getest en uitgelegd. Nu mogen anderen hem gebruiken. In deze les zet je je app online, eerst voor testers en daarna voor je doelgroep.

In de Studio zie alleen jij je app. Met één knop zet je hem online, met een eigen link. Die link is openbaar: wie hem heeft, kan de app openen. Deel hem dus eerst met een paar testers. Nielsen en Landauer lieten zien: een paar testers vinden al veel problemen, elke extra tester steeds minder nieuwe. Vraag hen: wat lukte niet, en wat was onduidelijk? En check de grenzen uit les 5.4: geen echte persoonsgegevens in een testversie.

Laten we het proberen in CivAI Coding Studio, met de woordjestrainer. Ik klik op Deploy. Elf seconden later: Je app draait live! Met een eigen link. Ik open de link op telefoonformaat, zoals een tester. De knop Controleer steekt buiten het vak. Dat laat ik de AI Companion oplossen: veld en knop onder elkaar op een smal scherm. Ik check of het echt is aangepast, en klik op Re-deploy. Veertien seconden later staat het online. Dezelfde link, en nu past alles. Zijn mijn testers tevreden? Dan deel ik hem met de klas.

En wat gaat er vaak mis? Je deelt de link meteen met iedereen, nog voordat iemand hem testte. Of je verbetert iets, maar vergeet Re-deploy. Dan zien je testers nog de oude versie. En de link blijft openbaar zolang je app online staat. Zet er dus niets in wat niet openbaar mag.

Nu ben jij aan de beurt. Zet je app online en deel de link met drie testers. Verwerk hun feedback, klik op Re-deploy, en deel de link dan met je doelgroep. Dan staat je eigen app echt online, voor anderen om te gebruiken. Daar mag je trots op zijn. Veel succes, en tot in de volgende les!

Aan de slag

Je zet je eigen app online in CivAI Coding Studio. Eerst als testversie voor drie testers, daarna voor je doelgroep.

  1. Check eerst de grenzen uit les 5.4. Staan er geen echte persoonsgegevens in je app, ook niet als voorbeeld? Weet je waar de gegevens van gebruikers terechtkomen? In de woordjestrainer uit de les blijven de woordjes in de browser van elke gebruiker zelf.
  2. Open je project in de Studio en klik rechtsboven op Deploy. Wacht tot er staat "Je app draait live!". Je ziet dan je eigen link, in de vorm jouwproject.apps.civaicodingstudio.eu. In onze test duurde dat elf seconden.
  3. Open de link zelf, op je laptop en op je telefoon. Deel niet de link van de preview, die werkt alleen voor jou als je bent ingelogd.
  4. Stuur de link naar drie testers, bijvoorbeeld klasgenoten of collega's. Stel ze twee vragen.

Wat lukte niet? Wat was onduidelijk?

  1. Kies één of twee punten uit hun antwoorden. Beschrijf in de AI Companion wat de tester zag en wat je anders wilt, en eindig met "Verander verder niets aan de app."
  2. Controleer zelf of het echt is aangepast, in de preview en in de code. Klik dan op Re-deploy. Je link blijft hetzelfde, dus je testers zien de nieuwe versie als ze de pagina opnieuw laden.
  3. Werkt het nu ook bij je testers? Deel de link dan met je doelgroep, bijvoorbeeld je klas, je team of je vereniging.

Let op. De link is openbaar: iedereen die hem heeft, kan je app openen. Zet er dus niets in wat niet openbaar mag. In de Studio staat geen aparte knop om een app offline te halen; als je het project verwijdert (tandwiel rechtsboven in de werkruimte, Delete Project), wordt ook de online app verwijderd. Doe dat alleen als je het project echt niet meer nodig hebt.

Tip voor leerkrachten en docenten. Laat studenten of leerlingen elkaars app testen met dezelfde twee vragen, en laat ze daarna vertellen welke feedback ze verwerkten.

Bron

Nielsen, J., & Landauer, T. K. (1993). A mathematical model of the finding of usability problems. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '93) (pp. 206–213). ACM. https://doi.org/10.1145/169059.169166 (opent in een nieuw tabblad)

Waar doe je deze opdracht?

In CivAI Coding Studio

Je bouwt en test je app in CivAI Coding Studio. Maak daar een kosteloos account aan, of log in als je er al een hebt.

Via je school of opleiding

Heb je EduGPT via je school of opleiding? Log in via de link die je daar hebt gekregen.

Geen toegang tot EduGPT?

Dan kun je de vragen aan EduGPT ook in je eigen AI-tool doen. We kunnen niet garanderen dat het daar net zo goed werkt als in EduGPT. Je mist bijvoorbeeld de Kritisch Denken Engine, die eerst vragen terugstelt in plaats van meteen het antwoord te geven.

Checkvragen

1. Je app werkt in de Studio. Met wie deel je de link als eerste?
2. Nielsen en Landauer onderzochten hoeveel testers je nodig hebt. Wat lieten ze zien?
3. Welke link stuur je naar je testers?
4. Een tester ziet een fout. Je laat de AI Companion het oplossen. Wat moet je daarna nog doen?
5. De link van je app is openbaar. Wat betekent dat voor wat je in je app zet?

Reflectie

Je antwoord blijft op dit scherm en wordt nergens opgeslagen.

Verdieping

QR-code naar de kennisclip CivAI Coding Studio Closed Beta

CivAI heeft dit verder uitgewerkt in de kennisclip CivAI Coding Studio Closed Beta (opent in een nieuw tabblad).

Korte link youtu.be/sL8UzxyIc6w

Bronnen bij deze les

In de bronnenclip Bronnen bij hoofdstuk 5 licht Pascal toe waar de lessen van dit hoofdstuk op steunen.

Je voortgang blijft alleen in deze browser.