WEB PROGAMING 1

Pembuatan Website Statis

(Program Web Sederhana Penjualan Project, Dan Plugins Editing)

Dosen pengajar : Norma Yunita, S.kom M.Kom

Disusun Oleh
 AHMAD DAEROBI (17210230_17.3F.25)
 ADIATMA DWI SUSILO (17210923_17.3G.25)
 RAHMAT HIDAYAT (17211096_17.3G.25)
 YOGA A.M.F (17210247_17.3F.25)
 YOPI RENALDI (17210967_17.3G.25)

PROGRAM STUDI S1 TEKNOLOGI INFORMASI

FAKULTAS TEKNIK INFORMATIKA
UNIVERSITAS BINA SARANA INFORMATIKA

JAKARTA
2022
 KATA PENGANTAR
Puji dan syukur dipanjatkan kehadirat Tuhan Yang Maha Esa yang melimpahkan
rahmatnya, serta nikmatnya yang tiada batas dan atas selesainya Pembuatan laporan
Tutorial tentang Pembuatan Website Statis Mata kuliah Web Programing 1 yang kami beri
judul “Program Web Sederhana Penjualan Project, Dan Plugins Editing”.
Dengan Pembuatan Makalah ini diharapkan pembaca dapat mengetahui bagaimana
Cara Dan langkah-langkah kami membuat program tersebut dan cara kami mengaplikasikan
materi yang kami dapatkan selama menempuh kuliah Web Programing 1. Atas dukungan
moral dan materi yang diberikan dalam penyusunan laporan Turorial ini, Diucapkan banyak
terima kasih kepada beberapa pihak yakni :

1. Norma Yunita, S.kom M.Kom Selaku dosen Web Programing 1 yang telah
memberikan Banyak materi mengenai Web Programing menggunakan Examps,
Html, dan PHP.
2. Universitas Bina Sarana informatika selaku tempat menuntut ilmu pengetahuan dan
wawasan.
3. Teman-teman kelompok yang sudah mau ikut dalaam penyusunan program ini.
4. Pihak-pihak terkait yang telah memberikan bantuan, arahan dan revrensi, baik
secara langsung ataupun tidak langsung.
Disadari bahwa di dalam penulisan Makalah ini masih terdapat banyak kekurangan.Oleh
karena itu, saran dan kritik yang membangun dari Bapak/Ibu Dosen dan rekan-rekan
sangat dibutuhkan untuk penyempurnaan Laporan ini. Dan semoga apa yang kami
sampaikan dalam laporan ini bisa berguna bagi para pembacanya.

Jakarta, 23 Nopember 2022

Penulis
 PENDAHULUAN

Latar Belakang
Di era industry 4.0, segala sesuatu tidak bisa lepas dari perkembangan teknologi. Pada era
ini hampir semua aktivitas manusia disokong oleh teknologi.
Hampir semua pekerjaan manusia dalam dunia industry tergantikan oleh teknologi.
Dengan semakin majunya teknologi dan informasi saat ini, maka hal ini turut
mempengaruhi semua bidang kehidupan untuk menjadi semakin lebih mudah dan cepat
dalam melakukan sebuah pekerjaan.
salah satu bidang yang akan di bahas dalam laporan ini adalah
bidang perdagangan yang menyangkut transaksi pembayaran barang ditoko,dalam
melakukan transaksi pembayaran di toko tentu nya memerlukan waktu yang cukup lama
jika jumlah barang yang di hitung banyak,maka berdasarkan latar belakang tersebut kami
menganalisa analisa dan membuat sebuah program yang dinamakan Program Kasir
Sederhana yang disusun menggunakan Bahasa Pemrograman Java, serta Berbasis Objek
untuk mempermudah proses transaksi pembayaran ditoko.

Lokasi dan Pekerjaan yang dibutuhkan

Program kasir sederhana ini dapat di implementasikan ke berbgai macam tempat
seperti: Caffe, toko pakaian, warung, minimarket, apotek, dan lain-lain. Dalam
penggunaan program ini dibutuhkan seorang kasir untuk mengoperasikan program
ini secara baik dan benar.
 Membuat Form Dengan JFrame Form dan Object Swing

Dalam subbab ini akan membahas tentang cara pembuatan form, tetapi
pembuatan form di subbab ini berbeda dengan subbab sebelumnya. Subbab
sebelumnya menerangkan cara pembuatan form dimana dalam proses pembuatannya
menggunakan source code untuk masing-masing object swing pada form.

LANGKAH PERTAMA
 PEMBUATAN FORM

Properties object pada form:

Object Edit Text Variable Name
JLabel1 labelNilai1 -
JLabel1 labelNilai2 -
JTextField1 - tNilai1
JTextField2 - tNilai2
JTextField3 - tHasil

Untuk mengubah Text dan atau variable name masing-masing object, anda dapat
meng- klik kanan pada object.
 Proses dari program ini adalah kita input menu kopi, kode kopi dan harga. Ada
beberapa event yang dapat kita fungsikan di setiap object yang kita buat, dan masing-
masing event memiliki fungsinya. Untuk mengetahui kode dan harga, kita membutuhkan
event KeyPressed, Caranya sebagai berikut.
 Membuat Form dan Implementasi Logika

Java merupakan salah satu bahasa permograman berbasis object dan memiliki
beberapa karakteristik seperti yang sudah dibahas di bab sebelumnya. Pada saat anda
membuat form, dengan sendirinya main class utama akan terbentuk. Dengan begitu
kita hanya perlu membuat sub class-nya untuk menerapkan bahasa pemrograman yang
berbasis object. Biasanya untuk program java yang kompleks, programmer
membutuhkan beberapa sub class. Sub class tersebut dapat membantu programmer
dalam mengelompokkan proses yang akan terjadi di main class.

Satu main class bisa saja membutuhkan dua atau lebih sub class dalam pembuatan
dan prosesnya. Berikut adalah contoh dimana main class dan subclass dibuat menjadi
satu kesatuan program. Langkah-langkah:

1. Membuat JFrame Form (main class) dan beri nama FormPenjualan.java. Program
sederhana ini akan menghitung Harga dan Jumlah beli yang diinput.
Properties object pada form :

Object Edit Text Variable name

jLabel1 Kode Barang: -
jLabel2 Nama Barang: -
jLabel3 Harga Barang: -
jLabel4 Jumlah Beli: -
jLabel5 Total Bayar: -
jLabel6 Uang Bayar: -
jLabel7 Uang Kembali: -
jComboBox - cbKode
jTextField1 - nb
jTextField2 - thrg
jTextField3 - tjml
jTextField4 - ttot
jTextField5 - tubyr
jTextField6 - tukemb
jButton1 BERSIH bnew
jButton2 KELUAR bclose
2. Membuat subclass Penjualan.java. Di dalam sub class ini terdapat proses yang akan
mengoperasikan jalannya program pada Form (main class). Oleh karena itu, kita
harus dapat menganalisa variable apa saja yang akan digunakan dalam pembuatan
program sederhana ini.

Setelah variable ditentukan, maka source code setter dan getter harus dibuat. Agar
lebih mudah dalam pembuatan setter dan getter, kita gunakan menu insert code
dengan meng-klik kanan pada area source code yang kosong lalu pilih insert code atau
dengan shortcut Alt+Insert.
Checklist untuk semua atribut lalu klik generate, maka method masing-masing atribut
akan terbentuk secara otomatis. Selanjutnya, tugas anda adalah menambahkan sedikit
source code ke masing-masing method yang sudah dibuat dan memodifikasinya agar
dapat diproses oleh main class sesuai dengan program yang kita inginkan. Source code
subclass Penjualan.java.
 Untuk menambahkan atau melihat source code pada form, klik
source Source code form (main class) FormPenjualan.java:
Kode Program Form
 Pada class FormPenjualan.java terdapat tambahan method yaitu setSeleksiKd()
yang berfungsi untuk menyeleksi kode Penjualan mana yang kita pilih pada saat program di
run. Method penyeleksian harus ditambahkan jika sesuai dengan keperluan program
sehingga menghasilkan keputusan dan statement.

Didalam method FormPenjualan() terdapat method initComponents(). Penambahan

item dapat kita letakkan setelah method initComponents(). Method initComponents()
berfungsi untuk menampilkan object-object yang ada di form dan segala atributnya. Oleh
karena itu, source code yang ingin programmer jalankan setelah form tampil, harus
diletakkan di dalam method ini. Dapat dilihat dari contoh source code disamping. Dengan
method addItem() maka jComboBox cbKode akan ditambahkan isian item sesuai dengan
jumlah yang diinginkan oleh programmer. Disitu terdapat juga method nonaktif() dan
bersih(), dimana pada saat form dijalankan, beberapa komponen form tidak aktif dan
isianya akan dihilangkan.
 List Program Yang Berjalan (Java)
• Class and Object
• Modifier
• Inheritanche
• Branching
• Gui
• Event Listener
• Bilangan dan operator, berupa penjumlahan dan perkalian.
• Tipe data, berupa data integer.
• Varibel
• Seleksi kondisi, berupa if, elif dan else

HASIL RUNNING PROGRAM FORM

Form dengan JFrame Form dan object Swing

Form dan Implementasi Logika
DOKUMENTASI SAAT DISKUSI KELOMPOK
 PENUTUP

Kesimpulan
Berdasarkan program kasir sederhana yang telah kami buat, dapat disimpulkan
bahwa:
1. Program yang telah dibuat mampu untuk membantu perusahaan untuk melakukan
proses transaksi dengan lebih cepat dan efisien.
2. Program ini dibuat dengan sederhana sehingga bisa di operasikan dengan mudah oleh
semua orang.
3. Program yang dibuat dapat menampilkan detail transaksi yang terjadi
antara perusahaan dengan pelanggan.
Saran
Hendaknya dalam penelitian serupa kedepannya tidak hanya membangun programnya saja
tetapi harus disertai dengan interface yang baik dan menarik sehingga banyak perusahaan yang
berminat untuk menggunakan program tersebut.