INDUSTRIAL WORK PRACTICE REPORT

THE CREATION OF TASTYFOOD WEBSITE APPLICATION

USING LAREVEL FRAMEWORK
(HOME FEATURE)

AT PT LASKAR TEKNOLOGI MULIA (CYBERLAB)

Prepared as one of the requirements for graduating from Vocational High School 1 Katapang

By:

Name : Syifa Anindya Aristawidya

NIS : 212210431

VOCATIONAL HIGH SCHOOL 1 KATAPANG

THE MAJOR OF SOFTWARE ENGINEERING
2023
 SCHOOL VALIDITY SHEET

VOCATIONAL HIGH SCHOOL 1 KATAPANG

Approved By:

Advisor 1, Advisor 2,

Ayep Nurdin, S.ST. Lulu Unadid Sasmita, S.Pd.I.

NIPPPK. 19780405202221101

Principal, Vice Principal of HUBIN,

Dra. Agus Rukmantara, M.M. Insan Yuliardy, S.Kom.

NIP. 196503012000031003 NIP.198407520100111008
 INDUSTRY VALIDITY SHEET

PT LASKAR TEKNOLOGI MULIA (CYBERLABS)

Approved By:

Industry Advisor,

Maman
 PREFACE

Praise be to the almighty Allah SWT, alhamdulillah for giving so much

blessings and grace to the author, by which the author can finish this Industrial

Work Practice report well and on time.

The purpose of writing this report is to fulfill the school requirement to

graduate from Vocational High School 1 Katapang, Bandung Regency. Further,

this report is also aimed as the evidence that the author had carried the Industrial

Work Practice (PKL).

On this occasion, the author would like to express gratitude to those

people who have helped her a lot, always supported and motivated during the

completion of this report. Then this report is dedicated to:

1. To my beloved and honorable parents who always give me support and never

failed to give me motivation;

2. Mr. Drs. Agus Rukmantara, M.M., as Principal of Vocational High School 1

Katapang;

3. Mr. Ayep Nurdin, S.ST., as the head of Software Engineering Major (RPL);

4. Mrs. Rinny Nuraeni, S.Kom., as industry supervisor;

5. Mr. Lulu Unadid Sasmita, S.Pd.I , as advisor 2 who has guided me in arrange

this report;

6. Mrs. Ai Susilawati S.Pd , as my English teacher who has guided me in

arrange this report;

7. To all my teachers, because it could not happen without their dedication,

guidance and support;

8. To Mr. Ahmad Syarif, as CEO of PT Laskar Teknologi Mulia (CyberLabs)

who has given me an opportunity to do Industrial Work Practice there. This

experience is so precious for me and my future.

9. To Mr. Farhan as my industrial advisors of PT Laskar Teknologi Mulia

(CyberLabs) who has guided me at my Industrial Work Practice at PT Laskar

Teknologi Mulia . This experience is so precious and usefull for me and my

future.

10. To all Hubin staffs who has arranged this Industrial Work Practice Program.

11. To all my friends who has supported, helped, and comforted me in every hard

time we face as long as we in the industrial work practice program periode.

12. And to everyone who has helped and supported me that I can’t mention one

by one.

May Allah SWT reward all of you more than you’ve gave. Besides that I

really wait for the suggestions and constructive criticism for the better version of

this report. The author always hopes for further improvement. Finally, hopefully

this report can be useful for all readers.

Bandung, 10 October 2023

Author,

Syifa Anindya Aristawidya

NIS. 212210431
 CHAPTER I

INTRODUCTION

1.1 Background

Education plays an important role on development of human

resources (SDM) in building educated people into the assets of nations that

are expected to be productive human being to produce and create the

premier product to face the global market.

Educated and trained human resources are the main asset in

determining the standards of quality. Professional expertise combines

knowledge skill expertise with persistency.

The professional expertise of the workforce will determine the

quality of human resources, products cost, and finished products of

industry production. Furthrmore, it becomes the factors in the

competitiveness of industry products.

According to the explanation above, the Industrial Work Practice

(PKL) is designed to improve human resources to be more professional

experts and educated people that hopefully will make Indonesia more

advanced .

The Industrial Work Practice (PKL) is an implementation of

vocational learning into the actual world. To be professional, we need

expertise of the program and the trends of the work world nowadays.
1.2 Legal Regulation

The following are some of our nation regulations that becomes

consideration of industrial work practice implementation:

1. Law number 20 year 2003 about the national education system;

2. Government Regulation number 19 year 2005 about the National

education system standard;

3. Government Regulation number 41 year 2015 About the Industrial

resources building;

4. President Regulation number 87 year 2017 About Character building;

5. Industrial minister regulation number 03/M-IND/PER/1/2017 about

Development Competency-Based Vocational High School that Link and

Mach with industry;

6. Education and culture ministry number 4678/D/KEP/MK/2016 about

spectrum of expertise education;

7. Education and culture ministry number 50 year 2020 about the

industrial work practice for student;

1.3 Purpose of Industrial Work Practice

Here are the purpose of Industrial Work Practice:

1. To build a trustworthy work ethic character;

2. To strengthen Link and Match (cooperative relationship) between

school and industry;

3. To increase the efficiency of the education and training process for

professional qualified workers;

 4. To equip students with actual experience in the world of work as

preparation for adapting to the business or industrial world;

5. To strengthen discipline, self-confidence and responsibility in carrying

out tasks;

6. To give work experience as a learning proses;

7. To encourage students to have an entrepreneurial interest.

1.4 Benefit of Industrial Work Practice

Collaboration between vocational school (SMK) with industrial

company is carried out with the principles of mutual support and

complementarity for mutual interest.

According to the principle of education system implementation, it

will give several benefits:

A. For industry

1. The company will analyze the quality of students who will carry

out Industrial Work Practices (PKL) in their company. If the

company believes that the students who carry out Industrial Work

Practice (PKL) are good quality and have competency, they can

recruit them to be their employees. However, if the student's quality

of work is deemed to be poor quality and less competent so the

company may not recruit them.

2. Gives satisfaction to the business world or industrial world because

it is acknowledged that they have participated in determining the

future of the nation through dual system education.

B. For School

1. The aim of education is to provide professional skills for

students to ensure their achievement.

2. There is a match between educational programs and employment

needs.

3. Give satisfaction to education providers (schools) because their

graduates are more guaranteed to receive meaningful provisions

for the interests of graduates, the interests of the world of work

and the interests of the nation.

C. For the students

1. To increase the skill and competence of expertise that have been

learned at schools.

2. Give the students knowledge of the real work in order to instill a

positive atmosphere that focus on quality of the proses and work

result.

3. Increase competency and build the high work ethic in the real

industrial world.

4. During the education process through industrial work, students

are more easily regulated in discipline in the form of company

rules.

5. Enhance students’ Proficiency of productive ability according to

concentration of the expertise.

 6. Improve ability according to the development of the work world

by guidance from industry and it also can contribute on the real

work.

7. Reinforce the character of personalities that related to the values

of the industrial culture.

8. Improve self-reliance and entrepreneurial ability for student and

increase professional expertise in order to improve the standards

of living and also continually self-develop as well.

9. Build the expertise by increasing confidence that will encourage

them to improve their professional skill to the higher level.

1.5 Report Writing Background

The background of this report writing is as follows:

a. As students’ evaluation of their shortcomings of existing lessons at

school, especially lessons related to the areas of expertise and as

supplement of these deficiencies from the industrial world.

b. As written evidence for students who carry out Industrial Work Practice

(PKL) which functions to support increased insight and knowledge both

for the students themselves and for the next generation of students.

1.6 Propose of Report

Here are the purposes of Industrial Work Practice:

a. To fulfill the requirements for taking the competency test;

b. To train students' abilities in writing scientific reports;

c. As a report on the results of Industrial Work Practice;

 d. Consolidate and develop the lessons learned at school with application

in the world of work;

e. As written proof that the student has carried out the internship;

f. As a guide for writing further written work.

1.7 The Problem Limitations

The problem limitation are used to avoid widening the main

problem so that the research is more focused and makes discussion easier.

Some of the issues discussed in the report are:

1. Creation home feature of tastyfood.

2. Web application that build with Laravel framework.

 CHAPTER 2

COMPANY PROFILE

2.1 A Brief History

2.1.1 Profile

a. Company : PT. LASKAR TEKNOLOGI MULIA

b. Type of company : Software House

c. Field of company : Business Technology

d. Address : Jln. Terusan Mars Utara III No. 8D

Kota Bandung.

e. Director : Ahmad Syarif

2.1.2 Historical Development

PT Leskar Teknologi Mulia also commonly known as Cyber

Labs is one of the big software companies that has collaborated with

various companies. Unpredictably this company was built by a great

figure, named Mr. Ahmad Syarif.. A lot of people never expect him to

do this great thing, since he has no educational titles. This achievement

is considered awesome for a vocational graduate like him.

 This story began in 2014 when he was graduated from

Wikrama Vocational high school. He started working in a private

company and then began to learn skills as a self-taught person.

Besides that, he earned his living by doing some freelance jobs. Once

he did it for improving his skills, not just getting money. At the same

time, he proves himself that diligence and desire is the key of success.

He then built a company with his several friends.

In the beginning, they only had one building as an office with

some equipment. But everyone now can see Cyber Labs has grown

into an advanced company. Today, they have a lot of employees

inside with more than one building and complete equipment.

This company not only focuses on application development and

business consultant but also recently they open an academy that

focuses on giving guidance, lesson, and education about technology

lesson such as programming, digital marketing, and many more.

2.2 Partnership

As a big company, CyberLabs wouldn't be something without its clients.

Looking at how it has grown it describes how many partnerships they have.

The following lists are clients name of CyberLabs company:

2.3 Organization Structure
2.4 Company’s Vision and Mission

2.4.1 Vision

CyberLabs’s vision is to be a company that provide digital

marketing solutions and technology to people worldwide as many as

possible.

2.4.2 Mission

CyberLabs has a mission to provide useful technology for

business owners, whether it is small, medium or large companies.

 CHAPTER 3

THEORETICAL BASIS

3.1 Application

According to Wikipedia, application1 is a program which is

designed to carry out a specific task on device such as computer, tablet,

mobile phone or relates to the operation of the device itself. It usually used

by the end-user for the example the word processors application, accounting

software and media players.

In its development, applications can be categorized into three

groups, including;

3.1.1 Desktop Application

This kind of application can only be used on computer (PC)

and laptop such as Microsoft Word, Microsoft, Excel, Notepad,

Adobe, Photoshop, Corel Draw, Paint,Smadav are some example.

1
Figure 3.1 Application
(Aplication Software, 2023)
3.1.2 Web Application

This kind of application is an application that can be used

on all devices such as computer, tablet or mobile phone with

internet connection. Web application is also known as Browser.

They are Google Chrome, UC Browser, Mozilla Firefox, Microsoft

Edge, Safari, Opera, Vivaldi, Brave, Maxthon and DuckDuckGo.

Figure 3. 2 Website Application

3.1.3 Mobile Application

This kind of application is the application that can merely

used on tablet and mobile phone device. They are Instagram,

Tiktok, Gojek, Grab, Shopee, Whatsapp, Line, Canva and

YouTube.
 Figure 3.3 Mobile Application

3.2 Website

Figure 3.4 Website

3.2.1 The Definition of Website

According to Wikipedia a website 2 is a collection of web

pages and relates to content that is identified by a common domain

2
(Website, 2023)
 name and published on at least one web server. Websites are

typically made for a particular topic or purpose, such as news,

education, commerce, entertainment or social networking. Each

website contains an informative content which is conveyed through

text images and video media.

To access the homepage of the website we need to search

the domain (name) of the website destination or search the keyword

on browser. The browser will identify several domains (name) or

the title of website. We then just need to click one of the options

which match our destibation.

All websites can be publicly accessible on browser are

collectively constituted World Wide Web (WWW). That’s why all

websites are connected with browser.

3.2.2 The History of Website

Website was found by a critical computer scientist named

Tim Barners-lee. He was a British computer scientist who came

from computer scientist family in the early era of computing tech3.

Barners’s main purpose of creating website was to help

scientists easier in communicating while working on their projects.

Then on 30th April 1993, Swiss National Physics Laboratory CERN

officially published an announcement about free website.

3
(Website History, 2023)
3.3 PHP

Figure 3. 5 PHP

3.3.1 The meaning of PHP

PHP is a programming language server-side. The script of

PHP will be compiled and processed on server 4. The type of server

commonly used for this programming language are Apache, Nginx,

and LiteSpeed. This programming language is also an open source

programming language, so it allows the user to develop and

modifies the program according to their necessity.

PHP was originally geared towards web development. On a

web server, the result of interpreted and executed PHP code which

may be any type of data, such as generated HTML or binary image

data would form the whole or part of an HTTP responses.

4
(PHP Programming Language, 2023)
 3.3.2 The History of PHP

PHP development began in 1993 when Rasmus Ledorf

wrote several programs in C (programming language C) which he

used to maintain his personal homepages5. He developed it into

some web forms and communicate with databases and call this

implementation PHP/FI.

PHP/FI could be used to build simple and dynamic web

applications. To accelerate bug reporting and improve the code,

Lerdorf initially announced the release of PHP/FI as "Personal

Home Page Tools (PHP Tools) version 1.0" on

the Usenet discussion group on 8 June 1995.

Then in November 1997 PHP/FI version 2.0 released PHP

interpreter has been implemented on C programming language.

On this version PHP/FI was more complete which includes the

extension module that increased PHP capability.

The third version of PHP/FI was released in June 1998

since Zend company started to rewrite of PHP's core. Afterwards

PHP/FI changed the language's name to the recursive

acronym PHP: Hypertext Preprocessor. Then PHP still get

maintenance until their latest version now.

5
(PHP, 2023)
 3.4 Xampp

Figure 3. 6 Xampp Logo

According to quipper pedia, Xampp6 is a free and open-

source cross-platform web server solution stack package developed by

Apache Friends, consisting mainly of the Apache HTTP

Server, MariaDB database, and interpreters for scripts written in the

PHP and Perl programming languages. Since most actual web server

deployments use the same components as XAMPP, it makes

transitioning from a local test server to a live server possible.

XAMPP's ease of deployment means

a WAMP or LAMP stack can be installed quickly and simply on an

operating system by a developer, with the advantage that common

add-in applications such as WordPress and Joomla!. It can also be

installed with similar eases using Bitnami.

6
(Xampp, 2023)
 3.5 Database

Figure 3. 7 Databases

Database7 is an organized collection of structured information,

or data, typically stored electronically in a computer system. A

database is usually controlled by a database management system

(DBMS).

Data within the most common types of databases in operation

today is typically modeled in rows and columns in a series of tables

to make processing and data querying efficient. The data can then be

easily accessed, managed, modified, updated, controlled, and

organized. Most databases use structured query language (SQL) for

writing and querying data.

7
(Databases, 2023) (Databases, 2023)
3.5.1 MYSQL

Figure 3. 8 MSQL

Mysql is database management system (DBMS) use

structured query language (SQL) that most used on website

development. Mysql has two licenses. First, it is free

software. This kind of license allows all users to install, use

and access. Second, it is called shareware. This kind of

license has access restriction. Msyql is also relational

database management system (RDBMS). So it use table,

column and row as structure of the database.

 3.6 Laravel

Figure 3. 9 Laravel

3.6.1 The Meaning of Laravel

Laravel8 is a free and open-source PHP web

framework, created by Taylor Otwell and intended for the

development of web applications following the model–

view–controller (MVC) architectural pattern and based

on Symfony. Some of the features of Laravel are a

modular packaging system with a dedicated dependency

manager, different ways for accessing relational databases,

utilities that aid in application deployment and maintenance,

and its orientation toward syntactic sugar. The source

code of Laravel is hosted on GitHub and licensed under the

terms of MIT License.

8
(Laravel, 2023)
3.6.2 The History of Laravel

Taylor Otwell created Laravel as an attempt to

provide a more advanced alternative to

the CodeIgniter framework, which did not provide certain

features such as built-in support for

user authentication and authorization. Laravel's first beta

release was made available on June 9, 2011, followed by the

Laravel 1 release later in the same month. Laravel 1 included

built-in support for

authentication, localisation, models, views, sessions, routing

and other mechanisms, but lacked support for controllers that

prevented it from being a true MVC framework.

Laravel 2 was released in September 2011, bringing

various improvements from the author and community.

Major new features included the support for controllers,

which made Laravel 2 a fully MVC-compliant framework,

built-in support for the inversion of control (IoC) principle,

and a templating system called Blade. As a downside, support

for third-party packages was removed in Laravel 2.

Laravel 3 was released in February 2012 with a set

of new features including the cmd command-line

interface (CLI) named Artisan, built-in support for

more database management systems, database migrations as a

form of version control for database layouts, support for

handling events, and a packaging system called Bundles. An

increase of Laravel's userbase and popularity lined up with

the release of Laravel 3.

Laravel 4, code named Illuminate, was released in

May 2013. It was made as a complete rewrite of the Laravel

framework, migrating its layout into a set of separate

packages distributed through Composer, which serves as

an application-level package manager. Such a layout

improved the extensibility of Laravel 4, which was paired

with its official regular release schedule spanning six months

between minor point releases. Other new features in the

Laravel 4 release include database seeding for the initial

population of databases, support for message queues, built-in

support for sending different types of email, and support for

delayed deletion of database records called soft deletion.

Laravel 5 was released in February 2015 as a result of

internal changes that ended up in renumbering the then-future

Laravel 4.3 release. New features in the Laravel 5 release

include support for scheduling periodically executed tasks

through a package called Scheduler, an abstraction layer

called Flysystem that allows remote storage to be used in the

same way as local file systems, improved handling of

 package assets through Elixir, and simplified externally

handled authentication through the

optional Socialite package. Laravel 5 also introduced a new

internal directory tree structure for developed applications.

Until now the latest version of Laravel still update and

right now in October 2023 Laravel has been released the 10

version with the greater, function, fiture and also interface.

3.6.3 The Main Feature on Laravel

The following features9 serve as Laravel's key design points (where

not specifically noted, descriptions refer to the features of Laravel :

a) Bundles provide a modular packaging system since the release of

Laravel 3, with bundled features already available for easy addition

to applications. Furthermore, Laravel 4 uses Composer as a

dependency manager to add framework-agnostic and Laravel-

specific PHP packages available from the Packagist repository.

b) Eloquent ORM (object-relational mapping) is an advanced PHP

implementation of the active record pattern, providing at the same

time internal methods for enforcing constraints on the relationships

between database objects. Following the active record pattern,

Eloquent ORM presents database tables as classes, with their object

instances tied to single table rows.

9
(niagahoster, 2023)
c) Query builder, available since Laravel 3, provides a more

direct database access alternative to the Eloquent ORM.

Instead of requiring SQL queries to be written directly,

Laravel's query builder provides a set of classes

and methods capable of building queries programmatically. It

also allows selectable caching of the results of executed

queries.

d) Application logic is an integral part of developed applications,

implemented either by using controllers or as part of the route

declarations. The syntax used to define application logic is

similar to the one used by Sinatra framework.

e) Reverse routing defines a relationship between the links and

routes, making it possible for later changes to routes to be

automatically propagated into relevant links. When the links

are created by using names of existing routes, the

appropriate uniform resource identifiers (URIs) are

automatically created by Laravel.

 3.7 Visual Studio Code

Figure 3. 10 VsCode

Visual Studio Code10, also commonly referred to as VS

Code, is a source code editor made by Microsoft for windows,

Linux and MacOS. Features include support for debugging, syntax

highlighting, intelligent code completion, snippets, code refactoring,

and embedded Git. Users can change the theme, keyboard shortcuts,

preferences, and install extensions that add functionality.

In the Stack Overflow 2023 Developer Survey, Visual

Studio Code was ranked the most popular developer environment

tool among 86,544 respondents, with 73.71% reporting that they

use it. It increased its use among those learning to code versus

those developing as a profession (78% vs. 74%).

Visual Studiao Code is a sourece-code that can be used

with vearity of programming language include C, C#, C++,

Fortanin, Go, Java, JavaScript, Nodse.js, Phyton, Rust, and Julia.

10
(Apa itu Visual Studio Code, 2023)
 It is based on the Electron framework (software framework).

which is used to develop Node.js web applications that run on

the Blink layout engine. Visual Studio Code employs the same

editor component (codenamed "Monaco") used in Azure

DevOps (formerly called Visual Studio Online and Visual Studio

Team Services).

3.8 Hosting

A web hosting11 service is a type of Internet hosting

service that hosts websites for clients, i.e. it offers the facilities

required for them to create and maintain a site and makes it

accessible on the World Wide Web. Companies providing web

hosting services are sometimes called web hosts.

Here are the classifications:

1. Static page hosting

The most basic is web page and small-scale file hosting, where

files can be uploaded via File Transfer Protocol (FTP) or a web

interface. The files are usually delivered to the Web "as is" or with

minimal processing. Many Internet service providers (ISPs) offer

this service free to subscribers. Individuals and organizations may

also obtain web page hosting from alternative service providers.

11
(Apa Itu Hosting, 2023)
 2. Free web hosting

Free web hosting service is offered by different companies

with limited services, sometimes supported by advertisements and

often limited when compared to paid hosting.

3. Single page hosting

Single page hosting is generally sufficient for personal

web pages. Personal website hosting is typically free,

advertisement-sponsored, or inexpensive. Business website

hosting often has a higher expense depending upon the size and

type of the site.

4. Larger hosting services

Many large companies that are not Internet service

providers need to be permanently connected to the web to send

email, files, etc. to other sites. The company may use the

computer as a website host to provide details of their goods and

services and facilities for online orders.

A complex site calls for a more comprehensive package that

provides database support and application development platforms

(e.g. ASP.NET, ColdFusion, Java EE, Perl/Plack, PHP or Ruby on

Rails). These facilities allow customers to write or install scripts for

applications like forums and content management. Web hosting

packages often include a web content management system, so the end-

 user does not have to worry about the more technical aspects. Secure

Sockets Layer (SSL) is used for websites that wish to encrypt the

transmitted data.

3.9 FileZillla

FileZilla12 is a free and open-source, cross-

platform FTP application, consisting of FileZilla Client and FileZilla

Server. Clients are available for Windows, Linux, and macOS. Both

server and client support FTP and FTPS (FTP over SSL/TLS), while

the client can in addition connect to SFTP servers.

FileZilla's source code is hosted on SourceForge and the

project was featured as Project of the Month in November 2003.

FileZilla was started as a computer science class project in the

second week of January 2001 by Tim Kosse and two classmates.

Before they started to write the code, they discussed under

which license they should release it.They decided to make FileZilla

an open-source project because many FTP clients were already

available, and they didn't think that they would sell a single copy if

they made FileZilla commercial.[5] Since its initial development in

2001, FileZilla has been released under the GNU General Public

License (GPL) The FileZilla client is currently released under GPL-

2.0-or-later, and the server package under AGPL-3.0-or-later.

12
(Apa Itu FillZilla Dan Bagaimana Mengguanakannya, 2023)
 CHAPTER 4
SPECIAL DESCRIPTION

4.1 Analysis
4.1.1 System Description

Tastyfood is an application that is created for two users.

There are guest and admin. For guest side, the system consists of

information about healthy and tasty foods. While for the admin side,

the system is created to help the admin manage and control the

content inside the application.

4.1.2 Software

In the process of creating this project. There are some

supporting software needed as follows:

1. Visual Studio Code

2. Xampp

3. Web Browser

4. Visual Pardigm

5. Balsamiq wireframes

6. Filezilla

4.1.3 Hardware
In the process of creating this project. There are some

supporting hardware required, such as:

Device name DESKTOP-QMDLVMH

 Processor Intel(R) Core(TM) i5-6300U CPU @ 2.40GHz

2.50 GHz

Installed RAM 8.00 GB (7.86 GB usable)

Device ID 34EAA202-EC8F-41B2-8C44-FCA4B61F7B65

Product ID 00342-50546-68535-AAOEM

System type 64-bit operating system, x64-based processor

Pen and touch No pen or touch input is available for this display

4.2 Designing System

4.2.1 Usecase Diagram

Figure 4. 1 Usecase

4.2.2 Usecase Scenario

Usecase Title : Login
Actor : Admin
Precondition : Admin entered the web browser and
attempt to access CMS (Content
Management System)

Admin System
 1. Admin enters the 2. System views the
web browser and Login form.
attempts to access
CMS ()
3. Admin fills out the 4. Validate the email and
form with the password.
password and email.
5. Login success, system
views the dashboard of
management system.
6.Login success system direct
to dashboard view.
Alternative scenario
4. View the error “something
went wrong try again!!”
6. Admin fills out the form 5. System views the Login
with the right password and form.
email.
7. System validates the email
and password.
8.Login success system direct
to dashboard view.
Table 4. 1 Autentication Scenario

Usecase Title : Add New News

Actor : Admin
Precondition : Admin finishes logging in and the system
has view dashboard.

Admin System
1. System views
management news
dashboard.
2. Admin selects “add 3. System views the add
News Option” news form.
4. Fill out the form and 5. System validates data
submit. according to the
requirement.
6. System saves the data,
success add new news.
Alternative scenario.
5. View the error “something
went wrong try again!!”
6. System views the add news
form.
 7. Fill out the form 8. System validates data
carefully and submit. according to the requirement.

9. System saves the data,

success add new news.
Table 4. 2 Add News Scenario

Usecase Title : Edit News

Actor : Admin
Precondition : Admin finishes logging in and the system
has view dashboard.

Admin System
1. System views
management news
dashboard.
2. Admin selects news 3. System views the edit
to edit. news form.
4. Fill out the form 5. System validates data
and submit. according to the
requirement.
6. System saves the data,
success Edit new
news.
Alternative scenario.
5. View the error “something
went wrong try again!!”
6. System views the edit news
form.
7. Fill out the form 8. System validates data
carefully and submit. according to the requirement.

9. System saves the data,

success edit new news.
Table 4. 3 Edit News Scenario

Usecase Title : Deleted News

Actor : Admin
Precondition : Admin finishes logging in and the system
has view dashboard.

Admin System
1. System views management
news dashboard.
2.Admin selects news to 3. System views the
delete. Confirmation form. “Delete
 this news?”
4. Select option ‘yes’ to 5. System deletes the news
delete the news. “news deleted successfully!!”
Alternative Scenario
3. System views the
Confirmation form. “Delete
this news?”
4.Select option ‘no’ to delete 5. System cancels to delete
the news. the news .
Table 4. 4 Delete News Scenario

Usecase Title : Add New Image to the galleries

Actor : Admin
Precondition : Admin finished loging in and the system
has view dashboard.

Admin System
1.System view management
gallery dashboard.
2. Admin Select “add image 3. System View the add
Option” image form.
4. Fill out the form and 5.System validate data
submit. according to the requirement.
6.System save the data, success
add new image.
Alternative scenario.
5. Viewed the error “something
went wrong try again!!”

6. System View the add image

form.
7.Fill out the form carefully and 8. System validate data
submit. according to the requirement.

9. System save the data,

success add new image.
Table 4. 5 Add Image Scenario

Usecase Title : Deleted Image

Actor : Admin
Precondition : Admin finished loging in and the system
has view dashboard.

Admin System
1. System view management
Gallery dashboard.
2.Admin Select Image to 3. System View the
delete. Confirmation form. “Delete
this Image?”
4.Select option ‘yes’ to delete 5. System delete the news
the image. “Image deleted successfully!”
Alternative Scenario
3. System View the
Confirmation form. “Delete
this image?”
4.Select option ‘no’ to delete 5. System cancel to delete the
the image. image .
Table 4. 6 Delete Image Scenario

Usecase Title : Edit Contact

Actor : Admin
Precondition : Admin finished loging in and the system
has view dashboard.

Admin System
1. System view
management contact
dashboard.
2. System View the edit
Contact form.
3. Fill out the form 4. System validate data
and submit. according to the
requirement.
5. System save the data,
success Edit contact.
Alternative scenario.
5. Viewed the error
“something went wrong try
again!!”
6. System View the edit
contact form.
7.Fill out the form carefully 8. System validate data
and submit. according to the requirement.

9. System save the data,

success edit contact.
Table 4. 7 Update Contact Scenario

Usecase Title : Home

Actor : Guest
Precondition : Guest entered tastyfood website.
 Admin System
1. System views home
page.
2. Admin selects or 3. System directs the
clicking the news on guest to news page.
home page.
4. Admin selects or 5. System directs the
clicking option “see guest to news page.
more” on home
page.
Table 4. 8 Home Scenario
4.2.3 Activity Diagram
A. Admin System
1. Admin Authentication

Figure 4. 2 Authentication Activity Diagram

2. Admin Management System (News)

Figure 4. 3 News Activity Diagram

3. Admin Management System (Gallery)

Figure 4. 4 Gallery Activity Diagram

4. Admin Management System (Contact)

Figure 4. 5 Contact Activity Diagram

B. User System
1. User view

Figure 4. 6 Home Activity Diagram

4.2.4 Class Diagram

4.2.5 User Interface Design

A. Authentication Interface

Figure 4. 7 Class Diagram

Figure 4. 8 Authentication interface

B. Admin Interface

Figure 4. 9 Add image interface

Figure 4. 10 Gallery Index interface

Figure 4. 13 Contact Update interface

Figure 4. 11 News Index interface

Figure 4. 12 Add News interface

C. Guest Interface

Figure 4. 14 Home Navbar Interface

Figure 4. 15 home tentang interface

Figure 4. 16 home news interface

 Figure 4. 19 Home footer interfacce

4.2.6 Technical Data

4.2.6.1 list of database

Table 4. 9 Llist of table

No. Table Name

1. Users

2. News

3. Galleries

4. Contact

Table 4. 10 Users Table

No Name Type Length/Values

1 User_id Int 11
2 Name Varchar 255
3 Email Varchar 255
4 Password Varchar 255
5 Role Varchar 255
 Table 4. 11 News Table

No Name Type Length/Values

1 News_id Int 11
2 Tittle Varchar 255
3 Content Varchar 255
4 Image Varchar 255

Table 4. 12 Galleries Table

No Name Type Length/Values

1 Image_id Int 11
2 Image Varchar 255

Table 4. 13 Contact Table

No Name Type Length/Values

1 Contact_id Int 11
2 Email Varchar 255
3 Phone Number Int 12
4 Location Varchar 255

4.3 Implementation
4.3.4 Database Implementation and Models
C. User Table
public function up(): void
{
Schema::create('users', function (Blueprint
$table) {
$table->id();
$table->string('name');
$table->string('email')->unique();

$table->timestamp('email_verified_at')->nullable();
$table->string('password');
 $table->rememberToken();
$table->timestamps();
});
}

D. News Table

public function up(): void

{
Schema::create('news', function (Blueprint
$table) {
$table->id();
$table->string('title');
$table->text('content');
$table->string('image');
$table->timestamps();
});

E. Galleries Table

public function up(): void

{
Schema::create('galleries', function
(Blueprint $table) {
$table->id();
$table->string('image');
$table->timestamps();
});
}

F. Contact Table
public function up(): void
{
Schema::create('contacts', function
(Blueprint $table) {
$table->id();
$table->string('email');
 $table->string('phone');
$table->string('location');
$table->timestamps();
});
}

4.3.5 System Implementation

4.3.5.1 Admin System
A. Model
a) News Model

<?php
namespace App\Models;
use App\Models\Comment;
Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class berita extends Model

{
use HasFactory;
protected $fillable = [
'id',
'title',
'content',
'image',
];

public function comments(){

return $this->hasMany(Comment::class);
}
}

b) Galleries Model

<?php

namespace App\Models;
Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
 class Contact extends Model
{
use HasFactory;
protected $fillable = [
'email',
'phone',
'location',
];
}

c) Contact Model

<?php

namespace App\Models;
Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Gallery extends Model

{

use HasFactory;
protected $fillable = [
'image',

];
}

B. View
a) NewsView

1. News Index View

@extends('admin.asset.dash')
@section('ec')
<div class="col-12">
<div class="d-flex justify-content-between"
style="padding:5px 5%;">
<div>
 <h2>Already Post</h2>
</div>
<div >
<div>
<a href="{{ route('admin.add') }}" class="btn
btn-success">
<i class="fas fa-plus"></i> New
</a>
</div>
</div>
</div>
</div>
<br>

<center>
<div class="col-11">
<div class="card">
<div class="card-header">
<h3 class="card-title"></h3>

<div class="card-tools">
<form action="{{route('admin.index')}}"
method="get" enctype="multipart/form-data">
<div class="input-group input-group-sm"
style="width: 150px;">
<input type="text" name="search"
class="form-control float-right" placeholder="Search"
value="{{$request->get('search')}}">

<div class="input-group-append">
<button type="submit" class="btn btn-
default">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>

</div>
</div>
<!-- /.card-header -->
<div class="card-body table-responsive p-0"
style="height: 470px;">
<table class="table table-head-fixed text-nowrap"
>
 <thead>
<tr>
<th>No</th>
<th>Preview</th>
<th>Title</th>
<th>Content</th>
<th>Action</th>

</tr>
</thead>
<tbody>
@foreach($data as $d)
<tr>
<td>{{$loop->iteration}}</td>
<td>
<img src="{{ asset('berita-images/'.
$d->image)}}" class="img-thumbnail" style="max: width 50px;
height: 100px;"
alt="image">
</td>
<td >{{Str::limit($d->title,15)}}</td>
<td ><p>{{Str::limit($d->content, 20)}}</p></td>

<td>
<a href="{{ route('admin.detail', $d->id) }}"
class="btn btn-primary btn-sm">

<i class="fas fa-eye"></i>

</a>
<a href="{{ route('admin.edit.berita',
$d->id) }}" class="btn btn-info btn-sm">
<i class=" fas fa-pencil-alt"></i>
</a>

<a href="{{ route('admin.apuss', $d-

>id) }}" class="btn btn-danger btn-sm">
<i class=" fas fa-trash"></i>
</a>
@csrf
@method('DELETE')
</td>
</tr>
@endforeach
 </tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
@endsection
</center>

2. Add News View

@extends('admin.asset.dash')
@section('ec')
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Add New Post</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<form action="{{route('admin.st')}}" method="post"
enctype="multipart/form-data">
@csrf
<div class="card-body">
<div class="form-group">
<label for="exampleInputEmail1"> News
<Title></Title></label>
<input type="Text" class="form-control"
name="title" placeholder="Title of News">
</div>
@error('title')
<small>{{$message}}</small>
@enderror
<div class="form-group">
<label
for="exampleInputPassword1">Content</label>
<input type="Text" class="form-control"
name="content" placeholder="Write Some Description">
</div>
@error('content')
<small>{{$message}}</small>
@enderror
 <div class="form-group">
<label
for="exampleInputPassword1">Image</label>
<input type="file" class="form-control"
name="image" placeholder="Select photo">
@error('image')
<small>{{$message}}</small>
@enderror
</div>

<!-- /.card-body -->

<div class="card-footer">
<button type="submit" class="btn btn-
primary">Submit</button>
</div>
</form>
</div>
@endsection

3. Edit News View

@extends('admin.asset.dash')
@section('ec')

<div class="card card-primary">

<div class="card-header">
<h3 class="card-title">Edit Post</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<form action="{{ route('admin.update', $data-
>id) }}" method="post" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="card-body">
<div class="form-group">
<label for="exampleInputEmail1">News
Title</label>
<input type="Text" class="form-control"
name="title" placeholder="Title of News" value= "{{$data-
>title}}">
</div> @error('title')
 <small>{{$message}}</small>
@enderror
<div class="form-group">
<label
for="exampleInputPassword1">Content</label>
<input type="Text" class="form-control"
name="content" placeholder="Write Some Description" value=
"{{$data->content}}" >
</div> @error('content')
<small>{{$message}}</small>
@enderror
<div class="card-body">
<div id="actions" class="row">
<div class="form-group">
<label
for="exampleInputPassword1">Image</label>

<input type="file" class="form-control"

name="image" placeholder="Select photo" value= "{{ asset('berita-
images/'.$data->image)}}" >
<img src="{{ asset('berita-images/'.$data-
>image)}}" class="img-thumbnail" style="max-width: 25vw"
alt="image" >
@error('image')
<small>{{$message}}</small>
@enderror
</div>
</div>
</div>
</div>
<!-- /.card-body -->

<div class="card-footer">
<button type="submit" class="btn btn-
primary">Submit</button>
</div>
</form>
</div>
@endsection

b) Galleries View
1. Gallery Index View
@extends('admin.asset.dash')
@push('style')
<style>
.galery{
padding: 30px;

}
.galery .imagecont{
display: grid;
grid-template-columns: repeat(4,1fr);
flex-wrap: wrap;
}
.galery .imagecont .image{
margin:5px;
height: 230px;
width: 230px;
overflow: hidden;
box-shadow: 0 3px 5px rgba(0,0,0,.3);
border-radius: 2rem;
}

.galery .imagecont .image img {

height: 100%;
width: 100%;
object-fit: cover;
scroll-behavior: smooth;

}
</style>
@endpush
@section('ec')
<div class="col-12">
<div class="d-flex justify-content-between"
style="padding:5px 5%;">
<div>
<h2>Already Post</h2>
</div>
<div >
<div>
<a href="{{ route('admin.galeri.add') }}"
class="btn btn-success">
<i class="fas fa-plus"></i> New
</a>
</div>
</div>
</div>
</div>
<br>

<center>
<div class="card-body table-responsive p-0" style="height:
470px;">
<table class="table table-head-fixed text-nowrap"
>
<thead>
<tr>
<th>No</th>
<th>Preview</th>
<th>Action</th>
<tr>
@foreach($photo as $p)
<td>{{$loop->iteration}}</td>
<td>
<img src="{{ asset('galeri-images/'.
$p->image)}}" class="img-thumbnail" style="max: width 50px;
height: 100px;"
alt="image">
</td>
<td>
<a
href="{{ route('admin.galeri.delete', $p->id) }}" class="btn btn-
danger btn-sm">
<i class=" fas fa-trash"></i>
DELETE
</a>
@csrf
@method('DELETE')
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<!-- /.card-body -->
@endsection
</center>

2. Add Gallery View

@extends('admin.asset.dash')
@section('ec')
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Add New Post</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<form action="{{route('admin.galeri.st')}}"
method="post" enctype="multipart/form-data">
@csrf
<div class="card-body">
<div class="form-group">
<label
for="exampleInputPassword1">Image</label>
<input type="file" class="form-control"
name="image" placeholder="Select photo">
@error('image')
<small>{{$message}}</small>
@enderror
</div>

<!-- /.card-body -->

<div class="card-footer">
<button type="submit" class="btn btn-
primary">Submit</button>
</div>
</form>
</div>
@endsection

c) Contact View
@extends('admin.asset.dash')
@section('ec')

<div class="card card-">

<form action="{{ route('admin.contact.update',
$kontak) }}" method="post" enctype="multipart/form-data">
<div class="card-header">
<h1 class="card-title">Contacts</h1>

<button type="submit" class="btn btn-primary btn-sm"

style="float:right; "><i class="fas fa-check"></i> Done</button>

</div>
<!-- /.card-header -->

@csrf
@method('PUT')
<div class="card-body" >
<Center style=" display:flex; justify-
content:space-between; padding-left:5rem; padding-right:5rem;">
<input type="Text" name="email"
value="{{$kontak->email}}" style="text-align:center;">
<input type="number" name="phone"
value="{{$kontak->phone}}" style="text-align:center;">
<input type="Text" name="location"
value="{{$kontak->location}}" style="text-align:center;">
</Center>

<!-- /.card-body -->

</form>
</div>
@endsection

C. Controller
a) News Controller
<?php

namespace App\Http\Controllers;

use App\Models\berita;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\File;

class TestController extends Controller

{
/**
* Display a listing of the resource.
*/
public function index(Request $request)
{
$data= new berita;
 if($request->get('search')){
$data= $data->where('title','LIKE','%'.$request-
>get('search').'%')->orwhere('content','LIKE','%'.$request-
>get('search').'%');

}
$data=$data->latest()->get();
return
view('admin.berita.index',compact('data','request'));
}

/**
* Show the form for creating a new resource.
*/
public function create()
{
return view('admin.berita.add');
}

public function detail(string $id)

{
$data = berita::find($id);

return view('admin.berita.detail', compact('data'));

}

/**
* Store a newly created resource in storage.
*/
public function store(Request $request)
{
//
$cek = $request->validate([
'title' => 'required|min:5|max:20',
'content' => 'required|min:10|max:200',
'image' => 'required|image|mimes:jpeg,jpg,png',
]);
$imageName = $request->file('image')->hashName();
$cek['image'] = $imageName;
$path= public_path() .'/berita-images';
$request->file('image')->move($path, $imageName);
 berita::create($cek);
return redirect()->route('admin.index')->with('berhasil',
' Berita berhasil ditambahkan.');

/**
* Show the form for editing the specified resource.
*/
public function edit(string $id)
{
$data = berita::find($id);

return view('admin.berita.edit', compact('data'));

}

/**
* Update the specified resource in storage.
*/
public function update(Request $request, string $id)
{
$data = berita::find($id);

$cek = $request->validate([
'title' => 'required|min:5|max:20',
'content' => 'required|min:10|max:200',
'image' => 'nullable',
]);

if($request->image){
File::delete(public_path() .'/berita-images');
$imageName = $request->file('image')->hashName();
$cek['image'] = $imageName;
$path= public_path() .'/berita-images';
$request->file('image')->move($path, $imageName);
}
$data->update($cek);
return redirect()->route('admin.index')->with('berhasil',
'Berita berhasil diedit.');
 }

/**
* Remove the specified resource from storage.
*/
public function destroy(string $id)
{

$data = berita::find ($id);

$data->delete();
return redirect()->route('admin.index')->with('berhasil',
'Berita berhasil dihapus.');
}
}

b) Galleries Controller
<?php

namespace App\Http\Controllers;

use App\Models\Gallery;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\File;

class GaleriController extends Controller

{
/**
* Display a listing of the resource.
*/
public function index()
{
$photo = Gallery::all();
return view('admin.galeri.indexgaleri',compact('photo'));
}

/**
* Show the form for creating a new resource.
*/
public function create()
 {

return view('admin.galeri.addgaleri');
}

/**
* Store a newly created resource in storage.
*/
public function store(Request $request)
{
$cek = $request->validate([
'image' => 'required|image|mimes:jpeg,jpg,png',
]);
$imageName = $request->file('image')->hashName();
$cek['image'] = $imageName;
$path= public_path() .'/galeri-images';
$request->file('image')->move($path, $imageName);

Gallery::create($cek);
return redirect()->route('admin.galeri.index')-
>with('berhasil', ' gambar berhasil ditambahkan.');

/**
* Display the specified resource.
*/
public function show(string $id)
{
//
}

/**
* Show the form for editing the specified resource.
*/
public function edit(string $id)
{
//
}

/**
* Update the specified resource in storage.
*/
 public function update(Request $request, string $id)
{
//
}

/**
* Remove the specified resource from storage.
*/
public function destroy(string $id)
{
//
$data = Gallery::find ($id);
$data->delete();
return redirect()->route('admin.galeri.index')-
>with('berhasil', ' berhasil dihapus.');
}
}

c) Contact Controller
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Contact;

class ContactController extends Controller

{
/**
* Show the form for editing the specified resource.
*/
public function edit()
{
$kontak = Contact::first();

return view('admin.kontak.kontak_edit',
compact('kontak'));
}

/**
* Update the specified resource in storage.
*/
 public function update(Request $request,)
{
$kontak = Contact::first();

$cek = $request->validate([
'email' => 'required',
'phone' => 'required',
'location' => 'required',
]);

$kontak->update($cek);
return redirect()->route('admin.contact.edit')-
>with('berhasil', 'Berita berhasil update.');
}
}

4.3.5.2 Guest System

A. Home View
@extends('user.layout.app-home')
@push('style')
<link rel="stylesheet" href="{{asset('user/css/home.css')}}">
<link rel="stylesheet"
href="https://unpkg.com/aos@next/dist/aos.css" />
@endpush
@section('page')

<section class="about">
<div class="us" data-aos="zoom-in-up">

<h2>TENTANG KAMI</h2><br><br>

<p>Lorem ipsum dolor sit amet, consectetur

adipiscing elit. Phasellus ornare, augue eu rutrum commodo, dui
diam convallis arcu, eget consectetur ex sem eget lacus. Nullam
vitae dignissim neque, vel luctus ex. Fusce sit amet viverra
ante</p>
<br><hr>
</div>
</section>
<section class="food">
<div class="wrap">
<div class="card">
<div class="card1" data-aos="flip-left"
data-aos-duration="2000">
<div class="image"><img
src="ASET/img-1.png" alt=""></div>
<div class="teks">
<h2>
LOREM IPSUM
</h2>
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus ornare, augue eu rutrum
commodo</p>
</div>
</div>
<div class="card1" data-aos="flip-left"
data-aos-duration="2000">
<div class="image"><img
src="ASET/img-2.png" alt=""></div>
<div class="teks">
<h2>
LOREM IPSUM
</h2>
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus ornare, augue eu rutrum
commodo</p>
</div>
</div>
<div class="card1" data-aos="flip-left"
data-aos-duration="2000">
<div class="image"><img
src="ASET/img-3.png" alt=""></div>
<div class="teks">
<h2>
LOREM IPSUM
</h2>
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus ornare, augue eu rutrum
commodo</p>
</div>
</div>
<div class="card1" data-aos="flip-left"
data-aos-duration="2000">
<div class="image"><img src="ASET/img-
4.png" alt=""></div>
<div class="teks">
<h2>
LOREM IPSUM
</h2>
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus ornare, augue eu rutrum
commodo</p>
</div>
</div>
</div>
</div>
</section>
<section class="berita">

<h1>BERITA KAMI</h1>
<br><br><br>
<div class="grid">

<div class="ni" data-aos="fade-right"

data-aos-duration="2000">
<img src="{{ asset('berita-images/'.
$berita2->image)}}">
<div class="content">
<h2>{{Str::limit($berita2->title,
15)}}</h2>
<p >{{Str::limit($berita2->content,
150)}}</p>
</div>
<div class="cont">

<label for=check><a
href="{{route('berita')}}">Baca Selengkapnya</a></label>
<i class="fa-solid fa-
ellipsis"></i>
</div>
</div>
@foreach($berita1 as $d)
<div class="n1" data-aos="fade-right" data-aos-
duration="2000">
<img src="{{ asset('berita-images/'.$d-
>image)}}">
<div class="content">
<h2>{{Str::limit($d->title, 10)}}</h2>
 </div>
<div class="cont">
<p >{{Str::limit($d->content, 100)}}</p>
<label for=check><a
href="{{route('berita')}}">Baca Selengkapnya</a></label>
<i class="fa-solid fa-ellipsis"></i>
</div>

</div>
@endforeach
</div>

</section>
<section class="galery">

<h1>GALERI KAMI</h1><br><br>

<div class="imagecont">
@foreach($photo as $p)
<a href="" class="image dish"data-aos="flip-up"
data-aos-duration="1000">
<img src="{{ asset('galeri-images/'.$p-
>image)}}"alt="">
</a>

@endforeach

</div>
<br>
<div class="click">
<button><a href="{{route('galeri')}}">LIHAT LEBIH
BANYAK</a></button>
</div>
</div>
@endsection
@push('js')
<script>
import AOS from 'aos';
import 'aos/dist/aos.css'; // You can also use <link> for styles
// ..
AOS.init();
</script>
@endpush
 B. Home Controller
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\berita;
use App\Models\Gallery;
use App\Models\Contact;
use App\Models\Tentang;
use App\Models\User;
class UserController extends Controller
{
public function index()
{
$data['beritak']=berita::latest()->limit(5)->get();
$data['berita1']=$data['beritak']->pop(4);
$data['beritab']=berita::latest()->limit(1)->get();
$data['berita2']=$data['beritab']->pop();

$photo = Gallery::latest()->limit(6)->get();
$ingpo=Contact::first();

return view('user.page.home',
$data,compact('photo','ingpo'));

}
}
 CHAPTER 5

CLOSING

5.1 Conclusion

While carrying out Field Work Practices (PKL), the author found

experiences such as real work while living, working and interacting in an

industrial environment. The author feels that the scope of industry and school

is very different, the results achieved while working must be the result of

maximum effort.

After carrying out Field Work Practices (PKL) at PT. Leskar

Teknologi Mulia (CyberLabs) for 4 months, the author has gained experience

in:

1. Obey existing regulations, be disciplined in terms of time, responsibility

and seriousness as well as discipline in work.

2. Explore hidden potential and add new skills and insights.

3. Get to know the industrial work environment.

4. Communicate with co-workers, especially older co-workers, to be

respectful in communicating, asking questions and offering opinions.

5.2 Report Conclusion

Based on the description of the 5 main discussion chapters, the

author concludes that this report content about the creation of a website-based

application project from PT. Leskar Teknologi Mulya (CyberLabs) starts

from the preparation until the implementation.

5.3 Advices

The suggestions given to schools and industry are as follows:

5.2.1 For Schools

1. The school should provide better guidance in implementing this

Industrial Work Practice.

2. Monitoring and evaluation of student activities in an industry

should be carried out regularly, so that the process of student

activities in industry can be monitored optimally.

5.2.2 For Industrial Parties

1. that is hoped that the relationship between employees and PKL

students will always be maintained in harmony so that a good

atmosphere of cooperation can be created

5.4 Closing

These are the suggestions that the author can convey in the hope

that the industrial Work Practices (PKL) in the following years can be better.

The author is aware that this writing still has a lot of mistakes and

shortcomings, therefore, if there are better suggestions and input, the author

will be glad to accept and accommodate the suggestions so that he can

understand better.

The author believes that both industry and school have tried their

best and as optimally as possible to ensure this industrial Work Practice

(PKL) so smoothly. Therefore, the author would like to thank all parties who

have helped make this Field Work Practice (PKL) run smoothly.
 References

Apa Itu FillZilla Dan Bagaimana Mengguanakannya. (2023, October 26).

Retrieved from Niagahoster: https://www.niagahoster.co.id/blog/cara-
menggunakan-filezilla/
Apa Itu Hosting. (2023, October 26). Retrieved from Amazon:
https://aws.amazon.com/id/what-is/web-hosting/
Apa itu Visual Studio Code. (2023, October 26). Retrieved from Revou:
https://revou.co/kosakata/visual-studio-code
Aplication Software. (2023, october 23). Retrieved from Wikipedia:
https://en.wikipedia.org/wiki/Application_software
Databases. (2023, October 26). Retrieved from niagahoster:
https://niagahoster.co.id/Basisdata
Databases. (2023, October 26). Retrieved from Wikipedia:
https://www.oracle.com/id/database/what-is-database
Laravel. (2023, October 26). Retrieved from Wikipedia:
https://en.wikipedia.org/wiki/Laravel
niagahoster. (2023, november 23). about Laravel. Retrieved from Niagahoster:
https://www.niagahoster.co.id/blog/cara-install-laravel/
Niagahoster. (2023, November 23). fitur laravel. Retrieved from Niagahoster:
https://www.niagahoster.co.id/blog/cara-install-laravel/
PHP. (2023, october 26). Retrieved from wikipedia:
https://en.wikipedia.org/wiki/PHP
PHP Programming Language. (2023, October 26). Retrieved from Codingers:
https://en.wikipedia.org/wiki/Programming_Language
Website. (2023, october 23). Retrieved from Wikipedia:
https://en.wikipedia.org/wiki/Website
Website History. (2023, October 23). Retrieved from Wikipedia:
https://en.wikipedia.org/wiki/Website History
Xampp. (2023, October 26). Retrieved from Wikipedia:
https://en.wikipedia.org/wiki/Xampp