Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application...

20
Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programmeas an example HERUG Berlin May 15, 2019

Transcript of Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application...

Page 1: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

Breaking a complex web

application down into smaller

UI5 apps in FLP2.0: the

‘Individual Study Programme’

as an example

HERUG Berlin – May 15, 2019

Page 2: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

HERUG 20182

Page 3: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

Individual Study Programme (BSP, °2005)

Page 4: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

Individual Study Programme (ISP)

Exchange

Event booking

Simulation schedule

Approved exchange

programme

Exchange

request

Apply for exemption

Course registration

Page 5: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS5

Page 6: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS6

How did we start?

ISP

Course registration

Exchange

Exemption

Chooseevents

Page 7: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS7

Apply for exemption: view student

1 2

Page 8: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS8

Exemption: view administrator

12

3

Page 9: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS9

KU Loket: portal (desktop version)

+

+

+ …

Page 10: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

Open card sorting

Processing of the results

Validation: tree-testing

ICTS10

Card sorting

Page 11: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

19 web applications

15 students

• 8 male, 7 female

• 13 different programmes

• 7 sessions

ICTS11

Phase 1: Open card sortOpen card sorting

Page 12: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS12

Result Card Sorting

Page 13: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS13

X15

Processing of the results

Page 14: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS14

Study &

Examinations

Support

Feedback

Registration &

Admission

Safety

Agenda

Proposal from the functional teams

Page 15: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS15

26 students

18 tasks

Validation: tree-testing

Page 16: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS16

Results

Page 17: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS17

Design ideas for the FLP tiles

Open card sorting

Validation by tree-testingResults on the tiles

Deadlines, keywords!

Page 18: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS18

Finishing touch

23 tiles in total

• 8 UI5 applications

• 3 links to website

• 12 old BSP applications

• Icons

• Keywords

Page 19: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS19

• Portal for staff:

a lot more applications!

• Dynamic tiles

• More flexibility in FLP3.0

Conclusions

… and next steps

Page 20: Breaking a complex web application down into smaller UI5 ... · Breaking a complex web application down into smaller UI5 apps in FLP2.0: the ‘Individual Study Programme’ as an

ICTS20