1 / 33

Course Portal

Tridib Chatterji Faculty of Business Dubai Women’s College Higher Colleges of Technology United Arab Emirates. Course Portal. http://nmasse.com. Why?. Transparent curriculum Clearly defined project outcomes Visibility (teams, blogs, e-portfolios) Promote constructivist pedagogy

galvin
Download Presentation

Course Portal

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tridib Chatterji Faculty of Business Dubai Women’s College Higher Colleges of Technology United Arab Emirates Course Portal

  2. http://nmasse.com

  3. Why? • Transparent curriculum • Clearly defined project outcomes • Visibility (teams, blogs, e-portfolios) • Promote constructivist pedagogy • Reduce carbon footprint and paper wastage • Foster collaboration and teamwork

  4. E-Business Curriculum • Self-directed learning • Blended (paper/online) • Project-based • Collaborative • Teams • Team and individual components • Outcomes – Presentations, peer teaching, papers, self-reflection

  5. Blended Learning • Was WebCT Campus • Now Blackboard Vista • Issues (Cons): • Log-in delays • Information not “open” • Development framework not flexible (PHP, MySQL, Javascript, etc) • Not entirely portable • Pros: • Allows external sites to be encapsulated • Other obvious benefits

  6. Blended Learning (2) • Course Portal encapsulated into Blackboard Vista

  7. Portal Design Rationale • Simple • Minimal graphics • Text heavy • All pages at three clicks or less • Major pages linked from Index page • Calendar everywhere (time sensitive) • Student approved*** • Borrow shamelessly (but credit everyone!)

  8. Portal: Index • All pages available through tabs • SpryTabbedPanel widget in Dreamweaver CS3 Resource: http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm

  9. Portal: Project Pages (1)* • Same “look and feel” across projects • Left navbar allows easy access to all project areas Source: http://meyerweb.com/eric/css/edge/popups/demo.html (Eric Meyer)

  10. Portal: Project Pages (2)* • Top menubar allows instant access to three important functions. (Student approved***)

  11. Portal: Project Pages (3)* • Student teams easily accessible across sections (Student approved***)

  12. Portal: Calendar (1) • Very important – contains assignment deadlines • Accessible everywhere through menubar

  13. Portal: Calendar (2)* • Tabs on the left for Home Page, and weeks in 5-week increments

  14. Portal: Calendar (3) • Original calendar: Source: http://webdesign.about.com/od/layout/l/zcalfeb07.htm

  15. Portal: Print Stylesheet* • Automatic print formatting

  16. Portal: Blogs • Student blogs linked across sections. Required for self-reflection

  17. Portal: E-Portfolios • Student e-portfolios linked across sections.

  18. Portal: About page • Contains details on technologies and techniques used in the portal

  19. Portal: Popups (1) • Used in course syllabus for assessment weights and scores

  20. Portal: Popups (2)* • Used in tutorials to highlight solutions

  21. Portal: Slideshow (1) • Used to create lightweight slideshows that can be played in any browser

  22. Portal: Slideshow (2)* • Can be used to embed video

  23. Portal: Tutorials

  24. Portal: Big 6 • Recently adopted problem solving process

  25. Portal Technology/Tools • Google analytics • Amazon S3 • S5 Slideshow system, Flowplayer • PHP/MySQL (XAMPP) • Tooltip from http://www.dyn-web.com/ (commercial) • CSS • Dreamweaver • Notepad++

  26. Tech: Google Analytics • Visitor tracking throughout the site (May 25)

  27. Tech: Amazon S3 • Cloud computing. Storing and serving high-bandwidth data (audio, video, images) Source: http://aws.amazon.com/s3/

  28. Tech: S5 Slideshow • Developed by Eric Meyer. Portable, lightweight slideshow system (for all browsers) Source: http://meyerweb.com/eric/tools/s5/

  29. Tech: Flowplayer* • Opensource video player. Embeds video streams in web pages and sites Source: http://flowplayer.org/

  30. Tech: XAMPP • Opensource web server, MySQL database and PHP (and more) Source: http://www.apachefriends.org/en/xampp.html

  31. Tech: Tooltips • Commercial Javascript utility that displays images, text, hyperlinks on “mouseover” Source: http://www.dyn-web.com/code/tooltips/

  32. Tech: CSS • Cascading Style Sheets formats the layout of text and graphics on a site (web standard)

  33. Tridib Chatterji Faculty of Business Dubai Women’s College Higher Colleges of Technology United Arab Emirates http://nmasse.com Course Portal

More Related