Dr Massoud Hajsadr (elesson.co.uk)

Other Titles
1- Examples of animated teaching objects
2- Video of classroom teaching using animated teaching objects
3- Blended Teaching and Learning
4- Blended Animated Teaching Pedagogy
5- Teaching and learning quality improvement showcase
6- BAT Presentation by Dr Hajsadr

Blended Animated Teaching and eLearning
I have been using a blend of technology enhanced teaching tools and classroom based activities to optimize teaching/learning process for many years. This has been the subject of my personal interest and research for the past fifteen years. I define my Animated Teaching material to be a multimedia rich teaching tool that delivers the mind map of the educator at the point and time of delivery in the classroom and in front of the learners. This is the purest internal representation of educator's knowledge on the subject.

In developing such material, I use logical dependencies when arranging the teaching topics for any given subject and also when designing the teaching page for each topic. Details of this process are discussed later in this document. For every teaching page I use a number of audio recordings, which are linguistically optimized spoken sentences in conjunction with animations, which correspond with an educator's internal thoughts at the time of delivery. These are simple animations similar to what a lecturer or a teacher would have tried to achieve using the blackboard or the whiteboard. Figure 1 shows an example of an Animated Teaching page.


Figure 1: An Animated Teaching page showing usage of arrays in a data process.

In the development of Animated Teaching material, all of the above-mentioned three learning styles are utilized. Visual and auditory are the main delivery style of the multimedia animations whereas kinesthetic style of learning, where learners acquire information by reflecting, experiencing and learning by making mistakes, is represented by pre composed questions of ‘what if', ‘why' and ‘how' types.

Figure 1 showed a Teaching page with one ‘what if' and one ‘how' query. They are associated to images for learners, which are placed below the image for the educator. The ‘what if' query aimed to explain to the learner, what would happen and how data would be processed in an array, if the program, that is the main subject of teaching of that page was run. The ‘how' query in figure 1 aimed to show to the learner that on reflection from previous teachings, how the processing of arrays are written in pseudo code. Figure 2 shows another example of a Teaching page where ‘what if' is the prime source of reflective learning.


Figure 2: Reflective learning and ‘what if

Figure 2 depicts one of many Animated Teaching pages that I have used to teach the subject of ‘Algebra' to BA level zero students this year. The main teaching of this particular page is delivered by the animation associated with the educator's image. However to extend the learners' learning, two ‘what if' queries have been used. Although these queries aren't a true application of learning based on kinesthetic style, but I believe they are the best way that people with kinesthetic learning style preference and others may take the full advantage of e-learning material.

Figure 3 depicts one of many Animated Teaching pages that have been used to teach ‘Basic Numeracy' to the BA level zero students. This page shows the educator demonstrating the correct approach to adding fractions. There are again two subsequent queries which provide responses to a ‘why' query and a ‘how' query. Both of these queries assist learners' further experience of the main topic of that page via reflection on previous leaning.


Figure 3: An example of ‘why' queries

In the development of each page of Animated Teaching, I have used optimized linguistic and logical parsing and placement of words to have the most effect.

Figure 4: General Shape and Structure of a Mind Map for a Subject

In the development of Animated Teaching material for a subject like ‘Programming Concepts' or ‘Basic Numeracy', first a full mind map for that subject is drawn. This map can initially be made by referring to the curriculum, but will have to be organized and optimized. Figure 4 shows the general shape of a mind map for a subject. In the center is the title of the subject. Radiating from the center there are sections and for each section a number of topics and for each topic a number of issues. Once the mind map for a subject is completed and we had identified all the topics, then the map is re-assessed and re-drawn until logical dependencies and weighted relevance between topics, sections and subjects are optimized.

As shown in figure 4, each topic and its related issues make up the content of an Animated Teaching page. Figure 3 showed the visual content of the topic ‘Adding Fractions'. The issues of that topic after optimization were decided to include, ‘Common Denominators', ‘Lowest Common Multiples' and ‘Equal Fractions'. In fact issues are actually topics in their own right, which can be relied on when teaching another topic. This interlaced dependencies and relevance can make the process of optimizing a map a long and difficult one.


Figure 5: Mind Map of a Topic1

As figure 5 shows, every topic has a small map of its own. Once this is finalized, that is the supporting issues for a topic had been decided, then scripting begins. The script that is produced here plays a crucial role in creating the correct map for the mind of the learner. The accuracy of the created mind map for the learner is as important as the time it takes to create the map. That means that the scripts and the animation created for each script cannot be too long. To justify this important factor I use the learners' learning curve and their attention span.

Figure 6 shows a typical learning curve. As it is shown, the rate of acquisition of knowledge in general and knowledge about a specific subject for majority of learners is an exponentially growing curve. The same shape curve also applies to the learning of a single topic or indeed the teaching of any of the Animated Teaching pages. The important notion to notice from a learning curve is the slow initial part of the curve. This is the time when a learner sees very little gain for the effort he or she is putting into learning.


Figure 6: A typical Learning Curve

At the early stages of a learner's learning curve, he/she might lose confidence, focus, engagement, interactivity and motivation, if it takes longer than what he/she expected to take before some learning takes place. However once learners have passed this initial stage, they often behave quite differently and do rely on their own initiatives to explore further into the issue at hand and make complementary acquisition of information. They may also, depending on their learning experience and ability, become engaged in the natural process of deduction, abstraction and generalization.

There aren't any conclusive research results showing how the learning curve of a person can be formulated or what relationship there is between learners' learning attention span and their learning curve. In the creation of Animated Teaching lessons I have used my own experience in dealing with different age groups. In my view the average and realistic uninterrupted learning attention span for an average learner in a classroom environment depending on the subject and teaching ability of the educator for various ages is less than 10 minutes. I believe that if a learner experiences an achievement in this short interval, they remain engaged with learning for longer and their confidence will grow exponentially.

By uninterrupted learning attention span I am referring to an interval when a one-way channel of information is established between the educator and the learner. This is the interval when the educator has to try and pass on the full message. In the world of digital information, where the average learner spends hours watching colorful images on the TV, computer games and information superhighway the internet, the average learner's attention span in increasingly shortening.

Considering the facts of decreasing attention span, the practical Pareto's principle and the learners' learning curve, in Animated Teaching I work on the general rule of having 80% of the message delivered in 20% of the possible attention span. This means that Animated Teaching pages are designed to deliver their messages in about 2 minutes. Hence while designing the mind map for a subject, a great deal of attention needs to be paid to the breakdown of sections and topics and the restriction of 2 minutes message delivery time for each topic.

What has been described so far in my view is a practical framework for the design and development of successful on-line teaching material. However I believe in integration of face-to-face teaching and learning methods with on-line approaches, which are often referred to as Blended Learning. To plan for effective blended learning, it is important that educators focus on what learners do in order to learn (learning activities) 13 . Figures 1, 2 and 3 show that on each Animated Teaching page there are a number of activities or examples for learners to do to prove their accomplishment of a topic. The design of activities for an Animated Teaching page is such that the first few rely fully on learners' understanding of the topic of that page, but others may relate to other topics in the map which have been learnt before then. Using these activities an educator can measure learners' success and conduct the timing of teaching sessions accordingly.

At City of Sunderland College, I have used Animated Teaching material with two groups of students: one learning the concepts of programming and the other mathematics. Animated teaching was the main source of information during every lesson for both groups. In the classroom, I primarily acted as the facilitator and conductor of the on-line Animated Teaching material. To do so I used an overhead projector and a reasonable sound system.

To teach a new topic, once I prepared the students and gathered their attentions, I played the animations on the Teaching page for that topic. Sometimes animations had to be played more than once, but very rarely more than twice. The students were then directed to do the activities on that page. While doing the activities, they were encouraged to, if needed, listen and watch the animations again using headphones at their own workstation. This was the time when I could walk around and evaluate their understanding by asking them questions, assessing their completed activities, look out for signs of stress in their body language and assisting those who needed extra help.

Such a radical change from the traditional approach aroused many of my students' curiosity. They hadn't seen anything like it before. Initially they viewed this duo teaching effort by their lecturer and his digital double as quite amazing. The two were so harmonized. As one finished his introductory speech, the other delivered a short but subject related teaching message, which was accompanied by very carefully planned animation. The sound and animation worked together to attract the students' attention to the appropriate points at the appropriate times. In traditional lecturing mode, to assist the flow of thoughts, we often use pointing, circling, arcing etc, but nothing as precisely timed and adequate like what could be achieved with computer animation.

Imaginative animations and accompanying audio not only added the extra stimulating flavor to our class, but also assured accurate and complete delivery of the important messages every time all the time. Many of students remained completely focused and attentive throughout the time when the Animated Teachings were playing. Majority of students appreciated the simplicity and the ease of delivered teaching messages, but certainly everyone felt confident with this style of blended e-learning since the used material during the lesson, which were indeed the main bulk of the teaching, were also available via the internet. This greatly improved students' reflective learning.

Hence I believe that in a blended learning, the Animated Teaching material should be the main stream of the classroom teaching. Educators' ability to interact and their subject knowledge and teaching experience play the essential roles of conductor of the media, motivator of students, observer of students' progress and evaluator of students' achievement. This blended approach ensures that once a lesson has been delivered in the classroom, then the same source can be used again for reflective learning and revision. I also believe that this approach provides the best support for those who were absent or require more repetition before they are confident of their learning.

The logged hits that Animated Teaching pages received showed that on average every student had visited the pages 2.3 times a week. 83% of logged visits were made less than 3 days after a lecture. 12.5% of visits were registered at very late times at night or very early times in the morning. Increase in regularity of visits were often noticed when students were asked to do an activity and submit it for marking or revise for a test.

Those students who were using Animated Teaching material on programming concepts, had to do a total of 17 submitted activities before they would be given their final assignment. This inspired their competitive nature immensely and to my surprise there was a race to have all 17 activities finished. Four students from this group who had done some programming before and had better understanding of the concepts of programming raced ahead of the rest of the class relying mainly on the Animated Teaching material.

The Mathematics students with the exception of one were of very low mathematical proficiency. They were level zero students studying a BA course in business and information technology. The shortage of time and the magnitude of students' missed or lost basic mathematical skills meant that they had to rely on the provide Animated Teaching a lot more than the other group. Their logged usage of Animated Teaching pages showed that the regularity of visits from these students was 5.7 times per person per week.

However level of usage was still directly related to the number of tasks they were given and there was a sudden increase just before the hand in date of a task or taking an exam. One student in this class had a higher entry knowledge level. She also finished all activities before everyone else and managed to do many more practice exam papers than other students before the date of exam.


Table 1: Results from a Questionnaire

Table 1 shows the collective views of students regarding the Animated Teaching and the way that they had experienced it this year. This data was gathered via a questionnaire, which was filled and returned by 29 students out of the total of 32 students. On this table you see the questions that students were asked. You also see the average of the marks given by the students to each question. For the purpose of this questionnaire, zero (0) was the lowest and the worst mark and ten (10) the maximum and the best mark.

As it is shown in Table 1, the first set of five questions aimed to seek out the students' calculated responses whereas the second set of five questions aimed to capture their feeling and their experience of using the Animated Teaching material. On the whole the result of this questionnaire showed that the students had been inspired by this blended teaching method and had gained an improvement in their learning experience. Average marks of 5 or less for the first five questions were assumed to indicate that the new method had no impact on them and had not inspired them at all. Average marks of 5 or less for the second set of five questions were assumed to indicate no improvement in their learning experience.

The results shown in Table 1 were confirmed on various other occasions and via other methods. Students confirmed their views in their class committee meetings, which have the Head of Department and/or Course Leader as participants and take place on regular basis. They also confirmed their views in person during the lesson, in written format as e-mails, in the ‘extra comments' section of the questionnaires, in the review section of the Animated Teaching pages and to their course tutors.

Some of their comments received in written format or reported to the Head of Department are as follows;

“It has helped me a great deal, especially good to use when I haven't fully understood everything in class and was invaluable when I was revising”

“I think it would be helpful if we had it (animate-teaching) in our other modules such as computer systems.”

“You can go over something as many times as required until it sinks in. I have found animated-teaching very straight to the point. It looks like blackboard, chalk and someone talking at you.”

“especially useful for me as a night-school student when outside pressure has stopped me from attending.”

“I find the tool very useful at home and in class. I find the tool very comprehensive and enjoyable.”

“It is a permanent source of research material, one which I could safely say I would have struggled to understand some aspects of the course without it.”

“Really helpful guide, especially when learning a technical subject like C++! In fact I would like to see more units on there.”

“It gives easy to understand diagrams and takes you step by step through them. It is far easier to use and understand than regular textbook.”

“because you can see how certain things are done and how they work in reality, which is easier to grasp than paper with lots text which does not always get read.”

“It is effective at getting the major points across to me and I understand programming very well.”

“It is a useful tool for doing homework at home. It is easy to find and helps if there is part of my homework that I don't understand.”

Figure 7 : Contributing Factors or Sources of Diversity in a Classroom

There are many factors contributing towards the vast diversity of students' learning need in our classrooms. Figure 7 demonstrates some of those factors. Students' level of knowledge at entry to a course is often the greatest challenge for educators. The other contributing source of diversity is the students' individual learning ability and learning style preferences. These two factors are affected both by age and previous learning experiences.

Irregular attendance of students can cause diversity in the learning need of students. Their personality, social and family status, attentiveness and attention span can also be contributing factors. Students' basic skill proficiency and ability to speak the English language are other contributing factors. Finally students' disabilities may contribute to the classroom diversity of learning needs.

The two groups of students for which Animated Teaching was used demonstrated all of the above factors apart from disability. In our classroom we even had a couple of students whose mother tongue was not English and at many of occasions communication was difficult. We had students with vastly different educational background, learning abilities, ages and social and family status. Irregularity of attendance did also occasionally cause diversity of needs in our classroom.

In my class I conducted the lesson in a way that the teaching messages were delivered by the Animated Teaching pages. This ensured that the most important messages were delivered by a pre-organized and orchestrated collection of sound and animation. Both the sound and the animations had been thought through and prepared well in advance and hence always delivered the complete and accurate messages regardless of my state of mind in the classroom.

Since in my teaching I primarily used the Animated Teaching pages as the backbone material and since these pages were made available via the Internet, most situations of diversity were addressed in different ways. Should a student have fallen behind due to absenteeism, he/she could acquire a preview of what he/she had missed before, if required, asking me for further help. Students with different learning abilities or learning style preferences could repeat viewing the teaching pages and main points of our lessons many times before asking me for help. Those with language or basic skills deficiencies could continue their survey of the lessons in surroundings where they felt more comfortable and at a pace, which best suited them.


Table 2: Comparison of BA level zero mathematics results with previous years

Table 2 shows this year's BA level zero mathematics results compared with those from last year. The incredible improvement in the students' results, percentage of attendance and rate of retention should at least in part be attributed to the radical blended teaching approach they participated in this year. I believe that the noticeable improvement in retention and attendance could have been the result of students' improved learning experience this year compared with last year. The students' improved learning experience could have been resulted from their increased confidence in their own ability to learn specially mathematics, which wasn't one of their favorite subjects.

In Table 2 the percentage of performance is calculated as the product of percentage of retention and percentage of achievement. Comparing these figures, the students' performance showed an immense rate of improvement.

For HND/C students who studied ‘Programming Concepts' using the blended Animated Teaching approach this year, I can report their intermittent progress from their submitted and marked activities. The student's progress recorded through assessment board and progress reviews to date, indicate that a greater number of them are expected to achieve higher grades than last year. Their uptake of the subject has been more successful than last year.

Blended Animated Teaching Pedagogy ( video)