The use of storytelling as a teaching tool for programming courses is explored in this presentation slide. One of the purpose of using stories in teaching is that stories simplifies complex concept. This slides contains the development of a prototype that could facilitate the process of constructing stories for programming. The stories can be use by the instructor in class to demonstrate complex programming concepts.

1. 1
V I VA P re s e n t a t i o n
Name
Nur Fathiah Binti Kamaruddin
Program
Business Information System
Supervisor
Mr.Khairul Shafee Kalid
TheStoryProg
TheStoryProg: The Uses of Storytelling In Simplifying the Complex Concept
in Programming

2. Agenda
1. Background of study
2. Problem Statement
3. Objective
4. Scope Of Study
5. Literature Review
6. Methodology
7. Result & Discussion
8. Conclusion& Recommendation
9. QNA
2

3. 3

4. • STORYTELLING has been widely uses in various
domain -> education, medicine, business,
psychology
• “Storytelling is an excellent teaching strategy. Stories
ignite student interest, help student create vivid mental
image” (E.M.Robinson,2008).
• A tool to assist programming lecturers to construct
stories (of complex programming concepts ) will
ease knowledge transmission from lecturer and
increase students(novice) understanding
4
Background

5. 5
STUDENT find it difficult to
understand complex programming
concept during normal class
session(Butler&Morgan,2007),
(Dunican,2002)
The uses of STORYTELLING is rarely
explored in tertiary education
(McKillop.C.,2004)
Problem statement

6. • Analysis
To analyze the system requirement , system module and
flow to apply storytelling approach in programming
lessons.
• Design
To design a simple user interface that allow
users(lecturers) to construct stories to simplify the
complex programming concept for students reference.
• Develop
To develop a storytelling web application as a
programming learning aid kit that trigger stories
construction
6
Objective

7. 7
Scope of study

8. 1.The uses of Storytelling in transferring tacit knowledge
Storytelling as efficient teaching approach
(Papadimitriou, 2003), (E.M.Robinson, 2008) , (Jonassen, 2003)
2.Storytelling in Tertiary education
Accounting (Frances, 2009)
Information Technology (Tobin,2007)(Dunican,2002)
Nursing Education (Hunter,2008)
4.Existing approach in teaching programming
Question and solution example(Brusilovsky, 2001), (Dunican,2002)
Understanding of basic concept(Gill, 2006), (Winslow ,1996)
3.Problem faced by novice programming students
Unable to visualize
(Kalid, 2010),(Dunican,2002)
Complex programming concept(Butler & Morgan,2007)
4.Problem faced by programming lecturers
Unable to express technical knowledge (Kalid, 2010) 8
Literature Review

9. 9
Methodology
Software Minimum requirement
Operating
system
 Window XP, Window Vista
 Window Server 2007
Scripting
language
 XHTML
 CSS
 PHP
Programming
tools
 Word press
 PHP editor
Database tools  MySQLPrototyping methodology
The methodology model Tools

10. 10
Methodology
•Gantt chart
•Mile stone
•Secondary data
collection
(literature)
•Primary data
collection and
analysis
(survey, interview)
•Method- statistical
analysis & Interview
transcript analysis
•Application analysis
model( context
diagram, use case,
activity diagram)
•Application design
model
•Apps flows and
strategy
•System
architecture, GUI, DB
principle and design
•Prototype
development using
‘JustInMind
Prototyper’
•Prototype
development using
Wordpress
•Testing

11. • Result from analysis
11
Methodology
Demographics of respondents
53% male
47% female
18-21 years old
40 respondents
Programming subjects/ concepts
Rank of programming subjects
0 5
HTML
ABAP
VB
C++
OOP
50% students said
OOP is the hardest
concept
78% Syntax and
variables are easy
Array, algorithm ,
loop are
intermediate

12. Analysis -context diagram, activity diagram and
use case diagram.
Context Diagram Use Case Diagram
12
Result

13. Activity Diagram-Lecturer Activity Diagram-Student
13
Result
View story
Students want to view story
Choose existing story
List of programming
concepts

14. Design-System Architecture, UI, Database
System Architecture
14
Result

15. 15
Result DB
Database Architecture

16. 16
Result GUI
Navigation
Mechanism
•Usage of menus are easier to
understand because it comprise of
limited number of command are
presented in organized manner
•take very little effort from the users
Input
Mechanism
•the type of input uses is mainly text
box and selection box
•the selection box(the drop-down
list and check box)
Output
Mechanism
•Users can view the output and
share the knowledge through social
media such as facebook, twitter and
Google+.

17. Post Survey & Testing-Part 1 (GUI)
17
Result Testing
0% 0%
21%
50%
29%
The Graphical User
Interface design
1
2
3
4
5
Majority users agreed that the
application is easy and simple to use.
This is due to the simple and attractive
interface design of the system. The
mean for this part is 4.0
0% 0%
13%
29%
58%
Navigation
1
2
3
4
5
Most of the users agreed that it was
fairly easy to navigate from one page
to another page in this web
application even for first timer. The
menu function helped users to
navigate with only little effort. The
mean for this part is 4.5.

18. Post Survey & Testing-Part 2(Students)
18
Result
45% of students strongly agreed that
the application is useful for
programming students in
understanding complex programming
concepts. Another 45% fairly agreed
and another 10% is neutral. The mean
for this part is 4.35.
Everyone agreed that learning
programming using storytelling
concept is interesting and interactive.
The mean for this part is 4.9.
0%
0%
10%
45%
45%
Understanding Complex
Programming Concepts
1
2
3
0% 0% 0% 12%
88%
Learning programming using
storytelling concept is
interesting
1
2
3
4

19. • All respondent agreed that the idea of this storytelling application is
benefiting the programming lecturers in order to articulate the
technical knowledge of programming easily.
• All the users believe that the output of the application (the stories) will
highly useful for the student’s reference and reading in programming
lesson.
• All the programming lecturers able to write their own story based on
the hint provided.
• Majority of the lecturers agreed that they will use the application in
the future.
19
Result
Post Survey & Testing-Part 3(Lecturers)

20. 20
Prototype
OBJECTIVE 3

21. Objective Mechanism
Analysis
To analyze the system requirement, system module
and flow to apply storytelling approach in
programming lessons.
•Achieved in the Analysis and Design phase.
•The suitable system module, flow and design had been
chosen based on the primary and secondary data
collection analysis and several iteration and improvement
in system analysis & design.
Design
To design a simple user interface that allows users
(lecturers) to construct stories to simplify the complex
programming concept for student’s reference.
•Achieved in design and testing phase.
• (GUI) design based on layout, consistency and minimal
user effort .
• In testing, users agreed that the GUI is attractive, user
friendly and easy to use and navigate.
Develop
To develop a storytelling web application as a
programming learning aid kit that trigger stories
construction
•Achieved through the design and development of the
web application
• Users agreed that the application give benefit to both
students and lecturer.
• Lecturer able to create programming stories using this
application while students can understand the
programming concepts better after using this application.
21
Conclusion

22. 22
Recommendation
• To implement the application to wider scope of study.
Currently, the application only cover object oriented concepts;
Polymorphism, Encapsulation and Inheritance.
• To develop the application using other platform since the
current platform has its limitation.
• Add more interactive and easy media search function with
minimal user’s effort.
• To give social media feels to this application