1

V I V A P r e s e n t a ti o n

NameNur Fathiah Binti Kamaruddin

ProgramBusiness Information System

SupervisorMr.Khairul Shafee Kalid

TheStoryProgTheStoryProg: The Uses of Storytelling In Simplifying the Complex Concept in Programming

2

Agenda1. Background of study2. Problem Statement3. Objective4. Scope Of Study5. Literature Review6. Methodology7. Result & Discussion8. Conclusion& Recommendation9. QNA

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

Background

5

STUDENT find it difficult tounderstand 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

Objective

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 educationAccounting (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 studentsUnable to visualize (Kalid, 2010),(Dunican,2002)Complex programming concept(Butler & Morgan,2007)

4.Problem faced by programming lecturersUnable to express technical knowledge (Kalid, 2010)

Literature Review

9

MethodologySoftware Minimum requirement

Operating system

Window XP, Window Vista Window Server 2007

Scripting language

XHTML CSS PHP

Programming tools

Word press PHP editor

Database tools MySQL

Prototyping methodology

The methodology model Tools

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, DBprinciple and design

•Prototype development using ‘JustInMind Prototyper’•Prototype development using Wordpress•Testing

11

• Result from analysis

MethodologyDemographics of respondents

53% male

47% female

18-21 years old

40 respondents

Programming subjects/ concepts

Rank of programming subjects

0 1 2 3 4 5

HTMLABAPVBC++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

Result

13

Activity Diagram-Lecturer Activity Diagram-Student

Result

View story

Students want to view story

Choose existing story

List of programming concepts

14

Design-System Architecture, UI, DatabaseSystem Architecture

Result

15

Result DBDatabase Architecture

16

Result GUINavigationMechanism

•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)

Result Testing

21%

50%

29%

The Graphical User In-terface design

12345

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

13%

29%58%

Navigation12345

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)

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.

10%

45%

45%

Understanding Complex Programming Concepts

12345

13%

88%

Learning programming using storytelling concept is interest-

ing 12345

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.

ResultPost Survey & Testing-Part 3(Lecturers)

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.

Conclusion

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