Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Upgrade Bb9 Ku Leuven 3 Users Interface

962 views

Published on

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

Published in: Education
  • Be the first to comment

  • Be the first to like this

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>

×