Makalah Tugas Akhir
Praktikum Dasar Komputer dan Pemrograman 2022
PROGRAM FORM PEMBELIAN NU MINERAL
Dimas Fajar Awaludin (21120121120016)
Departemen Teknik Komputer Fakultas Teknik Universitas Diponegoro
Jl. Prof. Soedarto, Tembalang, Semarang, Indonesia
I. PENDAHULUAN
Air merupakan sumber kehidupan
yang utama bagi manusia, tidak dapat
dipungkiri bahwa kita tidak bisa hidup
tanpa adanya air. Air digunakan oleh
manusia untuk berbagai macam keperluan
diantaranya seperti untuk minum, mandi,
memasak, bahkan untuk membangkitkan
energi listrik. Seiring berkembangnya
zaman, air yang digunakan untuk minum
semakin banyak jenisnya yang diambil dari
sumber tertentu dan dikelola atau
diproduksi oleh perusahaan tertentu.
Dahulu, manusia meminum air langsung
dari sumbernya seperti telaga, oase, sumur,
sungai, dll. Tetapi untuk sekarang manusia
dimudahkan dengan adanya air mineral
dalam kemasan yang bisa dibeli di warung-
warung terdekat, harganya pun tergolong
terjangkau dengan pilihan jenis atau merek
yang beragam.
Di sekitaran tahun 2019, Pimpinan
Cabang Nahdlatul Ulama Kabupaten
Kendal memproduksi air mineral sendiri
yang diberi nama NU MINERAL. Air
mineral tersebut diedarkan oleh agen-agen
melalui Pimpinan-pimpinan Ranting
Fatayat NU diseluruh provinsi Jawa
Tengah. Kebetulan Ibu saya termasuk salah
satu agen tersebut, seringkali saya melihat
beliau kewalahan dalam menghitung serta
merekap pesanan ketika pemesan sedang
banyak-banyaknya. Oleh karena itu, saya
membuat program form ini untuk
memudahkan Ibu saya dalam merangkum
semua pesanannya dan membuatnya
menjadi sebuah struk belanja. Adapun
tujuan dari pembuatan makalah ini adalah
sebagai berikut:
1. Sebagai tugas akhir praktikum Dasar
Komputer dan Pemrograman untuk
mengimplementasikan ilmu-ilmu
yang telah dipelajari selama
praktikum.
2. Menerapkan ilmu-ilmu dari
praktikum sebelumnya.
3. Program Form Pembelian NU
Mineral menjadi program kasir
sederhana yang bisa membantu para
agen NU Mineral dalam merangkum
pesanannya dan membuatkannya
sebuah struk belanja.
II. DASAR TEORI
2.1. Bahasa PHP
PHP adalah singkatan dari Hypertext
Preprocessor, yaitu bahasa pemrograman
yang sebenarnya mirip dengan JavaScript
dan Python. Perbedaannya adalah, PHP
sering kali digunakan untuk komunikasi
sisi server, sedangkan JavaScript bisa
digunakan untuk frontend dan backend.
Sementara itu, Python hanya untuk sisi
server (backend).
PHP awalnya diciptakan oleh
Rasmus Lerdorf untuk memantau orang-
orang yang mengunjungi home page
miliknya. Seiring waktu, bahasa ini
menjadi makin populer, dan Lerdorf
akhirnya merilisnya sebagai proyek open-
source. Para pengembang pun mulai
menggunakan, memperbaiki, dan
menyempurnakan kode ini, hingga
kemudian menjadi bahasa penulisan skrip
yang kini banyak digunakan. Meskipun
dianggap sebagai bahasa penulisan skrip
yang tidak memiliki tujuan khusus, PHP
sering kali digunakan untuk pengembangan
web. Hal ini dikarenakan PHP memiliki
sebuah fitur yang dirasa sangat berguna,
yaitu kemampuannya untuk disematkan ke
file HTML.
Selain itu, fitur ini juga akan berguna
ketika Anda harus menggunakan markup
HTML yang sama berulang kali. Anda
tidak perlu menulis kodenya lagi dan lagi;
cukup tuliskan ke dalam file PHP, dan
setiap kali Anda perlu menggunakan
HTML, Anda hanya perlu memasukkan file
PHP ini.
2.2. CSS (Cascading Style Sheets)
CSS adalah kepanjangaan dari
Cascading Style Sheets yang berguna untuk
menyederhanakan proses pembuatan
website dengan mengatur elemen yang
tertulis di bahasa markup. CSS dipakai
untuk mendesain halaman depan atau
tampilan website (front end). CSS
menangani tampilan dan ‘rasa’ dari
halaman website.
Tidak hanya itu CSS juga bisa untuk
mendesain layout, variasi tampilan di
berbagai perangkat yang berbeda, dan
berbagai efek yang dipakai di dalam
website. CSS sangat mudah dipelajari, tapi
juga powerful karena dapat mengontrol
penyajian tampilan dari dokumen HTML.
Mulai dari yang simpel sampai kompleks.
Tidak heran jika saat ini CSS hampir
dipakai di berbagai website untuk
dikombinasikan dengan HTML maupun
PHP.
2.3. GUI (Graphical user interface)
GUI merupakan salah satu jenis user
interface yang digunakan untuk melakukan
komunikasi antara manusia dengan
perangkat seperti laptop, komputer, ponsel
dan tablet. Hal ini menjadikan komponen
GUI selalu berhubungan dengan
representasi visual dari sebuah sistem
operasi ataupun software. GUI sangat
berperan penting serta sangat memudahkan
user untuk mengoperasikan sebuah sistem
atau software aplikasi dengan navigasi
yang ada.
GUI (Graphical User Interface)
adalah bentuk antarmuka pengguna untuk
memungkinkan user dapat berinteraksi
dengan perangkat elektronik. GUI memiliki
beberapa elemen, mulai dari elemen
windows, menu, icon, widget dan juga tab.
Untuk menggunakan elemen ini biasanya
GUI akan mendapatkan input-an dari
perangkat masukan, baik secara manual
maupun dengan teknologi touchscreen.
Dalam perkembangannya, GUI akan terus
dikembangkan untuk semakin
memudahkan penggunaannya seperti
misalnya pengembangan teknologi gesture
dan juga teknologi remote jarak jauh
sebagai salah satu cara input-an di masa
depan.
III. ALGORITMA
3.1. Pseudocode
Pseudocode pada program form
tersebut adalah sebagai berikut:
1. Mulai
2. Mengisi input-an nama dan ukuran
yang akan dipesan
3. Memilih tombol print untuk
mengeksekusi program
4. Jika field ukuran kosong atau tidak diisi
maka total harga dari ukuran tersebut
tidak ditampilkan, tapi ketika field
ukuran diisi dengan jumlah yang akan
dipesan maka program akan
mengeksekusi jumlahnya agar menjadi
total harga
5. Selesai
3.2. Flowchart yang diolah oleh program contohnya
seperti jumlah harga yang akan ditampilkan
di tampilan selanjutnya. Ketika jumlah
ukuran dimasukkan maka jumlah tersebut
akan diproses dan akan ditampilkan
hasilnya, tetapi ketika jumlah ukuran tidak
diisi atau kosong, maka program tidak akan
menampilkan jumlah tersebut.

2. Pada tampilan kedua adalah

IV. PEMBUATAN PROGRAM
Program Form Pembelian NU
Mineral ini saya buat untuk memudahkan
para agen NU Mineral dalam meng-handle
pesanan yang biasanya banyak, dan
mencetaknya dalam bentuk struk belanja,
khususnya untuk membantu Ibu saya yang
merupakan salah satu dari agen tersebut.
Program ini adalah program yang
simple, karena program ini hanya berisi 2
tampilan saja, yaitu tampilan awal yang
merupakan tampilan untuk input data, dan
tampilan kedua yang merupakan tampilan
struk belanja. Untuk lebih jelasnya, berikut
adalah penjelasan setiap tampilannya.
tampilan dari struk hasil pesanan yang telah
diprint pada tampilan sebelumnya. Struk
akan menampilkan beberapa data seperti
nama dari pembelinya, waktu pembelian,
dan juga jumlah varian ukuran yang
dipesan, jika ada varian ukuran yang tidak
dipesan maka didalam tidak ditampilkan
untuk ukuran yang tidak dipesan tersebut.
Pada bagian paling bawah struk akan
menampilkan jumlah total yang harus
dibayarkan oleh pembeli.

1. Tampilan pertama berisi beberapa

field untuk diisi oleh pengguna, field
tersebut adalah field untuk memasukkan
nama dan juga untuk memasukkan jumlah
NU Mineral yang akan dipesan. Setiap
varian ukuran mempunyai harga yang
berbeda-beda, dan ketika tombol print
dipencet program akan mengolah data-data
yang dimasukkan oleh pengguna. Data
Adapun saran yang dapat saya sampaikan Mengetahui,
dari program Form Pembelian NU Mineral Pembimbing Koordinator Praktikum
ini, yaitu:
1. Bisa ditambahkan lagi untuk menunya,
seperti menu penambahan stok barang.
2. Membuat kode program lebih rapih dan
Karisa Zihni Lutfiana David Eddy Putra Pratama
terorganisir, agar tidak 21120119130077 21120118120014
membingungkan disaat membaca kode
program.

DAFTAR PUSTAKA
https://www.niagahoster.co.id/blog/penger
tian-php/ diakses pada 24 Mei 2022
https://www.niagahoster.co.id/blog/penger
tian-css/ diakses pada 24 Mei 2022
https://www.amesbostonhotel.com/pengert
ian-graphical-user-interface/ diakses pada
24 Mei 2022

BIODATA PENULIS
Dimas Fajar Awaludin
(21120121120016),
anak pertama dari tiga
bersaudara, lahir di
Kabupaten Pemalang,
Provinsi Jawa Tengah
pada hari Jum’at
tanggal 27 Juni 2003.
Telah menempuh pendidikan di MI NU
Desa Jatirejo yang lulus pada tahun 2015.
Kemudian melanjutkan ke SMP Negeri 1
dan lulus pada tahun 2018. Selanjutnya,
melanjutkan pendidikan di SMK Negeri 1
Ampelgading dengan jurusan Teknik
Komputer dan lulus pada tahun 2021. Saat
ini sedang menempuh pendidikan Strata
Satu Program Studi Teknik Komputer,
Fakultas Teknik, Universitas Diponegoro.