Transcript Slide 1
Tridib Chatterji Faculty of Business Dubai Women’s College Higher Colleges of Technology United Arab Emirates http://nmasse.com 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 E-Business Curriculum Self-directed learning Blended (paper/online) Project-based Collaborative Teams Team and individual components Outcomes – Presentations, peer teaching, papers, self-reflection 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 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 highbandwidth 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) http://nmasse.com Tridib Chatterji Faculty of Business Dubai Women’s College Higher Colleges of Technology United Arab Emirates