Development Of Customized Logistic System Using ASP.

DEVELOPMENT OF CUSTOMIZED LOGISTIC SYSTEM USING ASP

L M A1 PHING

This report is submitted in partial fulfillment of the requirement for the award of
Bachelor of Electronic Engineering (Computer Engineering) With Honours

Faculty of Electronic and Computer Engineering
Universiti Teknikal Malaysia Melaka

May 2008

{p
*pLAYSf4

UNIVERSITI TEKNIKAL MALAYSIA MELAKA

AKLJLTI KEJURUTE-."EKTRONIK

-


DANKEJURUTERAAN KOMPUTER

W

r

BORANG PENGESAHAN STATUS LAPORAN

PROJEK SARJANA MUDA I1

'Nn

DEVELOPMENT OF CUSTOMIZED LOGISTIC SYSTEM
USINGASP
: 200712008

Tajuk Projek

k i Pengajian


Says LIM A1 PHING mengaku membenarkan Laporan Projek Sarjana Muda ini disimpan di
Perpustakaan dengan syarat-syaratkegunaan seperti berikut:
1. Laporan adalah hakmilik Universiti Teknikal Malaysia Melaka.
2. Perpwtakmn dibenarkan membuat salinan untuk tujuan pengajian sahaja.
3. Perpustakaan dibenarkan membuat salinan laporan ini sebagai bahan pertukaran antara institusi

pengajian tinggi.
4.

Sila tandakan (

rn

d

):

SULlT*

(Mengandungi maklumat yang berdarjah keselamatan atau

kepentingan Malaysia seperti yang termaktub di dalam AKTA
RAHSIA RASMI 1972)
(Mengandungi maklumat terhad yang telah ditentukan oleh
organisasihadan di mana penyelidikan dijalankan)

Disahkan oel-

d
(TANDATANGAN PENULIS)

(COPDAN TANDA ANGAN PENYELIA)

Alamat Tetap:
37, Jalan Vitoria,
Taman Nibong Tebal,
14300, Nibong Tebal,
Seberang Perai Selatan,
Pulau Pinang.

Peosvarph

Fakulti Kei Ekktronik dar, Kej Konlputer(FKEKK),
Universiti Teknikai Malays~aMetaka (UTeM).

Tarikh: 9 May 2008

Tarikh: 9 May 2008

"I hereby declare that this report is the result of my own work except for quotes as
cited in the references."

Signature

:

........................
3@BN

Author

LIM A1 PHING


Date

9 May 2008

"I hereby declare that this report is the result of my own work except for quotes as
cited in the references."

Signature

:

q i ~ ?

........................

Author

LIM A1 PHING


Date

9 May 2008

"I hereby declare that I have read this report and in my opinion this report is sufficient in
terms of the scope and quality for the award of Bachelor of Electronic Engineering
(Computer Engineering) With Honours."
Signature
Supervisor's Name

: Puan Zarina Bt-Baharudin Zamani

Date

: 9 May 2008

This thesis is dedicated to my beloved parents who have offered me
unconditional trust, support and encouragement. In addition, this thesis is also
dedicated to my respected supervisor, Puan Zarina Bt. Baharudin Zamani, and
lecturer, Encik Sani Irwan for their valuable guidance.


ACKNOWLEDGEMENTS

I wish to express my sincere gratefulness to everyone who has contributed or
assisted in completing this project and thesis. I also wish to extend my appreciation
and thankfulness especially to my supervisor Puan Zarina Bt. Baharudin Zamani for
her patience and guidance and to convey my apology for any shortcomings on my
P*.

I would like to thank my parents for their support, advice, patience and
assistance in helping me to conclude this task. Last but not least, I would also like to
express my appreciation to my lecturer, Encik Sani Irwan, who has given me
valuable guidance in making this task a success.

ABSTRACT

The development of customized logistic system using Active Server Page
(ASP) is a project that builds a Web application providing cross-platform
compatibility and high degree of application availability by using ASP. This system
is developed by using several types of program scripting like Cascading Style Sheet

(CSS), HTML tags, Visual Basic Scripting Edition Language (VBScript), JavaScript,
Structured Query Language (SQL) and ASPScript. Moreover, Microsoft SQL Server
and Internet Information Services (11s) are implemented in the project for handling
the database management, administration and security effectively. The system is
applicable to user without having to install it on a local hard drive, so it is portable
and controllable, yet could be implemented anywhere. For the hardware part, a
barcode scanner is used to perform stock in and stock out transaction. In the field of
business, this project allows the user to obtain detailed real-time and accurate
information. The use of the barcode scanner reduces the probability of making errors
and allows users to work effectively. On key aspects of the business, it enables
decisions to be made much more quickly.

ABSTRAK

Pembangunan sistem logistic dengan menggunakan 'Active Server Page'
(ASP) adalah projek untuk membangunkan sebuah aplikasi Web yang boleh
digunakan dalam pelbagai jenis sistem operasi dan boleh digunakan di mana sahaja.
Sistem ini disediakan dengan menggunakan beberapa jenis 'program scripting'
seperti 'Cascading Style Sheet' (CSS), 'HTML tags', 'Visual Basic Scripting Edition
Language' (VBScript), 'JavaScript', 'Structured Query Language' (SQL) dan

'ASPScript'. Tambahan lagi, 'Microsoft SQL Server' dan 'Internet Information
Services' (11s) digunakan dalarn projek ini untuk menguruskan pangkalan data,
pentadbiran dan keselamatan data secara berkesan. Sistem ini boleh digunakan oleh
pengguna tanpa membuat pemasangnan ke dalam komputer, maka ia adalah mudah
alih dan mudah dikawal. Untuk bahagian perkakasan, pengimbas kodbar telah
digunakan untuk melaksanakan transaksi penarnbahan dan pengeluaran stok.
Penggunaan pengimbas kodbar mengurangkan kebarangkalian membuat kesilapan
dan ia membolehkan pengguna menjalankan tugas dengan lebih cekap. Dari segi
perniagaan, ia membolehkan keputusan dibuat dengan lebih cepat.

TABLE OF CONTENTS

CHAPTER

TITLE

PAGES

TITLE


i

STATUS REPORT FORM

ii

STUDENT DECLARATION

iii

SUPERVISOR DECLARATION

iv

DEDICATION

v

ACKNOWLEDGEMENT


vi

ABSTRACT

vii

ABSTRAK

viii

TABLE OF CONTENTS

ix

LIST OF TABLES

xiii

LIST OF FIGURES

xiv

LIST OF ABBREVIATION

xvi

LIST OF APPENDIX
INTRODUCTION
1.1 Overview
1.2 Objectives

1.3 Problem Statements
1.4 Scope of The Project
1.4.1 Hardware
1.4.2

Software 1 scripting

1.5 Methodology

xviii

LITERATURE REVIEW
2.1 Market Review

6

2.2 Improvement Made in This Project

7

2.3 Business Application

9

2.4 Customized Logistic System

10

2.5 Business Process Engineering ( BPE )

10

2.5.1

Data Architecture

11

2.5.2

Application Architecture

11

2.5.3

Technology Tnfrastructure

12

2.6 Web Application

13

2.6.1

Technical Consideration

13

2.6.2

Structure

14

2.6.3

Web Application in Business Use

14

2.7 Web Content Technology

14

2.8 Web Content Technology : Active Server Pages ( ASP )

15

2.9 HTML Scripting : HTML Tags

15

2.10 Cross-site Scripting : CSS ( Cascading Style Sheet )

17

2.1 1 Browser Scripting : JavaScript

19

2.1 2 Browser Scripting : VBScript

20

2.13 Server Scripting : SQL ( Structured Query Language )

21

2.14 Microsoft SQL Server and Internet Information

21

Service (LIS)
2.15 Hardware : Barcode Scanner

22

2.15.1 Types of Barcode Scanner

22

2.15.2 Interface of Barcode Scanner

24

2.1 5.3 Advantages of using Barcode

25

METHODOLOGY
3.1 Literature Review
3.2 Hardware Development
3.3 Software 1 System Development
3.3.1 Preparation on System Development and
Database Formation
3.3.2 Modules Development, Verification and
Amendment
3.3.3

System Verification and Amendment

3.4 System Design
3-4.1 Maintenances and setup
3.4.2

Tool and Transaction

3.4.3

Reports

3.5 Data Verification
3.5 Module Flow

RESULTS AND DISCUSSION
4.1 Obtained Results and Discussion
4.2 Login Page

4.3 Index Page and Header
4.4 Item Master
4.5 Supplier and Customer Information

4.6 Purchasing
4.7 Stock In
4.8 Stock Out
4.9 Stock Control
4.10 Administration
4.1 1 System Version
4.12 System Requirements

CONCLUSION AND RECOMMENDATIONS

5.1 Conclusion
5.2 Recommendation

APPENDIX A - K

...

Xlll

LIST OF TABLES

NO

TITLE

2.1

Minimum system requirement and features of Cimpack and

PAGES
7

FGS.
3.1

Action provided by maintenance and setup modules.

32

3.2

Action provided by tools and transactions modules.

34

3.3

Examples of data verification.

35

4.1

Operating system and minimum hardware.

82

xiv

LIST OF FIGURES

TITLE
HTML element.
Basic design of the system.
Module flow.
Basic idea of obtained result.
Login Page.
Login error.
Index page (Profile).
Change password.
Advance search.
Structure of item master tab.
Index page (Item master).
Item group maintenance.
Item master setup.
Item master maintenance.
Item group listing (main page).
Item group listing.
Item group listing (spread sheet).
Structure of Supplier and customer information tab.
Index page (Supplier and Customer Information).
Customer master.
Shipping concept.
Price list setup.
Customer price listing.

PAGES

Structure of purchasing tab.
Index page (Purchasing).
PO creation.
PO receiving.
PO receiving listing.
Structure of stock in tab.
Index page (Stock In).
Stock in.
Stock return in (Good).
Stock return listing.
Structure of stock out tab.
Stock out.
Index page (Stock Out).
Stock out :non-sales.
Stock out : non-sales listing.

DO listing.
Structure of stock control tab.
Index page (Stock Control).
Stock adjustment.
Stock movement report.
Inventory status.
Structure of administration tab.
Index page (Administration).
User registration.
Module assignment.
Login page.
Item master maintenance.
PO creation.

xvi

LIST OF ABBREVIATIONS

AIDC

- Auto ID Data Capture

ANSI

- American National Standards Institute

ASP

- Active Server Pages

BAL

- Business Application Language

BPE

- Business Process Engineering

CCD
CSS

- Charge Couple Devices
- Cascading Style Sheet

DOM

- Document Object Model

DTD
HTML

- Document Type Definitions
- File Transfer Protocol
- Hypertext Markup Language

HTTP

- Hypertext Transfer Protocol /HTTPS

11s

NNTP

- Internet Information Services
- International Organization for Standardization
- Multipurpose Internet Mail Extensions
- Network News Transfer Protocol

0s

- Operating System

PHP

SMTP

- PHP :Hypertext Preprocessor
- Programmable Logic Controller
- Purchasing Order
- Relational Database Management System
- Standard Generalized Markup Language
- Simple Mail Transfer Protocol

SQL

- Structured Query Language

SVG

- Scalable Vector Graphics
- Unit of Measurement

FTP

IS0
MIME

PLC
PO
RDBMS
SGML

UOM

xvii

WAN

- Universal Product Code
- Universal Serial Bus
- Visual Basic Scripting Edition Language
- World Wide Web Consortium
- Wide Area Network

WEBAPP

- Web Application

XHTML

- Extensible Hyper Text Markup Language

XML

- Extensible Markup Language

XUL

- XML User Interface Language

UPC
USB
VBScript
W3C

LIST OF APPENDIX

TITLE
System Draft Plan ( Stock In Operation + Maintenance & Setup )
System Draft Plan ( Stock Out Operation )
Flow chart of software / system development
Database Structure
HTML Tags
Cascading Style Sheet ( CSS )
JavaScript
VBScript
SQL ( Structured Query Language )
DATASHEET OF Argox 99-8 1101-000U
Writing an ASP file

PAGES

CHAPTER I

INTRODUCTION

1.1

Overview

The development of customized logistic system using Active Server Page
(ASP) is a project that builds a Web-based enterprise business application software
specifically designed and developed for local production industries. This system is
suitable for all kinds of production industries.
The system consists of typical production business administration such as
business deals, deliveries, inventory status, and stock ordering among others. The
system is user-controlled since most of the functions are flexible and easily altered
without having to modlfy the coding. Since the data and the information are varied
and not fixed, the system will operate using the data entered by the user. The system
will also produce reports based on the inputs, helping user keep track of all the
business deal and stock necessities.

1.2

Objectives

This system is intentionally designed and developed to overcome and
improve shortcomings of the software in the market. The objectives of this project is
to develop a Web-based logistic system by using ASP which are :-

1.

To provide typical production business administration.
The developed logistic system provide some tools for business administration
such as business deal, stock ordering, stock purchasing, deliveries, inventory
status, stock control and so on.

..

11.

To provide system that uses barcode scanner with USB (Universal Serial Bus)
interface and computer as the input devices.
The developed logistic system uses barcode scanner with USB interface and
computer to perform stock in and stock out operation. Indirectly, it reduces
the probability of saving unusable data and increases the accuracy.

.

*.

111.

To provide customized application environment.
The system is user-controlled since most of the functions are flexible and
easily altered without having to modify the coding.

iv.

To provide useful reports
Automate reports to help user keep track of all the business deals and stock
necessities.

v.

To provide user-friendly system.
This system provides high application availability, reachable by user
anywhere, portable and controllable, yet could be implemented in any
computers since it is a Web application (Webapp).

vi.

To master knowledge and skills related to the Web-based technology such as
internet information service (IIS), database, Web design, Web development
and so on,

vii.

To introduce the use of program scripting such as HTML scripting, cross-site
scripting, browser scripting and server scripting in Web development.

13

Problem Statements

Most of the companies spend millions on purchasing reliable application
software that helps to increase and measure productivity. For example, Microsoft
CRM Customer Service Professional cost for $ 1349 per license [I]. In a large
company where there may be thousands of desktops, distributing software (even
some software as simple as Microsoft Office for small business cost for $449.95 per
license) can cost a large amount of money [2]. While most of the software available
in the market only being supported by either Linux or Windows-based platform,
instead of providing cross-platform compatibility. For example, a same version of
Microsoft Oflice is not applicable for both Windows and Mac platform [3]. For using
the software that can only operate in Windows-platform, company will firstly have to
purchase Windows licenses for each desktop where the license should be renewed at
the end of the subscription period [4].
Besides that, most of the business application in the market is software-based
application which users need to install it in every computer in order to use it. Most of
these applications consume more memory resources [2]. These applications only
applicable in the computers that are connected to the company's server and installed
with the application installer, thus it may fail to provide real-time information.
Thus, the idea of developing a cost-efficient and user-friendly business
application using ASP which is able to operate in different types of platform was
born. ASP is the Microsoft's implementation of server-side scripting for
dynamically-generated Web pages, where this server-site scripting basically means
that a script is parsed and executed by the server when a user requests a Web-page
containing ASP. This logistic system differs fiom other with these advantages :-

1.

..

Reduce cost.

11.

Provide cross-platform compatibility.

iii.

Installation is not required.

iv.

Application availability.

v.

Increase data accuracy.

vi.

Enable user to export report.

1.4

Scope of the Project

Logistic System is a Web-based enterprise business application software
developed in ASP which input the stock in and stock out information to the system
by using barcode scanner and computers. The flow of the entire system is developed
according to the research from a local factory.

1.4.1 Hardware

Barcode scanner with USB interface and computers are used as the main
input device of the system to perform the stock in and stock out operation. Argox 998 1101-000U Model AS-8 110U Long Range Imagers CCD Handheld Barcode
Scanner with USB interface was chosen. It consist of some specification such as :i.

Scan speed 50 scans/sec.

ii.

Light source 660 nm visible red LED

iii. Optical system 2048 pixel CCD (charge-coupled device).
iv. Depth of scan field 0-50 mm.
v.

Scanning width 80 mm.

vi. Resolution 0.125mrn(5rnils) - Code 39, PCS=45 %, on contact.

vii. Scanning angle Front: 60" Rear: 60" Yaw: 75".

1.4.2 Software l scripting :-

The entire system is programmed in ASP by using several types of scripting
and programming language. Microsoft SQL Server 2000 to perform database
management. The data portion of a database cannot exceed 2 GB in size when using
the SQL Server 2000 Desktop Engine (MSDE 2000) or the Microsoft Data Engine
(MSDE) 1.0 [5]. The total size of the database, including log files, can exceed 2 GB
provided the sum of the sizes of the data files remains 2 GB or lower [5]. Database
objects include all tables, views, stored procedures, extended stored procedures,
triggers, rules, defaults, and constraints [5]. The sum of the number of all these

objects in a database cannot exceed 2,147,483,647 [5]. Rows per table in database
are limited by available storage. And finally, the maximum tables that can be joined
in a SELECT statement is limited to 256 tables. Types of scripting and programing
language used in ASP are :i.

HTML Tags.

ii.

CSS (Cascading Style Sheets).

iii.

JavaScript.

iv.

VBScript.

v.

SQL (Structured Query Language).

1.5

Methodology

I.

Literature reviews
Information of barcode scanner which is commonly used as input device in a
Logistic System was gathered. Then, scripting involved for writing an ASP
file is studied. And at the same time the correct method to be implemented for
developing a business application is also studied fiom software engineering
reference book.

..

11.

Hardware Development
Barcode scanner which is compatible to be used in this project was studied,
compared, chose and purchased. Then, method used to implement the
barcode scanner into the project was studied.

iii.

Software 1 System Development
Business logic was studied fiom a local factory. According to the studies,
system, flow and database structure were designed and formed. Refer to
Appendix A and Appendix B for the draft plan of the system. After that, the
process of development began. Refer to Appendix C for the flow chart of the
software development.