PROGRAM COMPUTER ENGINEE MEDAN

(1)

DESI

PR

COMP

DEPART

GN AND

ROGRAM

PUTER E

Re PROGR TMENT O S

D IMPLEM

M COMPU

ENGINEE

A

FINAL esolved as a AH Com ARNOL RAM STUD OF COMPU STATE PO

MENTAT

UTER EN

ERING A

AJAX ME

PROJECT a condition HLI MADY mputer En By LD HORA 1105112 DY COMP UTER ENG OLYTECHN MEDA 2014

TION OF

NGINEER

AND INFO

THOD

T PROPOS n to obtain YA (AMD) ngineering AS SIANTU 2022 PUTER EN GINEERIN NIC OF M AN 4

WEBSIT

RING CO

ORMATI

SAL a degree URI NGINEERIN NG AND IN MEDAN

TE STUD

OURSES

ICS USIN

ING NFORMAT

DY

NG

TICS

(2)

ABCTRACT

The purpose of making this website is to design a dynamic web application that is used to disseminate information both quickly and easily. At this point the web application has a lot of that is dynamic, interactive and task oriented for use in information systems, telecommunications, and others.

In this final project AJAX method is used to create a website Program Study of Computer Engineering. The purpose of utilization as AJAX is to make web possible so as to increase interactivity, speed and usability of a web application. MySQL is used to create the required database. Because the concept of a database, especially for selection or selection of data entry, which allows the operation of the data is done automatically with ease.

Results of the implementation of the computerized data administrator setup, the dynamic nature of the web is made so that the admin can add or fill in the data whether it is a data, news, event announcements and information.

(3)

FOREWORD

Praise and Thanksgiving author say the presence of Allah SWT who has provided guidance, grace and strength and health for the author so as to complete this report.

The final Project was developed as one of the conditions that must be met to complete the educational Diploma III Department of computer engineering and informatics and study program Computer Engineering State Poliytechnic of Medan.

In the process of this Final Project, the author much moral guidance and assistance so as to allow the author accomplished this end, then it is with sincerity the author would like to thank:

1. Mr. M. Syahrudin, ST, MT Director Politeknik Negeri Medan.

2. Mr. Ferry Fachrizal,S.T.,M. Kom Head Department Computer Engineering and Informatic.

3. Mr. Zakaria Sembiring, ST., M.Sc Head Study program Computer Enginnering

4. Mr. Handri Sunjaya, S. Si., M. Cs, as the supervising lecturer had lots of entries and his motivation.

5. Drs. Sumardjono, M.T. as Moderator, Ahmad Yani, S.T., M.Kom. as th first lexcturer examinier and Drs. Anwar, M.T. as the second lecturer examiner. 6. My father and Mother beloved who always pray and nurturing, guiding,

(4)

7. Kadri Yusuf, S.T., M.Kom. as lecture ce-6B.

8. Do not forget a thank you to my old sister Asti Sianturi, old sister Anita Balerina Sianturi, old sister Atika Sianturi, young brother Alvin Sianturi and my old cousin Elisa Simanjuntak which has been providing assistance to spirit and author.

9. All my friends, my junior and my senior Computer Engineering (Dony, Jerry, Andri, Taher, Andriana, Azka, Daniel, Eka, Nisak, Rinaldi, Samuel, Amiek, Sultan, Arief, Mangandar, Ricky, Puput, Hermanto, Kornel, Jungjung, Hari, Evelyn, Lydia, Joseph, Mas Ganteng, Fachri, Kiki, Advent, Arjoen, Anto and etc). The future belong to us, success for all of you.

10. All those who have helped in the completion of this final project.

In writing this final project report, the author is aware that there are many shortcomings are made either intentionally or unintentionally, because this is due to the limitations of science the author. To apologize for the lack of it and not to for author.

Finally the author to thank you for the attention of the reader and may be useful for the reader.

Medan, September 2014 Author

Arnold Horas Sianturi NIM : 1105112022

(5)

2.1.3.5 Publication Website ... 13 2.2 Database ... 14 2.3 Programming Language ... 15 2.3.1 HTML ... 15 2.3.2 PHP (Hypertext Preprocessor) ... 15 2.3.3 Java Script ... 17 2.3.4 J Query ... 18 2.3.5 AJAX ... 18 2.3.6 CSS ... 19 CHAPTER 3 ... 20 3.1 General Analysis ... 20 3.2 Data Analysis ... 20

3.3 Analysis and Design of The System ... 21

3.3.1 Context Diagram ... 21

3.3.2 Data Flow Diagram ... 22

3.4 Entity Relationship Diagram ... 23

3.5 The Design Of The Database ... 23

3.5.1 Administrator's Table ... 23

3.5.2 Alumni Table ... 24

3.5.3 Dosen Table ... 24

3.6 Design Interface ... 25

3.6.1 Design of The Admin Page ... 25

(7)

CHAPTER 4 ... 27

4.1 Hardware required ... 27

4.2 Description Of The System ... 28

4.3 Functional Description ... 28

4.4 How To Run A Program ... 28

4.5 The Structure and Implementation of The Program ... 30

4.5.1 Site Map ... 30 4.5.2 Program Implementation... 31 CHAPTER 5 ... 33 5.1 Conclusions ... 33 5.2 Advice ... 33 REFERENCES ... 34

(8)

LIST OF FIGURES

Figure 3. 1 Context Diagram data control system ... 21

Figure 3. 2 Data flow diagram System alumni data control ... 22

Figure 3. 3 ERD ... 23

Figure 3. 4 Main page design ... 25

Figure 3. 5 Design of the Admin page ... 26

Figure 4. 1 Design Site Map ... 30

Figure 4. 2 main page display ... 31

Figure 4. 3 Alumni login and display slide news ... 31

Figure 4. 4 Display page admin ... 32

(9)

LIST OF TABLES

Table 3. 1 Administrator's Table ... 24 Table 3. 2 Alumni Table ... 24 Table 3. 3 Dosen Table ... 24

(10)

CHAPTER 1 INTRODUCTION

1.1 Background

The development of web applications rapidly growth since the advent of internet technology is helpful in the ease and speed of delivery, delivery and receipt of the information. Starting from companies, schools, colleges, and institutes or other organizations have many utilize a web application in the activities of promotion, learning and other activities where delivery is needed, the spread and acceptance of information so as provide ease for users (user) in need.

The Web has grown rapidly both in terms of usage, size, language used and its complexity. Web applications in the beginning it was just a web site that is static and navigated oriented, as well as more widely used as a product or company profile brochure online. At this point the web application has a lot of that is dynamic, interactive and task oriented for use in information systems, telecommunications, and others. In the early years the World Wide Web is only used for academicians and research, but now the World Wide Web use for business and entertainment. Therefore with the development of this technological advancement, the author makes a web site CE (Computer Engineering) State Polytechnic Medan, which previously across state Polytechnic Medan do not already have a website CE (Computer Engineering) method, which uses AJAX (asynchronous Java script And XML).

(11)

Medan do not already have a website CE (Computer Engineering) method, which uses AJAX (asynchronous Java script And XML).

1.2 Problem of Statement

The Problems faced in this research is how to make a website CE (Computer Engineering) that dynamic so that it can attract the attention of visitors to the web, either form among the general public as well as from the Field of the State Polytechnic

Due to the matter with it can be formulated as the following problems : 1. How the presentation of information and facilities.

2. What steps are done so that web applications can be accessed quickly and

easily.

3. What ideas will be applied so as to make the web look great demand of user. 4. How is the information in a web application can be updated easily at the

desired time.

1.3 Scope of Project

As for the terms of the final assignment is :

1. Make dynamic web design creation as a website that provides

information for the user both among the general public well as from the State Polytechnic Medan itself that need information about Program study of CE (Computer Engineering).

(12)

2. This web application was built under Windows 7 operating system that include XML, HTML (XHTML), and Java script.

1.4 Objective and benefits of Research

Growing good computer hardware devices or software makes the entire aspect of life demand a good management in improving the efficiency and effectiveness of work. One way is making its application website Prodi CE department of computer engineering and informatics.

As for the purpose and benefits of this research are : The purpose of this thesis is:

1. To design a dynamic web applications that are used for spreading good information quickly and easily.

2. To show the use of AJAX in building a dynamic web and dealing with the language of the web programming and other applications.

The benefits of this thesis are :

1. Provides convenience for the public to find out information about Prodi CE (Computer Engineering) Department of computer engineering and informatics.

2. To provide ease for alumni Prodi CE to find out about the existence of all of his friends during the studied first with using this website.

3. As well as help promote and introduce Prodi CE, so that parents are willing to study their children in State Polytechnic Medan.

(13)

1.5 Research Methodology

As for the methodology of the research conducted was the author of : 1. Research Libraries

Here the author uses the books that deal with the issue so that it can help solving problems.

2. The Research Field

Research done directly to Prodi CE (Computer Engineering) Department of computer engineering and Informatics in order to get the data, where the author did data collection by way of asking directly to the Department of computer engineering and informatics related.

3. The Design Of The Website

Discuss on the system which is designed and the use of Adobe Dreamweaver CS 5 as editor of the designer's website.

4. Editing Of The Website:

a. Workmanship-HTML (XHTML), XML, and Java script

b. Editing of graphic/image

c. Work on Java script and MYSQL

5. Testing

1.6 Review Of The Literature

For this final project, entitled "DESIGN AND IMPLEMENTATION OF WEBSITE PROGRAM STUDY COMPUTER ENGINEERING DEPARTMENT

(14)

OF COMPUTER ENGINEERING AND INFORMATICS USING AJAX METHOD" is taken from a book where the book discusses creating a we using AJAX and XML, the book was created by Edmond Woychowsky named. This book gives an overview or guidance about how to write functional code and mastering design patterns a solid AJAX applications with high performance.

1.7 Systematics Preparation

Generally this end task consists of 6 chapters and several appendices. As for each chapter is composed of sub - subchapters. As for the Systematics of this thesis is :

CHAPTER 1 : INTRODUCTION

In this chapter in a nutshell discuss the background, the outline

of the issue, the issue, the purpose and benefits of the

research, methodology search, and writing systems.

CHAPTER 2 : BASIC THEORY

In this chapter described a glimpse of Understanding systems, Data and information, information system, Internet, introduction to the history of the Internet, the introduction of AJAX (Asynchronous Java script And XML), HTML(XHTML), MySQL, and as well as Macromedia Adobe Dreamweaver CS 5.

(15)

CHAPTER 3 : DESIGN

This chapter contains a discussion of the system is designed, and the use of Adobe Dreamweaver CS 5 as editor of the design of the website.

CHAPTER 4 : IMPLEMENTATION AND ANALYSIS

This chapter contains the notion of system implementation, the purpose of the implementation of the System Specifications, and installation of Apache, and MySQL.

CHAPTER 5 : CONCLUSION

In this chapter outlined the conclusions and suggestions of the research result sustained by the author.