Upgrade Bb9 Ku Leuven 3 Users Interface

868 views
799 views

Published on

Nederlandstalige Blackboard Usergroup - Bijeenkomst 24 maart 2010 - Leuven.
Presentatie KULeuven Deel 3: Gebruikersinterface, functionaliteit en gebruikers

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
868
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • screenshot: hoe geimplementeerd?
  • screenshot: hoe geimplementeerd ?
  • Gebruiker ziet alle paletten staan
  • brandings: associatie, khbo, kahosl
  • Upgrade Bb9 Ku Leuven 3 Users Interface

    1. 1. Scholen, vakken en gebruikers upgraden naar BB9
    2. 2. Krachtlijnen <ul><li>Scholen upgraden </li></ul><ul><ul><li>Layout: brands en themes </li></ul></ul><ul><ul><li>Inrichting </li></ul></ul><ul><ul><ul><li>Tab groups - Tabs - Modules </li></ul></ul></ul><ul><li>Vakken upgraden </li></ul><ul><ul><li>Announcements - Home pages </li></ul></ul><ul><ul><li>Cursusmenu - Cursustools </li></ul></ul><ul><li>Gebruikers upgraden </li></ul><ul><ul><li>Teaser campagne - Screencasts </li></ul></ul><ul><ul><li>Testomgeving - Info- en hands- on sessies </li></ul></ul><ul><ul><li>Handleidingen - Evaluatie </li></ul></ul>
    3. 3. Scholen & vakken upgraden naar BB9
    4. 4. Krachtlijnen <ul><li>Scholen upgraden </li></ul><ul><ul><li>Layout: brands en themes </li></ul></ul><ul><ul><li>Inrichting </li></ul></ul><ul><ul><ul><li>Tab groups </li></ul></ul></ul><ul><ul><ul><li>Tabs </li></ul></ul></ul><ul><ul><ul><li>Modules </li></ul></ul></ul><ul><li>Vakken upgraden </li></ul><ul><ul><li>Announcements </li></ul></ul><ul><ul><li>Home pages </li></ul></ul><ul><ul><li>Cursusmenu </li></ul></ul><ul><ul><li>Cursustools </li></ul></ul>
    5. 5. Focus: tijdwinst <ul><li>Upgrade is heel kort: 2 à 3 dagen </li></ul><ul><li>Snelheid en efficiëntie </li></ul><ul><ul><li>Elk uur tijdwinst is meegenomen </li></ul></ul><ul><ul><li>Elk uur tijdwinst tijdens upgrade = X uren voorbereiding </li></ul></ul><ul><li>Veel routinetaken </li></ul><ul><ul><li>Zelfs voor 1 school, wat dan voor 13 scholen? </li></ul></ul><ul><ul><li>Vermijden waar mogelijk </li></ul></ul><ul><ul><li>Stroomlijnen, herleiden tot minimum </li></ul></ul><ul><ul><ul><li>Layout en branding </li></ul></ul></ul><ul><ul><li>Automatiseren </li></ul></ul><ul><ul><ul><li>Undeploy en deploy van de building blocks </li></ul></ul></ul><ul><ul><ul><li>Inrichting: tab groups, tabs en modules </li></ul></ul></ul><ul><ul><ul><li>Cursussen: announcements, menu, tools, ... </li></ul></ul></ul>
    6. 6. Voorbereiding <ul><li>BB7: uniformiseren </li></ul><ul><ul><li>Tabs (40) en Modules (200) </li></ul></ul><ul><ul><ul><li>Reference names en descriptions </li></ul></ul></ul><ul><ul><ul><ul><li>13 'My Toledo' Tabs </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>reference name: Instelling_TabNaam </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>KHL_MyToledo </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>13 groepen van identieke modules </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>reference name: Instelling_TabNaam.ModuleNaam </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>KUL_Bib.eBronnen </li></ul></ul></ul></ul></ul><ul><ul><ul><li>Inventaris </li></ul></ul></ul><ul><ul><ul><ul><li>Wie ziet wat? En waar? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Welke behouden? </li></ul></ul></ul></ul><ul><li>BB9: testen, scripts ontwikkelen </li></ul><ul><ul><li>CSS: wat, waar en hoe? </li></ul></ul><ul><ul><li>Queries en scripts </li></ul></ul>
    7. 7. Branding <ul><li>BB7: 1 school = 1 branding </li></ul><ul><ul><li>Beperkte aanpassingen via interface </li></ul></ul><ul><li>BB9 </li></ul><ul><ul><li>Via interface: nog steeds beperkte mogelijkheden </li></ul></ul><ul><ul><li>CSS: quasi onbeperkte mogelijkheden </li></ul></ul><ul><ul><ul><li>Elk element in elk scherm kan aangepast worden </li></ul></ul></ul><ul><ul><ul><li>Probleem: elementen aanspreken </li></ul></ul></ul><ul><ul><ul><ul><li>Firebug </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Web developer toolbar </li></ul></ul></ul></ul><ul><ul><ul><li>Grootste beperking: tijd </li></ul></ul></ul>
    8. 8. CSS <ul><li>Elke school: aangepast CSS-bestand </li></ul><ul><ul><li>Input gevraagd van scholen </li></ul></ul><ul><ul><li>Respons heel verschillend: minimaal vs. maximaal </li></ul></ul><ul><li>Implementatie CSS-layouts: 2 mogelijke pistes </li></ul><ul><ul><li>Color palettes </li></ul></ul><ul><ul><li>Themes </li></ul></ul><ul><li>Theme: volledig CSS-bestand </li></ul><ul><ul><li>Quasi alle definities </li></ul></ul><ul><ul><li>> 12.000 lijnen, > 256 KB </li></ul></ul><ul><li>Color palette: beperkt CSS-bestand </li></ul><ul><ul><li>< 150 lijnen, 4KB </li></ul></ul><ul><li>Allebei gekoppeld aan brand </li></ul>
    9. 9. Koppeling Brand - Color palette
    10. 10. Koppeling Brand - Theme
    11. 11. Aanpak 1: Color palette <ul><li>Wat is een color palette? </li></ul><ul><ul><li>Zip-bestand met 1 bestand: palette.css </li></ul></ul><ul><li>Voordeel </li></ul><ul><ul><li>Beperkt CSS-bestand </li></ul></ul><ul><ul><li>Dus: eenvoudiger beheer </li></ul></ul><ul><li>Nadeel </li></ul><ul><ul><li>Paletten zijn zichtbaar voor alle gebruikers </li></ul></ul><ul><ul><ul><li>Op personaliseerbare tabs en pagina's </li></ul></ul></ul><ul><ul><li>Student van school X kan palette van school Y gebruiken </li></ul></ul><ul><ul><li>Waarom is dat een probleem? </li></ul></ul><ul><ul><ul><li>Volledige branding gedefinieerd in CSS </li></ul></ul></ul><ul><ul><ul><ul><li>Uitgebreider dan Blackboard-palette </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Niet enkel kleuren en lettertypes </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Ook: bovenbalk, banner, ... </li></ul></ul></ul></ul>
    12. 12. Aanpak 2: Theme <ul><li>Wat is een theme? </li></ul><ul><ul><li>Zip-bestand </li></ul></ul><ul><ul><ul><li>CSS-bestand </li></ul></ul></ul><ul><ul><ul><li>Images-directory (knoppen, afbeeldingen, bullets, …) </li></ul></ul></ul><ul><li>Elke school een eigen theme </li></ul><ul><ul><li>Elke branding gekoppeld aan eigen theme </li></ul></ul><ul><li>Voordeel </li></ul><ul><ul><li>Volledige layout in theme </li></ul></ul><ul><ul><ul><li>Banner en achtergrond van de bovenbalk </li></ul></ul></ul><ul><ul><ul><ul><li>In CSS gedefinieerd </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Bestanden mee in zip-bestand </li></ul></ul></ul></ul><ul><ul><ul><li>Tijdens upgrade: 1 zip-bestand opladen </li></ul></ul></ul><ul><ul><ul><li>13 themes: snel aangemaakt en toegepast ( < 5 minuten) </li></ul></ul></ul><ul><li>Nadeel </li></ul><ul><ul><li>Enorm CSS-bestand </li></ul></ul>
    13. 13. Concrete aanpassingen <ul><li>Sectie toegevoegd </li></ul><ul><li>Aanpassingen </li></ul><ul><ul><li>Bovenbalk </li></ul></ul><ul><ul><ul><li>Banner en achtergrond </li></ul></ul></ul><ul><ul><ul><li>Tabs </li></ul></ul></ul><ul><ul><ul><li>Positie knoppenbalk </li></ul></ul></ul><ul><ul><li>Subtabs </li></ul></ul><ul><ul><li>Paginatitels </li></ul></ul><ul><ul><li>Modules </li></ul></ul><ul><ul><li>Knoppen </li></ul></ul><ul><ul><li>Formulieren </li></ul></ul><ul><ul><li>… </li></ul></ul>
    14. 14. Voorbeelden
    15. 15. Tab groups en tabs <ul><li>BB7 tabs worden tab groups </li></ul><ul><ul><li>Perspectief: vereenvoudigd beheer! </li></ul></ul><ul><ul><ul><li>13 tabs 'My Toledo' </li></ul></ul></ul><ul><ul><ul><li>1 tab group 'My Toledo' met 13 sub-tabs </li></ul></ul></ul><ul><ul><ul><li>MAAR: geen autorisaties meer op tab-niveau </li></ul></ul></ul><ul><ul><ul><li>DUS: i.p.v. 13 items, 26 items </li></ul></ul></ul><ul><li>Voor elke tab wordt tab group aangemaakt </li></ul><ul><ul><li>Maar: zonder reference name </li></ul></ul><ul><ul><ul><li>Gevolg: 13 identieke tab groups 'My Toledo' </li></ul></ul></ul><ul><ul><ul><li>Query: reference names invullen </li></ul></ul></ul><ul><ul><li>13 Tab groups met dezelfde tabs </li></ul></ul><ul><ul><ul><li>Home, Notifications dashboard, Tools </li></ul></ul></ul><ul><ul><ul><li>Query: tabs toevoegen aan tab group </li></ul></ul></ul><ul><li>Probleem: welke tab wordt default / als eerste getoond? </li></ul><ul><ul><li>Onvoorspelbaar door bug in Blackboard </li></ul></ul><ul><ul><ul><li>Query: correctie, eerste tab wordt default </li></ul></ul></ul>
    16. 16. Tab layout <ul><li>Nieuw: 3 kolommen </li></ul><ul><ul><li>Probleem: niet aanpasbaar via interface </li></ul></ul><ul><ul><ul><li>Hoe van 3 naar 2 kolommen? Of vice versa? </li></ul></ul></ul><ul><ul><li>Query: aantal kolommen en kolombreedtes instellen </li></ul></ul><ul><li>Palettes gekoppeld aan tabs </li></ul><ul><ul><li>Query: alles standaard-palette </li></ul></ul>
    17. 17. Modules <ul><li>Eigen module-types </li></ul><ul><ul><li>Multilang-modules (20+ modules) </li></ul></ul><ul><ul><li>Probleem: </li></ul></ul><ul><ul><ul><li>Verdwijnen bij undeploy van de building block </li></ul></ul></ul><ul><ul><ul><li>Na nieuwe deploy opnieuw aanmaken (vervelend en arbeidsintensief) </li></ul></ul></ul><ul><ul><li>Query: verander module-type </li></ul></ul><ul><ul><ul><li>Modules blijven gevrijwaard </li></ul></ul></ul><ul><li>Plaatsing modules op tabs </li></ul><ul><ul><li>3 kolommen om modules te plaatsen </li></ul></ul><ul><ul><li>Probleem: modules (ver)plaatsen, reset van user layouts duurt heel lang </li></ul></ul><ul><ul><li>Query: verwijder user layouts </li></ul></ul><ul><ul><li>Query: plaats modules op tabs, in juiste kolom, op juiste plaats </li></ul></ul><ul><li>Tijdens upgrade-weekend </li></ul><ul><ul><li>Tijd voor opkuis HTML in modules </li></ul></ul>
    18. 18. Vakken: announcements <ul><li>Het grootste probleem </li></ul><ul><li>Nieuwe announcements-pagina </li></ul><ul><ul><li>Geen filtering op datum </li></ul></ul><ul><ul><li>BB7: geen reden voor datumbeperkingen </li></ul></ul><ul><ul><ul><li>Gevolg: geen cultuur van datumbeperkingen </li></ul></ul></ul><ul><ul><ul><li>BB9: Studenten zien alle 'te tonen' announcements </li></ul></ul></ul><ul><ul><ul><li>BB9: Docenten zien alles </li></ul></ul></ul><ul><ul><li>In oude vakken: veel te veel announcements </li></ul></ul><ul><ul><ul><li>Jaar na jaar gekopieerd </li></ul></ul></ul><ul><li>Bug: permanente announcements </li></ul><ul><ul><li>Zonder datum weggeschreven </li></ul></ul><ul><ul><li>Niet getoond in gefilterde views (my announcements-modules) </li></ul></ul>
    19. 19. Announcements opkuisen <ul><li>Enkel in actuele vakken </li></ul><ul><ul><li>Archief-vakken blijven staan </li></ul></ul><ul><li>Announcements verwijderen </li></ul><ul><ul><li>Announcements ouder dan 1 september 2008 </li></ul></ul><ul><ul><ul><li>Gevolg: onzichtbaar voor iedereen </li></ul></ul></ul><ul><li>Beschikbaarheid regelen </li></ul><ul><ul><li>Announcements ouder dan 1 januari 2010 </li></ul></ul><ul><ul><ul><li>Einddatum: 31 december 2009 - onzichtbaar voor studenten </li></ul></ul></ul><ul><ul><li>Announcements zonder einddatum </li></ul></ul><ul><ul><ul><li>Einddatum: 31 augustus 2010 </li></ul></ul></ul><ul><li>Geen permanente announcements meer </li></ul><ul><ul><ul><li>Startdatum: 1 september 2009 </li></ul></ul></ul><ul><ul><ul><li>Einddatum: 31 augustus 2010 </li></ul></ul></ul>
    20. 20. Course home pages <ul><li>Standaard voor nieuwe vakken </li></ul><ul><li>Hoe toepassen op bestaande vakken? </li></ul><ul><li>Tool: Course modulator </li></ul><ul><ul><li>Individuele cursus </li></ul></ul><ul><ul><li>Batch </li></ul></ul><ul><li>Elke school beslist </li></ul><ul><ul><li>Course home page? </li></ul></ul><ul><ul><li>Voor welke cursussen? </li></ul></ul><ul><ul><li>Welke modules? </li></ul></ul><ul><ul><li>Entry point? </li></ul></ul>
    21. 21. Cursussen: kleinere aanpassingen <ul><li>Layout cursusmenu </li></ul><ul><ul><li>Probleem wat er goed uitzag in BB7, vaak erg lelijk in BB9 </li></ul></ul><ul><ul><li>Oplossing: reset layout </li></ul></ul><ul><ul><ul><li>Elke school beslist </li></ul></ul></ul><ul><li>Groepsinstellingen </li></ul><ul><ul><li>Gebruikers kunnen groepen aanmaken </li></ul></ul><ul><ul><li>Gebruikers kunnen groepen wijzigen </li></ul></ul><ul><li>Correctie kleuren titels van content items </li></ul><ul><li>Beschikbaarheid tools </li></ul><ul><ul><li>Aantal tools verdwenen in vakken </li></ul></ul>
    22. 22. Gebruikers upgraden naar BB9
    23. 23. Krachtlijnen <ul><li>Gebruikers upgraden </li></ul><ul><ul><li>Teaser campagne </li></ul></ul><ul><ul><li>Screencasts </li></ul></ul><ul><ul><li>Testomgeving </li></ul></ul><ul><ul><li>Info- en hands- on sessies </li></ul></ul><ul><ul><li>Handleidingen </li></ul></ul><ul><ul><li>Evaluatie </li></ul></ul>
    24. 24. Teaser campagne <ul><li>In dec 2009 counter online geplaatst </li></ul><ul><li>Aftellen naar launch </li></ul><ul><li>Op portal voor K.U.Leuven </li></ul><ul><li>Ook overgenomen op login pagina’s van een aantal instellingen </li></ul><ul><li>Grote visibiliteit (K.U.L dagelijks +/- 40.000 bezoeken) </li></ul>
    25. 26. Teaser campagne <ul><li>Achter counter een informatiepagina met: </li></ul><ul><ul><li>Info over upgrade </li></ul></ul><ul><ul><li>Screencasts ‘What’s new’ </li></ul></ul><ul><ul><li>Screencasts veelvoorkomende handelingen </li></ul></ul><ul><ul><li>Videoseminarie 'What's new' (2 uur) </li></ul></ul><ul><ul><li>Overzicht wijzigingen en veranderingen </li></ul></ul><ul><ul><li>Data infosessies </li></ul></ul><ul><ul><li>Data hands-on sessies </li></ul></ul><ul><ul><li>Info over vernieuwing documentatie </li></ul></ul>
    26. 28. Teaser campagne <ul><li>Doel </li></ul><ul><ul><li>Drempelverlagende informatiecampagne </li></ul></ul><ul><ul><li>Gebruikers laten zien dat ze niets te vrezen hebben van nieuwe interface </li></ul></ul><ul><ul><li>Via screencasts gebruikers informeren en heropleiden </li></ul></ul>
    27. 29. Screencasts <ul><li>What’s new (reeds in december) </li></ul><ul><li>Veelvoorkomende handelingen (met regelmaat) </li></ul><ul><ul><li>Vak beschikbaar stellen </li></ul></ul><ul><ul><li>Menu inrichten </li></ul></ul><ul><ul><li>Announcements (nieuwe manier van werken) </li></ul></ul><ul><ul><li>Werken met items </li></ul></ul><ul><li>Doel: gebruikers informeren en heropleiden (zeker voor announcements) </li></ul>
    28. 31. Testomgeving <ul><li>Eerst opengezet voor lokale ondersteuners en selecte groep gebruikers </li></ul><ul><li>1 maand voor upgrade opengezet voor heel de Associatie K.U.Leuven </li></ul><ul><li>Duidelijke informatiepagina over finaliteit testomgeving </li></ul><ul><li>Via mail, counter en aparte link </li></ul><ul><li>Tijdens de upgrade heel druk bezocht!!! </li></ul>
    29. 32. Bezoeken
    30. 33. Info- en hands-on sessies <ul><li>Voor upgrade: </li></ul><ul><ul><li>Louter informatief met demo’s </li></ul></ul><ul><li>Na upgrade: </li></ul><ul><ul><li>Hands-on voor beginners </li></ul></ul><ul><ul><li>Hands-on voor gevorderden </li></ul></ul>
    31. 34. Handleiding <ul><li>Wiki (Toledopedia)  Voor docenten </li></ul><ul><li>Korte handleiding  Voor studenten </li></ul><ul><li>Bestaande documentatie herwerken van BB 7.2 naar BB 9.0 </li></ul><ul><li>Documentatie uitbreiden </li></ul><ul><li>Screencasts verwerken in handleiding </li></ul>
    32. 35. Toledopedia
    33. 36. Toledopedia
    34. 37. Evaluatie <ul><li>Voor docenten </li></ul><ul><ul><li>Aanpassen aan nieuwe interface </li></ul></ul><ul><ul><li>Eerder terughoudend </li></ul></ul><ul><ul><li>Eens de nieuwe manier van werken gekend, valt het goed mee </li></ul></ul><ul><li>Voor Studenten </li></ul><ul><ul><li>Geen moeite met nieuwe interface </li></ul></ul><ul><ul><li>Eerder proactieve en exploratieve gebruikers </li></ul></ul>

    ×