ONLINE MANGA

KERK YONG HAO

TER ZI YANG
SIAU TONG HUI

SESSION 2022/2023

FACULTY OF INFORMATION SCIENCE AND TECHNOLOGY

MULTIMEDIA UNIVERSITY

JUNE 2023
 ONLINE MANGA

BY

KERK YONG HAO

TER ZI YANG
SIAU TONG HUI

SESSION 2022/2023

THE PROJECT REPORT IS PREPARED FOR

FACULTY OF INFORMATION SCIENCE AND TECHNOLOGY
MULTIMEDIA UNIVERSITY
IN PARTIAL FULFILLMENT
FOR

DIPLOMA IN INFORMATION TECHNOLOGY

FACULTY OF INFORMATION SCIENCE AND TECHNOLOGY

MULTIMEDIA UNIVERSITY
JUNE 2023
 DCP 5521

© 2023 Universiti Telekom Sdn. Bhd. ALL RIGHTS RESERVED.

Copyright of this report belongs to Universiti Telekom Sdn. Bhd. as qualified by Regulation 7.2 (c) of the
Multimedia University Intellectual Property and Commercialisation Policy. No part of this publication may be
reproduced, stored in or introduced into a retrieval system, or transmitted in any form or by any means (electronic,
mechanical, photocopying, recording, or otherwise), or for any purpose, without the express written permission of
Universiti Telekom Sdn. Bhd. Due acknowledgement shall always be made of the use of any material contained in,
or derived from, this report.

Faculty of Information Science and Technology 1

 DCP 5521

ACKNOWLEDGEMENT

The Acknowledgements page is where you thank all the people who have helped you
with the project, including your supervisor, if appropriate. You will also need to
acknowledge the contribution of others at different places in the body of the report.

Faculty of Information Science and Technology 2

 DCP 5521

ABSTRACT

It is a very brief but clear description of what the report is all about, summarising your
plan and your progress so far. Keep your abstract to 100 to 150 words or in one page.

Faculty of Information Science and Technology 3

 DCP 5521

LIST OF TABLES

Table 1.1: Division of tasks ………………………………………………… 11

If the table exists in Part 1, it should be referred as Table 1.x where x is an integer
based on the order of appearance.

Faculty of Information Science and Technology 4

 DCP 5521

LIST OF FIGURES

Figure 1.1: Sample website screenshot ……………………………………………… 22

If the figure exists in Part 2, it should be referred as Figure 2.x where x is an integer
based on the order of appearance.

Faculty of Information Science and Technology 5

 DCP 5521

Table of Contents (kindly change the page number accordingly)

COPYRIGHT i
ACKNOWLEDGEMENT ii
ABSTRACT iii
LIST OF TABLES iv
LIST OF FIGURES v
TABLE OF CONTENTS vi

PART 1: INTRODUCTION 1
1.1 Overview 2
1.2 Project Objectives 3
1.3 Target User 4
1.4 Project Scope 5
1.5 Gantt Chart 2 6
1.6 Division of Work 7

PART 2: CASE STUDY AND LITERATURE REVIEW 9

2.1 Primary Study 10
2.2 Problem Statement 11

PART 3: PROPOSED SOLUTION 12

3.1 System Features 13
3.2 Hardware/Software Requirements 14
3.2.1 For Developer 14
3.2.2 For User 14
3.3 Context Diagram & Data Flow Diagram 15
3.4 Entity Relationship Diagram 16
3.5 Data Dictionary 17

Faculty of Information Science and Technology 6

 DCP 5521

PART 4: SYSTEM PREVIEWS 18

4.1 Customer/Member Module 19
4.2 Staff/Admin/Front Desk Module 20

PART 5: SYSTEM TESTING 21

5.1 System Testing 22

PART 6: CONCLUSION 23
6.1 Conclusion 24
6.2 Further Enhancements 25

PART 7: REFERENCES 27

PART 8: APPENDIX 29
Appendix A: Minutes of Meeting 30
Appendix B: Website Samples/Questionnaire/Forms 30

Faculty of Information Science and Technology 7

 DCP 5521

Part I:
Introduction

Faculty of Information Science and Technology 1

 DCP 5521

1.1 Overview

The overview describes the current technologies or trends (e.g: online

business, online ordering) related to your project. This section describes a
general understanding about the system.

Faculty of Information Science and Technology 2

 DCP 5521

1.2 Project Objectives

This section focuses on outcomes of your project. State what you would like to
achieve from the system. The objectives must be measurable and achievable.

(Objectives MUST be between THREE to FIVE points)

1. To reduce …
2. To improve …
3. To increase …

Example:

1. To provide better convenience for users towards this system

Fast loading, good and clean layout by making sure that it is not crowded
with too many unwanted text of images. Easy to find links. Most of the
important links can be seen in one view without scrolling down the
webpage. Making sure visitors can get the information that they wanted
within 3 clicks of the mouse.

Faculty of Information Science and Technology 3

 DCP 5521

1.3 Target Users

Target users are people who can interact with your system (e.g: E-Learning:
target user: students, lecturers). However, you may want to narrow down your
target users based on the accessability of your project.

Example:

1. Teenagers
State the reasons why you target teenagers to use your system.

2. Music lovers
State the reasons why you target music lovers to use your system.

Faculty of Information Science and Technology 4

 DCP 5521

1.4 Project Scope

The online manga store will offer a diverse selection of manga

titles. To enhance the shopping experience, the website will feature a
search function to help users easily locate specific products, and
provide a session that displays a few of the latest release manga for
customers to browse.

To enhance the purchasing experience, the main page and

details page attributes, such as manga title, author, and producer, have
been made clickable so that customers may find related products by
just clicking on it.

Customers can browse the website without logging in, but

must create an account to utilize the shopping cart function. Payment
methods only accept credit or debit cards, with transactions conducted
in Malaysian Ringgit.

On the order page, customers may browse their shopping

histories and check the status and specifics of their orders.

Sellers will have the ability to manage and edit product details,
but any changes made after a product has been purchased will not
affect the corresponding order.

Additionally, sellers have access to a summary of client

information. Also, sellers can manage their admin accounts by adding
or deleting them; however, to avoid confusion, this function is only
accessible for a higher position named "Super Admin."

Additionally, vendors have access to see and modify order

statuses so that buyers may see what their orders status currently.

Faculty of Information Science and Technology 5

 DCP 5521

Overall, this online manga store system aims to provide a

seamless and convenient shopping experience for manga enthusiasts
and collectors in Malaysia.

1.5 Gantt Chart

A Gantt chart outlines what aspects of the project has been compeleted. The
Gantt chart must show the duration taken from Design phase until delivering
the Final Report/Presentation for the entire project. You can create Gantt chart
in Microsoft Excel, MS Project, SmartDraw or other project management
software.

Faculty of Information Science and Technology 6

 DCP 5521

Faculty of Information Science and Technology 7

 DCP 5521

1.6 Division of Work

Division of work is very important make sure every member participates in the
project development. Some of the tasks such as preparing documentation and
background study must be done by all group members. However certain tasks
must be delegated to each group member by the group leader.

TASKS STUDENTS
Ali Chong Kumar
Preparing project proposal X
Overview X X
Objectives X
Target Users X
Project Scope
Gantt chart
Primary Study
Problem Statements
System Features
Hardware/Software Requirements
Data flow diagram & Context Diagram
Entity relationship diagram
Data dictionary
System Interface Design
System Coding
System Testing
Compilation of Final Report
Presentation and Demo
Meeting Minutes

Table 1.1: Division of tasks

Faculty of Information Science and Technology 8

 DCP 5521

Part II:
Primary Study/
Literature Research

Faculty of Information Science and Technology 9

 DCP 5521

2.1 Primary Study

Students need to conduct a research for two or three existing/similar systems

on the market. Explain the aspects of design, features and functions of the
systems (including advantages and disadvantages of the systems).

Primary study refers to background information or technical knowledge

that is critical to develop your project. Primary study also includes feasibility
study on your system given the time constraint and resources available.

Snapshot or screenshots of the webpages or sections are required.

Example

Figure 2.1 ABC Registration Page

The example above shows how the registration section lists out all the errors
above the form, which then forces the user to scroll and scan down to the rest
of the form to fix the errors. This will be troublesome for longer forms and

Faculty of Information Science and Technology 10

 DCP 5521

frustrating as the user has to scroll up and down to fix each error. It would be
much easier if the errors could be seen next to the form field.

2.2 Problem Statement

Objective:
To improve the visual design of online manga stores by striking a
balance between simplicity and visual interest.

Problem Statement:

The design of online manga stores such as malaysia.kinokuniya.com

and amazon.com/s?k=manga is often too simplistic and lacks visual
interest. On the other hand, websites like manga-republic.com have a
more interesting design, but may be too complex causing loss of focus
point which leads to less navigational efficiency. This calls for a need
to strike a balance between simplicity and visual interest in order to
provide an engaging and user-friendly experience for online manga
shoppers.

Objective:
To improve the user experience of long-scrolling websites by
providing convenient navigation options.

Problem Statement:

The websites we analyzed employ a long-scrolling page design,

which can create difficulty for users who need to access functions
located at the top of the page while they are scrolling. This problem
can be addressed by incorporating a floating function button or a
"back to top" button, which will enhance the overall user experience
Faculty of Information Science and Technology 11
 DCP 5521

and facilitate navigation.

Part III:
System Design
Faculty of Information Science and Technology 12
 DCP 5521

3.1 System Features

List down all features of the proposed system for each type of user.
Example:

● Admin

o Can add new staff.

o Can add and edit bulletin.

Faculty of Information Science and Technology 13

 DCP 5521

● Member

o Can register and log into the system.

o Can edit profile.

Faculty of Information Science and Technology 14

 DCP 5521

Faculty of Information Science and Technology 15

 DCP 5521

3.2 Hardware/Software Requirements

3.2.1 For Developer

This section lists the hardware components (if any), software or any

tools you (as the programmer/designer) plan to use to develop your

project. You may also include the price, how and where do you plan to

get them. This information may be presented in point form or table.

Example:

XAMPP: This is an all in one application to setup a server to run PHP

and MySQL web based systems. It is free to download and easy to use.

3.2.2 For User

This section describes the hardware (if any) and/or software

requirement for the user to run your new project. This information

may be presented in point form or table.

Example:

Browser: The user will need any browser such as Internet Explorer,

Mozilla Firefox or Chrome in order to interact with the application.

Faculty of Information Science and Technology 14

 DCP 5521

3.3 Context Diagram & Data Flow Diagram

For Web Based/Standalone project, students need to draw Context Diagram

and Data Flow Diagram (DFD) Level 0 to model the process and data flow
your system. You may use any diagramming tool which is related. It is
advisable to follow Gane & Sarson model.

Example: Gane & Sarson Model

Faculty of Information Science and Technology 15

 DCP 5521

3.4 Entity Relationship Diagram

This section is for Web-based or Standalone project. The diagram describes
data entities in the system requirements, and relationships or associations
among those entities. You may present it using Chen model or Crow’s-foot
model. You may use also any diagramming tool which is related.

Example: Chen Model

Example: Crow’s Foot Model

Faculty of Information Science and Technology 16

 DCP 5521

3.5 Data Dictionary

This section describes in details the attributes and tables used in developing
the project. This section is for Web-based or Standalone project.

Sample:

Faculty of Information Science and Technology 17

 DCP 5521

Part IV:
System Previews

Faculty of Information Science and Technology 18

 DCP 5521

4.1 Customer/Member Module

In this section, show and explain screen shots related to user type: Customer/
Member/Student and etc.

Example:

Figure 4.11 Quizzes List

This is the Students Quiz List for students to select to answer quizzes. Students are
only allowed to this page if the students are one of the students for this subject. Once
directed, students have to just choose the subjects based on the lecturer and click on
Answer button.

Faculty of Information Science and Technology 19

 DCP 5521

4.2 Admin/Staff/Front Desk Module

In this section, show and explain screen shots related to user type: Admin/ Staff/ Front
Desk/ Lecturer and etc.

Example:

Figure 4.6 Quiz List

This is all the Quiz that already been created in the system. The quizzes will only
display if the lecturer is one of the lecturers in MMU. There are two sections in this

Faculty of Information Science and Technology 20

 DCP 5521

Quiz List. One is the Private Quiz and Public Quiz. Private Quiz is for lecturers who
decided for their own use and not for sharing. The public quiz is for lecturers who
decided to share the quiz with other lecturers.

Part V:
System Testing

Faculty of Information Science and Technology 21

 DCP 5521

5.1 System Testing

Test Test Case Expected Result Actual Result Status

ID
1. customer Login: Pass
● User should be ● User is able
Enter valid username
able to login to to login.
and valid password.
the system.
Click “Login” button. ● Home page
● The system with name of
should display user is
home page with displayed.
the name of the
user.
2. customer Login: pass
● User should not ● User is not
Enter invalid username
be able to login able to login.
and invalid password.
to the system.
Click “Login” button. ● Alert shown
● An alert will be

generate and
show
3. customer registration:
Enter valid attributes.
4.

5.

6.

7.

Faculty of Information Science and Technology 22

 DCP 5521

8.

9.

10.

11.

12.

13.

14.

15.

16.

17.

18.

Faculty of Information Science and Technology 23

 DCP 5521

Part VI:
Conclusion

6.1 Conclusion

Faculty of Information Science and Technology 24

 DCP 5521

In this section, it is to wrap up what you have mentioned in previous chapters,

and to sum up what you have achieved in this project.

6.2 Future Enhancements

Faculty of Information Science and Technology 25

 DCP 5521

This chapter should address any future system development. You may suggest
the system features to be included for future enhancements and it could be
based on your system limitations, e.g. SMS notifications were not
incorporated in your system and you can suggest this feature to be included
during future system development.

Faculty of Information Science and Technology 26

 DCP 5521

Part VII:
References

List of URL addresses, reference books or bibliography entries

Books:
Anti, J.M. and Ryan, P.V.S., “Civil Engineering Construction”, 3rd Ed.,
Sydney, Angus and Robertson, London, 1967, 631 pages

Journal:

Faculty of Information Science and Technology 27

 DCP 5521

Downs, R.B., “The Military Approach to Soil Stabilization”, Journal of the

Institute of Highway Engineers, London, Volume XIX, No. 3, March, 1972,
pg 19-23

Monograph:
Body, D.M., “Flood Estimation”. Water Res. Board of Australia. No.4, 1959,
41 pages

Thesis:
Marques, J.L.G., “A Study of Anchorage Capacities of Confined Bentbar
Reinforcement”. Ph.D. Thesis, Rice University, Houston Texas May, 1988

Conf.
Lea, F.M., “Cement Research: Retrospect and Prospect” in Proc. 4th
Proceedings: International Symposium on the Chemistry of Cement,
Washington DC, 1960, pg 5-6

Web Page:
Smith, A. B., “Description of the Intel P6 Processor”, Intel Corp.,
http://www.intel.com/pentium/p6/description.htm

Faculty of Information Science and Technology 28

 DCP 5521

Working Paper:
Kuo, C and Sayer, P, “Education of Engineers in Marine Technology”,
presented at the World Conference on Education in Applied Engineering &
Engineering Technology Cologne German, 16-19 April, 1984

Standards:
British Standard Institute, “BS 6000:1972, Guide to the use of BS 6001,
sampling procedures and tables for inspection by attributes”, London, 50
pages

Faculty of Information Science and Technology 29

 DCP 5521

Part VIII:
Appendix

Faculty of Information Science and Technology 30

 DCP 5521

Appendix A: Meeting minutes

All meeting minutes must be included in the report in the appendix section.

Appendix B: Website Samples/Questionnaire/Forms

Any website screen shots, questionnaires and forms used as reference to your
project will be included in this section.

Figure 4.1: Sample website screenshot

Faculty of Information Science and Technology 31