International Journal of ASRO Volume 10, Number 02, pp.105-115 July 2019 INDONESIAN WARSHIP HISTORY INFORMATION SYSTEM OF INDONESIAN FLEET BASED ON WEB

Khairul Huda, Zainal Syahlan, M. Syaifi, Edy Widodo

D-3 Informatics Engineering, Indonesian Naval Technology College www.sttal.ac.id

ABSTRACT

The development of information technology also developed in line with the development of human civilization. The development of information technology is very helpful, one of which is the internet. The use of the internet has developed into an appropriate means to convey information that is fast, effective and accurate. Submission of information is not limited to all soldiers and the general public by utilizing technological facilities, namely websites. In conveying the history of Warship Raden Eddy Martadinata 331 and Indonesia Warship 332 are still stored in the form of documents on a computer and are still printed in the form of sheets of paper. In conveying the history of Indonesia Warship, it must be developed further to convey information in the current era. Historical research that executive focuses on the past. So far, information on the Indonesia Warship Indonesia Warship's historical information system Raden Eddy Martadinata - 331 and Indonesia Warship I Gusti Ngurah Rai - 332 on the web-based Indonesian Armed Forces fleet are still in print. besides using information books, then try to make other alternatives by creating a website, besides that members are expected to access information easily and efficiently. With the ineffectiveness in managing Indonesia Warship Indonesia Warship historical data Raden Eddy Martadinata - 331 and Indonesia Warship I Gusti Ngurah Rai - 332, a design of the Indonesia Warship historical information system was built in the web-based Indonesian Armada fleet which aims to facilitate the process of Indonesia Warship history search. PHP as a programmer and MySQL as the database.

Keywords: Website-Based Indonesia Warship History Information System. PHP MySQL.

1. INTRODUCTION to consider are the readiness of the patrol boat to be used. 1.1 Background Historical research is reviewers Indonesia is a maritime country and other sources that contain that has a large sea area. That is why to information about the past and are protect Indonesia's territorial waters, a carried out systematically. Or in other strong marine fleet is needed. One of words, the research that is assigned the maritime fleets that is a mainstay of reflects the symptoms, but not what Indonesia is the Indonesia Warship. happened at the time the study was The extent of the sea in the territorial conducted. waters of the Republic of Indonesia Historical research that which is part of the Indonesian patrol executive focuses on the past. This area is a demanding task that is not research tries to reconstruct what easy for the . One of happened in the past as completely and the most important tasks in preventing accurately as possible, and usually violations of maritime law, illegal fishing explains why it happened. In finding and fishing is conducting maritime data carried out systematically in order patrols in vulnerable waters. In carrying to be able to describe, explain, and out patrol duties and checking maritime understand the activities or event that transportation facilities, important things happened some time ago.

All this time, information on the 2.1.1 Panorama Image. Indonesia Warship historical information system on the Indonesian-based Panoramic images use special Armada RI is still on the web delivered methods needed to form images with in printed form. Members can easily find wide viewing angles and small out information about the Indonesia disturbances. This common image has Warship historical information system in overlapping parts and this process will the Indonesian Armed Forces fleet web- create a smooth connection between based in addition to using books, then each normal image pair. Another try to make other alternatives by common method is to work based on creating a website, in addition members geometric transformations in all parts of are expected to access information public imagery. In this method, there are easily and efficiently images and reference images that will With ineffectiveness in be combined. The merged images are managing Indonesia Warship historical changed so that the objects in this data, a design of the Indonesia Warship method will produce a greater deviation historical information system was built for the aggregation of a larger viewpoint on the web-based Armada RI that aims to combine a larger view so that it to facilitate the process of searching for cannot be used for creating 360 Indonesia Warship history. 'panoramic images.

2. LITERATURE REVIEW 2.1.2 Pt Gui Panorama 2.1 Theoretical Basis PTGui is a program for designing panoramic images for Website or site is a collection of Windows and Mac OS X developed by pages that display text, still or moving New House Internet Services BV. PT images, animated data, sound, video or Gui has been created as a graphical a combination of all, both static and user interface for the Helmut Dersch dynamic that form a series of panoramic tool. It has a special sewing interrelated buildings where each is and mixing machine and compatibility connected with networks page. Domain with panoramic tools. is considered to be closely related to the understanding of the area of authority. 1.1.3 Internet An organizational unit with Etymologically, the internet administrative responsibilities to appoint comes from English, which means a a network at home. Unique name to network that is meaningful and clean, so guarantee the address on the internet page. This domain consists of two or that relationships can be interpreted between networks. Literally, the internet more parts separated by dots. For example email.yahoo.com, and (short for connected circuits) of circuits is connected to computers in several www.hotmail.com. Hosting comes from the word host. The computer is series. When the Internet ("big") is a public computer system, globally, it uses connected to a network. Utilizing the facilities available in a computer the TCP / IP protocol as a packet- switching protocol. The biggest Internet connected to the network. Internet services for placing information both for series on the Internet. How to connect the circuit with this method is called web pages, email storage, databases, etc. To put it simply, this service is a internet working. solution to place your web pages must always be online. Thus, we do not need 2.1.4 Website to provide a special computer that is Website is often also called the always online at the office or at home, web, it can be interpreted as a collection but enough to work with this hosting of pages that display various kinds of provider. To support the making of this information text, data, images, still or thesis, it is necessary to state things or theories relating to the problem and scope of the discussion as a basis.

106

moving, animated data, sound, video or or internet email server. Domains make a combination of them, both those that it easy for internet users to access their are stigmatized interrelated where each servers and make it easier for them to - connected to a network of pages or remember the servers they visit. hyperlinks. 2.1.9 Hosting 2.15 SQL Hosting (Web Hosting / Hosting) Microsoft SQL Server is a is a place to store the dates required by Microsoft database management system the website and accessed through the (RDBMS). The main question is Internet. Data can be in the form of files, Transact-SQL, the standard images, emails, applications / programs implementation of the ANSI / ISO SQL / scripts and databases. Hosting Insights standard used by Microsoft and Sybase. can be linked to the following examples: SQL Server is generally used in the This site is respected with stalls / rooms business world with small and medium from the Mall. databases, but later developed with SQL Server in a database. 3. RESEARCH METHODS

2.1.6 PHP (Hypertext Processor) 3.1 Research Procedure Prihatna (2005), PHP is a The research procedure is an scripting language that is printed on a explanation of the research process to server and processed in the process. be carried out, starting from the design Created by Formulas originally by work system diagram to the expected making a personal project and improved system input and output. The overall by six developers and reborn with the research process can be seen in Figure name PHP. Specifically, PHP is 1. Following is a Flowchart of the overall designed to create dynamic websites, research procedure. which means that PHP can form the Mulai desired appearance. PHP has a good ability in mathematical calculations, in terms of email network information and Studi Pustaka dan Lapangan regular disclosures. In addition, PHP supports several database servers such Identivikasi masalah, perumusan masalah, as MySQL, ORACLE, Sysbase, and batasan, asumsi, tujuan dan manfaat SQL Server.

2.1.7 Bootsrap Pengumpulan Data Zaenal A. Rozi (2005), bootsrap is a ready-made application for the front of the site. Bootsrap is also one of the Pengolahan Data most popular HTML, CSS, and javascript templates among web Rancangan Penelitian developers that is used to develop responsive web pages. Web pages can be set according to the size of the Pengujian Sistem monitor device used by users when T accessing the site from a browser. Initially, bootsrap was called "Blueprint Sistem Berjalan Twiter" which was developed by Mark Otto and Jacob Thornto as a framework Y for promoting internal consistency. Penulisan

2.1.8 Domain

Selesai Domain is a unique name that is assigned to identify the IP address of a computer server such as a web server Figure 1 Workflow System Flow Diagram

107

3.1.1 Tools and Materials devices, such as game consoles, cellphones, and Research that has been carried PDAs. The USB system has an out In this study several tools and asymmetrical design, which is a materials are needed to simplify the variety of host controllers and design and research tests. The tools some equipment is connected and materials used for research are: "tree shaped" using a special a. Personal Computer (PC) / hub device. Laptop is used during testing. i. Notes ++ is a text editor b. The Mysql Database that runs on the Windows Software is used as a database Operating System (OS). management system processor. Notepad ++ uses the Scintilla c. PHP is a server-side component here to display and scripting language that can be edit text and source code files integrated with HTML to create from different programming dynamic WEB pages. languages. Notepad ++ is d. Domain. is a unique name distributed as a free software used to recognize an address (free) This project is offered by (IP address) from a computer Sourceforge.net with more than server, such as a web server or 27 million downloads and twice e-mail server on the Internet. the SourceForge Community e. Hosting is a rental place for Choice Award for best data needed by a website and developer tools. an therefore be accessed via

the internet. 3.1.2 Research Design f. Boostrap is a framework because of the good Research Design on Information performance the application System construction design Indonesia package is ready to use to Warship history in the ranks of the create a front-end website. Republic of Indonesia web-based Fleet Bootsrap is also one of the most includes: popular HTML, CSS, and javascript templates among web a. Research Overview Plans. developers used to develop The general design responsive websites. So that description of the research is the web pages can later adjust stage of studying the current according to the size of the system based on the results of a monitor device the user is using survey of existing problems. Then when accessing the website various survey data are from a browser. processed to get a general picture g. USB drivers are files that of the results obtained. allow hardware to communicate with the computer's operating system. This USB device contains a variety of electronic items, including but limited: keyboards, monitors, cameras, flash drives, mice, speakers, MP3 players, smartphones, printers and external hard drives. Drivers are an important part because the device does not function properly if it is not installed correctly.

h. Universal Serial Bus (USB) Figure 2: Overview of Research Making is a serial bus stand to connect Website devices, usually on computers, but is also used in other

108

From the information on the a. Indonesia Warship Historical general image of the website Information Flow Diagram development research can be explained as the ship data management admin displays the results of the data to the website, then the website provides an information to the website visitors. Visitors ask for information to the website then the website is given information on vessel data that has been processed by the admin. b. The draft Analysis System Document Flow about the Historical Information System Indonesia Warship in the ranks of the Republic of Indonesia-based Fleet includes. c. Document Flow Diagram is a document from a chart that shows the flow / flow of documents from one part to another in the system logically by describing the design Figure 4 Indonesia Warship of each part of the organization Historical Information Flow Diagram involved in processing documents in the process carried out by the e. Relation of Indonesia system. The flow of documents in Warship History Information this system can be seen in Figure System Database 3 below:

Figure 5 Relation of Indonesia Warship History Information System Database 3.1.3 Pengumpulan Data Data collection method is a method used to find out what and how the required data can be collected, so Figure 3 Indonesia Warship History that the final investigation can provide Information System Document Flow valid information and can be used. Data collection methods that will be used in this final project are the method of

109

observation, interview and literature functioned. In principle, good study: design and systematic can provide convenience in the a. Observation method is a manufacturing process to become method of collecting data, which is an application system that really done by direct observation of data functions as it should. In related to this research. designing the Indonesia Warship's b. Interview method is a method historical information system, it to collect data that are executed consists of several designs, as questions and directly namely input / output design, and answered to the speaker related form design. to the data needed in this study. a. Input / Output Design The application method is carried Input / output design is a design out directly with Indonesia of the Indonesia Warship Warship staff. historical information system in c. The author also conducts the web-based Ri fleet, as a literature research by finding whole consisting of input and references by collecting output designs. The explanation documents or archives, books, and appearance of each design magazines and internet media will be discussed in the related to the history of Indonesia explanation of each design. Warship. b. Input Design

Input design is a system 4. ANALYSIS AND DISCUSSION application design that functions as an input in the Indonesia 4.1 Analysis of Data and Research Warship historical information Results. system in the web-based Ri fleet. Data analysis is a series of The overall input design consists activities to study, classify, of a login form in accordance with systematically, interpret and validate access rights, a home form for the data so that the phenomenon has social, admin. academic and scientific value. Activities c. Interfaces in data analysis are grouping data based The interface is a form of on variables and types of respondents, graphical display that is directly compiling data based on variables and related to the user. The user all respondents, sending data for each interface functions to connect variable being reviewed, doing between the user and the calculations to answer the problem operating system, so that the formulation and doing calculations to computer can be used. Interface test hypotheses, the final step is not design is the overall design of the ready.Research results are studies of information system built. the validity of research results. Discussion of research findings can be d. Domain referred to as the original thought of Domain is a unique name given to researchers to provide explanations and identify the address (IP address) interpretations of research results that of a computer server such as a have been analyzed to answer research web server or e-mail server on the questions. Basically, the discussion of internet. Domain makes it easy for research results is a discussion of the internet users to access the results obtained. server and makes it easier to remember the server visited 4.1.2 Design rather than having to remember a series of IP Address numbers. for Design is a process carried out on more clarity, can be seen in a project that we are working on, Figure 6. starting from the research design, to the finished results that will be

110

1) Start Page Dashboard

Figure 6 Domain e. Hosting adalah space harddisk dalam komputer server Figure 8 Dashboard Initial View yang digunakan untuk On the Dashboard the initial penyimpanan database, email display of the information system dan file web. displays the history of Indonesia f. There are many hosting Warship so that the Dashboard display specifications, but a few important of the initial page on this information ones re: system makes it easy for visitors to this website to understand the history of the Indonesia Warship that has been built and designed so that it can be seen without having to log in first.

Figure 7 Hosting g. Dashboard Design. Dashboard starting page on the information system that was built, designed can be seen by all visitors without having to log in first. At the right of access that can be logged only certain people Figure 9 Dashboard Initial View who have a username and On the dashboard view of this password that has been adjusted page, you can see the Operators & to the needs of the organization. Captain's Office Workspace. It has a The dashboard design of the Computer-Based Display of Electronic home page can be seen in Figure Graphics and ECDIS Information 8. Systems that are Protected from the Inside so that it is Safe.

111

Figure 12 Dashboard Initial View

Figure 10 Dashboard Initial View On the initial dashbord display, this is an illustration of the inauguration In this Dasbord view, Indonesia of the Inauguration of the Indonesia Warship Martadinata 331 is designed to Warship I Gusti Ngurah Rai 332. carry out various maritime security missions, ZEE patrols (exclusive economic zones), prevention, search, rescue, air defense, anti-ship warfare, anti-submarine warfare (ASW), and adequate for electronic warfare. .

Figure 13 Dashboard Initial View

On this dashboard displays the helly container contained in the picture RI Raden Eddy (RE) Martadinata-331 inaugurated by the Minister of Defense of the Republic of Indonesia (TNI) General Ryamizard Ryacudu at the Pondok Padung Navy Pier Figure 11 Dashboard Initial Display of the 2) Login Form Design. Inauguration of the Indonesia Warship In Dashboard this view can be seen in the Indonesia Warship Platform Room of the ship's command room where the steering wheel of the ship is placed, navigation equipment to determine the position of the ship is located and there is usually a commander's room and a radio room next to the bridge. The bridge is usually placed in a position that has good visibility in all directions. Figure 14 Login Form Design

112

Login form design is a form that Table 4-2 Hardware is intended for admins who have access to enter the system. Not everyone can No Nama Spesifikasi Ket log in, because only certain parties have 1 Komputer - Prosesor access in the form of a username and (PC) Intel Amda password. can be seen in Figure 14. A8 a. Software - Ram 4 GB Software is an intangible - Hardisk computer system, because it 500 GB cannot be seen and held by its physical form but can be operated. Monitor - Resolusi The software functions as a bridge minimal between the computer user and 1024x768 the hardware to process the data pixel or commands desired by the user. Software required on the system 2 keyboard the information built can be seen 3 Mouse in table4-1.

Table 4-1 Software c. System Implementation NO Name Spesification Result The use of the program can 1 Operating - Windows be implemented after all software Sistem 10 components that support the - Domain & application process of Indonesia Hosting Warship history information - Camera system in the ranks of the P360 Republic of Indonesia web-based 2 Data Base - XAMPP Fleet. If the usage process is (MySql) done properly, the system is 3 Programming - PHP Versi expected to run well. System 5.0 - HTML versi 5.0 4 Protocol - 5. CONCLUSIONS AND HTTP/GET RECOMENDATION 5.1 Conclusion b. Hardware From the various problems Hardware are physical contained in the history of the Indonesia components that are part of a Warship it has been described and has computer system. The hardware been compiled by the author regarding functions as an executor of the Indonesia Warship historical program commands through information system website in the ranks software that is implanted on the of the RI-based Indonesian fleet can be computer. equipment has a concluded: connection with a computer a. The Indonesia Warship system through software. history website has been created Computer hardware is interrelated so that Navy and community in carrying out its duties The personnel can search for hardware specifications required information about the history of in the system being built can be Indonesia Warship PKR Sigma seen in the table. Indonesia Warship Raden Eddy Martadidinata 331 and Indonesia Warship I Guti Ngurah Rai 332 through the website.

113

b. Hopefully this research will REFERENCES be very useful for all soldiers and the public. Connolly, Thomas and Begg, Carolyn. c. With this website the range (2010). DataBase System: A of information provided on this Practical Approach to Design, website will be wider. Implementation, and d. The information system Management, Fith Edition. created can make it easier to Boston: Pearson Education. process information data processing. Edhy, Sutanta. (2004). "Database e. With this website it is system". : Graha expected to help the admin in Science. controlling data information. Kadir, A. (2003). "Introduction to 5.2 Recomendation information systems". Yogyakarta: Andi Offset. a. This website is still not

perfect, there is still much to be Kroenke, DM. (2005). "Database developed for the better. as well processing: The basics, design as the addition of other content so and implementation". : that the website is more Erlangga. interactive so that it can advance

further in the information field. Nugroho, Bunafit. (2007). "Complete b. Creating a website is still guide to mastering SQL very easy, especially in terms of commands". Yogyakarta: PT appearance and security, both for TransMedia. the stage of developing a new system that is expected to be Paul Alexander (2004) "Formation of made as attractive as possible 360 ° Panorama Images and continue to be developed with 2.: Informatics. more complete additional information which of course will Rozi, Zaenal A. and SmitDev be more useful for website Community. (2015). "Bootstrap managers and users. Design Framework". Jakarta: Elex Media Komputindo. c. This web site design is expected to be more interactive Sutanta, Edhy. (2011). Database in so that the information the user Conceptual Review. Bujuki wants is more useful. Andi. Yogyakarta. d. With the final project report that has been made using the Minarto, M., Majid, A., Ahmadi, A., & PHP program it is expected that Bukit, A. (2017). Rancang the student concerned can take Bangun Aplikasi Sistem advantage of this program. Pencatat Keluar Masuk Personel Di Penjagaan Sttal e. Regular data maintenance is Berbasis Rfid. required, especially related to the International Journal Of ASRO database. - STTAL, 8, 1-16. Retrieved f. This site still requires from http://asrojournal- constant maintenance and sttal.ac.id/index.php/ASRO/arti analysis to find out deficiencies cle/view/223 that the author might not have thought of while making the need Nanang, N., Bukit, A., & Zulkifli, Z. for system development so that (2017). Rancang Bangun the site is better and able to keep Sistem Informasi Sintel up with time and technology. Koarmatim Pada Aplikasi Security Clearance Berbasis Bluetooth Low Energy Dan

114

Fingerprint. International Journal Of ASRO - STTAL, 8, 1-13. Retrieved from http://asrojournal- sttal.ac.id/index.php/ASRO/arti cle/view/225

Jaya, I., Maryanto, E., Bukit, A., & Zulkifli, M. (2018). Design And Development Of Early Heat Stroke Detection System In Military Cross Country Based On Iot. International Journal Of ASRO - STTAL, 9(2), 141-151. Retrieved from http://asrojournal- sttal.ac.id/index.php/ASRO/arti cle/view/230

Sulistyono, E., Mahia, F., Bandono, A., & Syahlan, Z. (2018). Design And Manufacture Of Indonesian Naval Warship Technical Condition Report And Inventory Information System. International Journal OF ASRO - STTAL, 9(2), 133- 140. Retrieved from http://asrojournal- sttal.ac.id/index.php/ASRO/arti cle/view/229

Rozikin, C., Kurnianto, F., Ahmadi, A., & Syaifi, M. (2018). Design Of Shooting Score Recording Information System Based On Image Processing. International Journal Of ASRO - STTAL, 9(1), 136-141. Retrieved from http://asrojournal- sttal.ac.id/index.php/ASRO/arti cle/view/228

115