CSUMB-MIST
  • Home
    • Annotated Bibliography
    • Applications
    • Professional Organizations
  • Term 1A & 1B
    • T1. A. 501 Technology Workshop >
      • Set Up, ePortfolio
      • Audio / Video
      • Instructional Video
      • Interactive Video and Multimedia
      • Learning Management Systems
      • Tools- Research/ Searching
      • Webology
      • 501 Assignments
    • T1. A. 524 Instructional Technology >
      • Intro, ISD, Controversies
      • Behaviorism / Cognitivism
      • Constructivism
      • Performance/ Change Management
      • Views, Issues, Lecternnosaurus
      • Trends, Issues, Ethics
      • Current Issues/ New Directions
      • Wrap Up
      • 524 Assignments
    • T1. B. 522 Instructional Design >
      • Introduction, ISD Model
      • Needs Analysis 1
      • Task Analysis 2
      • Analysis / Design 1
      • Design 2
      • Asynchronous Seminar
      • Implementation / Evaluation 2
      • 522 Assignments
    • T1. B. 511 Writing Workshop >
      • APA / In-Text Citations
      • Evaluation APA/ Reference
      • Conjunction
      • Apostrophe
      • Annoted Bibliography
      • Implementation / Evaluation 2
      • Guides
      • Workshop Reflection
      • 511 Assignments
  • Term 2
    • T2. 520 Learning Theories >
      • Learning Theory
      • The Brain, Skinner
      • Robert Gagné - Information
      • Social Constructivism/ Metacognition
      • Inuit Holistic Lifelong L.M.
      • Albert Bandura
      • Motivation in Learning
      • Putting It All Together
      • 520 Assignments
    • T2. 531 Multimedia Tools >
      • Basics
      • Audio
      • Scripting, Editing, Titles
      • Framing, shots, and Movements
      • Preparation, Lighting, and Interviews
      • Theory and Copyright
      • Final Instructional Video
      • 531 Assignments
  • Term 3
    • T3. 526 Interactive Multimedia Instruction >
      • Authoring Software
      • Try it/ Guide me
      • Test me
      • Drag and Drop
      • Final Projects
      • Tin Can
      • Project Simulation
      • Audio / Images
  • Term 4
    • T4. 622 Assessment/ Evaluation >
      • Evaluation
      • Inferential Statistics and Evaluation Models
      • T-Test / Meaning of Scores
      • Data Collection Methods
      • Usability Test / Performance Assessment
      • Evaluation Data
      • Ethics, Bias, and Effective Evaluation
      • Data Analytics and Wrapping Up
  • Term 5
    • T5. 541 Multimedia Tools II: Interactive Media >
      • HTML5 / Common Tags
      • CSS
      • jQuery UI Lab 2
      • jQuery UI Lab 3
      • Storyboard/ lab 4
      • Local Storage Lab 5
      • Image Map/ Hot Spot
      • Final Project Description
      • 541 Assignments
      • checking_fluid_levels
    • T4. 626 Advanced Instructional Design >
      • 1 ISD Models, Team Projects
      • 2 Analysis 1, Needs Assessment
      • 3 Task Analysis, Content Types
      • 4 Assessments/ Testing
      • 5 Course Design, Lesson Design
      • 6 Development, Adding Activites
      • 7 Formative Evaluation
      • 8 Final Product
      • 626 Assignments
  • chat room
Picture
IST:541 Term 5

Multimedia Tools ll:  Interactive Media

Orientation

O    wk 1    wk 2    wk 3    wk 4    wk 5    wk 6    wk 7   wk 8    Assignments

Week Objectives

There will be six lab assignments for this Term and the Final Project which will consists of three deliverable
  1. Project description and learning objectives
  2. Project storyboard 
  3. Final project must apply the content introduced in the course, IST 541.  HTML5, CSS3, and jQuery.  Consists of 5-8 pages.  Include diverse type of media elements such as images, audio, and video.  To include a HTML5/CSS3 navigation menu.  Use of local storage.  Include at least one interactive page in which the content or style changes using jQuery.   Include at least one page using jQuery UI. Also, to include at least one page with an image map/hot spot activity.  Lara, M. (2016).
Picture
Professor Miguel Lara Ph.D. https://youtu.be/JkrrQ0BcMFo
List of Content
  1. Overview
  2. Syllabus
  3. Calendar
ist541_overview.pptx
File Size: 238 kb
File Type: pptx
Download File

ist541_syllabus_summer_16.pdf
File Size: 112 kb
File Type: pdf
Download File

ist541_calendar_summer_16.pdf
File Size: 37 kb
File Type: pdf
Download File


Picture
Picture

Week O.  Orientation and Course Introduction
​
Content of assignments per week.

Week O:  Configure Dreamweaver Site.  Create and upload test web page.
Week 1:  HTML5 common tags
Week 2:  Cascading Style Sheets / Lab 1
Week 3:  jQuery UI / Lab 2
Week 4:  jQuery / Lab 3
Week 5:  HTML Media (video, audio)  / Lab 4
Week 6:  HTML Forms /Web Storage / Lab 5
Week 7:  Image Map / Hot Spot Activity / Lab 6

Week 8:   Final Project:

1.  Project Proposal- Provide project description and at least three instructional objectives. 
2.  
Storyboard- Entire site should include at least 5 web pages, storyboard should show navigation and main sections.
3.  Final Product- Must apply all content introduced in the course:  CSS, HTML5, jQuery.  Include diverse type of media elements such as images, audio, and video.

Week 0.  Final Example No. 1.  C. Manuel Lighting Final

Picture
Lighting.  Final Project example number 1.  C. Manuel.

Multimedia Learning- Quiz and Certificate
Example of an interactive website.

http://mist-multimedia-learning.weebly.com/certificate.html

This image is a black board, with a poster on the left side.  The poster has a film strip with images, the earth, piano keys, and letters, presents, records, and digital equipment floating in sweeping patterns.
http://mist-multimedia-learning.weebly.com/

Multimedia Learning- Quiz and Certificate
Example of an interactive website.
http://mist-multimedia-learning.weebly.com/certificate.html

The image is a website, light brown colors, textbook and green apple.
Screenshot of my score.

Note.  HTML5 Document Template.  Available on our LMS Week 1.

Free images from the following web sites:
http://morguefile.com/
http://office.microsoft.com/en-us/images/
http://allfree-clipart.com
http://www.wpclipart.com/

Dr. Lara's HTML5 Koala website.

Picture
Screenshot of the example of a webpage uploaded and tested using Dreamweaver (Lara, 2016).

References:
Lara, M., PhD. (2016, July 3). IST 541 Interactive Media. Lecture. Retrieved July 8, 2016, from https://ilearn.csumb.edu/course/view.php?id=4900.  Slide 15

Payne e-Portfolio
Dana Payne

Testing the chat box widget from chatango.com
Titled ​Q&A
.

​​E-mail dpayne@csumb.edu

  • Home
    • Annotated Bibliography
    • Applications
    • Professional Organizations
  • Term 1A & 1B
    • T1. A. 501 Technology Workshop >
      • Set Up, ePortfolio
      • Audio / Video
      • Instructional Video
      • Interactive Video and Multimedia
      • Learning Management Systems
      • Tools- Research/ Searching
      • Webology
      • 501 Assignments
    • T1. A. 524 Instructional Technology >
      • Intro, ISD, Controversies
      • Behaviorism / Cognitivism
      • Constructivism
      • Performance/ Change Management
      • Views, Issues, Lecternnosaurus
      • Trends, Issues, Ethics
      • Current Issues/ New Directions
      • Wrap Up
      • 524 Assignments
    • T1. B. 522 Instructional Design >
      • Introduction, ISD Model
      • Needs Analysis 1
      • Task Analysis 2
      • Analysis / Design 1
      • Design 2
      • Asynchronous Seminar
      • Implementation / Evaluation 2
      • 522 Assignments
    • T1. B. 511 Writing Workshop >
      • APA / In-Text Citations
      • Evaluation APA/ Reference
      • Conjunction
      • Apostrophe
      • Annoted Bibliography
      • Implementation / Evaluation 2
      • Guides
      • Workshop Reflection
      • 511 Assignments
  • Term 2
    • T2. 520 Learning Theories >
      • Learning Theory
      • The Brain, Skinner
      • Robert Gagné - Information
      • Social Constructivism/ Metacognition
      • Inuit Holistic Lifelong L.M.
      • Albert Bandura
      • Motivation in Learning
      • Putting It All Together
      • 520 Assignments
    • T2. 531 Multimedia Tools >
      • Basics
      • Audio
      • Scripting, Editing, Titles
      • Framing, shots, and Movements
      • Preparation, Lighting, and Interviews
      • Theory and Copyright
      • Final Instructional Video
      • 531 Assignments
  • Term 3
    • T3. 526 Interactive Multimedia Instruction >
      • Authoring Software
      • Try it/ Guide me
      • Test me
      • Drag and Drop
      • Final Projects
      • Tin Can
      • Project Simulation
      • Audio / Images
  • Term 4
    • T4. 622 Assessment/ Evaluation >
      • Evaluation
      • Inferential Statistics and Evaluation Models
      • T-Test / Meaning of Scores
      • Data Collection Methods
      • Usability Test / Performance Assessment
      • Evaluation Data
      • Ethics, Bias, and Effective Evaluation
      • Data Analytics and Wrapping Up
  • Term 5
    • T5. 541 Multimedia Tools II: Interactive Media >
      • HTML5 / Common Tags
      • CSS
      • jQuery UI Lab 2
      • jQuery UI Lab 3
      • Storyboard/ lab 4
      • Local Storage Lab 5
      • Image Map/ Hot Spot
      • Final Project Description
      • 541 Assignments
      • checking_fluid_levels
    • T4. 626 Advanced Instructional Design >
      • 1 ISD Models, Team Projects
      • 2 Analysis 1, Needs Assessment
      • 3 Task Analysis, Content Types
      • 4 Assessments/ Testing
      • 5 Course Design, Lesson Design
      • 6 Development, Adding Activites
      • 7 Formative Evaluation
      • 8 Final Product
      • 626 Assignments
  • chat room