Quest Atlantis Homepage Tutorial Project Min-joung Kim Ming Ma Pil-Won On.

Slides:



Advertisements
Similar presentations
WINDOWS MOVIE MAKER “CREATIVITY” Making Your Project, Come To Life An E-Learning Course To Get You Started Created By, Noe Granado Making Your Project,
Advertisements

How To Start A Blog on Livejournal.com Navigation Creating an Account Naming Your Blog/Editing User Info Customizing Your Blog Updating Your Blog Adding.
1 Enhancer Corp Creations Jared Fitches Presentation.
CAMEL at Greenwich “Sailing the Seven Seas” Off shore navigation with OSCARS and friends Information & Library Services.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Digital Library Resources Instructional Design (5100:631) Dr. Savery April 27, 2010.
Incorporating Sign Language into Their Everyday Activities. Amy Getz EDTC 3332 Practicum Project Part 1: Project Proposal Plan Summer Two 2011.
U.S.A. Learns An ESL Web-based Tool for Distance Education.
Revised FR :35 EST Created TH Lesson 00. How to Navigate through the Instruction / Bringing Learners and Library Skills Together.
Gmail - Questionnaires. Set the language to English!
Computer Software in Today’s Classrooms Chapter 4.
Jennifer O’Donnell EDUC 681 Survey of Instructional Technology Applications Adobe Captivate.
Taste Tester Session Microsoft OneNote and Adobe Captivate basics Nicolette Leto : St George Girls High School Contact:
Created by: Ian Osborn. Possibilities Of Movie Maker Windows Movie Maker allows users to organize and add effects to media clips that ordinarily would.
PHP Basics Polly, Sanser and Young R547, Fall 2002.
Study Island Teacher Demo
Website Redesign Features: Simple Navigation New Professional Look Easily Edit Content on Every Page Post New Jobs / Apply From Website Integration of.
In the Sandbox Playing with SkillPort 7 for the first time.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Sign Up for an eFolio Account & Take the Tour In this session new users will create their account, select a design and become familiar with what is in.
ArchForum Presentation The first multilingual, multimedia archeological web forum.
I Didn’t Know You Could Do That in Articulate Quizmaker! Debbie Richards Creative Interactive Ideas Samples and Resources:
LearningExpress Library Brought to you by the State Library of North Carolina Presenter: Cheryl Middleton Producer:
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
FACEBOOK IS THE BEST THING THAT EVER HAPPENED TO FRIENDSHIP WHY I LIKE FACEBOOK! By Mike Matthews.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Click your mouse to continue. Ways to Merge Data When you have finished editing your main document and inserting the merge fields, you have several choices.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Hummm…  How do I create an engaging online course that facilitates learning?
Implementation Training. Your Instructor  Your name   Phone:
Ann Hufstader Rana Dinmohommad Victoria Wilson PERSIAN LANGUAGE AND CULTURE BASICS COURSE PROTOTYPE PRESENTATION.
COMP106 Assignment 2 Proposal 1. Interface Tasks My new interface design for the University library catalogue will incorporate all of the existing features,
Using Adobe Acrobat Professional Editing Tools Erika Leal Sprint 2014 EDTC Instructional Technology Practicum.
Study Island Training Feb. 21, 2013 Darcie Priester
Contents BackHomeNext Microsoft Word Sample ApproachExample Materials Simple cut and paste Aggregating and sequencing ideasReligious studies essay Use.
Review of Applications By Phoebe Stewart. Introduction I shall be talking about the features, strengths and weaknesses of two different apps, a learning.
Create speaking avatars and use them as an effective learning tool.
Evaluation of Shoreline Science Jia Wang & Joan Herman UCLA Graduate School of Education & Information Studies National Center for Research on Evaluation,
Guide for Mahara My Views PY1 team 3 - Yihong Huo, Jian Ren, Poonam Kala 1Guide of My Views - Team 3.
University of Sunderland Bolton Animation Workshop May 2005 Engaging learners: the contribution of animation to motivation, learner control and deep learning.
The Easy Tool Training For Customer Service Representatives By : Veronica Flores
Networking Basics Objectives: 1. Utilize appropriate vocabulary to communicate effectively in a technological society. 6. Describe uses of a networked.
Packages Available for Purchase: Subject Area:  Math  Language arts  Science  Math (Spanish version)  ELL Grade Level:  Pre-Kindergarten  K-2 nd.
Facebook for Beginners One Session Class. What will you learn today? What can you do on Facebook? Creating a profile Privacy Connecting with friends Sending.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Fact or Opinion? How can one tell? A Teacher’s Guide to a web-based lesson. Created by Deborah Swisher Coker Last revised June 28, 2009.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
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.
CMPD 434 MULTIMEDIA AUTHORING Chapter 05 Part B Multimedia Authoring Process III.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
1.To learn about restaurant and food vocabulary by using bottom-up strategies (from vocabulary to realia) 1.1. L2 learners need to acquire and learn vocabulary,
David Robb 10/14/08 Discovery Streaming. From the Home Page, you can search for digital media by keyword, subject, grade level, or curriculum standards.
Yahoo Help Phone Number Get Instant Help.
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
E-Survey User Training
Bring Your Classroom to Life!
Module Title Module Subtitle
MessageWiz Final Presentation
Designing Information Systems Notes
Storyboard Template for Multimedia Product Development
Study Island Teacher Training
Written By: ENTER AUTHOR’S NAME Date Written: ENTER DATE WRITTEN
OneSupport Help Center (OSHC) Training
Orientation for Online Study
AIRWays Benchmark Previewing System
Guidelines for Selecting Computer Software
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Game creation using scratch
Day #1 Math 075 Fall 2016.
Presentation transcript:

Quest Atlantis Homepage Tutorial Project Min-joung Kim Ming Ma Pil-Won On

Project Description

Target Audience Language Language English English Age Age 9 to 12 year-old 9 to 12 year-old Gender Gender Boys : Girls = 5: 1 Boys : Girls = 5: 1 Pre-requisite knowledge Pre-requisite knowledge Minimum pre-experience of using the 3-D interface (logging in the QA) Minimum pre-experience of using the 3-D interface (logging in the QA) Starting a computer and a program, using a mouse and a keyboard Starting a computer and a program, using a mouse and a keyboard

Context Mainly in a local Boys and Girls Club with fast internet connection. Mainly in a local Boys and Girls Club with fast internet connection. Users should be registered in QA. Users should be registered in QA.

Banner o Name of Quester o Emoticon o Link to pop-up page o Message for any new mail Navigation Links Links to other side-bar pages Side-bar Contents Title and summary information Pop-Up Link Opens content in pop-up window with complete details for reviewing or editing Objectives

Objectives After going through the QA Home Page tutorial, learners will be able to: Identify each feature on the side-bar page Identify each feature on the side-bar page Banner Banner Identify the owner of home page. Identify the owner of home page. Identify what the emoticon is. Identify what the emoticon is. Identify the label of . Identify the label of . Identify the number of new . Identify the number of new . Navigation links Navigation links Identify what “ home ” is for. Identify what “ home ” is for. Identify what “ friends ” is for. Identify what “ friends ” is for. Identify what “ quests ” is for. Identify what “ quests ” is for. Pop-up link Pop-up link Identify the link to a pop-up. Identify the link to a pop-up. Utilize the function of “ home ” page editing. Utilize the function of “ home ” page editing. in 80% of successful completion without any help from mentors.

Merrill’s 5 Stars Instructional Design Problem: Utilize the function of the side-bar (ex) Problem: Utilize the function of the side-bar (ex)ex Activation: Use analogy of a “ House ” (ex1, ex2) Activation: Use analogy of a “ House ” (ex1, ex2)ex1ex2ex1ex2 Demonstration: Show as a movie, guided practice Demonstration: Show as a movie, guided practice (ex1, ex2) ex1ex2ex1ex2 Application: Practice part - skateboarding game Application: Practice part - skateboarding game (ex1) ex1 Integration: The learners actually apply their learning for the real side-bar. Integration: The learners actually apply their learning for the real side-bar.

QA training team’s 6 th star Motivation Motivation Talking head Talking head Familiar environment Familiar environment Skateboarding game Skateboarding game Use one of the avatars in QA Use one of the avatars in QA Visual reinforcement Visual reinforcement Award: 4 points for completion Award: 4 points for completion Animation: flash movies Animation: flash movies

Expert review of paper prototype Conducted expert review with Lauryl and Dr. Frick Conducted expert review with Lauryl and Dr. Frick After the review, added different words for feedback. For example, “ good job ”, “ great ”, “ excellent ”, etc. After the review, added different words for feedback. For example, “ good job ”, “ great ”, “ excellent ”, etc. Changed “ friends, quests, and home ” in the questions with other words to avoid giving hints to learners. Changed “ friends, quests, and home ” in the questions with other words to avoid giving hints to learners.

Paper Prototype usability test Leaner 1Learner 2Learner 3Learner 4 Age 1299 Gender Male Nationality American Pre-experience with QA 1 year A few months 3 times Information of the subjects Information of the subjects

Scale of reactionnare 5. I will tell my friends to play with this tutorial.

Paper Prototype usability test Instructional Effectiveness (n=4) LearnerPre-assessment Score Post-assessment Score # 1 8 out of 99 out of 9 # 2 8 out of 99 out of 9 # 3 6 out of 97 out of 9 # 4 4 out of 97 out of 9 Novice learners (#3 and #4) MeanSDMeanSD 5 (56%) (78%) 0 OverallMeanSDMeanSD 6.5 (72%) (89%) 1.15 Satisfaction with Instruction (n=4) Reactionnaire Mean Score (3 point scale) MeanSD 2.6 (87%) 0.3 MeanSD 2.7 (90%) 0.2

Paper Prototype usability test Comparison of pre-test and post-test results Comparison of pre-test and post-test results

Paper Prototype usability test Comparison of pre-test and post-test results: individual performance Comparison of pre-test and post-test results: individual performance

Paper Prototype usability test ProblemImprovement Learners failed the question about “home” page Explain more effectively and in detail what “home” is about Learners failed the question about navigating to different pages Explain the navigation function of the buttons more effectively, with simulated animation Learners failed the question about editing the “home” page Teach how to edit “home” procedure more effectively: review the sequence one more time after a movie, and let learners practice one more time Revisions on improving instructional effectives

Paper Prototype usability test ProblemImprovement Learners were easily distracted when there was only audio (read by the testers) but no visual character in the tutorial Use a talking head satisfaction Revision on improving learner satisfaction

Paper Prototype usability test ProblemImprovement Learners did not know where they were expected to go between scenes Use consistent “ Go ” button to lead learners Learners found reading difficultReduce the amount of text – use more audio Learners were confused by some wording in the tutorial Change misleading wording Revisions on improving usability

Computer prototype usability test Leaner 1Learner 2Learner 3 Age Gender Male Female Nationality American Pre-experience with QA 2 monthsLess than a month Information of the subjects Information of the subjects

Computer prototype usability test Instructional Effectiveness (n=3)Satisfaction with Instruction (n=3) LearnerPre- assessment Score Post- assessment Score Reactionnaire Mean Score # 1 0 out of 87 out of 83 # 2 0 out of 86 out of 83 # 3 1 out of 88 out of 83 OverallMeanSDMeanSDMeanSD 0.3 (4.2%) 0.67 (88%) 13 (100%) 0 Results Results

Computer prototype usability test Comparison of pre and post test results Comparison of pre and post test results

Computer prototype usability test Comparison of pre and post test results: individual performance Comparison of pre and post test results: individual performance

Computer prototype usability test ProblemImprovement Hesitation on the action of clicking the small objects which is linked to. Make the objects more prominent in such ways: Making the object bigger, providing an instant effect. Confusion between links and non- links Get rid of unnecessary links which make the appearance of a mouse cursor a pointing finger Frustration with limited choices on practice part. Provide more options of choices. Revision Revision

Questions or Comments?