Author: Kasey Asberry
Reviewers: Lane Good, Brian Beatty, Pat Donahue others as noted by project.
Date: June 2011
Abstract: This index collects User Interface patterns & methods in development for
instructional designs that support teaching and learning in Community Learning Systems, and other community-based learning environments.
User Interface Investigations
Target audience: colleagues in User Interface for Instructional Design study
Tools & methods investigated include HTML 5, CSS3, JQuery, Modernizr libraries, blogware, embedded media, Quick Response encoding, geolocation, mobile constraints.
- Simple Instructional site development using HTML 5 & CSS3
- Sample 1 CSS Rollover Menus , sketch
- Sample 1.2 Simple PHP Site w Accessible Navigation , sketch
- Sample 2: Zen Garden Restyled, sketch using transitions and gradients
- Sample 3: iFrames restyled
- Embedded cloudware & other third-party media
- Sample 4 WordPress, sketch
- Sample 5: Accessible Maps, sketch
- Sample 6: Instructional Video
- Sample 7: VoiceThread, LucidChart
- Sample 8: Interactive Form: Asset Manager Input & Log
- Mobile
- Sample 9: Mobile Map
- Sample 10: Mobile Site: Y Gardens
- Advanced Topics
- Research Project: QR codes connect physical and virtual resources
- Instructional Site: Community Learning System Toolkit