Green Screen - Do Ink Tutorial
This Green Screen tutorial is designed for 5th grade students for commercials project that they do every year.
Audience - All 5th grade students, 5th grade teachers, all county elementary school media specialists and technology TA's
Responsibilities - Instructional design, writing audio script, recording tutorial, video recording and editing, audio editing and syncing, E-learning development.
Tools Used - Google Docs, Do-Ink, iMovies, Adobe Express
My Process
Challenge
Every year all 5th grade students works on commercial project. As part of this project they have been asked to come up with imaginary product. For this product they are required to design a poster in their art class, write the commercial in reading class, make a jingle in music class and shoot the commercial in technology class.
As a technology assistant my responsibility was to give training on how to use "Do-Ink" app for shooting the commercial to all the 5th grade classes and teachers and also help them while shooting. It was a repetitive and time consuming process and at the end of each class I could manage to film maximum 3 commercials. As a result this project took more than a month to complete with all 5th graders.
Proposed Solution
To solve this problem, I decided to make a tutorial video of Do-Ink app and also created step by step job aid for the camera person. I added this tutorial video and job aid to LMS and asked students and teachers to go through this before coming to the class. As a result student came prepared and I saved a lot of my time on explaining how to use the app and also guiding camera person while shooting the commercial. As a result I ended up filming 5 to 6 commercials at the end of each class and we could finish this project in three weeks of time.
Content design and development
Once I decided to create a tutorial for Do-Ink app. My next step was to write a audio script for the tutorial. I used Google Docs to write the audio script and also added some visuals which helped voice over artist while recording the audio.
Do-Ink app is available on iPad and with the help of screen recording button on iPad I recorded step by step processes of filming the commercial in Do Ink app along with voice over artist recording her voice at the same time.
After recording it's time to clean up audio and video. Having limited number resources provided by school I decided to use iMovie app from the iPad as this was the only available tool at that time. With the help of iMovie I separated audio and video and cleaned it. Then I add required photos as per the audio script for green screen, camera person, actors and the director. after that I synced the audio with the video and also did the final clean up.
Now it's time to add the highlighter and text to the tutorial. I used "Adobe Express" tool to do this job. I imported the iMovie file in adobe express and added highlighter box with animation effect, also added text for each steps. once everything was ready I downloaded this file as MP4 format with video resolution 1080p. Next I added this file to Schoology (LMS) and asked students and teacher to learn steps before coming to the class. Student stared coming prepared we were able to film more than 3 commercials in each class.
Takeaways
Never Give Up - If you don't have tools/programs that are usually use to design and develop learning solution never give-up on your project is the biggest takeaway I can say for this project.
Learn New Skills - Finding the solution to the problem from available recourses like screen recording feature of iPad, iMovie tool for editing audio and video, Adobe Express to add text and highlighters. I used available resources to the best of it's ability to achieve my goals.
Saved lot of time - With the given solution of video tutorial and job aid I could save a lot of time in the classroom each day explaining the processes of filming the commercial using Do Ink app and was able to cut down the total time spend on this project to three weeks.
Basics Of Indian Cooking
This e-learning module intends to help those who love flavorful Indian food and wish to learn all basics of Indian cooking.
Audience - People who know any kind of basic cooking and have interest to learn about Indian cooking.
Responsibilities - Instructional Design, eLearning Development, Visual Design, content development, storyboarding
Tools Used - Articulate Storyline, Adobe Illustrator, Adobe Photoshop, Google Docs
My Process
Challenge
6 years back when I moved to UAS with my family many times I cooked different Indian dishes for potlucks at my husband’s office and for international day events at my son’s school. People loved this flavorful, homely Indian food.
One question that I have always been asked at events is “How this Indian food is so different than the food we get at Indian restaurants”? Other mommies at the event always asks me for the resources for cooking simple Indian food at home.
This inspired me to design the training for those who are interested in understanding and learning basic homely Indian cooking. For this training learner should have basic knowledge of any kind of cooking.
Proposed Solution
The learner already knows cooking and has all basic knowledge required for any kind of cooking. So, instead of teaching from the basics I proposed the solution of Backward Design Approach.
In this approach I first determined final outcome which is learner should be able to cook a "THALI" meal. Thali means different food items served in one plate. Next I planned the strategies. For cooking Indian food learner need to understand what Indian cousin is, what kind of spices are used in Indian cooking, pulses, oils and tools used for cooking Indian food. To give the learner in-depth knowledge I made a separate modules for each topic.
Next I gave learner five simple Indian recipes for the Thali meal to try on their own with two different methods. Lastly to check their knowledge I designed a small Thali (plate) game where learner has to click on each food item and answer the question. If the answer is correct food will be served into Thali (Plate) and learner earns the point. If answer is wrong then food will not be served into the Thali (plate) and learner will not get any point for that question.
This way I gave the learner all the insight of Indian cuisine, tips, techniques and 5 basic recipes for Indian cooking.
Content curation
Once I determined that a learning solution is the answer for this challenge, I started gathering all the information required to design this course.
This topic is huge and already has a lot of information available. My challenge was to create the content for the learners who has basic knowledge of cooking. I also served as a SME for this project as being from India and have been cooking Indian food for the last 20 years. I can say that I have an expert level of knowledge in this area.
Part of the challenge was to divide this huge content into an interactive learning material. I have divided this course into 7 different small modules. Where learner understand each topic gradually and make progress in the course.
Learning Objectives
After understanding the background of learners. I started working on the learning objectives for the course. To derive the learning objectives, I took a backward learning design approach. I thought about the final outcome which is learner should be able to cook a Thali meal.
To cook a Thali meal, one need to understand the history of Indian food, Spices used in Indian cooking, use of pulses, kitchen tools and preferred oils for Indian cooking, The learner also needs to learn the methods used to cook Indian food, so I have also added five simple Indian recipes to try their hand on and I divided the huge information into 7 different modules.
Text-based Storyboard
The next step involved turning each learning objective into different modules which gives detail Insight of that topic. The text-based storyboard serves as a blueprint for the rest of the project. I used Google Docs to create the storyboard.
I used real photos of the food and ingredients and provided the recipe links for that ingredient. For example, when a learner is learning about pulses, I use real photographs of pulses and provide recipe links for those pulses.
Mood Board
In this step I did some research about the look and feel of my course. Did some research on what colors, fonts, and graphics style to be used in this course.
I collected some images of Indian food and realized that most of the color in Indian food is orange, green, yellow, and white and coincidently the flag of India also has orange, green and white so I decided to include these three colors with two other colors which are brown and old gold in my course.
I chose GloryExtra Bond -36 for headings and Glory medium-22 for body text as the look of this font is simple, readable, and classic. Instructions need special attention so the font need to have some dramatic look which catches user attention so I used Tektone Pro-20
Visual Mockups
To bring my course to life I used Adobe illustrator to create low-fidelity mockups prototypes.
Then requested feedback on my design choices – layout, fonts, color scheme, choice of using real photographs in the course, navigation, and interactivities.
This step helped me to solidify the look and feel of the project to avoid future rework on design decisions.
Interactive Prototype
Interactive prototype is that important step in the process of course development. With my adobe illustrator mockups at my side, I was able to emulate my designs very quickly on storyline.
The initial interactive prototype included: Click and reveal screens and the most important assessment module. In this module I have used variables to perform the assessment. Learner must click the food item and answer the question. if his answer is correct then that food item will be served onto his Thali (plate). If the answer is wrong, he will get one more chance to answer the question correctly. If he does not give the correct answer, then the food item will not be served onto his Thali (plate). At the end the learner will get only those food items into his Thali (plate) for which he gave the correct answer.
I challenged myself with incorporating variables and conditions in complex ways in an articulate storyline. I found the above process the trickiest in my project but was able to develop it successfully.
Development
The early constructive feedback helped eliminate time-consuming revisions later. I added the rest of the modules and fine-tuned every interactive element through the final review cycle.
The result was a fully functional e-learning course on Basics of Indian Cooking that allows the learner to understand what Indian cuisine is and how to cook Indian food at home.
Takeaways
Through this project, I was able to get hands-on practice with tools such as Articulate Storyline, Adobe Illustrator, and adobe photoshop. I delved deeper into using variables and conditions to improve interactivity within the project.
Also, designing visual mockups in Adobe illustrator decreased production time in Storyline. With photoshop, I was able to crop, collage and edit photographs that elevated my project.
I thoroughly enjoyed this learning curve. I'm looking forward to apply these skills to future eLearning projects.
