Download to read offline
Uploaded byBlackboard APAC
Designing Blackboard De-constructured: How USC is customising Blackboard | Tim Jensen, USC | TLCANZ17
USC is customizing Blackboard, their learning management system, to better serve their students and campuses. They are designing the interface, visual language, and structure of learning content to enhance the student experience. One way they are doing this is by creating a content layout tool to allow easy rearrangement and customization of course content in Blackboard.
Designing Blackboard De-constructured: How USC is customising Blackboard | Tim Jensen, USC | TLCANZ17
- 1. Designing Blackboard De-constructed: How USCis customising Blackboard
- 2.
- 3.
- 4.
- 5.
- 6. 66 Sunshine Coast HealthInstitute (SCHI)
- 7.
- 8.
- 9. 9 2016 11,602 2017 13,492students
- 10. 10 Other USC Campus locations: SippyDowns Gympie Fraser Coast South Bank ATMC Sydney and Melbourne 2040
- 11.
- 12. 12* Serving suggestiononly. *
- 13. 1313 Interface Design Visual Language Structurefor Learning Content
- 14. 1414 How can youdesign a better learning experience for your students?
- 15. 15 How can youmake sure your Universities’ workflows, systems and visual language support, enhance and ‘get out of the way’ so the learning can happen?
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. 22 Get in onGITHUB: https://github.com/timjensen-usc/bbContentLayoutTool
- 23.
- 24. 24 MY WORKFLOW ACTIVE THEME EDITCSS IN THEME UPLOAD THEME (CSS COMPILED)DURING DEV THEME.css @import DEV.CSS DOWNLOAD THEME (UNCOMPILED CSS)
- 25.
Editor's Notes
- #3 Designing Blackboard for your University
- #4 Background: University of the Sunshine Coast – we are very blessed to have sunshine most of the year We’re growing steadily – we’ve gone from one large campus to having about 4 or 5 satellite campuses in the last few years, and are about to build a second campus closer to Brisbane. Work in CSALT – Centre for the Support & Advancement of Learning & Teaching Tim Jensen – Resource Developer at USC Donald Mackay - Senior Support Officer, Educational Technologies and Environments
- #5 We are no longer the University of the Sunshine Coast.
- #6 We are now just "USC”
- #7 SCHI: We now have the SCHI (pronounced "Sky") or the Sunshine Coast Health Institute. A dedicated education, training, and research facility contributing to the new $1.8b Sunshine Coast University Hospital that officially opened in April this year.
- #8 USC Moreton Campus: The newly developed Moreton Campus in the Brisbane suburb of Petrie will open in 2020, and is expected to cater for 10,000 students by 2030. It is expected to be equal in size with our current main campus on Sippy Downs!
- #9 Caboolture Campus: Classes at the USC Caboolture campus will take place from 2018
- #10 Up from 11,602 students in 2016 to 13,492 in 2017 (tracking) - that's a 16.3% increase!
- #11 Other USC sites: Sippy Downs Gympie Fraser Coast South Bank ATMC Sydney and Melbourne
- #12 ET Support Team
- #13 Tim Jensen: Designer behind our Blackboard enhancements.
- #14 Context: Interface Design: Interface for the system Visual Language: How you communicate your unique systems, workflows, methods using a visual language of symbols, colours, design Structure for learning content: Getting out of the way of content
- #15 Ask yourself the question: How can you design a better learning experience for your students?
- #16 Or maybe: How can you design a better learning experience for your students?
- #17 What we did: 3 key views within Blackboard that we’ve enhanced: 1. Sign in View
- #18 2. Dashboard View: Dashboard Staff and Students Course List USC apps device
- #19 3. Course View
- #20 [JS Hacks] a. Course List Key navigation device for students/staff Organised by relevance – current year/semester at top Harvest links from Course/Org links Portlets to build interface
- #21 b. USC Apps (Quick access to other applications/systems within the University)
- #22 c. Content Layout Tool Part of greater ‘Blended Learning Strategy’ Tool enables Academics to build course material with a consistent visual language/structure Context – WYSIWIG content editor Is still HTML in the hands of HTML laypeople – quite a challenge
- #23 c. Content Layout Tool cont.
- #24 Live Demo
- #25 Development Environment/Workflow Local SASS/CSS project DEV environment for Bb system FTP connection directly into compiled Bb Theme – CSS changes committed live on save During DEV: DEV CSS imported after ‘compiled’ Theme CSS (@import ‘dev.css’) View changes in DEV environment live in Browser TEST/PRODUCTION: Include DEV CSS in’pre-compiled’ Theme CSS – then uploaded/compiled