Versie 1.0
Datum August 2018
Status Final
Auteur Jan Cromwijk
NL
Extended BUILD UP Skills
advisor-app
This project has received funding from the European Union’s Horizon 2020 research and innovation
programme under grant agreement No 649737.
D3.4 Extended BUILD UP Skills-app 2
NL
INHOUDSOPGAVE
1. Introduction ................................................................................................. 3
2. Description of the development process .......................................................... 4
2.1. Starting point ........................................................................................... 4
2.2. Further detailing and first testing with mockup .............................................. 5
2.3. Visual design ............................................................................................ 6
2.4. Programming and testing ........................................................................... 8
3. Overview of the developed extension .............................................................10
3.1. Overview of the front-end .........................................................................10
3.2. Overview of the backend ...........................................................................12
D3.4 Extended BUILD UP Skills-app 3
NL
1. Introduction Purpose of this deliverable is to give an overview of the with innovative assessment functionality extended BUILD UP Skills advisor-app. The extension is developed based on the functional design that is described in D3.3 Functional design assessments tooling. This deliverable is part of Task 3.3: Development of assessment functionality. Expanding the BUILD UP Skills-App with tooling for assessments consisted of the following subtasks:
· Integration in existing functionality · Front-end development, such as user interface etc. · Back-end development, e.g. connection with the repositories as mentioned in task 3.1 · Development of the assessment functionality specific for construction errors (the content)
In this deliverable first the iterative development process is described, together with the results of the process. After that an overview is given of the functionality developed, both of the front-end as well as the back-end. The extension has been evaluated with a test panel. This evaluation resulted in suggestions for final implementation of the BUILD UP Skills advisor-app and the newly developed functionality. The evaluation and its results are documented in D3.5.
D3.4 Extended BUILD UP Skills-app 4
NL
2. Description of the development process 2.1. Starting point
Starting point was the functional design (described in D3.3) and the scenario that was co-created in collaboration between the BUS consortium and Geckotech.
Figure 1: Sketch of the ‘Find the Error’ scenario Storyline: a logged-in user with the setting ‘notifications on’ will get a set of situations to assess.
1. The user receives a notification 2. The user is presented with an image from practice
a. The user indicates the location requested b. The user indicates whether the situation is right or wrong
3. The user receives feedback from the BUILD UP Skill expert (for example a training provider) a. With a short explanation b. With a social ranking (how are other users performing)
4. The user earns a number of experience points
D3.4 Extended BUILD UP Skills-app 5
NL
2.2. Further detailing and first testing with mockup
Subsequently, this was worked out into a mockup. With a mockup you can imagine and test the interaction without actually having to program it. In the mockup tool it is possible to fine-tune the functionality through short discussions and to record this process.
Figure 2: Example of working with the mock-up-tool
Figure 3: Example of giving comments to a mock-up screen
D3.4 Extended BUILD UP Skills-app 6
NL
2.3. Visual design
After creating and approving the mockup, the screens of the BUS app extension are visually modeled and detailed in a different environment. The functionality has also been fine-tuned in this environment through short discussions.
Figure 4: Example of the interaction elements in the visual design modeller
Figure 5: Example of the comments function in the visual design modeller
D3.4 Extended BUILD UP Skills-app 7
NL
After modelling the design can be shown in context of real use so that the interaction
design could be tested.
Figure 6: test of the interaction design in a setting that is as real as possible.
D3.4 Extended BUILD UP Skills-app 8
NL
2.4. Programming and testing
After the visual design and interaction design have been approved, the programming started. In two rounds of testing the functional and visual bugs were identified and resolved. We have used TestFlight to deploy the test versions for the IPhone.
Some Examples of feedback during testing
Weergave in tab vragen
Het duurt best lang voor de vragensets binnen zijn.
Laad-indicator tonen.
Stuur een foto heeft een andere vormgeving nodig! Zie Invision.
Graag de XP weergeven onder ‘Klaar!’
Dan in lege witruimte logo ‘provider’ tonen
Als je de vragenset opnieuw doet. Dan reset hij de behaalde resultaten niet als je tussendoor stopt met het opnieuw doen.
D3.4 Extended BUILD UP Skills-app 9
NL
Foto verdwijnt
De foto verdwijnt bij naar beneden scrollen
Onze expert zegt:
Je hebt de vraag niet goed beantwoord naar boven verplaatsen. Staat
mooier
Statistieken: (is korter dan de ‘volzin’)
Vinden / heeft goed geantwoord
Gaf aan: [Tekst van Button ‘er is geen fout’]
Volgende
Weergave in Track Record
Ervaringspunten
Vragenset gemaakt
4 van de 5 vragen goed
Je kunt nog niet direct naar de vragenset navigeren.
D3.4 Extended BUILD UP Skills-app 10
NL
3. Overview of the developed extension In this chapter a complete graphical overview is given of the extension developed (the last available version). For each screen a small explanation is given about the screen itself. 3.1. Overview of the front-end
In this overview the user does not get a notification, but finds a ‘Vragenset’ by using search.
Questionset ‘Montage Zonnewarmte’ First Question Good answer with expert feedback
Example of a wrong answer Earning experience points and ‘branding’ The learners breadcrumb-path
D3.4 Extended BUILD UP Skills-app 11
NL
The users collection of questionsets
D3.4 Extended BUILD UP Skills-app 12
NL
3.2. Overview of the backend
The QuestionSets are created by training providers, manufacturers and knowledge institutes. Before that is possible the user needs to have an account. The list of providers is derived from the BUILD UP Skills advisor-app catalogue.
Create a new account
Overview of providers that can create QuestionSets
Overview of users that can login (with their email addresses blurred out)
D3.4 Extended BUILD UP Skills-app 13
NL
Create a new Questionset
The new created Questionset
A first question added to the Questionset
Publication of the QuestionSet to the BUILD UP Skills advisor-app catalogue
D3.4 Extended BUILD UP Skills-app 14
NL
After publication the QuestionSet becomes visible in the BUILD UP Skills advisor-app catalogue
In the BUILD UP Skills advisor-app catalogue the right metadata is added for linking with specialisms and professions After this the QuestionSet becomes visible in the BUILD UP Skills advisor-app.