0% found this document useful (0 votes)
75 views50 pages

Internship Report (Fix)

This document provides an overview of the SIMANTAN project, which aims to create a web-based system for managing frequency measurement data for the MANTIB team of Balmon Class 1 Radio Frequency in Jakarta. The system was developed using Visual Studio Code and is connected to a database. It allows users to input, view, edit and delete frequency measurement data to make it easier to monitor measurements and compare data from the field in real-time. The goals are to centralize the data, make it accessible anytime from anywhere, and reduce the risk of data loss or errors compared to manual data collection and management.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
75 views50 pages

Internship Report (Fix)

This document provides an overview of the SIMANTAN project, which aims to create a web-based system for managing frequency measurement data for the MANTIB team of Balmon Class 1 Radio Frequency in Jakarta. The system was developed using Visual Studio Code and is connected to a database. It allows users to input, view, edit and delete frequency measurement data to make it easier to monitor measurements and compare data from the field in real-time. The goals are to centralize the data, make it accessible anytime from anywhere, and reduce the risk of data loss or errors compared to manual data collection and management.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 50

Internship Report

System Architecture of SIMANTAN Application for


MANTIB Team of Balmon Class 1 Radio Frequency
Jakarta

Arranged by:

Keisha Putri Theanny 0052491662

Software Engineer Major


IDN Vocational High School
Balmon Class 1 Radio Frequency Jakarta
Ministry of Communication and Information Technology
Jakarta
2022
Company Approval Sheet

1
School Validation Sheet

2
Preface

Gratitude and praise The author prays to God, the Most Gracious and Merciful,
and with His bountiful favour, the author can finish preparing this Internship Project
titled SIMANTAN Application for MANTIB Team of Balmon Class 1 Radio
Frequency Jakarta.

The author likes to convey the author’s heartfelt appreciation to the author’s
project partners Disi Kharisma Persia, Alya Annisa Hakim and Bilqis Muflihunnisa
Mujianto for taking the time to help the author with this work recently.

The author would like to express the author’s sincere gratitude to Reza Mubagus
Priyo Widagdo, S.T., as the author’s mentor and supervisor and to Caesar Aryo
Boediono Raharjo, S.T. as the author’s senior supervisor for his continuous guidance,
advice, effort and invertible suggestions throughout the research throughout the author’s
internship times.

The author wishes to express the author’s heartfelt appreciation to Mr. Ir.
Rahman Baharuddin, is the director of the Balmon Class I Jakarta, and Mr. Dedi
Gunawan MT, CCIE, Owner and Head Board Director of IDN Vocational High School,
and Mrs. Raden Ayu Sarah Kamilah, S. Tr., Principal of IDN Vocational High School,
without whose continuous support this study would not have been possible.

The author would like to thank Miss Anisah Nurul Azhar as the author’s
homeroom Teacher for encouraging The author to carry out this project and also staff of
IDN Vocational High School for all the support. The author would also like to thank the
author’s friends of IDN Vocational High School batch 2020 - 2023 and especially the
author’s Classroom mate

Lastly, the author would like to express the author’s sincere appreciation to the
author's parents and the author's siblings for encouraging and supporting the author
throughout the study.

3
Table of Contents

1.1. Background 8
1.2. Formulation of the Problem 9
1.3. Problem Boundaries 9
1.4. Project Purposes 10
1.5. Project Benefits 10
1.6. Project time and place of execution 11
1.7. Writing system 11
2.1. Company History 13
2.2. Organisational Structure 13
2.3. Functional Work 18
2.3. Vision and Mission 23
3.1. Visual Studio Code 24
3.2. Bootstrap 25
3.3. Laravel 25
3.4. GitHub 27
3.5. PHP 28
3.6. Java Script 28
3.7. TablePlus 29
3.8. MySQL 31
4.1. Activity Report 32
4.2. SIMANTAN Project Specification 32
4.2.1. Research Tools and Equipment 32
4.2.2. Database Design Architecture of SIMANTAN 33
4.2.3. System Implementation 34
5.1. Conclusion 40
5.2. Suggestion 40

4
System Architecture of SIMANTAN Application for
MANTIB Team of Balmon Class 1 Radio Frequency Jakarta

Abstract

The goal of this research is to create an actual frequency measurement data web-
based system operation. The Visual Studio Code program was used to create this
frequency measurement data web-based system operation. The system development
methodology that is used is based on the systems development life cycle and approach
waterfall model and its iteration. This application includes creating a new data keeper,
edit, delete and getting the data lectures that have been created where they are linked to
the database. Main objective of this lecture application is to make it easier to manage
frequency measurement data for the MANTIB team.

Keywords : Web, Web-Based System, Frequency Measurement, Visual Studio

5
CHAPTER 1
INTRODUCTION

1.1. Background

Technology development and system software engineering (software) are


currently advancing at a rapid pace, with various types of developments in
internet and telecommunication technology innovations following suit. System
software is a new method of communicating information to the general public,
with the goal of assisting users in accessing information and making decisions.

Despite this, many government ministries continue to employ the manual


technique of handling the data that is required for working on each ministry's
function. Such as simply scanning papers or writing them by hand and then
entering them into excel data tables, all data is not properly recorded and
managed. As a result, valuable data may be lost or altered by accident.

The same can be said for data management when monitoring and controlling
disturbances during field work. Because all data were not properly managed, the
Radio Frequency Controller struggled to compare main data with real-time field
data.

The ease of providing complete and accurate information, centralising data on


the results of monitoring and control activities, and minimising data loss is the
motivation for the Balmon SFR Class I Jakarta Development Team to create
"SIMANTAN," an extension of the Monitoring Information System.

SIMANTAN is a web-based application with a dashboard and an Android app


that aims to make data input, data search, and data analysis of Radio Frequency
Spectrum Monitoring and Control activities in the work area of Balmon SFR
Class I Jakarta easier for users. SIMANTAN was designed with a user-friendly
interface in the hopes that it will be easy to use and will assist the Balmon SFR

6
Class I Jakarta PFR (Radio Frequency Controller) in carrying out its duties and
functions.

1.2. Formulation of the Problem

Based on the problems that have been mentioned in the background, the
following is the formulation of the problem posed:

● How might the MANTIB team's field work be made easier?


● How can the Radio Frequency Controller easily compare main data with
real-time field data?

1.3. Project Boundaries

The problem's limits are supplied based on the problem formulation that has
been explained:

1. Users can access SIMANTAN through a registered account by entering


their employee ID number and password.
2. The database can be accessed by users to obtain frequency measurement
data.
3. The frequency measurement data can be added to the database by users.
4. The frequency measurement data can be edited by users and will be
updated in the database.
5. The frequency measurement data in the database can be deleted by users.
6. The dashboard page provides users with static data for all frequency
measurement data.
7. In the comparison page, users can compare microwave link data and
SIMS data by entering the current licence number in each search bar.

7
1.4. Project Purposes

The SIMANTAN web-based system goals and objectives are as follows:

1. Data/information on the results of online monitoring and control


activities must be provided and displayed. So that users can quickly and
accurately find various data/information on the outcomes of monitoring
and control activities, regardless of location or time.
2. To assist the operational process of Balmon SFR Class I Jakarta, all
results of activities may be examined whether an error or data
discrepancy arises by recording various outcomes of monitoring and
control activities in the SIMANTAN application.
3. As a database for the outcomes of monitoring and control operations, so
that the data may be saved centrally in the program. Making it easier for
users to input data, search data, and manage data generated by
monitoring and control operations.
4. To reduce data loss or duplication caused by monitoring and control
operations.
5. To make the process of comparing SIMS data with data from field
inspection results easier.

1.5. Project Benefits

Following a discussion of the goal of developing this lecture application, this


web-based system will be used to support the operational process of Balmon
SFR Class I Jakarta by recording various results of monitoring and control
activities in the SIMANTAN, all results of activities can be evaluated, if an error
or data discrepancy occurs.

8
1.6. Project time and place of execution

This Internship Program takes place on:


❖ Time of execution: July 2022 - Desember 2022 (6 months)
❖ Place of execution: 10, Jl. Raya Pkp Raya No.30, RT.10/RW.8, Klp. Dua
Wetan, Kec. Ciracas, Kota Jakarta Timur, Daerah Khusus Ibukota
Jakarta 13730

1.7. Writing system

This final report was written in the following order:

❖ CHAPTER 1: INTRODUCTION
This section includes the background, problem formulation, problem limitation
(if necessary), research objectives, research benefits, research methodology, and
writing systematics.

❖ CHAPTER 2: A GENERAL DESCRIPTION OF THE COMPANY


This section of the literature contains the general description of Jakarta Class I
radio frequency spectrum monitoring centre profile.

❖ CHAPTER 3: THEORETICAL PRINCIPLES


This section of the literature review contains theories that will be used as
references in the writing of the literature review and can aid in the development
of the project.

❖ CHAPTER 4: WORKING PROCESS AND REPAIR /


IMPLEMENTATION OF FIELD WORK PRACTICES
This chapter includes activity reports, project analysis and discussion, work
steps/stages, obstacles, and how to overcome obstacles encountered during the
project's working process.

9
❖ CHAPTER 5: INVOLUCRE
The involucre sections explain how the outcomes of the applications that have
been designed, and then it will be discussed whether the designed application
has achieved the aim and advantages that have been described in the
introduction.

10
CHAPTER 2
A GENERAL DESCRIPTION OF THE COMPANY

2.1. Company History

In order to carry out the mandate of Presidential Regulation Number 24 of 2010


concerning Position, Duties and Functions of State Ministries and Organisational
Structure, Duties and Functions of Echelon I of State Ministries, on October 28
2010 a new structure of the Ministry of Communication and Information was
established based on the Minister of Communication Regulation and Informatics
(Permenkominfo) Number 17/PER/M.KOMINFO/10/2010 concerning the
Organization and Working Procedures of the Ministry of Communication and
Informatics as a substitute for Minister of Communication and Informatics
Regulation Number 25/PER/M.KOMINFO/07/2008.

The Ministry of Communication and Information Technology's new structure


includes the Secretariat General, the Inspectorate General, the Directorate
General of Post and Information Technology Resources and Equipment (Ditjen
SDPPI), the Directorate General of Post and Information Administration (Ditjen
PPI), the Directorate General of Informatics Applications (Ditjen Aptika), the
Directorate General of Public Information and Communication (Ditjen IKP), and
Human Resources Research. The two new Directorate Generals, namely the
Directorate General of Post and Information Technology Resources and
Equipment and the Directorate General of Post and Information Technology
Implementation, were created as a result of the division of the Directorate
General of Post and Telecommunications into the old organisational structure.

2.2. Organisational Structure

The Directorate General of Post and Information Technology Resources and


Equipment is an echelon-level work unit that performs some of the Ministry of
Communication and Information Technology's main tasks and functions. The

11
Directorate General of Post and Information Technology Resources and
Equipment is organised as follows:

1. The Secretariat of the Directorate General of Resources and Equipment


of Post and Information Technology consists of:

❖ Work Team for Program Planning and Reporting


❖ Legal Work Team and Cooperation
❖ Financial Working Team
❖ Human Resource Management Working Team, Organizational
and Bureaucratic Reform
❖ General Work Team and Household

2. The Directorate of Resource Management is made up of the following


individuals:

❖ Working Team for the Allocation of Radio Frequency Spectrum


for Fixed and Land Mobile Services
❖ Working Team for Radio Frequency Spectrum Allocation for
Broadcasting Service
❖ Working Team on Satellite Orbit Management
❖ Working Team on Radio Frequency Spectrum Economics and
Satellite Orbit
❖ Working Team on Technical Coordination, Spectrum Planning
for Public Service, and Spectrum Outlook
❖ Working Team for Management of Work Programs and Finance
within the Directorate of Resource Management
❖ The Directorate of Resources Management's General
Management and Human Resources Work Team

12
3. The Directorate of Resource Operations is made up of the following
individuals:

❖ Radio Frequency Spectrum Working Team 1 (SFR 1)


❖ Radio Frequency Spectrum 2 Working Team (SFR 2)
❖ BHP and Data Working Team
❖ Integrity Zone Public Service Work Team (PP ZI)
❖ Radio Operator Certificate Work Team (SOR)
❖ Work Program Management Work Team and Finance within the
Directorate of Operations Resources
❖ General Management and HR Working Team within the
Directorate of Operations Resources

4. The Post and Information Technology Directorate of Resources and


Equipment Control is made up of the following members:

❖ Working Team for Monitoring and Evaluation of Radio


Frequency Spectrum and Telecommunication Equipment
❖ Working Team for Enforcement of Radio Frequency Spectrum
and Telecommunication Equipment
❖ Radio Frequency Monitoring System Infrastructure Development
Working Team
❖ Radio Frequency Monitoring System Infrastructure Maintenance
Working Team
❖ Working Team for Infrastructure Management and Operational
Service of Radio Frequency Management Information System
❖ Working Team for Management of Work Programs and Finance
within the Directorate of Resources and Equipment Control of
Post and Information Technology
❖ General and HR Management Working Team within the
Directorate of Postal and Information Technology Resources and
Equipment Control

13
5. The Postal and Information Technology Standardization Directorate is
made up of the following members:

❖ Certification & Dissemination Work Team


❖ Technical Standard Formulation Working Team
❖ Standards Harmonization Work Team
❖ Device Ecosystem Work Team
❖ RF Technology & Safety Work Team
❖ Integrity and Compliance Zone Work Team
❖ Working Team for Work Program Management and Finance
within the Directorate of Postal and Information Technology
Equipment Standardization
❖ General and Human Resources Management Work Group within
the Directorate of Postal and Information Technology Equipment
Standardization

6. The Telecommunications Equipment Testing Center is made up of the


following components:

❖ Tim Kerja Perencanaan Program Anggaran


❖ Tim Kerja Pengembangan Laboratorium Pusat Pengujian
Perangkat TIK
❖ Tim Kerja Pengujian
❖ Tim Kerja Kalibrasi
❖ Tim Kerja Sistem Mutu

7. The Radio Frequency Spectrum Monitoring Technical Implementation


Units in Indonesia are divided into three (three) categories:

❖ Class I Radio Frequency Spectrum Monitoring Center;


❖ Class II Radio Frequency Spectrum Monitoring Center;

14
❖ Radio Frequency Spectrum Monitoring Locations;

Figure 2.1 Organisational Structure SDPPI

15
The Class I Jakarta Radio Frequency Spectrum Monitoring Center is
organised as follows:

❖ Head of Administrative and Household Subdivision (Head of TU)


Planning and programs, financial affairs, staffing, administration,
household affairs, and public relations are all responsibilities of
the Administrative and Household Subdivision.
❖ Monitoring and Controlling Sub Coordinator
The Monitoring and Control Sub-coordinator is responsible for
observing, detecting, and investigating violations of radio
frequency spectrum and postal and information technology
equipment standards, as well as measuring and validating radio
frequency spectrum usage data.
❖ Facilities and Services Sub Coordinator
The Sub-Coordinator for Facilities and Services is responsible for
submitting radio station licences and notices of payment of radio
frequency user rights fees, serving public complaints about
spectrum interference, implementing, repairing, and maintaining
radio frequency spectrum monitoring devices, inspecting the
condition of SMFR fixed monitoring station equipment,
conducting amateur radio exams, customer satisfaction surveys,
and implementing radio frequency spectrum monitoring devices.

2.3. Functional Work

The Directorate General of Postal Resources and Equipment and Information


Technology is in charge of developing and implementing policies for the
management of radio frequency spectrum and satellite orbits, as well as
standardising postal and information technology equipment.

16
1. The Directorate General of Post and Information Technology Resources
and Equipment performs the following roles in carrying out the
aforementioned tasks:
a. Developing policies for management, licensing, monitoring, and
evaluation, as well as law enforcement for the use of radio
frequency spectrum and satellite orbits, as well as standardisation
of postal and information technology equipment
b. executing tasks in the areas of research, testing, monitoring, and
evaluation, as well as establishing guidelines for the use of radio
frequency spectrum and satellite orbits, as well as standardising
telecommunications and information technology
c. preparation of norms, standards, procedures, and criteria in the
field of telecommunications equipment standardisation
supervision
d. implementing the provision of technical guidance and supervision
in the field of telecommunications equipment standardisation
e. financial management within the general directorate
f. Within the directorate general, implement personnel
administration affairs, organisation, management, public relations
support, equipment, housekeeping, and administration.

2. The Directorate of Resources Arrangement is in charge of developing


and implementing policies, as well as monitoring, evaluating, and
reporting on the use of radio frequency spectrum and satellite orbits. The
Directorate of Resources Management performs the following functions
in carrying out the aforementioned tasks:
a. preparing policy development in the areas of spectrum
distribution arrangements for fixed and land mobile services,
non-service fixed and land mobile services, satellite orbit
management, radio frequency spectrum and satellite orbit
economics, and radio frequency spectrum harmonisation

17
b. preparing policies for implementation in the areas of spectrum
allocation arrangements for fixed and land mobile services, non-
permanent and land mobile services, satellite orbit management,
radio frequency spectrum and satellite orbit economics, and radio
frequency spectrum harmonisation
c. Planning, evaluating, and reporting in the realm of spectrum
allocation arrangements for fixed and land mobile services, non-
service fixed and land mobile services, satellite orbit
management, radio frequency spectrum and satellite orbit
economics, and radio frequency spectrum harmonisation
d. administration of administrative activities and household
administration

3. The Directorate of Resources Operations is in charge of policy


formulation and execution, as well as monitoring, evaluation, and
reporting in the field of radio frequency spectrum and satellite orbits
licensing services. The Directorate of Resource Operations performs the
following functions in carrying out the aforementioned tasks:
a. establishing rules for the use of fixed and land mobile services
spectrum, non-fixed and land mobile services spectrum, radio
operator certification, handling of radio frequency usage rights
fees, and management of information consultations and radio
frequency spectrum licensing data
b. preparing policies for the implementation of licensing services for
the use of fixed and land mobile spectrum, non-fixed and land
mobile services spectrum, radio operator certification, handling
of radio frequency usage rights fees, and management of
information consultation and radio frequency spectrum licensing
data
c. monitoring, evaluating, and reporting in the field of licensing
services for the use of fixed and land mobile services spectrum,
non-fixed and land mobile services spectrum, radio operator

18
certification, handling of radio frequency usage rights fees, and
management of information consultation and radio frequency
spectrum licensing data
d. administration of the directorate household's administrative
affairs

4. The Directorate of Resources Operations is in charge of policy


formulation and execution, as well as monitoring, evaluation, and
reporting in the field of radio frequency spectrum and satellite orbits
licensing services. The Directorate of Resource Operations performs the
following functions in carrying out the aforementioned tasks:
a. preparing policies for spectrum monitoring systems and spectrum
management information systems, monitoring and controlling
radio frequency spectrum and postal and information technology
equipment, and providing facilities and infrastructure for radio
frequency spectrum management information systems, radio
frequency spectrum monitoring systems, and postal and
information technology equipment
b. preparing policies for implementation in the fields of spectrum
monitoring systems and spectrum management information
systems, monitoring and controlling radio frequency spectrum
and postal and information technology equipment, and facilities
and infrastructure for radio frequency spectrum management
information systems, radio frequency spectrum monitoring
systems, and postal and information technology equipment
c. developing norms, standards, methods, and criteria in the sphere
of telecommunications equipment standardisation supervision
d. Implementation and preparation of technical guidance and
supervision in the field of spectrum monitoring system
management, spectrum management information system
management, radio frequency spectrum monitoring and control,
and postal and information technology equipment

19
e. monitoring, evaluation, and reporting in the field of spectrum
monitoring system management, spectrum management
information system management, radio frequency spectrum
monitoring and control, as well as postal and information
technology equipment
f. administration of the directorate household's administrative
affairs

5. The Directorate of Standardization of Postal and Information Technology


Equipment is responsible for policy formulation and implementation, as
well as monitoring, evaluation, and reporting in the field of postal and
information technology equipment standardisation. The Directorate of
Standardization of Postal and Information Technology implements
functions in order to carry out the tasks as intended:
a. preparing policies for the standardisation of radio, postal, non-
radio telecommunications equipment and systems, and
information technology, certification and data of postal,
telecommunications, and information technology equipment,
quality of service, and equipment standardisation
b. preparing policies for implementation in the fields of technical
standards and standardisation of radio, postal, non-radio
telecommunications equipment and systems, and information
technology, certification and data of postal, telecommunications,
and information technology equipment, quality of service, and
equipment standardisation
c. monitoring, evaluating, and reporting in the field of technical
standards and standardisation of radio telecommunications, postal
and non-radio telecommunications standards, information
technology standardisation, certification and data of postal,
telecommunications, and information technology equipment, as
well as quality of service and equipment standardisation

20
d. administration of the directorate household's administrative
affairs

Based on the SDPPI Kominfo page on the Radio Frequency Spectrum


Monitoring profile, Class I Radio Frequency Spectrum Monitoring Center
consists of :

1. Administrative and Household Subdivision; has the task of carrying out


financial administration, administration, staffing, and household affairs.
2. Program Planning and Operations Section; has the task of preparing the
program plan for the Radio Frequency Spectrum Monitoring Center, and
serving public complaints regarding radio frequency disturbances.
3. Monitoring and Ordering Section; has the task of collecting, processing
and evaluating data, monitoring/monitoring, scientific testing,
measurement, and investigation of the use of radio frequency spectrum.
4. Maintenance and Repair Section; has the task of preparing plans for
Maintenance and Repair, provision/preparation of spare parts, facilities
and infrastructure for calibrating radio frequency monitoring devices.
5. Functional Groups.

Figure 2.2 Organisational Structure Balmon SFR Class I Jakarta

21
The following is a table image of Radio Frequency Spectrum Monitoring
Technical Implementation Unit Officials based on the Kominfo SDPPI website,

Figure 2.3 Technical Implementation Unit Officials Table Balmon SFR Class I Jakarta

2.3. Vision and Mission

❖ Vision
Balmon Jakarta's vision is the Realisation of the use of Radio Frequency
Spectrum in an orderly, efficient and free from all harmful interference,
through the implementation of a professional control and supervision
system in accordance with developments in Telecommunications
technology.

❖ Mission
Balmon Jakarta's mission is as follows:
1. Optimalisasi pengendalian dan pengawasan penggunaan spektrum
frekuensi radio melalui kegiatan monitoring, penertiban dan sosialisasi
penggunaan spektrum frekuensi radio.
2. Meningkatkan efektifitas penggunaan sarana dan prasarana monitoring
yang sesuai dengan perkembangan teknologi.
3. Meningkatkan kinerja sumber daya manusia dalam rangka
mengoptimalkan kegiatan monitoring dan penertiban penggunaan
spektrum frekuensi radio.
4. Meningkatkan koordinasi dengan instansi terkait.

22
CHAPTER 3
THEORETICAL FOUNDATION

3.1. Visual Studio Code

Visual Studio Code, is yet solid, cross platform A lightweight code editor, which
anyone can use to build applications for the Web. It includes built-in support for
JavaScript, scripts, and Node.js, as well as a wide range of extensions for other
languages such as C++, C#, Python, and PHP.

This subject revolves around Github's Electron, which is a cross-platform Atom


code-editing component based on JavaScript and HTML5. This editor is a full-
featured integrated programming environment (IDE) built for developers that
use Microsoft's open cloud technologies.

To support ASP.NET C# code, Visual Studio Code makes use of open


source.NET tools such as build tool developer Omnisharp NET and the Roslyn
compiler. The interface is simple to use because it is based on the general
explorer layout, with a panel on the left showing all files and directories and an
editor panel on the right showing the contents of the opened file. In this
example, the editor is well-developed and visually appealing. He also includes
good features, such as intellisense and completion for JSON, CSS, HTML, less,
and Node.js.

Visual Studio Code has been designed to work with existing tools, and
Microsoft provides documentation to help co-developers, with help to work with
ASP.NET 5, Node.js, and Microsoft manuscripts, as well as tools that can be
used to help build and manage Node.js applications. Visual Studio Code is really
being targeted to JavaScript developers who want a complete development tool
for their server-side scripting and who might want to venture from Node.js
to .NET based framework.

23
3.2. Bootstrap

Bootstrap is a collection of free and open-source tools for building responsive


websites and online applications. It is the most widely used HTML, CSS, and
JavaScript framework for creating mobile-first, responsive websites. It resolves
many issues that we previously encountered, one of which was the cross-
browser compatibility issue. Nowadays, websites are optimised for all browsers
(IE, Firefox, and Chrome) and screen sizes. All thanks to Twitter's Bootstrap
developers, Mark Otto and Jacob Thornton, though it was later declared an
open-source project. Bootstrap has many versions, and each time we want to use
this framework, we can choose which version we want to use.

However, the author believe that TablePlus is the best option for managing
databases because:

❖ Faster and Easier Web Development.


❖ It generates platform-agnostic web pages.
❖ It creates Responsive Web-pages.
❖ It is also intended to be responsive to mobile devices.
❖ It is an open-source application. Also known as free

3.3. Laravel

Laravel is a web application framework with expressive, elegant syntax. A web


framework provides a structure and starting point for creating your application,
allowing you to focus on creating something amazing while we sweat the
details.

Laravel strives to provide an amazing developer experience while providing


powerful features such as thorough dependency injection, an expressive database
abstraction layer, queues and scheduled jobs, unit and integration testing, and
more.

24
Whether you are new to PHP web frameworks or have years of experience,
Laravel is a framework that can grow with you. We'll help you take your first
steps as a web developer or give you a boost as you take your expertise to the
next level. We can't wait to see what you build.

You can use a variety of tools and frameworks to create a web application.
However, the author believe that Laravel is the best option for creating modern,
full-stack web applications because:

❖ A Progressive Framework
We like to refer to Laravel as a "progressive" framework. That is,
Laravel evolves alongside you. If you're just starting out in web
development, Laravel's extensive documentation and guides will help
you learn the ropes without becoming overwhelmed.

If you're a senior developer, Laravel provides powerful tools for


dependency injection, unit testing, queues, real-time events, and more.
Laravel is optimised for building professional web applications and is
capable of handling enterprise workloads.

❖ A Scalable Framework
Laravel is extremely scalable. Horizontal scaling is simple with Laravel
thanks to PHP's scaling-friendly nature and Laravel's built-in support for
fast, distributed cache systems such as Redis. Laravel applications, in
fact, can be easily scaled to handle hundreds of millions of requests per
month.

Do you require extreme scaling? Platforms like Laravel Vapour allow


you to run your Laravel application at nearly limitless scale on AWS's
latest serverless technology.

25
❖ A Community Framework
Laravel combines the best PHP packages to provide the most robust and
developer-friendly framework available. Thousands of talented
developers from all over the world have also contributed to the
framework. Who knows, maybe you'll end up contributing to Laravel.

3.4. GitHub

According to the GitHub homepage, GitHub is a developer-only platform that


was built because it was inspired by the way programmers operate. We can host
and review code, manage projects, and produce software for over 56 million
users globally, from open source to commercial.

Simply described, GitHub is a project management system, code versioning


system, and social networking platform for engineers worldwide. There are
numerous functionalities available to developers, making it easy for them to
create a work using this platform.

GitHub has its own parent version, which is "git." Git is an offline VCS (Version
Controlled System).

GitHub also provides a cloud storage and administration service for git
projects/repositories. Because it is online, we can alter a repository/project at the
same time as other people in other regions. As a result, this platform
considerably aids the project team in compiling a folder containing
programming-related files

26
3.5. PHP

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used


open source general-purpose scripting language that is especially suitable for
web development and can be embedded into HTML.

Instead of a long sequence of commands to generate HTML (as in C or Perl),


PHP pages contain HTML with embedded code that does "something" (in this
case, output "Hi, I'm a PHP script!"). The PHP code is enclosed in special start
and end processing instructions <?php and?> that allow you to switch between
"PHP mode" and "normal mode."

PHP differs from client-side JavaScript in that the code is executed on the
server, generating HTML that is then sent to the client. The client would receive
the results of that script's execution but would have no idea what the underlying
code was. You can even configure your web server to process all of your HTML
files with PHP, making it virtually impossible for users to guess what you're up
to.

The best part about using PHP is that it is extremely simple for a beginner while
also providing many advanced features for a professional programmer. Don't be
afraid to read the lengthy list of PHP's capabilities. You can jump right in and
start writing simple scripts in a matter of hours.

3.6. Java Script

JavaScript is a scripting language that is used to create dynamic web page


content, such as drop-down menus, animations, and dynamic background
colours, among other things.

CSS is used to design and set the layout of website pages, while HTML is used
to structure the website.

27
JavaScript was invented in 1995 by Brendan Eich at Netscape Communications.
Initially, JavaScript was only used internally by Netscape Navigator, a web
browser company.

JavaScript functions are most commonly used for developing web and mobile
applications, web servers and server applications, interactive websites, and game
development. Many frameworks and libraries for the JavaScript programming
language, such as AngularJS, jQuery, and ReactJS, can now help speed up the
process.

3.7. TablePlus

TablePlus is a native program with an easy-to-use interface that allows you to


quickly and securely build, query, edit, and save databases. It is compatible with
Postgres, MySQL, SQLite, MS SQL Server, Redshift, Redis, and MariaDB.

Finding a good GUI tool is like making lifelong friends if you work with
databases on a regular basis. You may encounter a situation in which you need
to access multiple databases simultaneously with complex queries, but it is not
fast enough. You also require a more user-friendly query editor.

At a glance, TablePlus has a very well-designed interface that makes it easy for
new users to adapt to the tool. And because of the native build, it can get up and
running in less than a second.

However, the author believe that TablePlus is the best option for managing
databases because:

❖ Connect to your database in a fast and secure way.


It creates an SSH tunnel to the relevant port and logs you in
automatically.

28
It has several security measures to secure your database, such as native
libssh and TLS encryption. TablePlus has created its own ssh lib with
(https://libssh.org) and protected the port rather than utilising open-ssh to
build a tunnelling that may leak your connection.

Because ssh tunnelling is built into TablePlus, the application can limit
the amount of ssh connections. TablePlus only takes connections from
inside itself and does not accept connections from other sources. That is
how you can protect your database and secure your connection.

❖ Easily edit database

TablePlus allows you to browse and edit data in the grid without having
to write SQL code. While browsing data, there is a pretty cool filter that
can be accessed near the top window. Each filter has three simple boxes:
a dropdown list of the column name, common conditions like "equal",
"contains", "IS NULL",..., and one text box to fill in the value. You can
easily filter out the records you wish to see by using several filters. You
can get a snapshot of your databases and manage them simultaneously
with its multiple tabs and multiple windows views.

Because TablePlus supports multiple drivers, including PostgreSQL,


MySQL, SQLite, MS SQL Server, Redshift, Redis, and MariaDB, you
can work with multiple databases at the same time without switching
between apps.

Are you concerned that you made a blunder somewhere? Not any longer.
With code review, you can keep track of what you've changed on your
database and roll it back at any time.

❖ Easily edit database

29
TablePlus's main feature is its powerful query editor. It can hold multiple
statements, after which you can choose whether to run the current
statement where the cursor is pointing or all statements. With code
completion features and some of the best SQL editor practices, writing
queries is more efficient: Beautify SQL, Highlight Syntax, Split Results
into Tabs, Split pane Horizontally that are all included in TablePlus. It's
currently available for macOS, Windows, iOS, and Linux.

Every function in TablePlus is assigned to a shortcut key, which you can


later customise, making it very convenient for many people. To use the
filter, for example, press cmd + F.

TablePlus comes with a plugin system. You can install plugins made by
others or create your own Javascript plugin. With this plugin system,
TablePlus can always remain simple with the necessary capabilities
while still being able to be extended and personalised without being too
large.

3.8. MySQL

MySQL is a relational database management system that is free and open


source. Its name is a combination of "My," the name of co-founder Michael
Widenius's daughter, and "SQL," the abbreviation for Structured Query
Language. A relational database organises data into one or more data tables in
which data can be related to one another; these relations help structure the data.

SQL is a programming language that allows programmers to create, modify, and


extract data from relational databases, as well as control user access to them. An
RDBMS, such as MySQL, works with an operating system to implement a
relational database in a computer's storage system, manages users, allows
network access, and facilitates testing database integrity and backup creation.

30
CHAPTER 4
IMPLEMENTATION OF FIELD WORK PRACTICES

4.1. Activity Report

The first day of the internship is an introduction, particularly to supervisors,


HRD, the Head of Balmon Class 1 Radio Frequency Jakarta, and employees at
Balmon Class 1 Radio Frequency Jakarta, the internship program began in July
up until December.

4.2. SIMANTAN Project Specification

4.2.1. Research Tools and Equipment

Several tools and gadgets were used in the development of this web-
system application. The following tools and devices were utilised in the
creation of this application:

❖ Hardware
The following hardware was utilised in the development of this
application:

1. Personal Computer (PC)


The following are the computer specifications that were
used:
● Motherboard : Apple Inc. Mac-5F9802EFE386AA28
MacBookPro16,2
● Processor : 2.3GHz quad-core 10th- generation Intel Core
i7, Turbo Boost up to 4.1GHz, with 8MB shared L3 cache

● RAM :16GB of 3733MHz LPDDR4X onboard memory


● Graphics : Intel Iris Plus Graphics

31
● Harddisk : 512GB SSD
● Power Supply : Rechargeable Lithium-Ion
● Operating System : macOS Catalina

❖ Software
Visual Studio Code was utilised in the development of this
application and using Laravel as its framework.

4.2.2. Database Design Architecture of SIMANTAN

This program's design will include database design and as well the
appearance of each application activity:

1. Web-based System Database Design


This record application database employs mySQL as a database
management system (DBMS), where mySQL is a DBMS
included in the web operating system, eliminating the need for
third-party programs to do database design for this web-based
system. The following is a database tables from SIMANTAN:

Figure 4.1 SIMANTAN mySQL Database Figure

32
2. Web-System Flowchart
To understand the working process of this note application, a
flowchart is needed which will show how the application process
works, The following is a flowchart of the application:

Figure 4.2 Flowchart Figure

According to the flowchart above, when a user launches


SIMANTAN web-based system application, the user will be sent
to the Dashboard page, where they will be provided with our
recommended lectures. Users also can input, edit, and delete each
data that is provided in the tables on each page.

4.2.3. System Implementation

An implementation will be created after going over the previous system


design. All users can benefit from the implementation results. The

33
implementation outcomes in this study are classified into two categories:
the implementation on the web-based system application.

1. Login Menu
The Login menu is used to enter the application and begin using
it.

Figure 4.3 Login Page Figure

2. Dashboard Page
After logging in, the user will be taken to the application
Dashboard page.

34
Figure 4.3 Dashboard Page Figure

3. Data Menu Page


Control, class permits, and SIMS data users can view all data
stored in the database, add new asset data, change asset data, and
delete asset data from the measurement data menu.

Measurement menu (Digital TV, Analog TV, Radio FM, Radio


Am, and Microwave Link), Control and Handling of Disturbance
(Control and Follow-Up), Class Permit (2,4 GHz, 5,8 GHz), and
Data SIMS are all available on the data menu page.

35
Figure 4.4 Tv Digital Data Page Figure

In the data menu, there is an add data menu which is used to add
new data.

Figure 4.5 Add Data Page Figure

36
There is also a popup edit menu to update specific data on the
table.

Figure 4.6 Edit Data Page Figure

4. Comparison Page
Users can compare Microwave Link data to SIMS data and field
inspection data on the comparison page. As a result, the user can
quickly and easily determine the discrepancy.

It is envisaged that the data comparison tool will make it easier


for SDPPI to validate Microwave Link data. In order to boost
performance and community service. If violations such as
unlicensed/non-ISR frequency usage are discovered, the number
of new ISR submissions may increase.

37
Figure 4.6 Comparison Page Figure

38
CHAPTER 5
Conclusion and Suggestion

5.1. Conclusion

From the results of the test application notes that have been carried out on the
Safari Web which is run on a PC (personal computer) or Laptop concluded that:

1. A web-based database system that can be accessed anywhere and at any


time should be available to support the MANTIB field work program.
2. The MANTIB team can use a simple Comparing Page Program to
compare data needed for field work.

5.2. Suggestion

Suggestions that can be given by the author on this research are as follows:

1. The author, who is also the application's developer, acknowledges that


there are still many flaws and various things that need to be improved so
that in the future, there will be more users who can easily use this
application and additional features - other features that will benefit users
in keeping their records.
2. The SIMANTAN web-based system application can only be used with
the web operating system. It is preferable to be able to redevelop it for
various operations such as iOS, Windows Phone, and other mobile
operating systems.

39
BIBLIOGRAPHY

[1] Anif, M., Dentha, A., & Sindung, H. W. S. (2017). Designing internship
monitoring system web based with Laravel framework. 2017 IEEE International
Conference on Communication, Networks and Satellite (Comnetsat).
doi:10.1109/comnetsat.2017.826
[2] Gunawan, A. (2020). Selection Of Web-Based Framework for System
Development using AHP (Analytic Hierarchy Process) Method in PT. XYZ.
2020 International Conference on Information Management and Technology
(ICIMTech). doi:10.1109/icimtech50083.2020
[3] Sijabat, T., Dopong, W., Rotikan, R., Lolong, S., & Moedjahedy, J. H. (2020).
The Development of Web Based Information System at Universitas Klabat
Career Center. 2020 2nd International Conference on Cybernetics and
Intelligent System (ICORIS). doi:10.1109/icoris50180.2020.9
[4] Li, X., Karnan, S., & Chishti, J. A. (2017). An empirical study of three PHP
frameworks. 2017 4th International Conference on Systems and Informatics
(ICSAI). doi:10.1109/icsai.2017.8248546
[5] Hernandez-Bieliukas, Y., & Magdalena, M. (2020). Web Application for
managing the Techno-pedagogical Assessment of Virtual Learning
Environments in the Virtual Campus of the Central University of Venezuela:
GENETVI. 2020 XV Conferencia Latinoamericana de Tecnologias de
Aprendizaje (LACLO). doi:10.1109/laclo50806.2020.93
[6] Kumara, B. T. G. S., Paik, I., Siriweera, T. H. A. S., & Koswatte, K. R. C.
(2017). QoS Aware Service Clustering to Bootstrap the Web Service Selection.
2017 IEEE International Conference on Services Computing (SCC).
doi:10.1109/scc.2017.37
[7] Pandini, M. L., Arifin, Z., & Khairina, D. M. (2014). Design web service
academic information system based multiplatform. 2014 The 1st International
Conference on Information Technology, Computer, and Electrical Engineering.
doi:10.1109/icitacee.2014.7065760
[8] A. Azis, Y. Sugiarti, N. Kumaladewi and M. Q. Huda, "Designing and Building
an Information System of Career Development and Alumni Based on Android

40
(Case Study: Information Systems Department, Syarif Hidayatullah State
Islamic University Jakarta)," 2018 6th International Conference on Cyber and IT
Service Management (CITSM), Parapat, Indonesia, 2018, pp. 1-5, doi:
10.1109/CITSM.2018.8674058.
[9] N. Anggraini, M. J. D. Putra and N. Hakiem, "Development of an Islamic
Higher Education Institution Tracer Study Information System and Its
Performance Analysis using ISO/IEC 25010," 2019 7th International Conference
on Cyber and IT Service Management (CITSM), Jakarta, Indonesia, 2019, pp. 1-
6, doi: 10.1109/CITSM47753.2019.8965356.
[10] Guntupally, K., Devarakonda, R., & Kehoe, K. (2018). Spring Boot based REST
API to Improve Data Quality Report Generation for Big Scientific Data: ARM
Data Center Example. 2018 IEEE International Conference on Big Data (Big
Data). doi:10.1109/bigdata.2018.8621924
[11] Rauf, I., Vistbakka, I., & Troubitsyna, E. (2018). Formal Verification of Stateful
Services with REST APIs Using Event-B. 2018 IEEE International Conference
on Web Services (ICWS). doi:10.1109/icws.2018.00024
[12] Adam, S. I., & Andolo, S. (2019). A New PHP Web Application Development
Framework Based on MVC Architectural Pattern and Ajax Technology. 2019
1st International Conference on Cybernetics and Intelligent System (ICORIS).
doi:10.1109/icoris.2019.8874912
[13] N. Wang, L. Li, Y. Wang, Y. B. Wang and J. Wang, “Research on the Web
Information System Development Platform Based on MVC Design Pattern,”
International Conference on Web Intelligence and Intelligent Agent Technology,
2008.
[14] Z. Hui, Z Hoa and C. Qijun, “The Research of Dynamic Statistics Chart Based
on MVC Design Pattern,” International Conference on System Science ang
Engineering (ICSSE), Shanghai, China, 2014.
[15] H. Shu-qiang and Z. Huan-ming, “Research on Improved MVC Design Pattern
Based on Struts and XSL,” International Symposium on Information Science
and Engieering, 2008.T. Wang and L. Jiang, “Research on IETM Publishing
System Based on MVC Pattern,” WASE International Conference on
Information Engineering, 2010.

41
[16] S. Takeo, T. Takashi and N. Hideo, “GIS Crisis-management Systems Using
Ajax Technology,” SICE Annual Conference, 2008.
[17] Bianconi, F., Brunori, V., Valigi, P., La Rosa, F., & Stracci, F. (2012).
Information Technology as Tools for Cancer Registry and Regional Cancer
Network Integration. IEEE Transactions on Systems, Man, and Cybernetics -
Part A: Systems and Humans, 42(6), 1410–1424.
doi:10.1109/tsmca.2012.2210209
[18] P. Natalya and B. Victoria, “Analysis and Practical Application of PHP
Frameworks in Development of Web Information Systems,” Procedia Computer
Science, 2017.
[19] S. Z. Barbhuiya, B. K. Ray, Z. Azim and Y. J. Singh, "Suggestive Local Engine
for SQL Developer: SLED," ADBU-Journal of Engineering Technology, vol. 4,
pp. 23-27, 2016.
[20] C. Wei, H. Lin, L. Lijing and L. Jing, “The Research of PHP Development
Framework Based on MVC Pattern,” International Conference on Computer
Sciences and Convergence Information Technology, 2009
[21] Yu Ping, Hu Hong-Wei, & Zhou Nan. (2014). Design and implementation of a
MySQL database backup and recovery system. Proceeding of the 11th World
Congress on Intelligent Control and Automation.
doi:10.1109/wcica.2014.7053638
[22] Sholichah, R. J., Imrona, M., & Alamsyah, A. (2020). Performance Analysis of
Neo4j and MySQL Databases using Public Policies Decision Making Data. 2020
7th International Conference on Information Technology, Computer, and
Electrical Engineering (ICITACEE). doi:10.1109/icitacee50144.2020.9239206
[23] Adam, S. I., & Andolo, S. (2019). A New PHP Web Application Development
Framework Based on MVC Architectural Pattern and Ajax Technology. 2019
1st International Conference on Cybernetics and Intelligent System (ICORIS).
doi:10.1109/icoris.2019.8874912
[24] Sa’adah, U., Akhmad, J., & Hisyam, M. (2015). Implementing Singleton method
in design of MVC-based PHP framework. 2015 International Electronics
Symposium (IES). doi:10.1109/elecsym.2015.7380843

42
[25] Komara, H., Hendradjaya, B., & Saptawati, G. A. P. (2016). Dynamic generic
web pattern for multi platform. 2016 International Conference on Data and
Software Engineering (ICoDSE). doi:10.1109/icodse.2016.793613
[26] Wikipedia. February 2017. Bootstrap (front-end framework). [online series] .
https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
[27] Geeksforgeeks. September 2022. Bootstrap 4 Introduction. [online series].
https://www.geeksforgeeks.org/bootstrap-4-introduction/
[28] Codementor. March 2018. Quick introduction to TablePlus, a native client for
relational databases. [online series]. https://www.codementor.io/@uehtung/quick
-introduction-to-tableplus-a-native-client-for-relational-databases-h7wda97xq.
[29] Wikipedia. December 2022. MySQL. [online series].
https://en.wikipedia.org/wiki/MySQL
[30] Edureka. May 2019. What is MySQL? – An Introduction To Database
Management Systems. [online series]. https://www.edureka.co/blog/what-
is-mysql/

43
ATTACHMENT

44
45
46
47
48
49

You might also like