SlideShare une entreprise Scribd logo
1  sur  63
Effective Course Design
                                                    Moderator
                                                Lisa Marie Johnson
                                              Ashford University (CA)

                                               Presenters
                                             Ruth Markulis
                             University of Maryland University College (MD)
                                                 Michael Samman
                                               Berkeley College (NY)

The leap from the traditional classroom to the online world can still be disorienting for many teachers and students. In this
session our panelists will demonstrate how employing best practices and instructional design theory can prepare faculty to
design online courses that take into account the challenges students face in succeeding in a dynamic online-learning
environment. The presentation will provide tips on effective project management, determining learning objectives, working
with design teams, and transforming static instructional content into interactive, dynamic, and engaging learning
experiences that challenge learners.
Effective Course Design




     Ruth Markulis
        Instructional Technologist
     Center for Teaching and Learning
Office of Instructional Services and Support
 University of Maryland University College

        ruth.markulis@umuc.edu
              240-684-2751
Effective Course Design


MS Cybersecurity Program
Effective Course Design




Effective Project Management
Effective Course Design



           Managing Complexity
• Curriculum
   – Interactive Modules
   – Case Studies and Virtual Labs
   – Capstone Simulation

• University-wide effort of collaborative teams

• Integrate efforts from many disciplines and skill sets
Effective Course Design




   Effective Project Management
Strategies That Worked Well
• Weekly Excel Project Plan Tracking Sheets
  – Staffing, Tasks, and Due Dates
  – Completed Items
  – Pending Items
  – Yellow and Red Alerts
Effective Course Design




      Effective Project Management
Strategies That Worked Well
• Weekly Project Status Reports and Meetings
  –   Delayed Tasks and Milestones and Impacts
  –   Accomplishments
  –   Pending Items
  –   Concerns and Recommended Actions
  –   Remarks
Effective Course Design



     Effective Project Management
Strategies That Worked Well
• Making all assumptions explicit

• Explaining dependencies

• Flexibility

   – Adding or realigning resources and contingency plans
• Sharepoint as document repository

   – Version Control/Archive
Effective Course Design



    Effective Project Management
Strategies That Worked Well
• Details!
   – Include a deadline in the subject line of emails for time-
     sensitive materials
      • Urgent-Please respond by date

   – Include vacation schedules, holidays

   – Scheduled check in conference calls
Effective Course Design

Effective Course Design
Effective Course Design




Instructional Design Model
Effective Course Design




          The Process

Approved Curriculum


Preliminary Module Plans


Story Board Phase
Effective Course Design



        The Process

Production Phase-Alpha, Beta, Gold


Quality Control-Feedback Loops


Change Management Database
Effective Course Design



   Subject Matter Expert Support
Strategies That Worked Well
• Subject Matter Expert Training Workshop
  –   Policies and Procedures/Roles Expectations
  –   Research and Writing
  –   Unique, Accurate Master’s Level Content
  –   Case Study and Simulation Ideas for Critical Thinking
  –   Best Practices and Current Thinking in the Field
  –   Quality Assurance
Effective Course Design



                  Review Teams
Strategies That Worked Well
• “Bug Sheets”
   – Content, Graphics, Technical

• Active Discussion in Wimba/WebEx

• Lead SME has final word

• Requested changes/clarifications

• Continuous quality improvement
Effective Course Design



                  Review Teams
Strategies That Worked Well
• Initially a long process

• Became streamlined

• Led to proactive change in design/process
   – Moved editorial review and intellectual property review
     earlier in process
Effective Course Design



Tools for Interactivity
Effective Course Design

Effective Course Design
Effective Course Design



Tools for Interactivity
Effective Course Design



Tools for Interactivity
Effective Course Design


Tools for Interactivity
Effective Course Design



                Faculty Support
Strategies That Worked Well
• Model classroom

• Orientation each semester

• Faculty classroom for discussion/questions

• Ongoing meetings as needed

• Teaching/lab assistants
Effective Course Design



Going Mobile-Best Practices

        Has your campus experimented
        with mobile devices to deliver
        content?

        Please share your experiences.
Effective Course Design




      Going Mobile-Best Practices
• Feature Phones
  12 keys, digital camera, media player

• Smart Phones
  Third party applications for productivity

• PDAs
  QWERTY keyboard and stylus for organizational tasks

• iPads
  More features for light work, presentations, interactive
  learning
Effective Course Design




Going Mobile-Best Practices
       How many mobile devices are
       there worldwide?

       What impact is this having on
       educational institutions?
Effective Course Design




      Going Mobile-Best Practices

Gartner Group 2011
• 5.6 billion mobile phones worldwide
• 80% of world’s population
• $315 billion in revenue
Effective Course Design




  Going Mobile-Best Practices
   The State of the Mobile Web in Higher Ed
        February 2012 (267 institutions)

– 59% provide a mobile solution (37% in 2011)
– 39% plan to develop a mobile solution
– 2% no plan
Effective Course Design



Going Mobile-Best Practices

Stand-alone apps to download


Mobile optimized version of Web Site


Augmented reality
Effective Course Design



  Going Mobile-Best Practices
   The State of the Mobile Web in Higher Ed
        February 2012 (267 institutions)

– 56% plan a dedicated mobile Web site
– 26% plan to develop device-specific apps
Effective Course Design



  Going Mobile-Best Practices
   The State of the Mobile Web in Higher Ed
        February 2012 (267 institutions)

– 73 % developed by faculty staff
– 20% developed by vendor
– 65% no special budget for mobile
Effective Course Design


        Going Mobile-Best Practices

Develop a Mobile Strategy
• Why are you going mobile?

• Determining appropriate content

• Interactivity-solving a real problem
   –   Checking sports scores
   –   Checking weather, directions, maps
   –   Flight reservations
   –   News updates
Effective Course Design




     Going Mobile-Best Practices
Develop a Mobile Strategy
• Balance business goals vs. constraints

• How does mobile presence help organization
  achieve its goals?

• Audience goals-What does user want to accomplish?
  What is the value-added proposition?
Effective Course Design




  Going Mobile-Best Practices

       Develop a Mobile Strategy
 What do you think would be appropriate
educational content for mobile devices based
    on these commercial applications?
Effective Course Design




      Going Mobile-Best Practices
                Good Mobile Design
• Designing for mobile devices is different than
  designing for the Web

• Don’t take an existing Web page and make it
  smaller

• Limit content and plan content categories and
  navigation carefully
Effective Course Design


   Going Mobile-Best Practices

       Primary Navigation
                             Header


                            Navigation
Menu            Content


                             Content


                            Navigation


            Footer           Footer
Effective Course Design




        Going Mobile-Best Practices
Design Challenges or Constraints

• Variety of devices and browsers

• Older devices

• Screen size and keypad design

• Embedded objects and scripts not supported

• Frames not supported

• Flash not supported
Effective Course Design




      Going Mobile-Best Practices
Design Challenges or Constraints

• Pop-up windows not supported

• Linking to external resources adds time and cost
  to page views
Effective Course Design



     Going Mobile-Best Practices
Good Mobile Design
• Must be device specific
  – Target devices

• Must render properly
  – 128 X 160 pixels

• Must load quickly

• Must not crash the browser
Effective Course Design



    Going Mobile-Best Practices

Good Mobile Design
• File sizes are small, under 10 Kb

• Customization
  – Site should remember user information and
    preferences and load them when user returns to
    site
Effective Course Design



     Going Mobile-Best Practices
Good Mobile Design
• Handset detection-serving correct version of
  mobile content
  – http://deviceatlas.com

• Dynamic content formatting

• URL redirects

• Register domain names
Effective Course Design



      Going Mobile-Best Practices
Developing Standards
• W3C Initiatives
  – Mobile Web Best Practices Working Group
  – Device Description Working Group
     • Consistent, complete User-Agent Profiles (UA-Profs)


• Open Mobile Alliance (OMA)
Effective Course Design



    Going Mobile-Best Practices

W3C Mobile Web Working Group
• XHTML Basic and XHTML MP 1.0
   – Character Encoding-UTF 8
   – XHTML MP 1.0 Doctype-tells browsers how to
     render content
   – List of MIME types on server-add XHTML
Effective Course Design



     Going Mobile-Best Practices
W3C Mobile Web Working Group
• XHTML Basic and XHTML MP 1.0
   – Search engines use page titles
   – Wireless CSS stylesheets lower page size

• Use Wireless Markup Language (WML) for older
  mobile browsers

• HTML 5 and Java
Effective Course Design



        Going Mobile-Best Practices
Design Considerations
• Use <div> or <dl> tags, not <table>

• Use server side includes (SSI), not frames

• Place navigation in content page

• Use accesskeys (numbers on keypad) to link to content and limit
  links to 10 or fewer per page

• Prioritize links by popularity

• Use brief forms if at all
    – Use radio buttons and drop-down menus rather than text boxes
Effective Course Design



      Going Mobile-Best Practices
Design Considerations for Images
• Image width should by under 120 pixels

• Avoid images containing dense information

• Specify pixel height and width so these do not have to be
  calculated by the device which increases rendering time

• Omit image maps as there usually is no pointing device

• Always use alt tags
Effective Course Design



       Going Mobile-Best Practices
Testing
• Prototyping and Usability Testing

• Desktop testing

• Emulator testing

• Device testing-Prepaid SIM cards
   – http://wurfl.sourceforge.net/
   – http://www.uaprof.com/
   – http://www.developershome.com/wap/detection/detection.asp?page=uaprof
Effective Course Design



       Going Mobile-Best Practices
References and Resources
W3C Mobile Web Best Practices Basic Guidelines
   – http://www.w3.org/TR/mobile-bp/

Global Authoring Practices
   – http://www.passani.it/gap/

mobiReady Tool evaluates your Web page
   – http://ready.mobi/launch.jsp?locale=en_EN
Effective Course Design


       Going Mobile-Best Practices
References and Resources
Dot-mobi domain approved by Internet Corporation of
Assigned Names and Numbers (ICANN) in 2006
   – http://news.cnet.com/2100-1039_3-6075779.html


Mobile Web Best Practices, Case Studies, and Statistics
   – http://www.mobithinking.com/

Open Mobile Alliance
   – http://www.openmobilealliance.org/
Effective Course Design




      Going Mobile-Best Practices
References and Resources
Horizon Report 2012
   – http://www.nmc.org/pdf/2012-horizon-report-HE.pdf


Accessibility
   – http://www.w3.org/WAI/mobile/
Effective Course Design




         Michael Samman
Director, Online Faculty Support and Instructional Design
          Berkeley College - New York / New Jersey
                 mls@BerkeleyCollege.edu
                   973-278-5400 ext.1650
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
Effective Course Design
                                                    Moderator
                                                Lisa Marie Johnson
                                              Ashford University (CA)

                                               Presenters
                                             Ruth Markulis
                             University of Maryland University College (MD)
                                                 Michael Samman
                                               Berkeley College (NY)

The leap from the traditional classroom to the online world can still be disorienting for many teachers and students. In this
session our panelists will demonstrate how employing best practices and instructional design theory can prepare faculty to
design online courses that take into account the challenges students face in succeeding in a dynamic online-learning
environment. The presentation will provide tips on effective project management, determining learning objectives, working
with design teams, and transforming static instructional content into interactive, dynamic, and engaging learning
experiences that challenge learners.

Contenu connexe

En vedette

2011Changing contextethicalbehavior634
2011Changing contextethicalbehavior6342011Changing contextethicalbehavior634
2011Changing contextethicalbehavior634
WCET
 
2011A New Way to Count the Beans
2011A New Way to Count the Beans2011A New Way to Count the Beans
2011A New Way to Count the Beans
WCET
 
2010 Exploring online faculty workload
2010 Exploring online faculty workload2010 Exploring online faculty workload
2010 Exploring online faculty workload
WCET
 
2011Challenges and Successess in Faculty Development
2011Challenges and Successess in Faculty Development2011Challenges and Successess in Faculty Development
2011Challenges and Successess in Faculty Development
WCET
 
Process mapping
Process mappingProcess mapping
Process mapping
WCET
 
Free range learners
Free range learnersFree range learners
Free range learners
WCET
 

En vedette (7)

2011Changing contextethicalbehavior634
2011Changing contextethicalbehavior6342011Changing contextethicalbehavior634
2011Changing contextethicalbehavior634
 
2011A New Way to Count the Beans
2011A New Way to Count the Beans2011A New Way to Count the Beans
2011A New Way to Count the Beans
 
2010 Exploring online faculty workload
2010 Exploring online faculty workload2010 Exploring online faculty workload
2010 Exploring online faculty workload
 
Chapter14
Chapter14Chapter14
Chapter14
 
2011Challenges and Successess in Faculty Development
2011Challenges and Successess in Faculty Development2011Challenges and Successess in Faculty Development
2011Challenges and Successess in Faculty Development
 
Process mapping
Process mappingProcess mapping
Process mapping
 
Free range learners
Free range learnersFree range learners
Free range learners
 

Similaire à Effective coursedesign

Effective course design
Effective course designEffective course design
Effective course design
WCET
 
Co-op Presentation Fall_Winter_2014 FINAL VERSION
Co-op Presentation Fall_Winter_2014 FINAL VERSIONCo-op Presentation Fall_Winter_2014 FINAL VERSION
Co-op Presentation Fall_Winter_2014 FINAL VERSION
Joyce Lu
 
Blended Learning Implementation for Elementary Schools
Blended Learning Implementation for Elementary SchoolsBlended Learning Implementation for Elementary Schools
Blended Learning Implementation for Elementary Schools
DreamBox Learning
 
Dabbagh IDD Competencies Analysis AECT 2012
Dabbagh IDD Competencies Analysis AECT 2012Dabbagh IDD Competencies Analysis AECT 2012
Dabbagh IDD Competencies Analysis AECT 2012
Nada Dabbagh
 
Learning design overview
Learning design overviewLearning design overview
Learning design overview
Martin Weller
 
DRSOKCVL
DRSOKCVLDRSOKCVL
DRSOKCVL
ISTAR
 
DRSOKCVL
DRSOKCVLDRSOKCVL
DRSOKCVL
ISTAR
 

Similaire à Effective coursedesign (20)

Effective course design
Effective course designEffective course design
Effective course design
 
Co-op Presentation Fall_Winter_2014 FINAL VERSION
Co-op Presentation Fall_Winter_2014 FINAL VERSIONCo-op Presentation Fall_Winter_2014 FINAL VERSION
Co-op Presentation Fall_Winter_2014 FINAL VERSION
 
Hybrid Learning for teachers and kaiako.pdf
Hybrid Learning for teachers and kaiako.pdfHybrid Learning for teachers and kaiako.pdf
Hybrid Learning for teachers and kaiako.pdf
 
Training In-Service Teachers to be Online Instructors and Online Course Devel...
Training In-Service Teachers to be Online Instructors and Online Course Devel...Training In-Service Teachers to be Online Instructors and Online Course Devel...
Training In-Service Teachers to be Online Instructors and Online Course Devel...
 
9. Instructional Desig in DE
9. Instructional Desig in DE9. Instructional Desig in DE
9. Instructional Desig in DE
 
Opportunity analysis
Opportunity analysisOpportunity analysis
Opportunity analysis
 
#econfpsu16 - Building a Central Digital Services Team
#econfpsu16 - Building a Central Digital Services Team #econfpsu16 - Building a Central Digital Services Team
#econfpsu16 - Building a Central Digital Services Team
 
resume_Valeria_Shapko
resume_Valeria_Shapkoresume_Valeria_Shapko
resume_Valeria_Shapko
 
Blended Learning Implementation for Elementary Schools
Blended Learning Implementation for Elementary SchoolsBlended Learning Implementation for Elementary Schools
Blended Learning Implementation for Elementary Schools
 
Open edX Conference 2014, McKinsey Academy
Open edX Conference 2014, McKinsey AcademyOpen edX Conference 2014, McKinsey Academy
Open edX Conference 2014, McKinsey Academy
 
Dabbagh IDD Competencies Analysis AECT 2012
Dabbagh IDD Competencies Analysis AECT 2012Dabbagh IDD Competencies Analysis AECT 2012
Dabbagh IDD Competencies Analysis AECT 2012
 
Cets 2016 fisher munoz agile project management methods for e learning
Cets 2016 fisher munoz agile project management methods for e learningCets 2016 fisher munoz agile project management methods for e learning
Cets 2016 fisher munoz agile project management methods for e learning
 
Agile Education
Agile EducationAgile Education
Agile Education
 
Learning design overview
Learning design overviewLearning design overview
Learning design overview
 
Embedding Employability Toolkit - Wireframe
Embedding Employability Toolkit - WireframeEmbedding Employability Toolkit - Wireframe
Embedding Employability Toolkit - Wireframe
 
Kristie DeLoreto Resume
Kristie DeLoreto ResumeKristie DeLoreto Resume
Kristie DeLoreto Resume
 
DRSOKCVL
DRSOKCVLDRSOKCVL
DRSOKCVL
 
Professor & Head(IT)
Professor & Head(IT)Professor & Head(IT)
Professor & Head(IT)
 
DRSOKCVL
DRSOKCVLDRSOKCVL
DRSOKCVL
 
Drivers of Change - eLearning Design & Development
Drivers of Change - eLearning Design & DevelopmentDrivers of Change - eLearning Design & Development
Drivers of Change - eLearning Design & Development
 

Plus de WCET

Infrastructure for digital_integration
Infrastructure for digital_integrationInfrastructure for digital_integration
Infrastructure for digital_integration
WCET
 
Student fraud
Student fraudStudent fraud
Student fraud
WCET
 
Stretching LMS
Stretching LMSStretching LMS
Stretching LMS
WCET
 
Equity answer-wcet
Equity answer-wcetEquity answer-wcet
Equity answer-wcet
WCET
 
Reciprocity leaping over_the_state_auth_barrier
Reciprocity leaping over_the_state_auth_barrierReciprocity leaping over_the_state_auth_barrier
Reciprocity leaping over_the_state_auth_barrier
WCET
 

Plus de WCET (20)

Infrastructure for digital_integration
Infrastructure for digital_integrationInfrastructure for digital_integration
Infrastructure for digital_integration
 
Student fraud
Student fraudStudent fraud
Student fraud
 
Stretching LMS
Stretching LMSStretching LMS
Stretching LMS
 
Equity answer-wcet
Equity answer-wcetEquity answer-wcet
Equity answer-wcet
 
Faculty peer review_rubric
Faculty peer review_rubricFaculty peer review_rubric
Faculty peer review_rubric
 
Partnering for performance_harrison
Partnering for performance_harrisonPartnering for performance_harrison
Partnering for performance_harrison
 
Collaborating for student_success
Collaborating for student_successCollaborating for student_success
Collaborating for student_success
 
Guidance for designing_blended
Guidance for designing_blendedGuidance for designing_blended
Guidance for designing_blended
 
Success of success_coaching
Success of success_coachingSuccess of success_coaching
Success of success_coaching
 
Designing gen ed_for_distance
Designing gen ed_for_distanceDesigning gen ed_for_distance
Designing gen ed_for_distance
 
An assessment based_degree
An assessment based_degreeAn assessment based_degree
An assessment based_degree
 
Using curriculum mapping
Using curriculum mappingUsing curriculum mapping
Using curriculum mapping
 
Partnering for performance_harrisonb
Partnering for performance_harrisonbPartnering for performance_harrisonb
Partnering for performance_harrisonb
 
Guidance for designing_blended_courses
Guidance for designing_blended_coursesGuidance for designing_blended_courses
Guidance for designing_blended_courses
 
Faculty competencies roundtable
Faculty competencies roundtableFaculty competencies roundtable
Faculty competencies roundtable
 
Sate authorization from_a_z
Sate authorization from_a_zSate authorization from_a_z
Sate authorization from_a_z
 
Taking online teaching_to_task
Taking online teaching_to_taskTaking online teaching_to_task
Taking online teaching_to_task
 
E tutoring collaborative_communities
E tutoring collaborative_communitiesE tutoring collaborative_communities
E tutoring collaborative_communities
 
Videoconferencing creating the_virtual
Videoconferencing creating the_virtualVideoconferencing creating the_virtual
Videoconferencing creating the_virtual
 
Reciprocity leaping over_the_state_auth_barrier
Reciprocity leaping over_the_state_auth_barrierReciprocity leaping over_the_state_auth_barrier
Reciprocity leaping over_the_state_auth_barrier
 

Effective coursedesign

  • 1. Effective Course Design Moderator Lisa Marie Johnson Ashford University (CA) Presenters Ruth Markulis University of Maryland University College (MD) Michael Samman Berkeley College (NY) The leap from the traditional classroom to the online world can still be disorienting for many teachers and students. In this session our panelists will demonstrate how employing best practices and instructional design theory can prepare faculty to design online courses that take into account the challenges students face in succeeding in a dynamic online-learning environment. The presentation will provide tips on effective project management, determining learning objectives, working with design teams, and transforming static instructional content into interactive, dynamic, and engaging learning experiences that challenge learners.
  • 2. Effective Course Design Ruth Markulis Instructional Technologist Center for Teaching and Learning Office of Instructional Services and Support University of Maryland University College ruth.markulis@umuc.edu 240-684-2751
  • 3. Effective Course Design MS Cybersecurity Program
  • 5. Effective Course Design Managing Complexity • Curriculum – Interactive Modules – Case Studies and Virtual Labs – Capstone Simulation • University-wide effort of collaborative teams • Integrate efforts from many disciplines and skill sets
  • 6. Effective Course Design Effective Project Management Strategies That Worked Well • Weekly Excel Project Plan Tracking Sheets – Staffing, Tasks, and Due Dates – Completed Items – Pending Items – Yellow and Red Alerts
  • 7. Effective Course Design Effective Project Management Strategies That Worked Well • Weekly Project Status Reports and Meetings – Delayed Tasks and Milestones and Impacts – Accomplishments – Pending Items – Concerns and Recommended Actions – Remarks
  • 8. Effective Course Design Effective Project Management Strategies That Worked Well • Making all assumptions explicit • Explaining dependencies • Flexibility – Adding or realigning resources and contingency plans • Sharepoint as document repository – Version Control/Archive
  • 9. Effective Course Design Effective Project Management Strategies That Worked Well • Details! – Include a deadline in the subject line of emails for time- sensitive materials • Urgent-Please respond by date – Include vacation schedules, holidays – Scheduled check in conference calls
  • 12. Effective Course Design The Process Approved Curriculum Preliminary Module Plans Story Board Phase
  • 13. Effective Course Design The Process Production Phase-Alpha, Beta, Gold Quality Control-Feedback Loops Change Management Database
  • 14. Effective Course Design Subject Matter Expert Support Strategies That Worked Well • Subject Matter Expert Training Workshop – Policies and Procedures/Roles Expectations – Research and Writing – Unique, Accurate Master’s Level Content – Case Study and Simulation Ideas for Critical Thinking – Best Practices and Current Thinking in the Field – Quality Assurance
  • 15. Effective Course Design Review Teams Strategies That Worked Well • “Bug Sheets” – Content, Graphics, Technical • Active Discussion in Wimba/WebEx • Lead SME has final word • Requested changes/clarifications • Continuous quality improvement
  • 16. Effective Course Design Review Teams Strategies That Worked Well • Initially a long process • Became streamlined • Led to proactive change in design/process – Moved editorial review and intellectual property review earlier in process
  • 17. Effective Course Design Tools for Interactivity
  • 19. Effective Course Design Tools for Interactivity
  • 20. Effective Course Design Tools for Interactivity
  • 21. Effective Course Design Tools for Interactivity
  • 22. Effective Course Design Faculty Support Strategies That Worked Well • Model classroom • Orientation each semester • Faculty classroom for discussion/questions • Ongoing meetings as needed • Teaching/lab assistants
  • 23. Effective Course Design Going Mobile-Best Practices Has your campus experimented with mobile devices to deliver content? Please share your experiences.
  • 24. Effective Course Design Going Mobile-Best Practices • Feature Phones 12 keys, digital camera, media player • Smart Phones Third party applications for productivity • PDAs QWERTY keyboard and stylus for organizational tasks • iPads More features for light work, presentations, interactive learning
  • 25. Effective Course Design Going Mobile-Best Practices How many mobile devices are there worldwide? What impact is this having on educational institutions?
  • 26. Effective Course Design Going Mobile-Best Practices Gartner Group 2011 • 5.6 billion mobile phones worldwide • 80% of world’s population • $315 billion in revenue
  • 27. Effective Course Design Going Mobile-Best Practices The State of the Mobile Web in Higher Ed February 2012 (267 institutions) – 59% provide a mobile solution (37% in 2011) – 39% plan to develop a mobile solution – 2% no plan
  • 28. Effective Course Design Going Mobile-Best Practices Stand-alone apps to download Mobile optimized version of Web Site Augmented reality
  • 29. Effective Course Design Going Mobile-Best Practices The State of the Mobile Web in Higher Ed February 2012 (267 institutions) – 56% plan a dedicated mobile Web site – 26% plan to develop device-specific apps
  • 30. Effective Course Design Going Mobile-Best Practices The State of the Mobile Web in Higher Ed February 2012 (267 institutions) – 73 % developed by faculty staff – 20% developed by vendor – 65% no special budget for mobile
  • 31. Effective Course Design Going Mobile-Best Practices Develop a Mobile Strategy • Why are you going mobile? • Determining appropriate content • Interactivity-solving a real problem – Checking sports scores – Checking weather, directions, maps – Flight reservations – News updates
  • 32. Effective Course Design Going Mobile-Best Practices Develop a Mobile Strategy • Balance business goals vs. constraints • How does mobile presence help organization achieve its goals? • Audience goals-What does user want to accomplish? What is the value-added proposition?
  • 33. Effective Course Design Going Mobile-Best Practices Develop a Mobile Strategy What do you think would be appropriate educational content for mobile devices based on these commercial applications?
  • 34. Effective Course Design Going Mobile-Best Practices Good Mobile Design • Designing for mobile devices is different than designing for the Web • Don’t take an existing Web page and make it smaller • Limit content and plan content categories and navigation carefully
  • 35. Effective Course Design Going Mobile-Best Practices Primary Navigation Header Navigation Menu Content Content Navigation Footer Footer
  • 36. Effective Course Design Going Mobile-Best Practices Design Challenges or Constraints • Variety of devices and browsers • Older devices • Screen size and keypad design • Embedded objects and scripts not supported • Frames not supported • Flash not supported
  • 37. Effective Course Design Going Mobile-Best Practices Design Challenges or Constraints • Pop-up windows not supported • Linking to external resources adds time and cost to page views
  • 38. Effective Course Design Going Mobile-Best Practices Good Mobile Design • Must be device specific – Target devices • Must render properly – 128 X 160 pixels • Must load quickly • Must not crash the browser
  • 39. Effective Course Design Going Mobile-Best Practices Good Mobile Design • File sizes are small, under 10 Kb • Customization – Site should remember user information and preferences and load them when user returns to site
  • 40. Effective Course Design Going Mobile-Best Practices Good Mobile Design • Handset detection-serving correct version of mobile content – http://deviceatlas.com • Dynamic content formatting • URL redirects • Register domain names
  • 41. Effective Course Design Going Mobile-Best Practices Developing Standards • W3C Initiatives – Mobile Web Best Practices Working Group – Device Description Working Group • Consistent, complete User-Agent Profiles (UA-Profs) • Open Mobile Alliance (OMA)
  • 42. Effective Course Design Going Mobile-Best Practices W3C Mobile Web Working Group • XHTML Basic and XHTML MP 1.0 – Character Encoding-UTF 8 – XHTML MP 1.0 Doctype-tells browsers how to render content – List of MIME types on server-add XHTML
  • 43. Effective Course Design Going Mobile-Best Practices W3C Mobile Web Working Group • XHTML Basic and XHTML MP 1.0 – Search engines use page titles – Wireless CSS stylesheets lower page size • Use Wireless Markup Language (WML) for older mobile browsers • HTML 5 and Java
  • 44. Effective Course Design Going Mobile-Best Practices Design Considerations • Use <div> or <dl> tags, not <table> • Use server side includes (SSI), not frames • Place navigation in content page • Use accesskeys (numbers on keypad) to link to content and limit links to 10 or fewer per page • Prioritize links by popularity • Use brief forms if at all – Use radio buttons and drop-down menus rather than text boxes
  • 45. Effective Course Design Going Mobile-Best Practices Design Considerations for Images • Image width should by under 120 pixels • Avoid images containing dense information • Specify pixel height and width so these do not have to be calculated by the device which increases rendering time • Omit image maps as there usually is no pointing device • Always use alt tags
  • 46. Effective Course Design Going Mobile-Best Practices Testing • Prototyping and Usability Testing • Desktop testing • Emulator testing • Device testing-Prepaid SIM cards – http://wurfl.sourceforge.net/ – http://www.uaprof.com/ – http://www.developershome.com/wap/detection/detection.asp?page=uaprof
  • 47. Effective Course Design Going Mobile-Best Practices References and Resources W3C Mobile Web Best Practices Basic Guidelines – http://www.w3.org/TR/mobile-bp/ Global Authoring Practices – http://www.passani.it/gap/ mobiReady Tool evaluates your Web page – http://ready.mobi/launch.jsp?locale=en_EN
  • 48. Effective Course Design Going Mobile-Best Practices References and Resources Dot-mobi domain approved by Internet Corporation of Assigned Names and Numbers (ICANN) in 2006 – http://news.cnet.com/2100-1039_3-6075779.html Mobile Web Best Practices, Case Studies, and Statistics – http://www.mobithinking.com/ Open Mobile Alliance – http://www.openmobilealliance.org/
  • 49. Effective Course Design Going Mobile-Best Practices References and Resources Horizon Report 2012 – http://www.nmc.org/pdf/2012-horizon-report-HE.pdf Accessibility – http://www.w3.org/WAI/mobile/
  • 50. Effective Course Design Michael Samman Director, Online Faculty Support and Instructional Design Berkeley College - New York / New Jersey mls@BerkeleyCollege.edu 973-278-5400 ext.1650
  • 63. Effective Course Design Moderator Lisa Marie Johnson Ashford University (CA) Presenters Ruth Markulis University of Maryland University College (MD) Michael Samman Berkeley College (NY) The leap from the traditional classroom to the online world can still be disorienting for many teachers and students. In this session our panelists will demonstrate how employing best practices and instructional design theory can prepare faculty to design online courses that take into account the challenges students face in succeeding in a dynamic online-learning environment. The presentation will provide tips on effective project management, determining learning objectives, working with design teams, and transforming static instructional content into interactive, dynamic, and engaging learning experiences that challenge learners.