sem i sesi 2018/2019 csf 35104 final year project i …mudah alih bertujuan menarik dan memudahkan...
TRANSCRIPT
1
SEM I SESI 2018/2019
CSF 35104
FINAL YEAR PROJECT I
TITLE : INTERACTIVE MOBILE APPLICATION
“CHEM-IS-EASY”
PREPARED BY:
MAZLILAH BINTI MOHAMAD SUBADI
(BTDL16043248)
COURSE :
BACHELOR OF INFORMATION TECHNOLOGY (INFORMATICS MEDIA)
WITH HONORS
SUPERVISOR:
PUAN ROHANA BINTI ISMAIL
DATE OF SUBMISSION:
23 DECEMBER 2018
2
INTERACTIVE MOBILE APPLICATION
“CHEM-IS-EASY”
MAZLILAH BINTI MOHAMAD SUBADI
Bachelor of Information Technology (Informatics Media)
Faculty of Informatics and Computing
Universiti Sultan Zainal Abidin, Terengganu, Malaysia.
DECEMBER 2018
3
APPROVAL
This project report entitled Learning Chemistry for Periodic Table using Mobile Application
was prepared and submitted by Mazlilah binti Mohamad Subadi, matric number
BTDL16043248 and in my point of view, this project fulfils a condition to be awarded a Degree
of Bachelor of Information Technology (Media Informatics) with Honor in Universiti Sultan
Zainal Abidin (UniSZA).
Signature : …………………………
Supervisor : Puan Rohana binti Ismail
Date :
4
DECLARATION
I hereby declare that this project is based on my own effort with helps getting information
sources that I have confessing. All section of the texts and results which have been obtained
from other people or sources are fully references. I understand that are cheating and plagiarism
constitute a breach of university regulations and will be dealt with accordingly.
Signature : ………………………………...
Name : Mazlilah binti Mohamad Subadi
Matric number : BTDL16043248
Date :
5
ACKNOLEDGEMENT
Assalamualaikum,
I am using this opportunity to express my greatest gratitude to everyone who had
supported me throughout my final year project, Learning Chemistry for Periodic Table using
Mobile Application. I am thankful for their aspiring guidance, invaluable constructive criticism
and friendly advice during the project work. I am sincerely grateful to them for truthful and
illuminating views on a number of issues related to the project.
Firstly, I express my thanks to Puan Rohana binti Ismail as my supervisor for guidance,
monitoring and constant encouragement throughout the course of this final year project.
Appreciation is also given to all lecturers under the Faculty of Informatics and Computing
especially to lecturers under the Multimedia Department for giving me constructive and
encouraging criticisms in completing this final year project.
Not forget to appreciate my beloved parents and family for their moral support and
material assistance that they have given to me for completing this project to the end. I would
like to thanks all my friends and classmates for their valuable comments and suggestions on
this project which give me inspiration to improve this project.
Lastly, I would like to thank to all the people for their help directly or indirectly to
complete this project. Hopefully that all my works and efforts gets blessings from Allah and
can give benefits to all in the future.
Thank you,
Mazlilah binti Mohamad Subadi.
6
ABSTRACT
This final year project titled Learning Chemistry for Periodic Table using Mobile Application
is aimed at attracting and facilitating the students to learn and remember all of the elements in
the Periodic Table in this Chemistry subject. This interactive application was developed
specifically for Form 4 students who are taking Chemistry subject at school. In the syllabus of
Form 4 in Chapters 4, they will be introduced with the Periodic Table for the first time. So this
interactive app will be able to help students to learn the subject easier. With the interesting
audio, graphics and animations provided, it will make the students more interested and not
boring. This application also uses many multimedia elements to attract the students to use it.
The media elements that are used in this application are sound, animation, text and more. In
conclusion, this interactive application is able to meet the needs of the students to use
alternatively in the learning process as well as to remember the periodic table easily, apart from
reading textbooks and reference books only. It is hoped that this interactive application will
provide many benefits to the students in their study and examination.
7
ABSTRAK
Projek tahun akhir bertajuk Chemistry Pembelajaran untuk Jadual Berkala menggunakan Aplikasi
Mudah Alih bertujuan menarik dan memudahkan para pelajar mempelajari dan mengingati semua elemen dalam
Jadual Berkala dalam subjek Kimia ini. Permohonan interaktif ini dibangunkan khusus untuk pelajar Tingkatan 4
yang mengambil mata pelajaran Kimia di sekolah. Dalam sukatan pelajaran Tingkatan 4 dalam Bab 4, mereka
akan diperkenalkan dengan Jadual Berkala untuk kali pertama. Jadi, aplikasi interaktif ini dapat membantu pelajar
mempelajari subjek lebih mudah. Dengan audio, grafik dan animasi yang menarik, ia akan menjadikan pelajar
lebih berminat dan tidak membosankan. Aplikasi ini juga menggunakan banyak elemen multimedia untuk menarik
para pelajar untuk menggunakannya. Unsur-unsur media yang digunakan dalam aplikasi ini adalah bunyi, animasi,
teks dan banyak lagi. Kesimpulannya, aplikasi interaktif ini dapat memenuhi keperluan para pelajar untuk
menggunakan alternatif dalam proses pembelajaran serta mengingat jadual berkala dengan mudah, selain
membaca buku teks dan buku rujukan sahaja. Diharapkan aplikasi interaktif ini akan memberikan banyak manfaat
kepada pelajar dalam kajian dan pemeriksaan mereka.
8
TABLE OF CONTENTS
CHAPTER 1 : INTRODUCTION ............................................................................................. 1
1.1 PROJECT BACKGROUND ....................................................................................... 1
1.2 PROBLEM STATEMENTS ....................................................................................... 2
1.3 OBJECTIVES ............................................................................................................. 3
1.4 PROJECT SCOPE ...................................................................................................... 3
1.6 LIMITATION OF WORKS ........................................................................................ 4
1.7 EXPECTED OUTCOME ............................................................................................ 4
1.8 MILESTONES ............................................................................................................ 5
CHAPTER 2 : LITERATURE REVIEW ................................................................................. 6
2.1 INTRODUCTION ....................................................................................................... 6
2.2 EXISTING SYSTEMS ............................................................................................... 7
2.2.1 Periodic Table 2019 (Mobile Application) ............................................................... 7
2.2.2 Periodic Table 2018 Chemistry In Your Pocket (Mobile Application).................... 8
2.2.3 CHIRALITY-2 (Mobile Application) ...................................................................... 9
2.2.4 Chairs! (Mobile Application) ................................................................................ 10
CHAPTER 3 : METHODOLOGY AND DESIGN ................................................................. 12
3.1 INTRODUCTION ..................................................................................................... 12
3.2 RESEARCH PARADIGM AND JUSTIFICATION ................................................ 13
3.2.1 Phase 1 : Analysis ................................................................................................... 15
3.2.2 Phase 2 : Design ..................................................................................................... 15
3.2.3 Phase 3 : Development ........................................................................................... 15
3.2.4 Phase 4 : Implementation ....................................................................................... 16
3.2.5 Phase 5 : Evaluation ............................................................................................... 16
9
3.4 SYSTEM REQUIREMENTS ....................................................................................... 17
3.4.1 Software Requirements........................................................................................... 17
3.4.2 Hardware Requirements ......................................................................................... 17
3.5 NAVIGATION STRUCTURE ..................................................................................... 18
3.6 PROCESS DESIGN ...................................................................................................... 19
3.6.1 Framework ...................................................................................................... 19
3.7 DATABASE DESIGN .................................................................................................. 20
3.7.1 Entity Relationship Diagram (ERD)....................................................................... 20
3.7 INTERFACE DESIGN ................................................................................................. 21
3.6.1 Homepage Design................................................................................................... 21
3.6.2 Input Form Design .................................................................................................. 22
3.6.3 Submenu Table Elements ........................................................................................ 24
3.6.4 Submenu Lecture Notes .......................................................................................... 26
3.6.5 Submenu Lecture Videos ........................................................................................ 28
3.6.6 Submenu Virtual Lab .............................................................................................. 30
3.6.7 Submenu Quizzes ................................................................................................... 32
3.8 CONCLUSION .............................................................................................................. 35
10
CHAPTER 1
INTRODUCTION
1.1 PROJECT BACKGROUND
In Malaysia, it was found that the learning and education process at the schools
were focused on using textbooks and slide show only. They still using the traditional
method of teaching and learning process. Students found it is difficult to understand the
subject. The teachers also will not repeat the same lessons to the students who are not
understand. If the students not understand the subject, they will get boring and not
interested in the subjects. The period of time at the school spend by students also
limited, so they will not able to ask the teachers about the lesson that they are not
understand and need to look at another alternative sources.
Today, technology has grown rapidly and is changing various aspects of life.
When used wisely, technology can support learning (Shamir and Korat, 2013). One
form of technology is mobile gadgets. The Android operating system is widely used
currently. Android has grown rapidly in comparison with other operating systems. This
is because Android has many advantages. It is open source, free and provides many
tools to build software, thus allowing opportunities for application development
(Nazruddin, 2012). Now days, there are many interactive applications that are related
to learning and education have been developed. The world is getting advanced so,
people started to invent something to ease their life including the learning process at
school.
11
The purpose of development of this application which is titled as "Chem-is-
Easy : Periodic Table" are based on multimedia technology computing. With the
development of this application, it is hoped that the teachers and schools will be able to
provide more teaching and learning materials in the form of multimedia in schools for
the students especially for the Form 4 students who are newly introduced to the
Chemistry subject. This application development focuses on the syllabus of Chapter 4
which is Periodic Table. In this topic, there are five sub topics: Introduction to Periodic
Table, Group 1 Elements, Group 17 Elements, Group 18 Elements and, Period and
Transition Metal. The more important thing is the effectiveness of this application to
the learning process and the attractiveness of the student to the subject. This application
will use variation of multimedia elements such as text, graphics, audio and animation
in order to make the lesson easier to understand and attractive.
With the creation of this interactive application, it is hoped that it will help
students for better understanding the subject that have been taught as well as the
teaching and learning lessons taught by the teachers in the classroom. It was developed
in the form of mobile applications. With the existence of this multimedia learning
technology, we can equally share the information and the learning process in the school
will be more effective and interesting.
1.2 PROBLEM STATEMENTS
Even before developing this courseware, some problems have been identified.
The problems that have been identified are the students and teachers are only focused
on using the textbooks that the school provided and the slide show they prepared.
Research has also been done on learning process which that learning only using the
books is less understandable. It is because the learning process is conducted through
one-way communication, ignoring class discussion and other student involvement. This
type of learning process will make student no to understand the subject after the class
finished. Another problem is the teachers will not repeat the same lesson to the students
who do not understand. In this case, the students who are not understand the lesson will
need to look at another sources or ask the teacher. But with the limited time at school,
they will not able to do it. So they are forced to look for other alternative sources to get
12
better understanding in the lesson such as doing some exercises. So interactive
application will be needed to help the students and act as the alternative way of learning.
Interactive application also can be effective in the classroom, especially when used in
a blended learning approach. Technology has transformed nearly all areas of modern
life, and education is no exception.
1.3 OBJECTIVES
The objectives of this study are:
i. To design a courseware based for learning Chemistry for Form 4 students using
Android.
ii. To develop a courseware to learn Chemistry in effective way using Android.
iii. To test the functionality of the courseware based for learning the Chemistry
subject using Android.
1.4 PROJECT SCOPE
The proposed courseware is develop using Android system because of its
mobility and efficiency. This courseware is develop according to the syllabus
Chemistry subject of Form 4 in Chapter 4 : Periodic Table. It visualizes this chapter
into the form of interactive application. The scopes for this project are identified to
make the application development process easier. The scope will be explained from the
user aspect of view and system function.
i. Students.
- all student Form 4 can register through this system.
- able to learn the subject easier.
- able to answer the questions given.
- able to view their scores.
13
ii. Teachers
- able to get the tools for teaching.
iii. Parents
- able to get some additional learning materials for their children.
1.6 LIMITATION OF WORKS
There are several limitation and constraint that occurred throughout the development
of the application. These problems and limitations in conducting this study are:
i. This project is only focused on Chemistry subject Form 4, Chapter 4 : Periodic
Table.
ii. Only can be open in smart phone only.
iii. Only for Android system.
1.7 EXPECTED OUTCOME
Based on the objective of the development for this project, this mobile application will
be run as below:
i. This mobile application will ease the student to learn the Chemistry subject via
online from any mobile devices at anytime.
ii. This mobile application is an effective way of the learning process now days
which is not focused on the books only.
iii. This mobile application also can make the students interested in the Chemistry
subject.
iv. Students can do their revision by using this application and can help them
answer the question during examination because there are also quiz provided.
14
1.8 MILESTONES
Using a Gantt Chart that describes key of activities and timescales involves in implementing this project as shown in Table 1.1
NO TASK WEEK
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1. FYP Briefing
2. Project Title Proposal and
Registration
3. Proposal Writing –
Introduction
4. Proposal Writing –
Literature Review
5. Proposal Progress
Presentation and Evaluation
6. Discussion and Correction
Proposal
7. Proposed Solution
Methodology
8. Proof of Concept
9. Drafting Report of the
Proposal
10. Submission Draft of Report
to Supervisor
11. Seminar Presentation and
Evaluation
12. Finalizing and Correction
Report
13. Final Report Submission
15
CHAPTER 2
LITERATURE REVIEW
2.1 INTRODUCTION
This chapter provide the literature review for the application that will be
developed. The literature review is the process of reading, analysing, evaluating and
summarizing scholarly material about a specific. It can be guideline to develop a new
application so that the new application can provide better or more functional than the
existing application.
There are some sources that can be as references. For examples, books,
websites, social media and some of the existing applications. There are some
advantages and disadvantages that can be analyse and then try to think of the added
value that can be applied to the application that will be developed.
16
2.2 EXISTING SYSTEMS
2.2.1 Periodic Table 2019 (Mobile Application)
Figure 2.1 : Start up interface in Periodic Table 2019
“Periodic Table 2019” is a free application for Android which displays the entire
periodic table at start up interface. The table has a long-form approved by the
International Union of Pure and Applied Chemistry (IUPAC) as the core. Developed
by August Software and release on 5 March 2016, this application only provide the user
Periodic Table and information for each of the elements. There is no animation, audio
and video. So, for the students in age around 16 year old to 17 year old, they will get
boring and find it is hard to understand although the information provide is complete.
17
2.2.2 Periodic Table 2018 Chemistry In Your Pocket (Mobile Application)
Figure 2.2 : Interface of Periodic Table 2018 Chemistry In Your Pocket
“Periodic Table 2018 Chemistry In Your Pocket” is an application which
provide the information about the Periodic Table. This application was develop by JQ
Soft and was released on 25 April 2011. In this application, there will also provide the
information about electron shell diagram for each element, solubility chart and molar
mass calculator which gives this application more advantages for user to use it. But this
application its disadvantages. There is no animation, video and even audio in it. User
in range age of 16 to 17 will find it not interesting and also hard to understand all the
elements in the Periodic Table.
18
2.2.3 CHIRALITY-2 (Mobile Application)
The research on Chemistry-related software applications journal which entitled
“CHIRALITY-2” by Oliver A. H. Jones, Maria Spichkova, and Michelle J. S. Spencer.
The objective of this project is to develop a multilevel mobile gaming application to
support the teaching of introductory undergraduate-level Organic Chemistry. It may
also be of use and interest for those in their final year of high school as well as for
students revising introductory Organic Chemistry.
Chirality-2 is one of the first purpose-built mobile applications in general
release specifically developed to teach Organic Chemistry and the only one to feature
multiple levels, a reward system, and social media integration. There are six levels in
Chirality-2. Users earn medals for each level and are able to post scores on social media
or track their progress. It is available for free on both the Apple (iOS) and Android
(Google Play) operating systems.
Figure 2.3 : Screenshots from the app showing levels 1−6. Correct and incorrect answers
are shown in green and red, respectively.
19
2.2.4 Chairs! (Mobile Application)
The game Chairs! was created to teach the ring flip of cyclohexane. Chairs! is
the first game-based mobile application in wide release specifically geared toward
organic chemistry teaching and learning. The game application Chairs! is a product by
Julia Winter, Michael Wentzel and Sonia Ahluwalia.
Figure 2.4 : Three screenshots from Chairs! showing A: an initial level 4 puzzle, B: an
incorrect move in red, and C: a correctly completed level 4 puzzle.
In the game, players are presented with the two different conformational isomers of
cyclohexane (Figure 2.4). A bond is shown on one of the conformers, and a pulsing circle
marks the corresponding position on the other conformer. The player must draw the bond on
the other conformer with the correct angle, either axial or equatorial. If the bond that is drawn
is not the correct, it turns red. When the bond being drawn is at the correct, it turns green. There
are 13 levels: in the first 6 levels, a white circle pulses to indicate where the bond should be
drawn. In levels 7 until 13, the white circle is taken away.
The scoring system is straightforward: for every correct bond that is drawn, the player
earns a point. The play time is limited by a bar at the top of the screen which counts down at
each new level. A mistake on an earlier level will affect the amount of time given for a later
level, thus increasing the pace and challenge of the game. A badge is earned for a level when
the level is completed with five correct puzzles in a row.
20
ELEMENT OF MULTIMEDIA
TITLE TYPE YEAR AUTHOR CONTENT ANIMATION GRAPHIC AUDIO VIDEO TEXT
Periodic Table
2019
Mobile
Application
2016 August
Software
Related to
Periodic Table
No Yes No No Yes
Periodic Table
2018
Chemistry In
Your Pocket
Mobile
Application
2011 JQ Soft Related to
Periodic Table
No Yes No No Yes
CHIRALITY-
2
Mobile
Application
2018 Julia Winter,
Michael
Wentzel, Sonia
Ahluwalia
Not related to
Periodic Table
Yes Yes Yes No Yes
Chairs! Mobile
Application
2016 Oliver A. H.
Jones,
Michelle J. S.
Spencer
Not related to
Periodic Table
Yes Yes Yes No Yes
Table 2.1 : Comparison between existing mobile application
21
CHAPTER 3
METHODOLOGY AND DESIGN
3.1 INTRODUCTION
In this section, the detailed methodology that used to develop this system is described.
The use of the methodology is to solve all the problem arising and to ensure that the project
will work as well as planning to develop this system smoothly and complete within the given
time. There are many types of methodology that we can apply and used in the development of
the system. The approach must be chosen correctly so that it is suitable for the development of
the project. It is the important step to guide the researcher to manage the given task. Hence, I
would like to use ADDIE Model for the project of Chem-is-Easy. Furthermore, I will explain
every phase that involve in the development of this project and also the system requirement.
22
3.2 RESEARCH PARADIGM AND JUSTIFICATION
The ADDIE model is a systematic instructional design model consisting of five phases.
The generic term for the five-phase instructional design model consisting of Analysis, Design,
Development, Implementation, and Evaluation. Each step has an outcome that feeds into the
next step in the sequence. The five phases of ADDIE are as follows:
ANALYSIS
DESIGN
IMPLEMENTATION
EVALUATION
DEVELOPMENT
Figure 3.1 : ADDIE Model
23
ADDIE model was chosen based on the following consideration:
1. Very suitable
it is heavily associated with good quality design, with clear learning objectives,
carefully structured content, controlled workloads for faculty and students,
integrated media, relevant student activities, and assessment strongly tied to
desired learning outcomes.
2. Allow changes
any changes in developing the application can be implemented at every phase
to improve the functionality of the application.
3. Save cost
the development of the application can save the cost because the information
collected at each phase are very particular until the final test of the application.
24
3.2.1 Phase 1 : Analysis
The objective of this phase is to identified the problem faced by the target user. So, in
this project, the target user is Form 4 students. The first problem that had been identified is the
common way of learning via textbooks which lack audio and visual aids can make the learning
process even more boring and uninteresting for students. Second, students need to carry out
many experiments in order to visually experience the outcome of each experiment. However,
the common shortage of access to school chemistry laboratories as well as insufficient amount
of experiment apparatus and materials limit students’ learning opportunities. Based on the
identified problems, the aim was to design and develop an interactive learning application
called Chem-is-Easy which supports students in learning and preparing for their examinations
specifically on the periodic table topic. The application should consist of two main parts: the
learning content delivery and the interactive learning activities.
3.2.2 Phase 2 : Design
In designing the functional screens of Chem-is-Easy, much effort is undertaken to
create a common ‘look and feel’ for all screens. In software design, ‘look and feel’ is a term
used with respect to a graphical user interface and comprises aspects of its design. The ‘look’
includes elements such as colours, shapes, layout, and typefaces, as well as the ‘feel’ is a
behaviour of dynamic elements such as buttons, boxes, and menus. To ensure a unique but
consistent look and feel is maintained, the ‘flat design’ is chosen as the overarching scheme or
style in Chem-is-Easy. ‘Flat design’ can be described as a style of interface design which
excludes any stylistic elements that give the illusion of three dimensions and is focused on a
minimalist use of simple elements, typography and flat colours. According to Clum, flat design
strips down visual elements to expose their essential functionality, thus, it is adaptable to
usability considerations.
3.2.3 Phase 3 : Development
This phase will transform the design into the real application by implementing the
coding. This application will be develop using Adobe Flash Professional. This includes the
creation of digital assets such as graphics and animations. Interactivity on the objects was
incorporated using Flash scripting language, Actionscript 3.0. The final deliverables were
exported in the form of Android Package Kit(.apk) for use on Android-based mobile devices.
25
3.2.4 Phase 4 : Implementation
A complete software will be present to test its effectiveness and see the problems that
are not notice during the design and development stage that may exist. Usually, the
implementation stage is will be implemented using a group of users who meet the target user
criteria. In this case, panels and all other testers systematically discover and report issues within
the application that need to be resolved. Any errors or bugs will be fix before the software is
release officially.
3.2.5 Phase 5 : Evaluation
The evaluation process will be made firstly by panels, lecturers and senior. If there is a
feedback that says it does not conform to the user's requirement, the improvement process will
be implemented to ensure that it is appropriate to the scope of the user within the period
underlined. Once the application is in steady state, it is review that the application has meet all
the goals, requirements and objectives for the project plan satisfactory result.
26
3.4 SYSTEM REQUIREMENTS
3.4.1 Software Requirements
List of software needed:
No. Software Purpose
1. Adobe Flash CS6
Actionscript 3.0
Platform to build the application
2. Adobe Photoshop CS6 Platform to design the logo and background of the
application
3. Google Chrome A browser to searching the information
4. Microsoft Word 2013 Platform for documentation of system
Table 3.1 : List of software requirement
3.4.2 Hardware Requirements
List of hardware needed:
No. Hardware Description
1. Laptop LENOVO™ ideapad 320-14IKB
2. Processor Intel(R) Core(TM) i5-7200U @ 2.50GHz 2.71 GHz
3. Memory 4.00 GB RAM
4. Operating System Windows 10
5. System Type 64-bit Operating System
6. Pendrive SanDisk Cruzer Edge 16.00GB
7. Mobile Phone Vivo Y66
Table 3.2 : List of hardware requirement
27
3.5 NAVIGATION STRUCTURE
HOMEPAGE
LECTURE
NOTES
LECTURE
VIDEO HELP INFORMATION VIRTUAL
LAB QUIZZES
Introduction
to Periodic
Table
The Periods
Elements in
Group 17
Elements in
Group 1
Elements in
Group 18
Introduction
to Periodic
Table
Elements in
Group 17
Elements in
Group 1
Elements in
Group 18
The Periods
Elements in
Group 18
Elements in
Group 1
Elements in
Group 17
Elements in
Group 3
Figure 3.2 : The composite navigation structure of Chem-is-Easy
Level 3
Level 2
Level 1
28
3.6 PROCESS DESIGN
3.6.1 Framework
Figure 3.3 : Framework of Chem-is-Easy
29
3.7 DATABASE DESIGN
3.7.1 Entity Relationship Diagram (ERD)
An entity-relationship diagram (ERD) illustrates system’s entities information
and entities’ relationship. ERD composed of 3 things such as identifying and defining
the entities, determine entities’ interaction and the cardinality of the relationship. Every
box illustrate the table in database and lines is to illustrate relationship.
The first process in this ERD is Students answer Quizzes. In Quizzes, QuizLevel
becomes a composite primary key while Username become a foreign key. Second is
the process of interaction between Students and Score. Students can check or view their
score that they get during answering the question in Quizzes. QuizLevel and Username
will become composite primary key.
Figure 3.4 : Entity Relationship Diagram (ERD)
30
3.7 INTERFACE DESIGN
3.6.1 Homepage Design
Figure 3.5 : Homepage of Chem-is-Easy
Voice audio : No
Background audio : Yes
Animation : All of the button show interactive effect when click
This interface is the first homepage that will be shown to the user. There are
four choices of menus that the user can access that are Lecture Notes, Lecture Videos,
Virtual Lab and Quizzes. For Lecture Notes menu, the user can get notes about the
Periodic Table. The user also can watch videos about Periodic Table at the Lecture
Videos menu and they can enhance their understanding in Periodic Table topic by
answering the question at Quizzes menu. The Virtual Lab menu is for the user to carry
out experiments on the Periodic Table topic. The Table Elements Button is about the
information of all the elements present in the Periodic Table.
31
3.6.2 Input Form Design
A new user needs to register first before able to log in into this application. The
user must fill in the registration form with their profile information that is required such
as first name, last name, username and password. Below is the example for the
registration form.
Figure 3.6 : Interface Register Form
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
32
After successful register, the users need to log in first before they can access the
modules that contain in this application. All users need to enter their username and their
password. Below is the example of login form.
Figure 3.7 : Interface Log In Form
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
33
3.6.3 Submenu Table Elements
In this interface, there will be shown the Periodic Table of the Elements in
Chemistry. For example, if user click “H” which is one of the elements that are present
in the Periodic Table, so the properties about the “H” element will be shown to the user.
Figure 3.8 : Interface of Periodic Table in Submenu Table Elements
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
34
Figure 3.9 : Interface of the properties of the elements in Periodic Table
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
35
3.6.4 Submenu Lecture Notes
This interface is from Lecture Notes Button. Students can read and get the notes
about Periodic Table in this section. Because there are five subtopic of this topic
Periodic Table according to the Form 4 syllabus, so the will be different button for each
subtopic. Each button contains different lecture notes of different subtopic.
Figure 3.10 : Interface of the subtopic contain in Periodic Table topic
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
36
For example, if the user click the “INTRODUCTION TO PERIODIC TABLE”
button, the notes about the introduction of the Periodic Table will appear. The simple
note will make students easy to understand and remember.
Figure 3.11 : Interface Lecture Notes for one of the subtopic in the Periodic Table topic
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
37
3.6.5 Submenu Lecture Videos
Lecture Videos Button will bring user to watch videos on Periodic Table topic
at Youtube website. The Video Button provided will link the application to the Youtube
website. Each subtopics in Periodic Table will have their own videos. This will make
user more understand about the Periodic Table topic besides only reading the Lecture
Notes.
Figure 3.12 : Interface for Lecture Videos option for the user to choose the subtopic
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
38
Figure 3.13 : Interface of the Lecture Video which link to the Youtube website
Voice Audio : Yes
Background Audio : Yes
Animation : All of the button show interactive effect when click
39
3.6.6 Submenu Virtual Lab
In this interface, user can carry out experiments. The experiments are all about
the elements in some of the Group of Element in the Periodic Table. The experiments
are based on the Chemistry textbook of Form 4 syllabus. With the implementation of
2D animation, it will make the lesson more interesting.
Figure 3.14 : Interface for Virtual Lab with option
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
40
Figure 3.15 : Interface for Virtual Lab which student can do experiment
Voice Audio : Yes
Background Audio : Yes
Animation : All of the button show interactive effect when click and the experiments
are in 2D animation
41
3.6.7 Submenu Quizzes
In this section, user will need to answer the questions given. The questions given
are all about the Periodic Table topic and was collected from the past year examinations.
There will be three levels of quizzes which each levels will have different type of
question. Each correct answer will be given mark, while the wrong answer will not be
given any mark. The mark will be save for the next quizzes.
Figure 3.16 : Interface for the Quizzes Levels
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
42
Figure 3.17 : Interface question for Quizzes
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
43
After the users answer all the question of a level, their score will be appear and
the status of their quiz level also will be appear. In this, users can know where are their
weakness that they need to improve. Users also can know if they can proceed to another
level or not.
Figure 3.18 : Interface for the score and quiz status
Voice Audio : No
Background Audio : Yes
Animation : All of the button show interactive effect when click
44
3.8 CONCLUSION
The conclusion is the detailed methodology is needed to develop this application. The
use of the methodology is to solve all the problem arising and to ensure that the project will
work as well as planning to develop this system smoothly and complete within the given time.
Hence, the ADDIE Model is used for the project of Chem-is-Easy. The ADDIE model is a
systematic instructional design model consisting of five phases which are Analysis, Design,
Development, Implementation and Evaluation. This type of methodology is chosen because it
is very suitable for this development application, allow any changes and correction and also
save the cost. It is also act as a guideline from the starting of the development of the application
until the application is ready to be publish officially to users.