Tridib Chatterji

Faculty of Business

Dubai Women’s College

Higher Colleges of Technology

United Arab Emirates

http://nmasse.com

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?

Self-directed learning Blended (paper/online) Project-based Collaborative Teams Team and individual components Outcomes – Presentations, peer

teaching, papers, self-reflection

E-Business Curriculum

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

Blended Learning (2)

Course Portal encapsulated into Blackboard Vista

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!)

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

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)

Portal: Project Pages (2)* Top menubar allows instant access to three

important functions. (Student approved***)

Portal: Project Pages (3)* Student teams easily accessible across

sections (Student approved***)

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

Portal: Calendar (2)* Tabs on the left for Home Page, and weeks

in 5-week increments

Portal: Calendar (3) Original calendar:

Source: http://webdesign.about.com/od/layout/l/zcalfeb07.htm

Portal: Print Stylesheet* Automatic print formatting

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

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

Portal: About page Contains details on technologies and

techniques used in the portal

Portal: Popups (1) Used in course syllabus for assessment

weights and scores

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

Portal: Slideshow (1) Used to create lightweight slideshows that can

be played in any browser

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

Portal: Tutorials

Portal: Big 6 Recently adopted problem solving process

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++

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

Tech: Amazon S3 Cloud computing. Storing and serving high-bandwidth data (audio, video, images)

Source: http://aws.amazon.com/s3/

Tech: S5 Slideshow Developed by Eric Meyer. Portable, lightweight slideshow system (for all browsers)

Source: http://meyerweb.com/eric/tools/s5/

Tech: Flowplayer * Opensource video player. Embeds video streams in web pages and sites

Source: http://flowplayer.org/

Tech: XAMPP Opensource web server, MySQL database and PHP (and more)

Source: http://www.apachefriends.org/en/xampp.html

Tech: Tooltips Commercial Javascript utility that displays images, text, hyperlinks on “mouseover”

Source: http://www.dyn-web.com/code/tooltips/

Tech: CSS Cascading Style Sheets formats the layout of text and graphics on a site (web

standard)

Tridib Chatterji

Faculty of Business

Dubai Women’s College

Higher Colleges of Technology

United Arab Emirates

http://nmasse.comhttp://nmasse.com