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

2. http://nmasse.com

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

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

5.  Was WebCT Campus  Now Blackboard Vista Blended Learning 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)http://meyerweb.com/eric/css/edge/popups/demo.html

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.htmhttp://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)http://www.dyn-web.com/  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