Industrial Training Technical Report

UNIVERSITI TEKNIKAL MALAYSIA MELAKA
FACULTY OF INFORMATION AND COMMUNICATION

TECHNOLOGY
BITU 3946
INDUSTRIAL TRAINING TECHNICAL REPORT
Name of Student
: Noordiyana binti Noorazilan
Faculty Supervisor
: Dr Sharifah Sakinah binti Syed Ahmad
Industry Supervisor
: Assoc. Prof. Muhammad Rafie Hj.

Mohd Arshad
Training Period
: 9 September 2013 21 February 2014
Industry Name
: School of Computer Sciences, USM.
INDUSTRIAL TRAINING TECHNICAL REPORT

AT
MAKMAL PENYELIDIKAN MULTIMEDIA,
PUSAT PENGAJIAN SAINS KOMPUTER, UNIVERSITI SAINS
MALAYSIA.
Period Of Training:
09 September 2013 21 February 2014
Submitted By:
NOORDIYANA BINTI NOORAZILAN
This Technical Report for Industrial Training is submitted to

Faculty of Information and Communication Technology,
Universiti Teknikal Malaysia Melaka
In partial fulfillment for Bachelor of Computer Science (Artificial Intelligent)
Faculty of Information and Communication Technology

(February 2014)
ii
ACKNOWLEDGEMENTS
First of all, I would like to thank to Allah S.W.T for giving me the beautiful destiny and
provision in my life, so that Im destined to dig a lot of new experience, knowledge and
good friends in Makmal Penyelidikan Multimedia, Pusat Pengajian Sains Komputer ,
Univerisiti Sains Malaysia.
Indeed, I would like to thank to my family who always giving me the endless support at all
times.
A special thank go to both of my supervisors, Assoc. Prof. Muhammad Rafie Hj. Mohd
Arshad (industrial training supervisor) for the help and guidance me throughout the
completion of industrial training within 24 weeks. Also thanks to Dr. Sharifah Sakinah
binti Syed Ahmad (faculty supervisor) for her relief and willingness of being my supervisor
and her invaluable guidance during the industrial training program.
Last but not the least, my grateful thanks go to those who have contribute directly or
indirectly especially to all the Makmal Penyelidikan Multimedia colleagues for their assists
and not to forget my parents for their financial and never ending support, for the help in the
studies and for the success as well.
iii
ABSTRACT
This Industrial raining Report is written as the prerequisite to the BITU 3946 Industrial
Training Technical Report which served as medium of information to the supervisor to see
what tasks and project that student have done during their 24 weeks of internship. During
the 24 weeks period of training, students will be supervised and monitored by two
nominated supervisors. One supervisor from faculty and another from the organization. In
this report will explain details key area of my training under Makmal Penyelidikan
Multimedia Department of School of Computer science, USM. It gives a brief introduction
about the development of mobile application based on android, ios and RFID-based
systems. Also, give a good representation of the organizational structure and the
interconnectivity of the various Information and Communication Technology. Effort was
made to explain the role of the IT Department, bearing in mind the various IT facilities and
relevant equipment. Adequate coverage has been given to the operations and maintenance
training I received, as well as the specific type of work I was engaged in. Besides hard skills,
the writer also gains the soft skills such as management skill and communication skill. As
conclusion, industrial training is really useful for student to apply their knowledge and to be
prepared for facing the real industry world.
LIST OF TABLES
TABLE
TITLE
PAGE
1.1
Organization Locations and Contact Information
1.2
System Configurations
2.0
Department Functionality and Description
14
3.0
Description function of Pengenalan and Tatacara
34
3.1
Getting Started Android
41
3.2
Table Function of Develop
38
3.3
Table Function of Develop 2
47
vi
LIST OF FIGURES
FIGURES
TITLE
PAGE
1.1
Location of School of Science Computer, USM
2.0
USM Emblem
2.1
The Logotype
10
2.2
The Brand Signature
10
2.3
School of Science Computer Emblem
10
2.4
Organizational Chart of CS
12
2.5
Organizational Chart of Project Department
13
3.0
All information that have been downloaded save

in Panduan Haji folder
18
3.1
Blue Stacks loading
19
3.2
Blue Stacks interface
19
3.3
How the application when run in Blue Stacks
20
3.4
Rukun and Wajib Haji as a table of content
21
3.5
Carta Aliran Pekerjaan Haji
21
3.6
Pengenalan explanation in Microsoft Words
23
3.7
Tatacara explain by a table content in Microsoft Word
24
3.8
Book of Himpunan Doa-Doa Terpilih Di Tanah Suci
26
3.9
Start button for Windows user
27
3.10
Clock, language and Region Option from Control

Panel
27
3.11
Region and Language box
28
3.12
Text Services and Input Languages
29
3.13
Setting language
30
3.14
Choose keyboard on screen
31
3.15
Keyboard on screen
31
vii
3.16
Some of doa that are typing.
32
3.17
Structure Al-Mathurat doas
36
3.18
User interface
37
3.19
Icon number design
38
3.20
Image Icon
38
3.21
ListView layout
39
3.22
Item row
39
3.23
Some coding of Main menu
40
3.24
How to run the application from eclipse
41
3.25
Choose a device to run
42
3.26
Show the application install on AVD
42
3.27
The User Interface
43
3.28
This is my account web of fluid
46
3.29
Storyboard User interface for project
46
3.30
Icon for Menu Utama
48
3.31
Icon for Sepintas Lalu
49
3.32
Layout for Sepintas lalu
49
3.33
Layout of Tatacara
50
3.34
Layout of Doa part
50
3.35
The file android application of this project
51
3.36
Java class involved each of package
52
3.37
Main Menu class of coding
52
3.38
Coding on how to call image
53
3.39
Haji Tamattu android application
54
3.40
When user click button the color change
55
3.41
Wuquf interface
55
iv
TABLE OF CONTENTS
CHAPTER
CHAPTER I
SUBJECT
PAGE
ACKNOWLEDGEMENTS
ii
ABSTRACT
iii
TABLE OF CONTENT
iv
LIST OF TABLES
LIST OF FIGURES
vi
LIST OF ABBREVIATONS
viii
INTRODUCTION
1.1
Duration and Place Training
1.2
Objective of Industrial
1.3
Training
Scope
1.3.1 Documentation
1.3.2 Multimedia
1.3.3 Support
1.3.4 Programming
CHAPTER II
INTRODUCTION OF ORGANIZATION
2.1
Background of
Organization
2.1.1 Background of Institution
2.1.2 In Search of CS
2.1.2.1 USM Emblem

2.13 About CS
2.2
9
11
2.1.3.1 Mission
11
2.1.3.2 Vision
11
Organizational Chart of Department
12
2.2.1 Organization Chart of CS
12
2.2.2 Organization Chart of Project

Developemnt
2.3
CHAPTER III
Function of Department
13
14
PROJECT DESCRIPTION
3.1
Analysis Information Documentation for

Project Haji Android Development
16
3.1.1 Task Specification
16
3.1.2 Implementation and Solution

Method
17
3.1.2.1 Searching Website
17
3.1.2.2 Blues Stack Player Software
18
3.1.3 Results of Task/Project
20
3.1.4 Advantage, Disadvantage and Suggestion

For Task Improvement
3.2
22
Distribution Information of Documentation

For Haji Android Development
22
22
3.2.2 Implementation and Solution Method
23
vi
23

3.3
25
Documentation of Typing Doa for Haji

Android Development
25
25
3.3.2 Implmentation and Solution Method
26
31

3.4
32
Developing Android Application for

Al-Mathurat Application
33
34
35
3.4.2.1 Al-Mathuray Doa
35
3.4.2.2 Develop android application
36
3.4.2.2.1 Design
36
3.4.2.2.2Develop
37

3.4.3.1 Distribute
41
41
3.4.4 Advantage, Disadvantage and

Suggestion for Task Improvement
3.5
43
Developing Android Application for

Al-Mathurat Application
44
44
45
3.4.2.1 Storyboard
46
3.4.2.2 Develop android application
47
3.4.2.2.1 Design
47
3.4.2.2.2Develop
47
53
vii
3.4.3.1 Distribute
54
3.4.4 Advantage, Disadvantage and

Suggestion for Task Improvement
3.6
CHAPTER V
Knowledge and Skills Gain
56
56
CONCLUSION
4.1
Contribution towards Organisation
59
4.2
Conclusion
60
REFERENCES
61
APPENDICES
63
viii
LIST OF ABBREVIATIONS
ADT
APEX
FTMK
GIMP
IT
SDK
USM
UTeM
XML
Android Development Tools

Accelerated Programme for Excellence
Fakulti Teknologi Maklumat dan Komunikasi
GNU Image Manipulation Program
Internet Technology
Software Development Kit
University Sains Malaysia
Extensible Markup Language
CHAPTER I
INTRODUCTION
Industrial Training, BITU 3946 is one of the compulsory subjects for UTeM student to
fulfil the requirement in completing Bachelors Degree in Computer Science. This
undertaking training is mainly to expose FTMK final year students with real working
environment and practice the right work attitude. Students will have the chance to
implement what has been taught and learnt along three years study before Industrial
Training as well as to utilize the knowledge learnt, gain new skills, and be aware of current
technologies. Besides, the involvement in working with colleague and project team
members encourage students to develop and improve interpersonal skill and make use to
adapt with new environment and meet the diversity of different people and society. The
main part of undergoing this internship training which is to identify industrial problems and
suggest possible solution would be the crucial thing for all students to apply the basic and
general knowledge of project life cycle in any system development in real industry.
1.1 Duration and Place of Training

The Industrial training program held by UTeM is the industrial training program
that has to be done in the duration of 6 months period from 9 September 2013 until 21
February 201. And Also, UTeM gives the opportunity to students to choose which
company suits their desire and expectations. The organization must be IT-based Company
for the main requirement, or if it is not the IT-based one, the company must have at least IT
role or IT Department.
As for me, I choose School of Computer Science, University Science Malaysia as
my internship placement for the whole 6 months. The intern is required to attend the
workplace every Monday to Friday and the working is 8.30AM 5.30PM. The contact
details and location of the company are as shown below:
Figure 1.1 Location of School of Science Computer, USM
School of Science Computer, USM Contact Details

Makmal Penyelidikan Multimedia, Pusat Pengajian Sains
Address
Komputer, Universiti Sains Malaysia, 11800 Minden, Pulau

Pinang.
Telephone No
04-6533616
Fax No
04-6534759
Name
Assoc. Prof. Muhammad Rafie Hj. Mohd Arshad
Email
rafie@cs.usm.my
Table 1.1 Organization Locations and Contact Information
1.2 Objective of Industrial Training

The objective of industrial training is to give the students experience about real
industry world. The main industry here is IT industry which gradually developed according
to the new era and latest technology worldwide, following the requirement and amendment
from customers which dynamically change.
This situation will lead students to apply the theoretical knowledge into practical
work, as well as utilize all the technical skills that have been learnt during 3 years study
before Industrial Training program.
Besides those technical skills are applied on industrial training, soft skills
interpersonal skill are also trained and built during the training. The student will get
massive experience and training about soft skills such as time management skills, team
leader management skills, and as good as team building skills.
The objectives of Industrial Training Programmed are:
To expose students with real working environment and practice the right
work attitude
To apply all the skills and knowledge from the hands on practice in the labs
and projects
To generate new knowledge and experience from the company for future
benefits
To identify industrial problems and suggest possible solution
1.3 Scope
1.3.1. Documentation
The following are the list of documentations done during Industrial Training
at School of Science Computer, USM
Information of project (Haji)
List of doas
Designing android interface
Structured project information
1.3.2. Multimedia
The following are the list of multimedia works done during Industrial
Training; most of the designs are completed using GIMP and Light Shot software.
Design icon images
Design background layout
Design icon texts and etc.
1.3.3. Support
The following are the list of support works involved during
Industrial Training:
System Configuration
Specifications
Hardware
Laptop : Toshiba
Processor: Intel(R) Core(TM) i3 CPU M 350 @ 2.27
GHz
System Type : 32-bit Operating System
Samsung Tab 2.0
Eclipse IDE for Java Developers, Indigo Service
Software
Release 2
Android SDK Tools
Table 1.2 System Configurations
1.3.4. Programming
The
following
are
list
of
programming
during Industrial Training:
Java in developing android
XML in developing layout creating interface
Design and build some interface project using Fluidui.com
works
involved
CHAPTER II
INTRODUCTION OF ORGANIZATION
According to Wikipedia, Organization is a social entity that has a collective goal

and is linked to an external environment. In this particular case, the organization here refers
to School of Computer Sciences. This chapter will explain the brief introduction of the
company background. The explanation will be started by the explanation of organization
background, organization corporate and service provider, as well as its function of the
department. Indeed the organizational chart of department and the table of its function and
description will be briefly described.
2.1. Background of Organisation

The School of Computer Sciences, USM was established officially on the 1st of
March 1995 after functioning for a period of 10 years as the Division of Computer Science,
an independent and autonomous unit within the then School of Mathematical and Computer
Sciences. The period had witnessed various advances, developments and achievements of
Computer Science pertaining to academic programmes, research and development,
consultancy, community services and others. The School of Computer Sciences will
continue its efforts to strengthen its curricula and at the same time explore research areas
that
contribute
significantly
to
the
development
of
the
nation,
from
http://www.cs.usm.my/index.php/postgraduate.
2.1.1. Background of Institution
School of Computer Sciences under main campus in University

Science Malaysia
(USM). Established as the second university in the country in
1969, Universiti Sains Malaysia (USM) was first known as Universiti Pulau Pinang.
In 1971, USM moved from
its temporary premises at the Malayan Teachers
Training College, Bukit Gelugor to the
present 416.6 hectare site at Minden,
approximately 9.7 km from Georgetown.
USM offers courses ranging from Natural Sciences, Applied

Sciences, Medical and Health Sciences, Pharmaceutical Sciences to Building
Science and Technology,
Social Sciences, Humanities, and Education. These
are available at undergraduate and
postgraduate levels to approximately 30,000
students at its 17 Academic Schools on the main campus in the island of Penang; 6
Schools at the Engineering Campus in Nibong Tebal (approximately 50km from the
main campus); and 3 at the Health Campus in Kubang Kerian, Kelantan
(approximately 300km from the main campus).
USM also has 17 dedicated research centres for a wide range of

specialisations which include archaeology, medicine and dentistry, molecular
medicine, science and
technology, Islamic development and management
studies, and policy research and
international
consultancy, testing, and advisory services to the
studies.
It
also
provides
industry under the ambit of
USAINS Holdings Sdn Bhd, the Universitys commercial arm.
Since the beginning, USM has adopted the School system rather than
the traditional Faculty system to ensure that its students are multi-disciplined from
their exposure to other areas of study by other Schools. It also encourages students
to be active
in extra-curricular activities given the myriad of clubs and societies
available.
As a Research Intensive University recognised by the Ministry of

Higher
Education Malaysia (MOHE) in 2007, USM offers educational and
research
opportunities to students and staff. In 2008, USM also became the
first university in the country to be selected by the Malaysian government to

participate in the Accelerated Programme for Excellence (APEX), a fast-track
programme that helps tertiary
institutions achieve world-class status, from
http://www.usm.my/index.php/en/about-
us/usm-profile.
2.1.2. In Search of School Science Computer

2.1.2.1.
USM Emblem
Emblem is an object or a representation that functions as a symbol.
The crest of USM, featuring the crescent and the moon, the two tigers, the
shield and the motto, reflects the Malaysian identity from which the University
draws its inspiration and support. The role of the University as a national
institution is reflected in the other symbols in the crest. Overall, the crest is
underpinned by the motto KAMI MEMIMPIN (WE LEAD) that reflects the
role of the university in the fields of knowledge, teaching, research and
community service.
Figure 2: USM Emblem
The letter S in white is placed between the letters U and M in purple. The
official USM logotype is designed in the form of a string of three letters
signifying the cohesiveness of USM as an organisation. The use of the letter S
in white symbolises the state of well-being (Sejahtera) prevailing within the
campus as well as soundness of thought and the keenness of its citizenry.
10
Figure 2.1: The Logotype
The Brand Signature is a combination of the Crest, the Logotype and the
Descriptor. These are locked together as a single entity; always appear in
exactly the same manner wherever it is seen.
Figure 2.2: The Brand Signature
Figure 2.3: School of Science Computer Emblem
11
2.1.3. About School of Computer Sciences, USM
2.1.3.1.
Mission
Providing holistic and sustainability inspired computing in the quest
for knowledge and excellence in education and research that nutures individuals
who can contribute effectively towards the transformation of the nation.
2.1.3.2.
Vision
Towards holistic and sustainability inspired computing for a better
tomorrow.
12
2.2. Organizational Chart of Department

2.2.1. Organization Chart of School Science
Figure 2.4 Organizational Chart of CS
The organizational chart is School of Computer Science organizational that

involved Dean, Deputy Deans (Deputy Dean Research, Deputy Dean Student
Development and Industry & Community Network, Deputy Dean Academic),
Programme Chairperson (Software Engineering, Computer Systems, Information
Systems, Computing Science), Senior Assistant Register, and Assistant Register.
13
2.2.2. Organizational Chart of Project Department

Managing Director (Head of Project)
Prof. Madya Muhammad Rafie Hj Mohd
Arshad
List of Experts Projects :

Ustaz Abd Rhaffor Hj Mahmod
Prof. Ahmad Tajuddin Khader
Puan Hasimah Hj Mohamed
Encik Mohd Azam Osman
Ustaz Mohd Yusof A.Rahim
Prof. Munirah bt Ghazali
Prof. Madya NurAini Abdul
Rashid
Prof. Madya Omar Majid
Puan Wahidah Husain
List of Contributors and expertise in application development :

Aizat b Idris ,Basyir b Adam, Mohamad Maulid b Badrul Hisham
Mohd Fekri b Mohd Jamil, Mohd Zamadi b Omar
Ustaz Mohd Zamrus b Mohd Ali, Muna bt Omar
Sarah Hazwanibt Adnan, Ustaz Zayd b Zhari
Wardah bt Roslan
Noordiyana Bt Noorazilan (Trainee)
Salbiah(Trainee)
Mohd Syafiq Zabidy (Trainee)
Syafiq UPM (Trainee)
Figure 2.5 Organizational Chart of Project Department
This organization chart is based on project run by the lectures of CS. The head of
project
is my supervisor, where my internship under this project department. Under
Manager Director is Experts Projects consists of other lectures department. Lastly the
Contributors
and Expertise consists of student and Intern students.
14
2.3. Function of Department
This section will briefly describe the function of IT Department in School of

Computer Sciences as the department is the main place for the student to serve out during
internship period. During the course of my industrial training, I have been placed under
Makmal Penyelidikan Multimedia as a trainee in the project mobile application of Haji and
Umrah. Summarization of project department function is:
Experts Projects
Identify strategic options and configure complex programmes

from integrated projects. Support management involves proper
planning and controlling.
Contributors and
Ensuring that the project is up and running, applying operating
Expertise
project updates based on head decision, hardware monitoring and

troubleshooting.
Software design and development workflow includes tasks

which are related to coding, modifying, debugging, testing and
documenting of the projects.
Table 2: Department Functionality and Description
15
CHAPTER III
PROJECT DESCRIPTION
This chapter will elaborate all the projects and activities the student has been
involved in during the time of the industrial training. There are many and various kind of
task that has been done during the training, remembering the strict rule and deadline of the
organization, the detail elaboration will be written based on following contents. The
description and problem statement of each of the project will be explained followed by the
specification of each task. For each task and project, there will be the details of problem
statement, task specification, implementation and solution method, results of task,
advantage and disadvantage, and suggestion for task improvement, as well as knowledge
and skills gain.
16
3.1. Analysis Information Documentation for Project Haji Android Development

Documentation is a set of documents provided on paper, or online, or on digital or
analog media, such as audio tape or CDs. Example are user guides, white papers, on-line
help, quick-reference guides. It is becoming less common to see paper (hard-copy)
documentation. Documentation is distributed via websites, software products, and other online applications.
As trainee for Project Haji, I need to know what are projects involved with, what are
project specification, what are project about and what project needed. The first week of
intern, is period of time to get knowing the project.
3.1.1. Task Specification

As a freshly to the project development, analysis is the first task of my
industrial training. Analysis is the process of breaking a complex topic or substance
into smaller parts to gain a better understanding of it. For this task, analyze involves
a method of studying the topic of Haji. Haji is a big topic, however my supervisor
have made more details and give some specification of parts that need to be search
before analysing. The task takes to analyse android application that made by
previous intern student and mobile application in play store. The information for
both applications needs to analyse what the information have for applications, what
are differences of every application and what it is and not for applications. By that,
the information are collect after analyzing done and those information need to made
in a table of content for the Activity of Haji act as a workflow or step by step
process Haji.
17
3.1.2. Implementation and Solution Method

Implementation for this task is carrying out the separating information every
application into its elements. The collecting information based on two method
solution:
3.1.2.1.
Searching Website
Nowadays, when we need to searching for some information, online
searching is the fastest way to get information via internet. By this method,
some of websites have found according to task specification. Below is the list of
websites as references to analyse task.
http://www.tabunghaji.gov.my/web/guest/modul-kursus-asas-haji (As main

reference information and as data in application)
http://www.tabunghaji.gov.my/web/guest/bimbingan
http://shafiqolbu.wordpress.com/2011/11/03/perjalanan-ibadah-haji/
http://agama.kompasiana.com/2010/11/15/catatan-tata-cara-ibadah-haji318926.html
http://www.dalil-alhaj.com/my/alihram_mt.htm
http://apihyayan.blogspot.com/2009/10/ibadah-haji-dan-tata-caranya.html
http://www.e-mosque.com.my/ibadatfardhu/h14.html
http://www.al-azim.com/haji/rukun_ihram.htm
http://www.slideshare.net/zurridha/ibadat-haji-umrah-niat
18
Figure 3: All information that have been downloaded save in Panduan Haji
folder
3.1.2.2.
BlueStack Player Software

BlueStack is second solution to view mobile application via personal
computer. Bluestacks is a Silicon Valley-based software company that produces

BlueStacks App Player and BlueStacks Cloud Connect. Both products are
designed to enable Android applications to run on Windows PCs, Macintosh
computers and Windows tablets. With Blue Stacks application player, some
android applications related to ongoing projects can be downloaded, and
19
then these applications can be opened and reviewed the information in the
application.
Figure 3.1: Blue Stacks loading
Figure 3.2: Blue Stacks interface
The images with red colour are the some applications that I have downloaded as
references for the project. Application that also builds in eclipse can also be
run in
Blue Stacks.
20
Figure 3.3: How the application when run in Blue Stacks
3.1.3. Results of Task / Project

Once the process analysing the information that have collect, I can
accomplish the goal of implementation for this task. There are two parts results
from analysis:
Jenis-jenis Haji. For each type of Haji, there are sub topics and things that
should be done by para jemaah haji.
Rukun and Wajib Haji.

The results of this tasks by decided to make Rukun and Wajib Haji as
information or data to project because it follow the flow of activities and users
can see
clearly and understands. The results of analysis of information has
21
collected, this is to see
how own idea manage the flow activities of Hajj and
the reasons as above. All
information inserted in Microsoft Word to organized
according to order. Below is the cart of Rukun and Wajib Haji:
Figure 3.4: Rukun and Wajib Haji as a table of content

From the cart of Rukun and Wajib Haji, I came out with Carta Aliran
Pekerjaan Haji as the flow activities of Haji. Every step in Rukun and Wajib Haji
arranged by sub-topics and has explanations.
Figure 3.5: Carta Aliran Pekerjaan Haji
22
3.1.4. Advantage, Disadvantage and Suggestion for Task Improvement

The advantages of this task adding my input knowledge about Haji. As a
Muslim, I should know the process activity of Haji by doing this task it helps me a
lot to know the things that I do not know in Haji.
The disadvantage is there too lot of references website, so this make me a bit
confusing about the information because not all websites are correct.
3.2. Distribute Information of Documentation for Haji Android Development

Distribution is process of making or method use to get the product through various
distribution channels. These distributions for Project Haji help me to identify the part
result from analysis and classified the information into the category that created.

Based on analysis task previously, I need to classify the results information
into two elements Pengenalan and Tatacara according to Rukun dan Wajib
Haji parts.
The process distribution make me by looking the results of analysis information,
where I need to determined each activity that inlvolved for Rukun dan Wajib Haji
parts.

Implementation for this task carries me to putting a decision by listing the
activity according to two elements function and made this as solution method by
divided and arranged by sequent. Below is the description function both elements:
23
Pengenalan
Involves the definition and background of each step

Haji.
Tatacara
Involves the time each step, conditions, amalan sunat,

pengecualian and so on for each step in detail
Table 3: Description function of Pengenalan and Tatacara

The listing activity is from results analysis where this information organized
according to order based on description function both elements. For Pengenalan,
there are several step are explain based on Rukun and
Wajib Haji. While for
Tatacara, it arranged in the form of a table. This make easier to understand and see.
Figure 3.6: Pengenalan explanation in Microsoft Words
24
Figure 3.7: Tatacara explain by a table content in Microsoft Word

These tasks help to learn on how to organise or classified information
according to the suitable function. The hard thing is to know whether the
information is good information based the function provided or just a simple
information.
3.3. Documentation of Typing Doas for Haji Android Development

Typing is process of writing or inputting text by pressing keys on a typewriter,
keyboard, cell phone, or a calculator. This task involved with keyboard on personal
computer to type the data or information inside to located folder or appropriate.
25

The task I need to do is to type the list of doa that have been marked inside
Himpunan Doa-doa Terpilih Di Tanah Suci book. This involved Microsoft Word
to type back all the doas and keyboard on my personal computer. However, the
doas are not in our regular word but in Arabic types word. So, these need some
setting to make the keyboard in mode visible of Arabic words. The doas is one of
data input that will be upload to the project android application letter.
Figure 3.8: Book of Himpunan Doa-Doa Terpilih Di Tanah Suci

To achieve the objective of Arabic words, there are two implementations
apply for the task: The two methods is:
1. Divided The List Of Doa.
26
The list of doa are classify in four part according to the title. Below is the list of
doa
that have categorized:
A) Zikir dan doa di Padang Arafah (pg 72-75)
B) Doa di Padang Arafah (pg 76 - 79)
C) Doa di Muzdalifah (pg 80 84)
D) Doa di Mina (pg 85 86)
2. Manage to type the Arabic words for doa and Malay words for
meaning.
To type the meaning each of doa can easily typing because it in Malay language and
can fast typing. So, first settle the meaning in Malay language by typing each of doa
meaning according to categorized. Second, to type the Arabic language, some
setting on personal computer need to set up. This to make the Arabic language
appear on screen when typing.
A. Setting up The Keyboard

1. Open Control Panel from Start
Figure 3.9: Start button for Windows user
2. Choose Change keyboards or other input methods
27
Figure 3.10: Clock, language and Region Option from Control Panel
3. When click Change keyboards or other input methods, a dialog box will come
out as shown below to Choose Change keyboards.
Figure 3.11: Region and Language box
4. When click Change keyboards... And a new dialog box came out as shown
below and choose Add button.
28
Figure 3.12: Text Services and Input Languages
5. When click Add button, and a new dialog came out as shown below and
choose the Arabic (Saudi Arabia).
29
Figure 3.13: Add Input Language

6. Lastly, click ok when done.
Once the Arabic language had done set up, start tying Ayat AlArabic by
Quran
in
using on screen keyboard for all doa. Below is how the keyboard on screen
appears.
1. Set up the language.
Figure 3.13: Setting language

2. Click All Program -> Accessories -> Ease of Access
30
Figure 3.14: Choose keyboard on screen
3. The keyboard will appear on screen.
Figure 3.15: Keyboard on screen
The keyboard is now ready to use to type in Arabic words. It almost takes a week to
type the word, because Arabic language is rarely used in environment and writing.

Of course, typing task is successful even it takes a bunch of time to type the
words one by one because need a time to identify the keyboard for Arabic words.
With the method apply in the solution for this task, the results for the Doa
accomplish and completed. Below is some of doas that type in Arabic and Malay
language.
31
Figure 3.16: Some of doa that are typing.
Figure 3.16: List of Doa done typing

The advantages of this task is I learned how to set up the keyboard, get
know the Arabic language on keyboard, and teach me play the keyboard by typing
in Arabic language. Plus a credit for me, I can gain knowledge read the doas and
understand it.
32
The disadvantage is typing the Arabic language really takes time and need a
lot of patience when miss type the words. The keyboards on screen sometimes
bother me to see what display on screen when I type the words. The keyboards on
screen size a half of the screen.
3.4. Developing Android Application for Al-Mathurat Application

Android is derived from early 18th cent. (in the modern Latin form): from modern
Latin androides, from Greek anr, andr- man + -oid. In science fiction, android is a robot
with a human appearance. In technology, android is operating system based on the Linux
kernel, and designed primarily for touch screen mobile devices such as Smartphones and
tablet computers.
As we know, android are the worlds most popular mobile platform and growing
fastevery day another million users power up their Android devices for the first time and
start looking for apps, games, and other digital content. Thus, my industrial training under
project department involved with developing android application. As a trainee, I will be
involved in project department. However, this is my first time building an android
application without any knowledge and experience before this. So as beginner to android, it
took time to be good in building android application.
For the first project of android application, it would be Al-Mathurat Application. AlMathurat is a compilation of important Quranic verses and the authentic ahadith. It is
presented in the form of a wird (litany) to be recited every morning and evening.
33

This project actually was already made by my previous senior intern, but it
is not fully completed. The files project give to me to look through the project. So, I
need to understand what have him already done build the application. To run the
application him made, a process of installation need to be done first before to begin
developing application.
Scope
Android
Module
Development Android SDK(Software Development Kit)
Tools
Tools to create compile and package Android

applications. Most of these tools are command line
based.
The
primary
way
to
develop
Android
applications is based on the Java programming

language.
Android Debug Bridge(adb)
Android SDK contains the Android debug bridge (adb),
which is a tool that allows you to connect to a virtual or
real Android device, for the purpose of managing the
device or debugging your application.
Install
Developer Tools
Android
Download packaged Android Developer Tools
Stand-alone ADT installation
Update an existing Eclipse IDE
Android Developers - The official site for Android

developers.
Provides
the
Android
SDK
documentation for app developers and designers.
and
34
Android device emulator
Android SDK contains an Android device emulator.
and
This emulator can be used to run an Android Virtual
Android
Virtual
Devices
Device (AVD), which emulates a real Android

phone.
To test your Android applications on different

Android versions and configurations without access
to the real hardware.
Table 3.1 Getting Started Android
This project actually not in scope of Project Haji and Umrah, but it is additional
project application under project department. The task of this project is needed me
to resume him project, in other word, I need to complete this project by given me
optional whether to use existing project work made by him or to create a new
application with my own idea but still in same topic. So, I decide to create a new
application to challenge myself with android.

For this project, I divided into two part solving method on how I implement
this project. This method according order of what should do first and then can
develop the application.
3.4.2.1.
Al-Mathurat Doa
Project Al-Mathurat contains doas that classify into two part which is
Surah and Zikir. Each part contains a list of doa and zikir. Below is the
structure of Al-Mathurat doa:
35
Surah
Al-Mathurat
22 of Surah
Zikir Pagi
(4 doa)
Zikir
Zikir Petang
(4 doa)
Figure 3.17: Structure Al-Mathurat doas
With this structure, it easy my task type the doa in Arabic language according
the order because each Surah contains several verses quoted doas and need
to find the meaning each of doas. The same method I apply like previous task
for typing task. The doas act as data to application once the project start to
develop.
3.4.2.2.
Develop android application
To get started build an app, there are three steps to follow that represent the
general order for app development, but the last step is suitable for results of
project and this will explain later on next topic.
3.4.2.2.1.
Design
Before write a single line of code, I need to design the user interface
and make it fit the Android user experience. Although I may know what a
user will do with app, I should pause to focus on how a user will interact
with it. The design should be sleek, simple, powerful, and tailored to the
Android experience.
36
Below is the picture of how this project application user interface looks like:
Figure 3.18: User interface
Label A in the user interface are main menu for the project
app. This contains list of name Surah and Zikir Doa. It act as a button but it
is not because this list doa when user click each row , user will enter to new
page where Label B act as a description according to user click the row it
choose.
3.4.2.2.2.
Develop
Once the design is finalized, all I need are the tools to turn app ideas
into reality. Android's framework provides me the APIs to build apps that
take full advantage of device hardware, connected accessory devices, the
Internet, software features, and more.
Below is the table for each Label function:
37
Scope
Description
Icon for Icon means it is for the images which represent each row
each row
differently. These icons create using GIMP software, GIMP is

the GNU Image Manipulation Program. It is a freely distributed
piece of software for such tasks as photo retouching, image
composition and image authoring.
Figure 3.19 Icon number design
Figure 3.20 Image Icon
Layout
There are two layouts for Label A user interface. First layout is
List View function, a view group that displays a list of scrollable
items.
38
Figure 3.21 ListView layout
Second layout is each row for item to display in ListView layout.
Figure 3.22 Item row
39
Java
Create java class to program the layout, so it can view.
class
There several elements in java class that makes the java class
work.
Listview() a view that shows items in a vertically

scrolling list.
onCreate(Bundle) is where initialize activity. Most

importantly, here will usually call setContentView(int)
with a layout resource defining UI, and using
findViewById(int) to retrieve the widgets in that UI that
need to interact with programmatically.
An intent is an abstract description of an operation to be

performed. It can be used with startActivity to launch an
Activity.
Figure 3.23 Some coding of Main menu
40

Actually, there are a lot of try and error process happen during the run
android application. This is to know what mistake or some elements did not correct
inside the java class. But this problem has overcome and the result of this
application follows the third step on build an application. The third step is
distributed.
3.4.3.1.
Distribute
Now the app is complete. It built it to support a variety of screen
sizes and densities, and tested it on the Android emulator and on real devices.
Figure 3.24: How to run the application from eclipse
41
Figure 3.25: Choose a device to run
Figure 3.26: Show the application install on AVD
42
Figure 3.27: The User Interface

The advantage of this project android application is I learned how to create
an android app where I never done before this. This gives me opportunity to get
knowledge on how the application is build. Usually, I only play application on
Smartphone, doesnt know how they create it but now I can build the application.
The disadvantage is I a new beginner to android, so took a lot of time to
understand how to coding. Sometimes, there a certain java languages I not really
understand, and confuse. Also, when run the application, there are bunch of error
appear. So, it really difficult to fix the error since there not so much I know about
android programming.
43
3.5. Developing Android Application for Haji Tamattu Application

Hajj al-Tamattu' involves performing Umrah and then Hajj, with one Ihram for each.
This form of Hajj is considered the best of three forms of Hajj. The literal meaning of
Tamattu is to reap profit. It is during the Hajj season that a pilgrim expresses at the Meeqat
his intention of performing the Umrah alone and then enters into the Ihram.
For the second task is Haji Tamattu Application. This will be my second project based
on android development. Since I have a bit known about android, this will be a second
challenge to me to build this application. Haji Tamattu is one of the main project and it is
under scope project department.

Previously, I have make a task where the analysis information are classify
into Pengenalan and Tatacara, so this have relationship with this project
application. This is information will act as data and input inside this application.
Also, I have made doas task by typing into Arabic language, this will be too data
and input to put inside this application. Based on this both task, I need to
determined which doa and information are related and will be as input for the part
that my supervisor have given.
Second task of this project application is to create a storyboard. This act as a
workflow to project application. This storyboard contains an interface of each part
that need to do.
Lastly, is to develop android application for this project once the storyboard have
finished created and evaluate by my supervisor to get his opinion on how I
44
described the Haji Tamattu will look like. It took a time to create storyboard, and
then apply to android application.

For this project, I divided into two part solving method on how I implement
this project. This method according order of what should do first and then can
develop the application.
3.5.2.1.
Storyboard
Storyboards are graphic organizers in the form of illustrations or images

displayed in sequence for the purpose of pre-visualizing a motion picture,
animation, motion graphic or interactive media sequence. For this project I used
storyboard online inside web where there is one website provide on how to
create online mobile android.
The web Fluid.com is web user interface that allow user to prototype their
mobile apps. This web provide design where user can Choose from over 2000
Android, iOS and Windows Phone widgets or upload own images to get that
pixel perfect look. Besides that, it provide testing where enable user to Preview
own mockup directly in own browser or install the Android or iOS apps to test
directly on own device. Also, it allow user to share the mockup with clients,
stakeholders and users and get invaluable feedback long before writing a single
line of code.
45
Figure 3.27: This is my account web of fluid
Figure 3.28 : Storyboard User interface for project
46
3.5.2.2.
Develop android application
The same method is applying to this project where to build an app. But for
this project is based on storyboard, even though the storyboard only creates one
part of subtopic over full project application.
3.5.2.2.1.
Design
Before write a single line of code, I need to design the user interface
and make it fit the Android user experience. Although I may know what a
user will do with app, I should pause to focus on how a user will interact
with it. The design should be sleek, simple, powerful, and tailored to the
Android experience. Design already creates based on storyboard.
3.5.2.2.2.
Develop
Once the design is finalized, all I need are the tools to turn app ideas
into reality. Android's framework provides me the APIs to build apps that
take full advantage of device hardware, connected accessory devices, the
Internet, software features, and more.
Below is the table for function of develop android :

Scope
Image
Description
icon Icon means it is for the images which represent each row
every part
differently. These icons create using GIMP software, GIMP

is the GNU Image Manipulation Program. It is a freely
distributed piece of software for such tasks as photo
47
retouching, image composition and image authoring. The

part that consists icon image is Menu Utama, Tatacara,
Sepintas lalu, Langkah demi Langkah, Wuquf and Mabit di
Muzdalifah.
Figure 3.29:Icon for Menu Utama
48
Figure 3.30: Icon for Sepintas Lalu
Layout
There are several layout that created and the function is same
as project before this. This layout will act as user interface
and can display with some coding that work.
Figure 3.31: Layout for Sepintas lalu
49
Figure 3.32: Layout of Tatacara
Figure 3.33: Layout of Doa part
Java class
Create java class to program the layout, so it can view.
50
There several elements in java class that makes the java class
work.
Figure 3.34 : The file android application of this project
51
Figure 3.35: Java class involved each of package
Figure 3.36: Main Menu class of coding
52
Figure 3.37:Coding on how to call image

The result for this task also follow the step of build an app. Some thing
happen for this project too, there are a lot of try and error process when run android
application. This is to know what mistake or some elements did not correct inside
the java class. But this problem has overcome and the result of this application
follows the third step on build an application. The third step is distributed.
53
3.5.3.1.
Distribute
Now the app is complete. It built it to support a variety of screen
sizes and densities, and tested it on the Android emulator and on real devices.
Figure 3.38: Haji Tamattu android application
54
Figure 3.39: When user click button the color change
Figure 3.40: Wuquf interface
55

Advantage: As a beginner in android, I learned new things. Know how to
create an application based on android. There are lot of free coding, tutorial online,
YouTube show how to coding and so on. From the basic can understand the
keyword for curtain coding. Know how to setting up other language and keyboard
on screen.
Disadvantage: Android sometime its complicated, need to a lot of coding.
A lot of time needs to waste to know the error especially a beginner. Sometimes can
get confuse with android coding where which coding are better to use because there
are a lot of coding some can be use other cants.
3.6. Knowledge and Skills Gain

Through the entire project, I have the chance to explore deeper about Android, not
only using java as main language for eclipse, but contribute to its API open source
framework development. I also had a chance to customize the layout to create interface,
create data through strings.xml, can create shape, colour and so on by xml. I also know how
to run the application through real device and setting up how to create emulator in AVD.
The following are the valuable experiences gained during this industrial training:
Time-Frame Based Tasks

All tasks given need to be completed to meet a due date. Therefore, we understand
the important of time management in completing a task.
Responsible for a Task

All tasks assigned to us is our responsibility to ensure that the task to be completed,
therefore we should be serious in handling any project and should proper planning.
56
Independent and Team Work

Sometimes, we have to work in independent or in a team; therefore, we should
possess qualified skills and knowledge to work on our own, or should be acceptable
to team members advices and ideas when work in a team.
Willing to Learn
If we are willingly to learn, people are always there to teach us. So we should be
acceptance to learn new skills to increase our proficiency.
59
CHAPTER IV
CONCLUSION
This chapter will discuss the conclusion of the overall points of this report
Besides that, the writers contributions to the organization are also will be stated. The
chapter will first start the writers contribution and then followed by the conclusion
of the overall report.
4.1
Contribution towards Organisation
Even though my contribution to the organisation could not be measured in

profitable value in this sixth month period, however, I have been playing my role
well for the whole training period and has become an active team member to
participate in all project assigned by supervisor. All of the projects was given full
attention and were done in appropriate manner. I believe that my effort contributed to
Project Mobile Application of Haji and Umrah under School of Computer Sciences,
USM has a positive effect on the development of the company.
60
4.2
Conclusion
As a conclusion, it is important for student especially those that are about to

finish their study to go for the industrial training. This is because during the training,
it can develop and polish the skills that have been learnt in UTeM. Furthermore, it is
also intended to develop self confidence in oneself and prepare them with the wanted
skill before facing the real working environment. The Industrial Training also gives a
good opportunity to the student to explore about the career related to their field of
study. Finally, the Industrial Training is really useful and had taught me a lot. My
confidence level along with my communication skills has improved.
61
REFERENCES
Jackson, Wallace (2011). Android Apps for Absolute Beginner. Spring Street, 6th Flor,
New York: Springer Science Business Media
L. Murphy , Mark (2010). Beginner Android 2. Spring Street, 6th Flor, New York:
Apress, Inc.
Darcey , Lauren and Comder, Shane (2012). Sams Teach Yourself Android Application
Development in 24 Hours, Second Edition. Indiana, US: Brokella Publishing.
Allen, Grant (2012). Beginning Androi 4. 233 Spring Street, 6th Floor, New York, NY :
Apress, Inc.
AndroHive
(2011) Android Custom ListView with Image and Text From
http://www.androidhive.info/2012/02/android-custom-listview-with-image-and-text/
Cave of Programming (2013)
Android
From
Custom ListView with ImageView and TextView In
http://www.caveofprogramming.com/frontpage/articles/custom-listview-
with-imageview-and-textview-in-android/
Android Tutorials for Beginners (2012) Using Buttons in Android From http://www.learnandroid-easily.com/2012/09/using-buttons-in-android.html
Android-er (2013) Implement custom shape for Background From http://androider.blogspot.com/2013/07/implement-custom-shape-for-background.html
Android
Development
(2013)
Shape
drawable
in
Android
From
http://dharmendra4android.blogspot.com/2012/05/hello-guys-today-i-am-going-topost.html
Android Application Development (2013) Color Code XML of Android From
http://android-coder.blogspot.com/2013/04/color-code-xml-of-android.html
62
Android4Beginners
(2013)
How
to
Modify
TextView
in
Java
From
http://android4beginners.com/2013/06/lesson-1-3-how-to-modify-textview-in-java-codefindviewbyid-settext-and-gettext-methods/
StackOverFlow
(2010)
How
to
Make
Transparent
Gradient?
http://stackoverflow.com/questions/3823607/how-to-make-transparent-gradient
Android Developers(2010) From http://developer.android.com/index.html
From
63
APPENDECIS 2014
Interface Desgin for Project Involve
64
Haji Tamattu Application
65
66
67
68
69
Workflow and Plan Design Interface
70
71
MILESTONE
Weeks
1
2
4
10
15
Descriptions
Analysis Information Documentation for Project Haji Android Development
Distribute Information of Documentation for Haji Android Development
Documentation of Typing Doas for Haji Android Development
Developing Android Application for Al-Mathurat Application
Developing Android Application for Haji Tamattu Application
Milstone of Industrial Training
Dates
9 Sep 20 Sep 2014
22 Sep 8 Oct 2014
22 Sep 8 Oct 2014
9 Oct 22 Nov 2014
26 Dec 21 Feb 2014
72
GANTT CHART
Description/Weeks
1 Analysis Information
Documentation for Project Haji
Android Development
10
15
/
2. Distribute Information of
Documentation for Haji Android
Development
/
3. Documentation of Typing Doas
for Haji Android Development
/
4. Developing Android Application
for Al-Mathurat Application
*Design and Data Analysis
*System Demo
5. Developing Android Application
for Haji Tamattu Application
*Design and Data Analysis
*System Demo
/
Gantt Chart of Industrial Training
21

Industrial Training Technical Report

Uploaded by

Copyright:

Available Formats

Industrial Training Technical Report

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Read this document in other languages

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Industrial Training Technical Report

Uploaded by

Copyright:

Available Formats

UNIVERSITI TEKNIKAL MALAYSIA MELAKA

FACULTY OF INFORMATION AND COMMUNICATION

: Noordiyana binti Noorazilan

: Dr Sharifah Sakinah binti Syed Ahmad

: Assoc. Prof. Muhammad Rafie Hj.

: 9 September 2013 21 February 2014

: School of Computer Sciences, USM.

INDUSTRIAL TRAINING TECHNICAL REPORT

This Technical Report for Industrial Training is submitted to

Faculty of Information and Communication Technology

Organization Locations and Contact Information

Department Functionality and Description

Description function of Pengenalan and Tatacara

Getting Started Android

Table Function of Develop

Table Function of Develop 2

Location of School of Science Computer, USM

The Brand Signature

School of Science Computer Emblem

Organizational Chart of Project Department

All information that have been downloaded save

Blue Stacks loading

Blue Stacks interface

How the application when run in Blue Stacks

Rukun and Wajib Haji as a table of content

Carta Aliran Pekerjaan Haji

Pengenalan explanation in Microsoft Words

Tatacara explain by a table content in Microsoft Word

Book of Himpunan Doa-Doa Terpilih Di Tanah Suci

Start button for Windows user

Clock, language and Region Option from Control

Region and Language box

Text Services and Input Languages

Choose keyboard on screen

Some of doa that are typing.

Structure Al-Mathurat doas

Icon number design

Some coding of Main menu

How to run the application from eclipse

Choose a device to run

Show the application install on AVD

The User Interface

This is my account web of fluid

Storyboard User interface for project

Icon for Menu Utama

Icon for Sepintas Lalu

Layout for Sepintas lalu

Layout of Doa part

The file android application of this project

Java class involved each of package

Main Menu class of coding

Coding on how to call image

Haji Tamattu android application

When user click button the color change

Duration and Place Training

2.1.1 Background of Institution

2.1.2.1 USM Emblem

Organizational Chart of Department