E-learning Workbook

For this module we have to create an electronic application that the user will learn something from it. We was asked to produce a video clip of one person in our group teaching the others something new. In my group are Aqeel, Vicky and myself. I suggested that I teach them a card trick, and this is what we went for.

I tough them in such a way where they were able to watch it being done first, and then I slowly broke it down into stages and explained it to Vicky, and then Vicky did the trick on Aqeel and then did the same explanation as what I gave her to Aqeel, and then Aqeel went on to do the trick on myself. The idea behind it was that the people learning saw it being done in a “pro sense” and then they were able to compare and then do it. It had a whole repetition thing going on, so it would stay in thier memory.

Here is a link to the video we filmed:

(Vicky in editing stage)

We though this was an interesting idea to take forward for our application, as you dont really get a lot of things teaching you magic though the form of electronic media. Also we will get to use our skills in Flash and filming.

Here is a link to our prospal:

(Need to get from Aqeel)

This is Vicky’s, Aqeel’s and my work book page about all our:
Learning needs analysis
Outline of our design which include storyboard, drawings and a prototypes layout
Learning structure
Assessment methods
and development of ideas for our e-learning project.

This is our design presentation, we completed two weeks ago:


Learning needs analysis:

For our Learning needs we conductive a survey of children between the age of 8-14 on if they know any card tricks and how they go about learning them. If they do not know any card tricks we we ask them how they would like to learn a new trick. By doing this is gave us a better idea as to how the end user of our application will want to use and benefit form it.

Here is a copy of our questionnaire:


We learnt form this that people prefer to learn by somebody showing them and talking the through the trick, and then they have ago of the trick with the person still there to help them if they need it. So it is all about the look, listen, copy, remember and try kind of learning that children prefer when it comes to learning a card trick.

I will soon upload, bar and pie charts of the results of our survey.

We also researched throughout the web, websites including were:




we found that all the card tricks that were being tough, were very text based and just got the user to read instructions as to how to complete the trick. We all agreed that this was very poor way of teaching people and not that beneficial. But this also mean that there is room in the market for our application as it has not been done before.

This is a link to a video of Aqeel, trying to learn a trick by following the instructions found on a website:


Outline of our design which include storyboard, drawings and a prototypes layout:

Here is a storyboard of our application and the different navigation pages, throughout the whole piece:

first page

second page

third page

Also here are some prototype layouts of the interface of our interface (these are first drafts):

start_page.png stage.png

Here is our Bunny Character that we will use for the children to relate too.


Below is the final design for the back of the playing cards that we can use on our application. I went for a simple pattern and stuck with the use of stars, as this could maybe help the user learn though short term memory as they do not have to remember loads of different symbols. Does that make scene, I duno…

Back of playing card design

There are going to be 16 card faces featured in the application, I have built them up in fireworks. Here are the final results:

2 of spades 4 of dimond 5 of hearts 8 of dimonds 9 of spades 10 of clubs Ace of clubs eight of spades jack of clubs King of dimonds queen of hearts seven of dimonds 6 of clubs three of dimonds three of spades

Learning structure:

We have three different learning structures that the user can choose form in our application, they can either, watch the video of the trick being done in real life. This would be learning from watching. They can choose to learn by instructing, we will have an animation running showing the trick whilst a character of a bunny in a top hat will give instructions as to what the person learning the trick must do. Or the user can watch and learn, this gives the user the opportunity to watch the video first and then watch the animation with instructions, this is the watch, learn, remember, try method of learning.

Assessment methods:

We have decided that we are going to introduce a a quiz, that the user ca take at the end of each stage and the whole trick, which will ask them questions about the stage or the whole trick, that they have just learnt. This way is challenges the user to remember more what they have been tough and we feel that this may help them learn the trick a bit better as if they get the question wrong, they should go back and learn the stage until they are fully confident that they can complete it.

All our research of with websites that already exist have been handed in a paper based form, as it is too hard to read the notes from the scanned pieces. This page will keep updating throughout our development of our application.

for more on each individuals tasks and how they are coping with them, here is a list of our blogs:

Vicky http://vhill@wordpress.com

Aqeel http://www.spunkysmurf.net/

Claudia https://claudnoir.wordpress.com/category/idat-202/


7 responses to “E-learning Workbook

  1. Pingback: Idat 202: proposal « Digital Arts and Technology: The diary of my degree

  2. Pingback: Idat 202: Questionnaires « Digital Arts and Technology: The diary of my degree

  3. Pingback: Idat 202: Design Persentation « Digital Arts and Technology: The diary of my degree

  4. Pingback: Idat 202: Research « Digital Arts and Technology: The diary of my degree

  5. Pingback: Idat 202: Draft Interface « Digital Arts and Technology: The diary of my degree

  6. Pingback: Idat 202: Arrrgh my eyes « Digital Arts and Technology: The diary of my degree

  7. Pingback: Idat 202: Making of card « Digital Arts and Technology: The diary of my degree

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s