LAPORAN HASIL PRAKTIK KERJA INDUSTRI

PEMBUATAN WEBSITE RUMAH MAKAN

DENGAN MENGGUNAKAN HTML5
DI METRO TECHNO SOLUTION

Disusun Oleh:
Rizky Bintang Esya Ramanda
0043877285
XI RPL
Rekayasa Perangkat Lunak

SEKOLAH MENENGAH KEJURUAN NEGERI 1 WAY KENANGA

TAHUN 2021
 HALAMAN PENGESAHAN

Laporan Praktik Kerja Industri di METRO TECHNO SOLUTION

Dilaksanakan tanggal 11 Januari2021 s.d 11 April 2021
Disusun Oleh:
Judul Laporan :Membuat Website Rumah Makan
Nama :Rizky Bintang Esya Ramanda
NISN : 0043877285
ProrgamKeahlian :Rekayasa Perangkat Lunak
KompetensiKeahlian :Rekayasa Perangkat Lunak
Disusun sebagai syarat kenaikan kelas dan Ujian Nasional

Menyetujui,
Pimpinan Industri Pembimbing Industri

ADI JAYA SAPUTRA S.Kom., M.T.I DWI SARI SUANTI, S.Pd

Ketua Program Keahlian Pembimbing Sekolah

DWI STANDAR EDUCATION, S.Kom DWI UTOMO

Mengetahui,
Kepala SMKN 1 WAY KENANGA

LINDA ASRIDA, S.E., S.Pd., M.M

NIP. 197808102011012007

ii
 DAFTAR RIWAYAT HIDUP

1) Nama : Rizky Bintang Esya Ramanda

2) Tempat, Tanggal lahir :12 Oktober 2004
3) Nama Orang Tua
- Ayah : Sutikno
- Ibu : Meliyana
4) Anakke- : 1 dari 3 bersaudara
5) Agama : Islam
6) Alamat : Buko Poso,Way Serdang
Kabupaten Mesuji
Lampung
KodePos : 34684
7) No. Telepon/HP : 082279745512
8) Riwayat Pendidikan
a) Lulus TPQ AL-IKHLAS , Pada Tahun 2009
b) Lulus dari SDN 2 BukoPoso, Pada Tahun 2016
c) Lulus SMP Negeri 3 Mesuji, Pada Tahun 2016/2019
d) Menjadi Siswa SMKN 1 Way Kenanga Tahun 2020
sampai sekarang
e) Mengikuti Program Praktik Kerja Industri di LKP
METRO TECHNO SOLUTION, Pada Tahun 2021

iii
 KATA PENGANTAR

Dengan mengucapkan Syukur atas rahmat allah Tuhan Yang Maha Esa, yang
senantiasa melimpahkan berkah, rahmat, taufiq, serta hidayah-Nya sehingga
penulis dapat menyelesaikan Laporan Praktik Kerja Industri di LKP METRO
TECHNO SOLUTION, Laporan ini dibuat bedasarkan kegiatan-kegiatan yang
dilaksanakan siswa setelah selama berada didunia Industri Laporan ini disusun
sebagai pertanggung jawaban siswa selama Prakerin dan berfungsi sebagai acuan
ujian yang dilaksanakan setelah siswa melaksanakan praktik didunia Industri.

Dengan ini, kami juga mengucapkan terimakasih kepada semua pihak

yang telah mendukung dan mensukseskan pelaksanaan Prakerin ini agar dapat
berjalan lancar karena adanya dukungan kerjasama yang baik dari berbagi pihak
semoga dengan kegiatan Prakerin ini dapat meningkatkan kemampuan dan
kualitas kami dalam Dunia Usaha, pada kesempatan kali ini penulis mengucapkan
banyak terima kasih kepada :
1. LINDA ASRIDA, S.E., S.PD., M.M selaku kepala SMKN 1 Way
Kenanga
2. YOGA HASDI ARIANTORO, M.Pd selaku Ketua Pelaksana
PRAKERIN
3. ADI JAYA SAPUTRA, S.Kom., M.T.I selaku pimpinan LKP METRO
TECHNO SOLUTION
4. DWI SARI SUANTI, S.Pd selaku guru pembimbing selama pelaksanaan
Praktik Kerja Industri
5. DWI UTOMO selaku pembimbing Sekolah SMKN 1 Way Kenanga
6. DWI STANDART EDUCATION, S.Kom selaku kepala jurusan RPL
SMKN 1 Way Kenanga

iv
Penyusun menyadari akan kekurangan-kekurangan dalam pembuatan laporan ini
yang harus di benahi, Oleh karena itu penulis mengharapkan masukkan kritik dan
saran yang bersifat membangun guna sempurnanya laporan ini di masa
mendatang. Akhir kata penulis mohon maaf atas segala kesalahan dan kekurangan
.Semoga laporan Pratik Kerja Industri ini dapat bermanfaat bagi semua pihak.

Metro,.... April 2021

Rizky Bintang Esya Ramanda

v
 DAFTAR ISI

HALAMAN JUDUL…………………………………………………………i
HALAMAN PENGESAHAN…………………….……………………...…..ii
HALAMAN DAFTAR RIWAYAT HIDUP…………………..……………..iii
HALAMAN KATA PENGANTAR……………..…………………………...iv
HALAMAN DAFTAR ISI…………………………….……………………...v
HALAMAN DAFTAR GAMBAR………………………………...………....vi
BAB I PENDAHULUAN
A. Latar Belakang .................................................................................... 1
B. Rumus Masalah ................................................................................... 2
C. Batasan Masalah .................................................................................. 2
D. Tujuan Masalah ................................................................................... 2
E. Manfaat Masalah ................................................................................. 2
BAB II GAMBARAN UMUM PERUSAHAAN
A. Sejarah (LKP Metro Techno Solution) ................................................. 3
B. Struktur Organisasi Perusahaan ........................................................... 5
C. Waktu dan Tempat ............................................................................... 5
BAB III ISI
A. Pengertian Website Rumah Makan ...................................................... 6
B. Manfaat Website Rumah Makan .......................................................... 6
C. Langkah-langkah membuat Website Rumah Makan ........................... 7
BAB IV
A. Metode kerja praktik……...………………………………………….22
B. Spesifikasi objek……………………………………………………..22
C. Masalah………..……………………………....……………………..22
D. Solusi…………..……………………………………………………..23
E. Waktu dan Tempat..……..…………………………………………...23
F. Alur kerja (flowchart)………………………………………………..24
BAB V
A. Kesimpulan……………………………………………………………25
B. Saran…………………………………………………………………...25

vi
DAFTAR PUSTAKA……………………………………………………26
DAFTAR LAMPIRAN………………………………………………….27

vii
 DAFTAR GAMBAR

Gambar 1. Logo Metro Techno Solutio ........................................................... 3

Gambar 1.1 Struktur Organisasi Metro ............................................................ 4
Techno Solution
Gambar 1.2 Folder project ............................................................................... 7
Gambar 1.3 Menu Visual Studio code ............................................................. 8
Gambar 1.4 Menu item .................................................................................... 8
Gambar 1.5 Folder project ............................................................................... 8
Gambar 1.6 File index.html ............................................................................. 9
Gambar 1.7 Title kode html ............................................................................. 9
Gambar 1.8 Sytle CSS ..................................................................................... 9
Gambar 1.9 Body CSS ..................................................................................... 10
Gambar 2. Wrapper CSS .................................................................................. 10
Gambar 2.1 Header CSS .................................................................................. 10
Gambar 2.2 Tampilan header ........................................................................... 10
Gambar 2.3 CSS h1 .......................................................................................... 11
Gambar 2.4 Bagian class nav ........................................................................... 11
Gambar 2.5 bagian border ................................................................................ 11
Gambar 2.6 Bagian courses.............................................................................. 12
Gambar 2.7 Bagian hgroup .............................................................................. 12
Gambar 2.8 Bagian image body ....................................................................... 12
Gambar 2.9 tampilan image body .................................................................... 12
Gambar 3. bagian aside /kesamping................................................................. 13
Gambar3.1 Tampilan aside .............................................................................. 14
Gambar 3.2 Bagian footer ................................................................................ 14
Gambar 3.3 Tampilan dari footer ..................................................................... 15
Gambar 3.4 Bagian text header ........................................................................ 15
Gambar 3.5 Class menu ................................................................................... 16
Gambar 3.6 Bagian menu................................................................................. 16
Gambar 3.7 Class courses ................................................................................ 16
Gambar 3.8 Tampilan gambar.......................................................................... 16

viii
Gambar 3.9 Bagian hgroup .............................................................................. 17
Gambar 4. Hasil tampilan hgroup .................................................................... 17
Gambar 4.1 Bagian figure dan hgroup ............................................................. 18
Gambar 4.2 Tampilan figure dan hgroup ......................................................... 18
Gambar 4.3 Masakan popular dan kontak........................................................ 19
Gambar 4.4 Tampilan masakan popular .......................................................... 19
Gambar 4.5 Bagian copyright .......................................................................... 19
Gambar 4.6 Tampilan copyright ...................................................................... 20
Gambar 4.7 Gambar banner diheader ............................................................. 20
Gambar 4.8 Tampilan dari banner ................................................................... 21

ix
 BAB I
PENDAHULUAN

A. LATAR BELAKANG
Website adalah media yang digunakan untuk menampung data teks,
gambar, suara dan animasi yang dapat ditampilkan diinternet dan dapat diakses
oleh komputer yang terhubung dengan internet secara global. Website merupakan
media informasi berbasis jaringan komputer yang dapat diakses dimana saja
dengan biaya relatif murah. Website merupakan bentuk implementasi dari bahasa
pemograman web (web programming). PHP (Hypertext Preprocessor) merupakan
bahasa pemograman berbasis web yang memiliki kemampuan untuk memproses
dan mengolah data secara dimanis.
Website saat ini tidak hanya menyediakan jasa atau sebagai company profile
terhadap suatu perusahaan, tetapi juga menjadi tempat jual dan beli, hiburan,
forum, dan berbagai kreatifitas lainya yang dapat mengunjang dan memiliki daya
tarik lebih untuk menarik pasar dan komsumennya agar memakai jasanya,
Website saat ini muncul karena adanya kebutuhan pasar serta masyarakat yang
semakin tinggi dibidang teknologi. Kita bisa mencari informasi melalui website
dan berhubungan dengan orang-orang dinegara lain melalui e-mail, chat room,
web-cam, dan sebagainya. Internet sudah menjadi kebutuhan sehari-hari.
Kemajuan internet sangat mempengaruhi hampir setiap sendi kegiatan operasional
diorganisasi maupun bisnis.

B. RUMUS MASALAH
Berdasarkan latar belakang masalah yang telah diuraikan diatas dapat diketahui
pokok permasalahan yang dihadapi yaitu :
1. Bagaimana merancang dan membuat implementasi website informasi
iklan.
2. Bagaimana merancang sebuah sistem informasi pada lembaga.

1
 C. BATASAN MASALAH
Media informasi hanya difokuskan untuk peserta bimbel dan guru yang
mengajar serta informasi umum lembaga Operation. Pemanfaatan website saat ini
dapat digunakan dalam berbagai bidang dengan cakupan yang luas, oleh karena
itu perlu satu batasan masalah yang jelas. Pembatasan ini harus sesui jenis
permasalahn yang ada Dalam laporan ini pembatasan masalah pada perancangan .

D. TUJUAN MASALAH
1. Membangun website iklan layanan masyarakat sebagai media publikasi
yang memiliki nilai guna tinggi karena mencangkup keefiktifan dana dan
ruang lingkup yang luas.
2. Membuat fitur untuk mempermudah user dalam mengaplikasikan ornamen
pada pakaian.
3. Dapat memberikan manfaat dan kemudahan dalam mengakses layanan
informasi yang efisien.

E. MANFAAT MASALAH
1. Mempermudah user dalam mengatur ornamen pada pakaian dengan
menggunakan fitur-fitur yang telah disediakan.
2. Masyarakat bisa mendapatkan informasi dengan mudah,lengkap, tepat,
akurat, dan murah.

2
 BAB II
GAMBARAN UMUM PERUSAHAAN

A. SEJARAH

Gambar 1:Logo Metro Techno Solution

LPK.Metro Techno Solutions berdiri sejak tahun 2010 dengan izin pendirian
dari DINAS PENDIDIKAN dengan No. Nilek Lama : 12202.4.1.0052 dan
Nilek Nasional : 12202.1.0052 .

Kami menyelenggarakan kursus dengan bobot materi yang di sesuaikan

dengan kebutuhan dunia kerja dengan mengikuti KURIKULUM NASIONAL
Keputusan Direktur Jenderal Pendidikan Luar Sekolah, Pemuda clan Olahraga
Nomor KEP-105/E/L/1990 tentang Pola Dasar Pembinaan Pengembangan
Kursus Diklusemas, dinyatakan bahwa pada dasarnya kurikulum kursus untuk
tiap jenis pendidikan bersifat nasional. Dengan memberikan pelayanan yang
PRIMA.

Selamat datang di Metro Techno Solution sebuah lembaga pendidikan

komputer yang berada di lampung tepatnya KOTA METRO kota yang
memiliki visi dan misi untuk menjadi kota pendidikan bertaraf nasional dan
mancanegara ini membuat metro techno solution membangun tekat untuk
menyumbangkan ide dan pengalamannya dalam mengelola lembaga
pendidikan yang berbasis teknologi informasi (IT) yang sudah berpengalaman
dalam menyelenggarakan pendidikan menggunakan teknologi informasi dan

3
 komunikasi (ICT). Lembaga pendidikan metro techno solution yang memiliki
wawasan di bidang IT dan Software Developt menginginkan untuk dapat
menerapkan ILMU nya untuk peserta didik yang mengikuti program kursus
NON FORMAL tersebut dengan harapan mampu bersaing dalam pasar global
dan mampu menciptakan lapangan pekerjaan.

B. STRUKTUR ORGANISASI PERUSAHAAN

Gambar 1.1:StrukturOrganisasi Metro Techno Solution

C. WAKTU DAN TEMPAT PRAKERIN

Prakerin SMKN 1 Way Kenanga di mulai pada tanggal 11 Januari 2021
sampai dengan 11 April 2021. Kegiatan Prakerin dilaksanakan di LKP. METRO
TECHNO SOLUTION yang memiliki tempat yaitu beralamatkan di
Jl.Yosudarso No.29 Metro Kec. Kota Metro Pusat.Dengan jam kerja yang telah
ditentukan selama Praktik Kerja Lapangan berjalan.

4
Waktu pelaksanaan seperti berikut:
Hari Jam Masuk Jam Latirahat Jam Pulang
Senin 07 : 30 11 : 30 – 13 : 00 16 : 00
Selasa 07 : 30 11 : 30 – 13 : 00 16 : 00
Rabu 07 : 30 11 : 30 – 13 : 00 16 : 00
Kamis 07 : 30 11 : 30 – 13 : 00 16 : 00
Jumat 07 : 30 11 : 00 – 13 : 15 16 : 20
Sabtu 07 : 30 11 : 30 – 13 : 00 16 : 00
Minggu - - libur
Tabel 1: waktu pelaksanaan

5
 BAB III
PEMBAHASAN

A. PENGERTIAN WEBSITE RUMAH MAKAN

Membuat sebuah website membutuhkan pertimbangan matang. Terlebih
dalam hal desain, agar bisa didapat desain cantik menarik. Tidak terkecuali untuk
website makanan yang mungkin ingin anda buat.
Website makanan bisa pula difungsikan sebagai restoran online. Dimana anda
bisa menerima pesanan secara online,sehingga web memiliki peran penting
dimana jika anda mampu mengelola web dengan baik maka hal tersebut akan
berdampak bagus untuk usaha anda. Oleh karenanya anda harus membuat web
restoran terlihat menarik dengan memperhatikan beberapa hal yaitu Desain Web
yang Tepat Sasaran, Akses Mudah dan Sederhana,dan Color Sheme.

B. MANFAAT WEBSITE RUMAH MAKAN

Meningkatkan Bisnis Restoran Anda, Manfaat lain dari situs website adalah dapat
memberi bisnis restoran Anda visibilitas online yang luar biasa yang
memungkinkan Anda. Anda dapat memberi tahu menu restoran dan apa saja yang
membedakan makanan dan restoran anda dari milik orang lain. Berikut beberapa
manfaat website untuk bisnis restoran yang harus diketahui :
1. Meningkatkan Pengenalan Merek
Cara efektif untuk memperluas merek bisnis restoran anda adalah degan
Membangun situs web yang efektif dan fungsional. Dengan situs web,
Andadapat memberi tahu kepada khalayak luas siapa Anda dan memberi tahu
calon pelanggan tentang menu, suasana restoran, harga dan informasi lainya.Situs
web yang dibangun untuk bisnis restoran tidak harus mahal namun harus
informatif, menarik, profesional dan mencerminkan restoran Anda.Jika anda
memutukan menggunakan jasa pembuatan website restoran, pastikan anda
memintanya untuk membuatnya dengan desain elegan yang menyampaikan kesan
profesional.

6
2. Meningkatkan Bisnis Restoran Anda
Manfaat lain dari situs website adalah dapat memberi bisnis restoran anda
visibilitas online yang luar biasa yang memungkinkan pelanggan lenih mudah
menemukan anda. Anda dapat mendaftarkan website restoran anda diGoogle
Place dan direktori lokal menemukan anda.
Website anda bekerja 24 jam dalam sehari untuk memberikan informasi yang
dibutuhkan oleh calon pelanggan anda. Itu mengapa anda wajib memiliki situs
website untuk restoran anda karena dapat meningkatkan bisnis anda.
3. Alat Promosi 24 jam Non St5op
Website tidak hanya sebagai media informasi tentang menu dan susunan restoran
saja, namun juga dapat dijadikan sebagai alat promosi 24 jam non stop. Jika
restoran anda menawarkan layanan ketring selain menu harian anda, Anda dapat
mempromosikan melalui website restoran anda.Ketika anda mempromosikan
layanan ketring maka pelanggan anda dapat melihat dan mengetahui layanan lain
yang restoran anda tawarkan kepada mereka. Jika mereka membutuhkan layanan
ketring memungkinkan mereka menghubungi anda.

C. LANGKAH PEMBUATAN WEBSITE RUMAH MAKAN

Langkah-langkah membuat website Rumah Makan dengan menggunakan Visual
Code.
1. Buat Folder project yang akan dibuat diFile explorer

Gambar 1.2File explorer

7
 2. Buka aplikasi Visual Studio Code 1.53.0

Gambar 1.3Menu Visual Code

3.Klik file lalu klik open folder

Gambar 1.4Menu Item

4.Masukan folder yang sudah dibuat diFile explorer

Gambar 1.5Folder Project

5.Buat file baru di visual Studio code (index.html)

8
 Gambar 1.6 File index.html

6.lalu klik file index.html,sebelumnya buat title yang akan digunakan pada form
pencarian google

Gambar 1.7Title Kode html

7.lalu lanjutkan, sebelum ke CSS kita butuh membuat style untuk menggabungkan
antara index dan CSS
<style type="text/css">
header, section, footer, aside, nav, articl
e, figure, figcaption {
display: block;}
Gambar 1.8 style CSS
8.Lanjut ke bagian CSS, Masukan tag
body {
color: #666666;
background-color: #b1acb0;
background-image: url("images/dark-wood.jpg");

9
 background-position: center;
font-family: Georgia, Times, serif;
line-height: 1.4em;
margin: 0px;}
Gambar 1.9 Body CSS
9.Masukan tag berikut, untuk memodifikasi bagian body
.wrapper {
width: 940px;
margin: 20px auto 20px auto;
border: 2px solid #000000;
background-color: #f9f4fa;}
Gambar 2. Wrapper CSS

10.Masukan tag berikut, untuk membuat bagian header

header {
widht: 950px;
height: 160px;
background-image: url("#ffffff");}
Gambar 2.1 Header CSS

Gambar 2.2 Tampilan header

11. Masukan tag berikut untuk memodifikasi font header

h1 {
text-indent: -9999px;
width: 940px;

10
 height: 130px;
margin: 0px;}
Gambar 2.3 CSS h1

12. Masukan tag berikut untuk memodifikasi bagian header

nav, footer {
clear: both;
color: #ffffff;
background-color: #aeaca8;
height: 30px;}
nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;}
nav li {
display: inline;
margin-right: 40px;}
nav li a {
color: #200909;}
nav li a:hover, nav li a.current {
color: #000000;}
Gambar 2.4 bagian class nav
13. Masukan tag untuk memodifikasi bagian article
section.courses {
float: left;
width: 659px;
border-right: 3px solid #2fe40b;}
Gambar 2.5 bagian border
14. Untuk membuat element text article bagian class courses
article {
clear: both;

11
 overflow: auto;
width: 100%;}
Gambar 2.6 bagian courses
15.modifikasi bagian text header group
hgroup {
margin-top: 40px;}
Gambar 2.7 bagian hgrup

16. modifikasi ukuran image/gambar bagian courses

figure {
float: left;
width: 290px;
height: 220px;
padding: 5px;
margin: 20px;
border: 1px solid #eeeeee;}
figcaption {
font-size: 90%;
text-align: left;}
Gambar 2.8 bagian image body

Gambar 2.9 tampilan image body

17. membuat bagian kesamping
aside section a {
display: block;

12
 padding: 10px;
border-bottom: 1px solid #eeeeee;}
aside section a:hover {
color: #985d6a;
background-color: #ffffff;}

a {
color: #de6581;
text-decoration: none;}
h1, h2, h3 {
font-weight: normal;}
h2 {
margin: 10px 0px 5px 0px;
padding: 0px;}
h3 {
margin: 0px 0px 10px 0px;
color: #de6581;}
aside h2 {
padding: 30px 0px 10px 0px;
color: #de6581;}
Gambar 3. Bagian aside /kesamping

13
 Gambar 3.1 tampilan aside
18. modifikasi bagian bawah,dan dapat ditulis mengenai penulis artikel atau
dokumen,lalu tutup dengan tag style dan head
footer {
font-size: 80%;
padding: 7px 0px 0px 20px;
color: #000000}
</style>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/sv
n/trunk/html5.js"></script>
<![endif]-->
</head>
Gambar 3.2 bagian footer

14
 Gambar 3.3 tampilan dari footer

19. Buat text bagian Header, dengan memasukan tag dibawah ke Index.html
</head>
<body>
<div class="wrapper">
<header>
<h1>Warung Tegal</h1>
Gambar 3.4 bagian text header
20. Buat bagian menu dengan menggunakan tag class wrapper
<nav>
<ul>
<li><a href="" class="current">beranda</a></li>
<li><a href="Daftarmasakan.html">daftar masakan</a></l
i>
<li><a href="daftarminuman.html">Daftar minuman</a></l
i>
<li><a href="tentang.html">tentang</a></li>
<li><a href="pemesanan.html">pemesanan</a></li>
</ul>
</nav>

15
</header>
Gambar 3.5 class menu

Gambar 3.6 bagian menu

21. Tambahkan foto makanan yang akan dimasukan dengan menggunakan tag
dibawah
<section class="courses">
<article>
<figure>
<img src="sotoayam.jpeg" alt="soto" style="
width: 290px; height: 200px;" />

<figcaption>Soto Indonesia</figcaption>
</figure>
Gambar 3.7 class courses

Gambar 3.8 tampilan gambar

16
22. Beri keterangan tentang makanan tersebut dengan menggunakan tag
<hgroup>
<h2>Soto Ayam</h2>
<h3>Makanan Berkuah</h3>
</hgroup>
<p>Soto ayam adalah makanan khas Indonesia yang berupa
sejenis sup ayam dengan kuah yang berwarna kekuningan.<
/p>
</article>
Gambar 3.9 bagian hgroup

Gambar 4. Hasil tampilan hgroup

23. Buat tampilan gambar dan keterangan lagi seperti tadi dengan menggunakan
gambar dan keterangan makanan lain seperti contoh tag dibawah
<article>
<figure>
<img src="pecel.jpeg" alt="pecel" style="width: 290px;
height: 200px;" />
<figcaption>Pecel Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Pecel</h2>
<h3>Makanan dengan Bumbu Kacang</h3>

17
 </hgroup>
<p>Pecel adalah makanan yang menggunakan bumbu sambal
kacang sebagai bahan utamanya dan jenis sayuran.</p>
</article>
Gambar 4.1 bagian figure dan hgroup

Gambar 4.2 tampilan figure dan hgroup

24. Buat bagian masakan populer dan kontak dibagian aside dengan
menggunakan section class popular-recipes dan section class contact-details
dengan tag dibawah
<aside>
<section class="popular-recipes">
<h2>Masakan Populer</h2>
<a href="">Sayur Sop</a>
<a href="">Sayur Asem</a>
<a href="">Sayur Lodeh</a>
<a href="">Sayur Bayam</a>
</section>
<section class="contact-details">
<h2>Kontak</h2>
<p>Telepon:(021)56782111<br />

18
 Hp:082279745512

<p>Warung Tegal Serba Ada</p>

</section>
</aside>
Gambar 4.3 Masakan popular dan kontak

Gambar 4.4 tampilan masakan popular

25. Lalu beri text copyright dibagian footer untuk menandakan kalau website itu
punya kita dan diakhir beri tag penutup seperti dibawah
<footer>
&copy; 2021 Rumah Makan Ada
</footer>
</div><!-- .wrapper -->
</body>
</html>
Gambar 4.5 bagian copyright

19
 Gambar 4.6 tampilan copyright
26. Agar terlihat lebih berkesan kita tambahkan gambar yang telah kalian buat
sendiri dan beri nama banner sebagai tampilan website dibagian header. cari
header distyle css lalu ubah #ffffff dibagian background-image menjadi
banner.jpg
header {
widht: 950px;
height: 160px;
background-image: url("#ffffff");}

< UBAH MENJADI SEPERTI DIBAWAH >

header {
widht: 950px;
height: 160px;
background-image: url("banner.jpg");}
Gambar 4.7 Gambar banner diheader

20
 Gambar 4.8 Tampilan dari banner

27. Jika semua tag telah dimasukan lalu save dan selesai

21
 BAB IV
METODE PRAKTIK KERJA

A. METODE KERJA PRAKTIK

1. Observasi
Adalah salah satu kegiatan yang bertujuan meneliti, mencari informasi dan
mendalami pengetahuan mengenai suatu permasalahan, materi maupun yang
lain. Observasi juga diadakan untuk bisa memecahkan suatu permasalahan.
Permasalahan yang dimaksud disini adalah Konfigurasi Routing Setatis,
DHCP Server, Bridge dan wireless.
2. Wawancara
Adalah salah satu kegiatan yang dilakukan untuk mencari informasi, dan
memahami lebih dalam suatu materi dengan cara mencari narasumber yang
dianggap tepat. Narasumbar yang dimaksudkan adalah narasumber yang
kompeten dalam bidang yang ingin didalami.Mengenai bridge jaringan,
informasi bisa dari berbagai sumber.
3. Praktik
Adalah salah satu kegiatan yang dilakukan supaya lebih memahami materi
dalam pelaksanaannya. Praktik dilakukan dengan cara melakukan, dan
mencoba langsung hal yang ingin dipelajari. Bbiasanya praktik didampingi
oleh seseorang yang lebih kompeten sebagai tutor.

B. SPESIFIKASI OBJEK
Saya memilih untuk membahas tentang pembuatan website rumah makan
karena proses pembuatannya yang mudah dan tidak memakan waktu lama
dalam membuatnya.

C. MASALAH
Sebelum membuat website Rumah makan,
1. Pastikan telah menambahkan tag meta viewport pada index
2. Pastikan juga telah menambahkan tag link rel stylesheet css

22
3. Terkadang bagian index dan css tidak mau terkoneksi karena belum
menambahkan tag link rel stylesheet css
4. Menggunakan satu program untuk desain yang berbeda

D. SOLUSI
Sebelum mempelajari tentang pembuatan web rumah makan alangkah
baiknya memahami terlebih dahulu bagaimana proses-proses dan alur
pembuatan sebuah website, mempelajari dasar-dasar tag untuk html,css dan
tag-tag lainnya, lakukan beberapa pengujian pada website yang kita buat
sebelum dipublikasikan.

E. WAKTU DAN TEMPAT

1. Waktu pembelajaran di LKP. Metro Techno Solution
a. Hari senin sampai jum’at adalah pukul 7.30 WIB. s/d 16.00 WIB.
b. Hari sabtu pukul 07.30 wib s/d 16.00 adalah waktu tambahan belajar seperti
biasa
c. pukul 07.30 WIB s/d pukul 08.00 WIB adalah waktu sholat dhuha dan
mengaji
d. jika ada pembagian jadwal masuk maka yang masuk siang adalah pukul 13.00
WIB s/d 16.00 WIB
2. Waktu istirahat di LKP Metro Techno Solution
a. Istirahat pertama adalah pukul 11.30 WIB s/d pukul 13.00 WIB,
untuk sholat dzuhur berjamaah dn makan siang.
b. Istirahat kedua jika ada jam tabahan adalah pukul 16.00 s/d 19.00 WIB untuk
sholat ashar dan magrib.
3. Tempat
Lokasi tempat belajar di LKP Metro Techno Solution ada 2 yaitu A & B
a. Kampus A LKP.Metro Techno Solution adalah jalan Yos Sudarso, NO.29
Metro,Metro pusat,kota metro,Lampung.
b. Kampus B LKP. Metro Techno Solution sama seperti Kampus A

23
F. ALUR KERJA ( FLOWCHART )

Mulai
11-Januari-2021

1.Pengenalan lingkungan perusahaan.

2.Pemberian materi oleh pembimbing
industri

1. Praktik.
2. PenguasaanMateri.

PengujiMateri

PenilaianHasilUjian
Materi

Jika nilai tidak memenuhi Jika nilai memenuhi

kriteria maka dilakukan kriteria maka lanjut
evaluasi dan remedial materi selanjutnya

selesai

24
 BAB V
PENUTUP

A. KESIMPULAN
Dari penelitian yang telah dilakukan mengenai kepuasan konsumen pada
Rumah makan serba ada bagi konsumen yang menyantap hidangan pilihan
sesui dengan selera, dari sekian banyak menu makanan yang ditawarkan,
didapatkan bahwa banyak sekali konsumen yang sangat merasa puas sekali
dengan semua penyelesaian yang disajikan Rumah makan serba ada.

B. SARAN
1. Membuat strategi pemasaran yang lebih efektif untuk mencegah
penurunan penjualannya dimasa yang akan datang, misalnya dengan
lebih gencar dalam melakukan promosi dan memberikan bonus atau
discount terhadap pembelian, atau dengan mengubah/ memperbanyak
varians jenis menu makanan baru sesui dengan rasa masakan khas yang
disukai di daerah yang bersangkutan, agar konsumen lebih tertarik.
2. Membuat iklan atau slogan yang unik, menarik, dan berbeda dari
pesaing agar dapat membuat konsumen lebih mengingat, mengenal, dan
akhirnya membeli hidangan daru sajian menu-menu makanan tersebut
ketika akan membeli. Khususnya untuk Indonesia kesan sebagai
makanan untuk keluarga harus tetap dipertahankan mengingat
Indonesia sebagai negara yang berbudaya timur masih menjunjung
tinggi nilai-nilai keluarga
3. Membuat desain ruangan dengan cat, tulisan yang unik dengan warna-
warna yang menarik untuk menu-menu makanan soto, dan menu-menu
lainya, sehingga dapat menarik perhatian konsumen.

25
 DAFTAR PUSTAKA

Sejarah LKP.Metro Techno Solution

http://adjimtechno2016.blogspot.com/p/blog-page_9.html?m=1
Kesimpulan dan saran warung makan
http://repository.maranatha.edu1799270352301_Conclusion.pdf.pdf
Tujuan website warung makan
https://www.studioweb.co.id/manfaat-website-untuk-bisnis-restoran-rumah-
makan/#:~:text=Meningkatkan%20Bisnis%20Restoran%20Anda,Anda%20dari%
20milik%20orang%20lain.
Website rumah makan: Latar belakang, Rumus masalah, Batasan masalah, Tujuan
masalah,dan Manfaat masalah
http://eprints.umpo.ac.id/1566/2/BAB%20I.pdf

26
 LAMPIRAN

Kegiatan foto bersama

Kegiatan belajar

27
 Kegiatan Senam minggu pagi

Kegiatan Kerja bakti bersama warga

28
Kegiatan Senam sore bersama warga

Kegiatan bersih-beraih

29
 Memasang cctv

Kegiatan belajar bareng

30
 Foto bersama

Monitoring Pemimbing Sekolah

31