In groups of three develop an E-learning resource that allows local prep children to improve their understanding of the English Alphabet (primary aim of project). The tool should allow the children to have as much exposure to the letters as possible. You will need to develop concepts that explore letter recognition and recreation.
The secondary scope of the project is for the children to learn to type the letters in a QWERTY keyboard.
Team Work
You are required to team up in a team of up to 3 students. There is the option to work alone, but you need to inform me and get confirmation. If your name is not in the list below you need to inform me about the people in your team. Send a message to this blog with names of all the team members.
1 – Goals of the Learning Resource
The overall goal describes what the learner will be able to do after completing the instruction. What will the learner learn?
This could be: how to write the alphabet, to sing songs in Italian, how to draw animals.
2 – Content of the Learning Resource
The content describes what will be taught in order to achieve the objectives. What content will you include in the resource? This is just a list of points.
This could be: the alphabet will be available in different styles, animal shapes, as fruits, or the lyrics of Italian songs will be supplied, sketches of animals and photos of animals.
3 – Methods of instruction
The methods of instruction describe how the content will be taught. This is about the specific tools, that you want to use. Mention the use of supportive tools such as sound. Will there be a narrative (a story) told by a voice over or a character (eg a teddy).
How is the learner informed about what to do? What types of instructions are available?
This could be: using video resources to explain the alphabet with sing-along-songs, writing the alphabet on a touch screen by following the shape of the alphabet.
This could be: individual letters of the alphabet need to be drawn with the finger, the singing is matched up against the original song, the shapes of the animals can be traced with the finger.
4 – Concept for the Interface
Develop the interface as a sketch in pen, pencil or mixed media. Add arrows to describe functions and colours. Scan your concept sketches and final sketch.
Format
This project needs to be submitted in digital paper format, either as a PDF, PowerPoint presentation or a Word document. Include your sketches.
I have broken the Assessment brief from last week down into 2 Assessments.
Assessment 1 will focus on step 1 – your research and establishing your target audience.
Assessment 2 will focus on step 2 – designing an e-learning concept (game) and documenting the idea in a paper-based format. Paper-based means that you will create the design and planning of the e-learning resource without the actual final product. You may do this as a PDF.
Assessment 1
Brief
In groups of three develop an E-learning resource that allows local prep children to improve their understanding of the English Alphabet (primary aim of project). The tool should allow the children to have as much exposure to the letters as possible. You will need to develop concepts that explore letter recognition and recreation.
The secondary scope of the project is for the children to learn to type the letters in a QWERTY keyboard.
Team Work
You are required to team up in a team of up to 3 students. There is the option to work alone, but you need to inform me and get confirmation. If your name is not in the list below you need to inform me about the people in your team. Send a message to this blog with names of all the team members.
Teams so far:
Lucine Y, Fatma Y & Benan Ü
Justin A & Joe W
Berna K, Emel & Naşide S
Vlad K
Michael T & Tim B
1 – Establish Your Project
Read the assessment task fully and write in one or two sentences: When do you know that the E-Learning resource is complete? When do you know that this project is finished?
This will help you establish clear boundaries for your project – for any project and you will know when you have finished.
2 – Establish Your Target Audience
Write a extensive description of your Primary Target Audience as well as your Secondary Target Audience.
If your Primary Target Audience is the user group of your product (students), then your Secondary Target Audience would be a related group of people (friends of the school children), who could be a user group or maybe a provider of the service (eg teachers) or a group that is interested in the well-being of the school children (eg parents). I would focus on the teachers and other staff at a school, they would be involved in the purchase of the product.
3 – Learner Needs Analysis
Write down the needs of your target audience? Start this point of with the desired outcome: what does the learner need to learn? After establishing this you can look at what the target user will need to be able to learn.
This is a good point to brainstorm. What is it that you need to expose your learner to?
4 – User Experience
In a paragraph describe what user experience you are designing. What will the child playing the game experience? What emotions will the user go through? What emotions will your user not have?
You could aim for a user experience that is fun or interesting, you could say that the experience may be challenging and the learner will always feel like he or she needs to think and try things out before achieving success. This could result in the learner feeling more engaged and claiming the acquired knowledge.
5 – Platform
Specify the delivery platform, eg using web-based delivery, using computer based delivery, using tablets or mobile phones, a console, etc. The operating system would be another aspect here: use of IBM-based Windows 7, 8, Mac-based OS, Android, Linux, Open Source…
Add a minimum 1 sentence describing benefits and short comings of a specific system, software, delivery platform (eg using Flash has the disadvantage that it is rejected by Mac operating systems and more and more by Android.
6 – Research of existing E-games
Collect research on existing e-learning games for your target audience. List a number of websites and available games on the platform of your choice. Take screenshots or find images on Google or other search engine.
Describe your favourite 3 sites / favourite 3 e-games. Describe what you like about each (graphics, game play, actions)
Format
This project needs to be submitted in digital paperformat, either as a PDF, PowerPoint presentation or a Word document.
Design an E-Learning Resource -The Design Document
Team Task and Brief
In groups of three develop an E-learning resource that allows local prep children to improve their understanding of the English Alphabet (primary aim of project). The tool should allow the children to have as much exposure to the letters as possible. You will need to develop concepts that explore letter recognition and recreation.
The secondary scope of the project is for the children to learn to type the letters in a QWERTY keyboard.
Format
This project needs to be submitted in digital paperformat, either as a PDF or a Word document. The sketches and flow charts as well as brain storms and mind maps can be created by hand sketching and scanning.
Teams
Get together in teams of 3 for this first assessment task. Please leave a comment on this post with your team number and the names of all team members. You will be allowed to work as individuals, but please check with me.
First Things First
The first task is to ask yourself a central question: When do you know that the E-Learning resource is complete? When do you know that this project is finished?
Write it in a sentence. The sentence should include the tasks that you will have to perform to complete this project.
Learning Experience/User Experience
Define the Learning Experience that you want your learner to have. What exactly do you want the user to experience? Describe the motions that your typical user might have when using your product.
When describing the user experience I would like you to look at or think back of a positive experience that you have had with a product. What was it that made the experience so good and how did it make you feel?
How can you integrate that experience into the resource that you are creating?
This is a far important question to answer than you may initially think. By answering this question you actually find out what your e-learning resource will or should feel like. Every decision that you will make will have to fit this criteria.
Define the target audience, what age group, gender, socio-economic (culture, income group, education) group are you dealing with. Next describe what a person from this target audience likes and he or she may enjoy in your resource.
You may deal with a primary and secondary target audience – who else will be important in the purchase of the product besides the end-user? What other groups of people are affected by your product?
Learner Needs Analysis
What are the needs of your target audience? Start this point of with the desired outcome: what does the learner need to learn? After establishing this you can look at what the target user will need to be able to learn.
This is a good point to brainstorm. What is it that you need to expose your learner to?
Platform
Specify the delivery platform, eg using web-based delivery, using computer based delivery, using tablets or mobile phones, a console, etc. The operating system would be another aspect here: use of IBM-based Windows 7, 8, Mac-based OS, Android, Linux, Open Source…
Add a minimum 1 sentence describing benefits and short comings of a specific system, software, delivery platform (eg using Flash has the disadvantage that it is rejected by Mac operating systems and more and more by Android.
Tools and Activities
This point is for research only: What tools can you currently find out there? What type of apps, Video viewers, Sketch Pads, audio apps, games and other activities are currently available?
Consider primary tools that could be integrated into the resource. For example a Sketch Pad that allows children to draw shapes of letters that look like fruit or animals. A video viewer window for instructions or fun songs performed by other children.
Consider secondary tools that can be external and your learning resource can hyperlink the tool. You need to ensure that there is no copyright infringement.
Research hardware – are there any new developments (eg a touch sensitive modelling tool) and existing hardware product: stylus, graphic pads, tec
Learning Resource
Goals of the Learning Resource
The overall goal describes what the learner will be able to do after completing the instruction.
Content of the Learning Resource
The content describes what will be taught in order to achieve the objectives. What content will you need to include in the resource? This is just a list of points. Write down what you want to include in the resource. This could be: using video resources to explain the alphabet with sing-along-songs, or drawing instructions with an interactive sketchpad.
How will the content be presented. See example below of PBS Kids.
Create a layout concept for the menu of the overall learning resource.
The methods of instruction describe how the content will be taught. This is about the specific tools, that you want to use. Mention the use of supportive tools such as sound. Will there be a narrative (a story) told by a voice over or a character (eg a teddy).
How is the learner informed about what to do? What type of instructions are available? Give a text example in the layouts.
List a number of 10 potential tools, and describe 2 tools and methods in detail.
Create a flow-chart for each with a step-by-step instruction of what the learner will do in the activity.
Create layouts with instructions on how to interact with the application (eg how to move things) and instructions for users.
Create basic concepts for icons
Learner evaluation strategies (test with results)
The learner evaluation strategies describe how the learner will be evaluated to see if he or she has obtained the objectives (eg a test or a level is achieved and a new level unlocked).
Instructional design operates on a macro and micro level. On a macro level it looks at the learning on a larger scale (it may consist of several resources) on a micro level you need to ensure that your individual resource is suitable and easily understood.
Macro Level
To ensure that you applying good instructional design to your e-learning resources ensure that your resources include:
Step 1 Pre-requisites:
Learner Needs Analysis
Prepare the content (by content expert)
User interface (User-centred design)
The content needs to be prepared by or with the help of a content expert, eg a learning resource on how to bake a variety of breads using sourdough for some as well as yeast for other breads needs a content expert, a baker to ensure that the steps taken are correct and the ingredients are suitable.
The User Interface is extremely important for e-learning resources. Some user interfaces use touch screens (tablets, smart phones), mouse, keyboard or a joystick (computers) or a controller (Xbox360 or PS3). Some new technologies work with motion capture technology, such as Xbox Kinect or with a hybrid such as the PS Move and the Wii.
The most central aspect of a User Interface is that it is easy to use.
Step 2:
The overall goal
Objectives
Content
Methods of instruction (create a Flow-chart of steps of E-learning resource)
Learner evaluation strategies (test with results)
The overall goal describes what the learner will be able to do after completing the instruction.
The objectives describe what the learner will learn during the lesson.
The content describes what will be taught in order to achieve the objectives.
The methods of instruction describe how the content will be taught.
The learner evaluation strategies describe how the learner will be evaluated to see if he or she has obtained the objectives (eg a test or a level is achieved and a new level unlocked).
Micro Level
A lesson should commence with the objectives and an overview of the main ideas to be learned.
Normally the instructor also states the motivation for learning the content, the prerequisites the learner needs to learn the content and the agenda for the lesson.
In your e-learning resource you might be able to use an alternative for the instructor; there could be the option of a narrator or simply a written instruction.
During the lesson the content will be explained and demonstrated, and then the learner will practice doing what the instructor demonstrated (recalling facts, identifying concepts, predicting by using principles, or performing a psychomotor skill). The instructor may provide feedback on the practice and the learner may have the chance to repeat the lesson.
Next the learner or user will take action.
At the end of the lesson the instructor summarizes what was learned, integrates the lesson with the previous and next lessons, restates the objective, and tests the learner.
In short the micro level includes:
Objective
Overview
Motivation
Explanation (to allow learning)
Taking Action
Evaluation
Task 1
For 25 minutes research Graphic User Interfaces. Choose Google, DzineBlog, WIRED, Mashable or even CommArts (see links at the side – Links to inspire you.) Collect your findings in a PowerPoint Show.
Discussion: Select 2 GUIs and discuss how they work. Do they use buttons? Do they use touch screen technology? Do they use a device, controller or motion capture device? How well do they perform for their intended function.
Select 2 of your favourite GUIs and place links in a comment (below this post) with your full name.
Discussion: Compare WordPress and MyKangan as platforms. What are your experiences? Are the buttons intuitive?
Here are two resources I recommend to you to read before next class (open the link or the Word document)
For your second class we will start off by discussing the different learning styles.
What category do you fall into?
Team up and brainstorm a basic learning resource for How to make Italian style coffee.
Focus on 3 types of coffees, Caffe Latte, Cappuccino and Espresso. What steps are there in making a coffee? What ingredients will you need?
Think of a resource that will allow the user to use a smart phone, tablet or computer.
Brainstorm ideas for how the interactive content can be taught to the user. Brainstorm the ideas based on different learning styles. List the learning styles and develop ideas for each (except the solitary learning style) – use this site to aid you: http://www.learning-styles-online.com/
Illustration by Gary Neill found on Dzineblog.com – http://garyneill.com/ http://garyneill.tumblr.com/
Screenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Photo by frenchbyte on morgueFile
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Illustration: Tavis Coburn – Illustration for for an article predicting trends in Apple’s mobile strategy. Found on: TavisCoburn.com
Photo by omdur on morgueFile
Swiss International Style – Joseph Müller-Brockmann – Beethoven – found at www.designhistory.com
Jenga, photo courtesy of: Design-Crit.com
Based on photo by dhester from morgueFile.com
Screenshot from What’s Your Story by Joyce Hostyn
Photo by mcconnors on morgueFile
The calming effect of horizontal lines, image: courtesy of flickr.com, Photographer: jaikdean
Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt
He loves OHS! – Photo by Karpati Gabor on morgueFile
Based on photo by xandert found on morgueFile
Photo by mconnors on morgueFile
Photo by hotblack on morgueFile.com
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Vertical lines of a dark fence, image courtesy of p.ic – Photo Internet Collection – www.photoic.wordpress.com, photographer: Federico Viola
What Time is it Now? by King_Bobbles
Table of Content from Textbook – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
Based on image by hotblack on morgueFile.com – F.Viola
Uncle Sam Wants You, WWI Propaganda Poster for US Army recruits, Design by James Montgomery Flagg, 1916, image found at: Live Auctioneers
Setting the grid up.
Mosaic of Sofia Coppola – by Maurizio Galimberti – www.mauriziogalimberti.it
This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.
Illustration by Tavis Coburn found on DzineBlog.com
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Illustration by Jessie Ford, found on DzineBlog.com
Examples of Output and Display for web-content. Image: live.surveyshack.com
Your Lipstick Needs You, an entertaining take by Digital Media Artist Samantha Cain. Courtesy of: Samantha Cain, http://www.behance.net/samanthacain
Milk Poster – Swiss International Style Reference – by Annabel Stephen Salip
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
Poppies – Vector art Federico Viola based on photo by hotblack from morgueFile
Only practice will help you learn! Photo by BreonWarwick on morgueFile
“Step into my office” Source: The Age, click image for link
Source: morgueFile, Photo by matei
Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
The swirls in the image are made up of numerous lines. Courtesy of: www.openprocessing.org
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Luminescent Lines – Courtesy of: PSDLearning
Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com
Illustration by Gary Neill found on P.A.P.-Blog – http://garyneill.com/ http://garyneill.tumblr.com/
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
Photo by matthewbridges on morgueFile.com
Illustration by Jessie Ford, found on DzineBlog.com
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
Work by Egon Schiele, found at Mom.org
Lines and Gradients- Courtesy of: psdtuts+
Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Experimental Photomontage by Robert Heinecken
Work by Justin Anderson
Photo by DTL on morgueFiles
Photo by clarita on www.morguefile.com
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
Good Morning! Photo: wallyir, from: morgueFile.com
Image from morgueFile by lemai13
Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com
Illustration: Jamie McKelvie – Art Brut Record
Peace- Swiss International Style Reference – by Maryam Chananeh
‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Michael Pointing in GTA V – Courtesy of Rockstar
Photo by agathabrown on morgueFile
A Beautiful Piece by Aerosol found on his Facebook
Constructivism Reference – by Lylah Livingston
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
Close-up at Fed Square, Federico Viola 2013
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Courtesy of The Art of Mass Effect Universe’, 2012
Image Source: www.photoshopessentials.com
Example of applied changes
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
Based on a photo by delboysafa from morgueFile.com
Steel Curves, Image: courtesy of flickr.com, photographer: Margeois.
Based on photo by hotblack from morgueFile.com
Massive Attack – The Essential Mix
Photomontage: Amir Ebrahim Photography
Geese in Ameland, Photo by Frans Schouwenburg
Illustrator unknown – found at: Ephemera – World of Rare Books
Photo by clarita on morgueFile
Screenshot of Endless Alphabet 2, courtesy of AppsPlayground.com
Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Leonardo’s St. John the Baptist, Louvre, Paris, Image: courtesy of A World History of Art – www.all-art.org
Courtesy of The Art of Mass Effect Universe’, 2012
Free Transform and Ctrl – I am loving it!!!
Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr
The Glossy Reflection is transparent on top and gets whiter towards the bottom.
Custom Shapes and Custom Shape Icon
Image source: Data Center Knowledge
Found at Inc.com
Couple found at http://frenchbydesign.blogspot.com.au
Italian movie poster found on Abduzeedo.com
Illustration by Kate Miller, found on DzineBlog.com
Light Streaks – Courtesy of: PhotoshopEssentials
Work by Jo W
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
The Face by drfranken found on ChromoArt.de
Photo by Seemann on morgueFile.com
Photo by ariadna on morgueFile
Layers in Photoshop are like a Collage of images stuck on top of each other…