Electronic Course Layout and Presentation System An alternative method for presenting course information and activities to students in Sakai University.

Slides:



Advertisements
Similar presentations
Cardiff University e-Learning: Blackboard Support 6 Virtual Learning Environment An Instructors Guide to Managing Courses with the Control Panel Click.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Sakai Overview ITS Teaching and Learning Interactive Aurora Collado January 10, 2008.
CE4 to CE6 The “New Look” Overview. Your course will be migrated from CE4 to CE6 for you. Your CE6 course will contain all the items that were present.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Adding a Syllabus Link. Let’s add the syllabus to the homepage. Return to the homepage Click “Add File” To get to the homepage, click the Course Content.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
My Workspace Profile. Using the course menu, click on Profile.
Instant E-Portfolios By: Ramesh Sabetiashraf Santa Ana College For Faculty and Students.
Delegated Admin Tool Overview Training Module. Honeywell Proprietary Honeywell.com  2 Document control number Delegated Admin Tool The delegated admin.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
1 Agenda Overview Review Roles Lists Libraries Columns.
Getting Started with Dreamweaver
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Website design Feng Zhao College of Educatioin California State University, Northridge.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Classroom User Training June 29, 2005 Presented by:
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Web Technologies Website Development Trade & Industrial Education
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
IE 411/511: Visual Programming for Industrial Applications
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Website Development with Dreamweaver
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Instructors begin using McGraw-Hill’s Homework Manager by creating a unique class Web site in the system. The Class Homepage becomes the entry point for.
Teaching with SmartSite An Introduction Steve Faith.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Scholar Instructors - What Every Student Should Know in Scholar!
Seattle Drupal Clinic Introduction to Drupal Part 1: Web Content Management, Advantages/Disadvantages of Drupal, Drupal terminology.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
CSC350: Learning Management Systems COMSATS Institute of Information Technology (Virtual Campus)
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
DESIGNER & DEVELOPER ORIENTATION Blackboard 9.1. Appearance & Style The first thing you need to do is to make sure that you are in Edit Mode. On the far.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
Web Site Development - Process of planning and creating a website.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
ANGEL Penn State’s Course Management System Created by PSY Office of C&IS.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
June 10-15, 2012 Growing Community; Growing Possibilities Tim Sigmon, University of Virginia Yitna Firdyiwek, University of Virginia Trisha Gordon, University.
Dreamweaver – Setting up a Site and Page Layouts
Chapter A - Getting Started with Dreamweaver MX 2004
LMEvents SharePoint Portal How-to Guide
Adding a File to a Course
Professional development training
Dreamweaver – Setting up a Site and Page Layouts
Getting Started with Dreamweaver
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
Tutorial 6 Creating Dynamic Pages
Presentation transcript:

Electronic Course Layout and Presentation System An alternative method for presenting course information and activities to students in Sakai University of Virginia

Here is what we do at UVa: We have modified the CKEditor’s Resources Browser so it can list assignments, discussions, and quizzes along with the usual resource files found in Resources. This means that instructors can add direct links to course activities within any document they generate using the CKEditor. CKEditor Open Resources Browser Activities & Resources in Resources Browser

Once the instructor has created the links and made the document available to students (we used the editor in Lessons to create these pages, but any tool that has the CKEditor in it would work)…

…students can access activities from within the document rather than from the Sakai tool menu bar. Thus, the instructor’s document can become a single portal to all course interactions, and students can access specific course activities or resources with one click using the instructor's desired layout and presentation (not a system imposed presentation). Link Activity in Popup Window

[image-1: Student tool bar.] Student view of tools in the menu bar can be kept to a minimum… Student view of reduced menu bar

…while the instructor’s view can maintain access to all tools. Instructor view of tools with hidden tools greyed out and italicized

Here are some sample sites that illustrate how direct links to resources and activities can be embedded into a course's layout and presentation:

Interactive Syllabus: This page was built and stored as an item in the Syllabus tool. The item that deals with Schedule and Activities is the first (landing) page where students begin. The full syllabus is also available as a link in the header information.

Simple Activities Grid: This page was built and stored in Resources and embedded in the Home tool through Site Info URL.

A More Complex Menu-based System: This page was built using the Lessons tool with additional pages created as “groups of pages” to populate the menu bar.

A Basic Activities Grid with Additional Tool Bars: This is a page built with the Lessons tool and viewed from the student point of view. The additional menu bar is a simple “Add Text” module. The Student Pages button links to pages added by students.

A Customized Page: This page is customized html and css codes created in an external tool such as Dreamweaver and imported into Resources. The links to activities and resources are hand-coded since the external application does not have access to the Sakai Resources Browser.

A Customized Page: Here is another page with customized html and css code. The links display the underlying activities.

Essentially, eCLPS variations can be endless, which reflects our desire to support instructors to design unique experiences for their students while keeping access to information, resources, and activities as simple and consistent as possible.

We also support migration of content with automatically updated links when sites are duplicated. This reduces work for instructors while letting them make incremental changes to improve their course over time.

Resources: Interactive Syllabus: Building an Activity-Driven Course Site in UVaCollab (video 18:20) Interactive Syllabus: Building an Activity-Driven Course Site in UVaCollab Collab User Guide Series: Interactive Syllabus Overview (pdf) Collab User Guide Series: Interactive Syllabus Overview Turbo Charging the FCKEditor in Sakai (video 4:58) Turbo Charging the FCKEditor in Sakai Overview of Interactive Syllabus at Uva (Confluence Sakai Project: Home) Overview of Interactive Syllabus at Uva Link Migration: UVa's Solution to Re-Using Site Content(Sakai Conference 2012) Link Migration: UVa's Solution to Re-Using Site Content iSyllabus:A “One-Stop-Shopping” Portal for Students (Sakai Conference: 2011) iSyllabus:A “One-Stop-Shopping” Portal for Students Instructor-Driven Course Site Design (Sakai Conference: June 2010) Instructor-Driven Course Site Design

Contact: Yitna Firdyiwek: Trisha Gordon: Tim Sigmon: