LAPORAN TUGAS BESAR

KOMPUTER DAN PEMROGRAMAN

Disusun Oleh:
TEAM 6
1. Viona Marchanda (B1A022325)
2. irfan lubis (B1A022327)
3. M.Raqhel Ibrahim (B1A022332)
4. Fatty Cantika Azzahra (B1A022292)
5. Melkaharay (B1A022337)
6. Ayu Femmy Amalia (B1A022311)
7. Hanifah Dwi Aprianti (B1A022321)

Asisten Dosen:
Muhammad Fachrurrozi (G1F020016)

Dosen Pengampu:
Muhammad Khairul Amri Rosa, S.T, M.T.

PROGRAM STUDI HUKUM

FAKULTAS HUKUM
UNIVERSITAS BENGKULU
2023

1
 KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala hikmat dan karunia-Nya
sehingga kami dapat menyelesaikan laporan tugas besar ini. Semoga laporan ini dapat
dipergunakan sebagai salah satu acuan, petunjuk maupun pedoman bagi pembaca.

Dalam penulisan laporan ini kami menyampaikan ucapan terima kasih yang tak
terhingga kepada pihak-pihak yang membantu dalam menyelesaikan laporan ini. Semoga
laporan mengenai pembuatan E_Kasir ini bisa menambah wawasan pembaca dan bisa
bermanfaat untuk perkembangan dan peningkatan ilmu pengetahuan.

Dalam penulisan laporan ini kami masih merasa masih banyak kekurangan baik pada
teknis penulisan maupun materi. Untuk itu kritik dan saran dari semua pihak sangat penulis
harapkan demi penyempurnaah laporan ini.

2
 DAFTAR ISI
KATA PENGANTAR…………………………………………………………..….............…2

DAFTAR ISI…………………………………………………………………...……...............3

BAB I PENDAHULUAN…………………………………………………...………...............4

1.1 Latar Belakang……………………………………………………...…………..............4

1.1.1 HTML.....…………………………………………………...…………...............5
1.1.2 CSS.......…………………………………………………...…………….............5
1.1.3 PHP..............…………………………………………..………………..............6
1.1.4 SQL.………………………………………..............……………………………6
1.1.5 PHPMyAdmin
1.2 Rumusan Masalah……………………………………………………………................8
1.3 Tujuan…………………………………………………………………………..............8
1.4 Manfaat……………………………………………………………………...............….8

BAB II PEMBAHASAN…………………………………………………………...................9

1.1 Membuat Database…………………………………………………………...............….9

2.1.1 Menjalankan XAMPP……………………………………..............…………….9
2.1.2 Mengisi Database…………………………………………………..................…9
2.1.3 Membuat Project……………… ………………………………....…….............10
2.1.4 Koneksi………………………………………………………..............………..10
2.1.5 Form Login………………………………………………..............……………11
2.1.6 Daftar Barang.................…………………………..........…....………………...12
2.1.7 Pesanan..........................…………………...........………....…………………...13
2.1.8 Form Laporan.........………………….......… ………………………………….14
2.1.9 Form transaksi…….....………….......……………………………………...…...14

BAB III PENUTUP………...…………………...........………………………………………20

3.1 Kesimpulan…………..…………...........…………....…………………………………20

3.2 Saran…………………...……....….…………………......…………………………….20

DAFTAR PUSTAKA………….......…...…………………………....……………………….21

3
 BAB I

PENDAHULUAN
1.1 Latar Belakang

HTML (Hypertext Markup Language):

HTML adalah bahasa markup yang digunakan untuk membuat struktur dan
menampilkan konten sebuah halaman web. Pertama kali diperkenalkan pada tahun 1991 oleh
Tim Berners-Lee, HTML digunakan sebagai dasar dalam pengembangan web dan menjadi
standar industri. HTML menggunakan tag-tag khusus untuk mengatur elemen-elemen seperti
teks, gambar, video, hyperlink, tabel, dan formulir di dalam halaman web.

CSS (Cascading Style Sheets):

CSS adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak halaman
web yang dibuat dengan HTML. CSS memisahkan konten (HTML) dari presentasi (tampilan)
sehingga memungkinkan pengembang web untuk dengan mudah mengubah gaya dan tata
letak situs web secara keseluruhan. CSS memungkinkan pengaturan seperti warna, jenis
huruf, ukuran, margin, padding, dan animasi.

PHP (Hypertext Preprocessor):

PHP adalah bahasa pemrograman server-side yang digunakan untuk membangun

aplikasi web dinamis. Pertama kali dirilis pada tahun 1995 oleh Rasmus Lerdorf, PHP telah
berkembang menjadi salah satu bahasa pemrograman yang paling populer untuk
pengembangan web. PHP dapat digunakan untuk menghubungkan basis data, memproses
formulir, menghasilkan halaman dinamis, mengelola sesi pengguna, dan banyak lagi. PHP
biasanya dijalankan di sisi server dan menghasilkan HTML yang dikirim ke browser
pengguna.

SQL (Structured Query Language):

SQL adalah bahasa yang digunakan untuk mengelola basis data relasional. SQL
memungkinkan pengguna untuk membuat, mengubah, dan mengambil data dari basis data.
SQL digunakan untuk membuat tabel, mengisi data, mengubah struktur, dan mengeksekusi
kueri untuk mengambil informasi yang diinginkan dari basis data. SQL dapat digunakan
dengan berbagai sistem manajemen basis data seperti MySQL, PostgreSQL, Oracle, dan
banyak lagi.

4
 Dalam kombinasi, HTML, CSS, PHP, dan SQL membentuk fondasi dalam
pengembangan web. HTML digunakan untuk membuat struktur halaman, CSS untuk
mengatur tampilan dan tata letak, PHP untuk pemrosesan dan logika server-side, dan SQL
untuk mengelola dan mengambil data dari basis data. Dengan memahami keempat teknologi
ini, pengembang web dapat membuat situs web yang interaktif, dinamis, dan mudah dikelola.

1.1.1 HTML

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk
membuat struktur dan menampilkan konten sebuah halaman web. HTML berfungsi sebagai
tulang punggung dari hampir semua situs web yang ada di internet. Dengan menggunakan
HTML, pengembang web dapat menentukan bagaimana elemen-elemen dalam halaman web
akan ditampilkan, mulai dari teks, gambar, video, hyperlink, tabel, formulir, hingga elemen-
elemen lainnya.

TML bekerja berdasarkan konsep "markup", di mana teks dalam dokumen diberi tanda
dengan menggunakan tag-tag khusus. Setiap tag dimulai dengan tanda kurung sudut (<)
diikuti dengan nama tag, kemudian ditutup dengan tanda kurung sudut lainnya (>). Beberapa
tag memiliki atribut yang dapat digunakan untuk memberikan informasi tambahan tentang
elemen tersebut, seperti atribut "src" pada tag gambar untuk menentukan sumber gambar.

Gambar 1.1 HTML

1.1.2 CSS

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan
dan tata letak halaman web yang dibuat dengan HTML. CSS memisahkan presentasi
(tampilan) dari struktur (konten) sebuah halaman web, sehingga memungkinkan pengembang
web untuk dengan mudah mengubah gaya dan tata letak situs web secara keseluruhan.

5
 Dalam HTML, setiap elemen memiliki tampilan default yang ditentukan oleh browser.
Namun, dengan menggunakan CSS, pengembang web dapat menentukan gaya dan tata letak
yang khusus untuk setiap elemen atau kelompok elemen dalam halaman web. CSS berfungsi
sebagai kumpulan aturan yang menggambarkan bagaimana elemen-elemen tersebut harus
ditampilkan.

Gambar 1.2 CSS

1.1.3 PHP

PHP (Hypertext Preprocessor) adalah bahasa pemrograman server-side yang digunakan

untuk membangun aplikasi web dinamis. PHP pertama kali dirilis pada tahun 1995 oleh
Rasmus Lerdorf dan telah menjadi salah satu bahasa pemrograman yang paling populer untuk
pengembangan web. Dengan menggunakan PHP, pengembang web dapat membuat aplikasi
web yang dinamis, interaktif, dan canggih. PHP dapat digunakan untuk membangun berbagai
jenis situs web, mulai dari situs e-commerce hingga platform media sosial, forum online,
blog, dan banyak lagi. PHP juga memiliki komunitas pengembang yang besar dan aktif yang
menyediakan berbagai sumber daya, kerangka kerja, dan library yang dapat membantu dalam
pengembangan aplikasi web dengan lebih efisien.

Gambar 1.3 PHP

1.1.4 SQL

SQL (Structured Query Language) adalah bahasa yang digunakan untuk mengelola dan
mengakses data dalam basis data relasional. SQL memungkinkan pengguna untuk
6
 membuat, mengubah, dan mengambil data dari basis data, serta melakukan operasi
lainnya seperti pengelolaan tabel, indeks, dan izin akses.

Gambar 1.4 SQL

1.1.5 phpMyAdmin

PHPMyAdmin merupakan sebuah aplikasi berbasis web yang berfungsi untuk mengelola
database MySQL atau bisa disebut juga sebagai tool database. PHPMyAdmin berfungsi untuk
membuat, mengedit, menghapus database, tabel, serta membuat atau menghapus relasi antar
tabel, mensortir data, dan lain-lain sesuai dengan kebutuhan Anda. Saat menggunakannya,
Anda akan mendapatkan kemudahan dengan cara yang lebih efektif dalam pembuatan
database menuju web server.

Gambar 1.5 phpMyAdmin

1.2 Rumusan Masalah

Dari latar belakang di atas, rumusan masalah adalah sebagai berikut:
1. membuat website dengan menggunakan HTML,CSS,PHP,dan Mysql

1.3 Tujuan
Adapun tujuan dari website E-Kasir Resto tersebut adalah sebagai berikut:
1. E-kasir bertujuan untuk menggantikan sistem kasir manual yang rentan terhadap
kesalahan dan membutuhkan waktu yang lama. Dengan e-kasir, proses transaksi

7
 dapat dilakukan secara otomatis, termasuk perhitungan total pembelian,
pengurangan stok barang, dan pencatatan penjualan. Hal ini membantu
meningkatkan efisiensi dalam operasional toko atau bisnis..
2. E-kasir dirancang untuk memberikan akurasi yang tinggi dalam perhitungan
transaksi dan mengurangi kemungkinan kesalahan manusia. Dengan menggunakan
teknologi yang canggih, e-kasir dapat menghitung harga dengan tepat, memproses
pembayaran dengan cepat, dan menghasilkan laporan penjualan yang akurat.
3. E-kasir memungkinkan pemilik bisnis untuk mengelola stok barang dengan lebih
efektif. Data penjualan yang terekam dalam e-kasir dapat digunakan untuk
memantau stok barang, mengidentifikasi barang yang perlu diisi ulang, dan
mengoptimalkan pengelolaan persediaan.
1.4 Manfaat
Manfaat dari laporan pembuatan sistem perpustakaan adalah sebagai berikut:
1. E-kasir mempercepat proses transaksi dengan mengurangi waktu yang dibutuhkan
untuk perhitungan harga, pembayaran, dan penerbitan struk. Hal ini membantu
mengurangi antrian dan meningkatkan kecepatan layanan kepada pelanggan.
2. Meningkatkan Efisiensi Operasional: E-kasir mempercepat proses transaksi
dengan mengurangi waktu yang dibutuhkan untuk perhitungan harga, pembayaran,
dan penerbitan struk. Hal ini membantu mengurangi antrian dan meningkatkan
kecepatan layanan kepada pelanggan.
3. Pemantauan Stok yang Lebih Efektif: Dengan e-kasir, stok barang dapat dipantau
secara real-time. Pemilik bisnis dapat melacak persediaan barang, mengidentifikasi
barang yang perlu diisi ulang, dan menghindari kehabisan stok atau kelebihan
persediaan.

BAB II

8
 PEMBAHASAN
2.1 Membuat Database
2.1.1. Menjalankan XAMPP
Dalam membuat suatu aplikasi, langkah awal yang dilakukan adalah dengan membuat
database. Mula-mula menginstall aplikasi XAMPP agar dapat tersambung dengan localhost.

Gambar 2.1 Menjalankan XAMPP

Penjelasan :
Saat membuka XAMPP, menjalankan Apache dan MySQL dengan menekan tombol
Start pada Apache dan Start pada MySQL. Agar dapat tersambung ke localhost.

2.1.2. Mengisi Database

Untuk mengisi database bisa masuk ke dalam browser dan mencari localhost, dengan
mengetik localhost/phpmyadmin/ atau bisa langsung masuk melalui admin pada MySQL
pada XAMPP. Kemudian bisa membuat Database pada phpmyadmin.

9
 Gambar 2.2 Database
Penjelasan :
Pada database, membuat beberapa table sebagai struktur data yang mengatur informasi
ke dalam baris dan kolom, yang dapat digunakan untuk menyimpan dan menampilkan data
dalam format terstruktur.
Pada gambar 2.1 terdapat beberapa table yaitu menu, tbl_pelanggan, pesanan, transaksi,
dan user. Pada user berisi tentang data terkait username yang akan digunakan untuk login
pada E-Kasir saat sudah dijalankan. Pada table Transaksi berisi tentang data terkait tentang
transaksi pesanan. Pada table pesanan berisi tentang data terkait tentang jumlah pesanan,
jumlah pelanggan dan status pembayaran pelanggan. Pada table pelamggan berisi tentang
data para pelanggan yang akan membeli. Pada table menu berisi tentang data nama-nama
menu dan harga pada menu tersebut.

2.2 Membuat Project

2.2.1. Koneksi

Gambar 2.3 Koneksi ke Database

Penjelasan :

Untuk membuat koneksi ke database, dapat menggunakan fungsi bawaan PHP yang disebut
mysqli_connect() atau PDO::__construct(). Berikut ini adalah contoh penggunaan
mysqli_connect() untuk koneksi ke database MySQLForm

2.2.2. Login

10
 Gambar 2.4 Source Code Login

Penjelasan :
Source code pada form login dituliskan dengan menyambungkannya pada database
yang telah dibuat pada localhost. Jika username dan password yang diinput tidak sesuai
dengan yang ada pada database maka akan akan menghasilkan pop up “maaf username atau
password salah”.

Gambar 2.5 Form Login

Penjelasan :

Pada form login digunakan css sehingga dapat diatur untuk tampilan atau desain dari
luaran yang akan muncul saat program dijalankan. Tampilan pada login terdapat komponen
username dimana digunakan untuk memasukkan username. Terdapat password dimana
digunakan untuk memasukkan password yang sesuai dengan username seperti yang terdapat
pada database.

2.2.3. Form Daftar Barang

11
 Gambar 2.6 Daftar Barang

Penjelasan :

Form Daftar Barang merupakan form yang berisi kan table nama nama menu, harga dan
tanggal ditambahkan dan juga terdapat riwayat kapan kita merubah, menghapus ataupun
mengedit. Dan di dalam form ini juga terdapat fitur menghapus atau mengidit barang yang
kita ingin kan.

2.2.4. Form Pesanan

Gambar 2.7 Form Pesanan

Penjelasan :
Pada form ini terdapat table tempat pelanggan memesan menu makanan, dan juga di
form ini terdapat 2 tabel, yang table sebelah kiri adalah table tempat pemesanan menu, dan
disebelah kan merupakan table informasi pelanggan yang memesan.

2.2.5 Form Laporan

12
 Gambar 2.8 Laporan Pemasukam
Penjelasan :
Pada form ini terdapat table table yang merupakan table laporan keuangan, tujuam
untuk membuat table laporan adalah agar membuat bisnis lebih teliti dan juga lebih mudah
mengatur keuangan, hal ini juga dapat membuat manusia melakukan kesalahan dalam
membuat laporan secara manual.
mengarahkan ke anggota yaitu data anggota perpusatakaan dan ke buku yaitu data
buku.

2.2.6 Form Transaksi

Gambar 2.9 From Transaksi

Penjelasan :

Pada form transaksi kali ini berisi tentang table input pembayaran pelanggan ke e-
kasir, di dalam table ini terdapat button simpan dan juga cetak, apabila pembayaran sudah
dilakukan maka jika dicetak, dan juga apabila pelanggan membayar dan memiliki kembalian
maka akan otomatis akan keluar jumlah kembalian sesuai dengan uang yang dibayar

13
 BAB III

KESIMPULAN DAN SARAN

2.3 Kesimpulan

Dengan HTML dan CSS, membuat kita dapat membuat tampilan yang menarik dan
responsif, meningkatkan pengalaman pengguna. Desain yang baik dan antarmuka yang
intuitif dapat membuat pengguna betah dan lebih tertarik untuk menjelajahi situs web.

PhpMyAdmin berfungsi untuk membuat, mengedit, menghapus database, tabel, serta

membuat atau menghapus relasi antar tabel, mensortir data, dan lain-lain sesuai dengan
kebutuhan Anda. Saat menggunakannya, Anda akan mendapatkan kemudahan dengan cara
yang lebih efektif dalam pembuatan database menuju web server.

Kombinasi dari HTML, CSS, PHP, dan SQL memberikan fleksibilitas dan skalabilitas
yang tinggi dalam pengembangan web. Anda dapat memperluas dan mengembangkan situs
web Anda seiring waktu, menambahkan fitur baru, meningkatkan performa, dan
mengintegrasikan teknologi terbaru sesuai kebutuhan.
MySQL adalah suatu Database Management System (DBSM) dengan perintah dasar
Structured Query Language (SQL) yang seringnya dimanfaatkan dalam pembuatan

14
aplikasi dan website. Fungsi Apache adalah membuat koneksi antara server dan browser
milik visitor website.

2.4 Saran
Dalam pembuatan E-Kasir Resto ini, membutuhkan banyak berpikir dan juga cukup
sulit. Oleh karena itu dibutuhkan pengetahuan dan juga referensi dari berbagai  sumber.
Seperti youtube dan media internet lainnya dan juga oleh orang-orang yang pengalaman
dalam pembuatan sistem.kami sadar bahwa kami butuh lebih banyak lagi mempelajari
dan mempratekkan dalam pembuatan sistem ini.

15
 DAFTAR PUSTAKA
Admin. 2019 “Apa itu phpMyAdmin? Berikut Pengertian dan Fungsinya”.
https://www.utopicomputers.com/apa-itu-phpmyadmin-berikut-pengertian-
dan-fungsinya/. Diakses pada 4 Juni 2023.
Andre. 2019. “Tutorial Belajar PHP Part 3: Pengertian PHP dan SQL”.
https://www.duniailkom.com/tutorial-belajar-sql-part-3-pengertian-php/ .
Diakses pada 4 Juni 2023.
Anisa S. 2021. “XAMPP adalah: Pengertian, Fungsi, 5 Komponen, dan cara
menggunakan”. https://www.ekrut.com/media/xampp-adalah . Diakses pada
Diakses pada 4 Juni 2023.
Ariata C. 2022. “Apa itu Apache? Pengertian Apache Serta Kelebihan dan
Kekurangannya”. https://www.hostinger.co.id/tutorial/apa-
ituapache#:~:text=Fungsinya%20adalah%20membuat%20koneksi
%20antara,server%20Unix%20maupun%20server%20Windows. Diakses
pada 4 Juni 2023.

Ariata C. 2022. “Apa itu MySQL? Pengertian MySQL, Cara Kerja dan Kelebihannya”.
https://www.hostinger.co.id/tutorial/apa-itu-my sql#:~:text=MySQL
%20adalah%20sistem%20manajemen%20database,pengelolaan%20database
%20berdasarkan%20model%20relasional . Diakses pada 4 Juni 2023.

Eril O. 2020. “Apa itu Localhost dan Fungsinya Untuk Website”.

https://www.nesabamedia.com/pengertian-netbeans/ . Diakses pada 4 Juni
2023.

Fakhri A. 2022. “Pengertian HTML dan CSS Beserta Fungsi, Kelebihan dan Kekurangan”.
https://gudangssl.id/blog/apa-itu-localhost/ . Diakses pada 4 Juni 2023.

16