LAPORAN TUGAS PROJECT WEB PROGRAMMING 1

Perancangan Web Informasi Pada Penjualan Dealer Mobil

Tim Penyusun :
M SAMSUL ANWARI (19220163)
ALYA SALSABILA S (19220998)
ZAHRA DWI NOPEMBRA (19220011)
NAMIRA NURFATIMAH (19220437)
RISKA LUTVIANI (19221506)
SYIFA ESA FAZIA (19220296)

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK & INFORMATIKA
UNIVERSITAS BINA SARANA INFORMATIKA
KAMPUS KOTA SUKABUMI
TAHUN 2023
 KATA PENGANTAR

Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Penyayang, kami
panjatkan puja dan syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah,
dan inayah-Nya kepada kami, sehingga kami dapat menyelesaikan makalah tugas project
ini sampai dengan selesai. Makalah ini di susun untuk memenuhi tugas akhir mata kuliah
web programming 1.
Makalah ini telah kami susun dengan semaksimal mungkin dan mendapat bantuandari
berbagai pihak sehingga dapat memperlancar pembuatan makalah ini. Untuk itu kami
mengucapkan banyak terimakasih kepada semua pihak yang telah berkontribusi dalam
pembuatan makalah ini.
Terlepas dari semua itu, kami menyadari sepenuhnya bahwa masih banyak kekurangan
baik dari segi susunan kalimat maupun tata bahasa penulisan. Oleh karena itu dengan
tangan terbuka kami menerima segala saran dan kritik dari pembaca yang kemudian akan
kami jadikan sebagai bahan evaluasi.
Akhir kata, kami berharap semoga makalah ini dapat memberikan manfaat maupun
inspirasi terhadap pembaca dan diterima sebagai ide/gagasan yang menambah kekayaan
intelektual bangsa.

Sukabumi, 01 Juni 2023

Salam Hangat

Penulis

i
 DAFTAR ISI
KATA PENGANTAR.................................................................................................i

DAFTAR ISI...............................................................................................................ii

BAB I PENDAHULUAN......................................................................................1

1.1 Latar Belakang Masalah............................................................................1

1.2 Maksud Dan Tujuan..................................................................................2

1.3 Ruang Lingkup..........................................................................................2

BAB II LANDASAN TEORI................................................................................3

2.1 Konsep Dasar Web....................................................................................3

2.2 Bahasa Pemrograman................................................................................5

2.3 Perangkat Lunak Pendukung.....................................................................7

BAB III PERANCANGAN DAN IMPLEMENTASI.........................................8

3.1 Tampilan Website.....................................................................................8

3.2 Listing Program.......................................................................................13

BAB IV PENUTUP..............................................................................................18
4.1 Kesimpulan..............................................................................................18

4.2 Saran........................................................................................................18

DAFTAR PUSTAKA...............................................................................................19

ii
 BAB I
PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi saat ini telah berkembang pesat, selain untuk mengolah
data, teknologi juga bisa digunakan untuk mendukung penerapan dan pemanfaatan
untuk perkembangan negara kita sendiri, bahkan dibidang informasi. Selain itu,
perkembangan internet juga semakin berkembang pesat di masyarakat. Karena dapat
dikatakan internet sebagai sumber informasi utama yang sangat dibutuhkan masyarakat
seluruh dunia.
Pada masa sekarang, hampir segala aktivitas manusia dapat dilakukan
menggunakan teknologi informasi, salah satunya dalam bidang penjulan dan pemasaran.
Program komputer dapat mempermudah kegiatan dalam bidang penjulan dan pemasaran
suatu produk, seperti program website penjulan dan pemasaran suatu toko/produk.
Futurolog Alfin Toffler menyebut zaman ini sebagai zaman informasi. Menurut
Toffler, penguasa pada zaman informasi yang bermula sejak akhir abad 20 Masehi,
adalah orang-orang yang menguasai informasi dan media komunikasi massa modern.
Karena siapa yang menguasai informasi dan medianya, maka dia akan dapat
mengendalikan dunia (Siregar dan Susanto, 230).
Salah satu bentuk kepedulian akan hal tersebut, kami berinisiatif membuat suatu
program website penjualan dan pemasaran suatu toko/produk dengan
mengimplementasikan dari bahasa pemograman html, php, css, dan java script

1
1.2 Maksud dan Tujuan

Maksud dan tujuan pembuatan makalah ini :

1. Memenuhi nilai mata kuliah web programming 1.

2. Menerapkan materi mata kuliah yang berkaitan dengan bahasa pemrograman html,
php, javascript, dan css.

3. Mempermudah proses penjualan dan pemasaran suatu toko/produk deangan

menggunakan aplikasi pemograman
4. Menciptakan suatu program penjualan dan pemasaran dengan harapan bisa
bermanfaat bagi banyak orang.

1.3 Ruang Lingkup

Pembahasan makalah ini memiliki ruang lingkup sebagai berikut :

1. Pembuatan program terbatas hanya tersedia dalam bentuk website.

2. Pembuatan program web dengan menggunakan bahasa pemrograman html, php,

javascript dan css .
3. Pembuatan program hanya tentang program penjulan dan pemasaran penjulan
suatu toko/produk.

2
 BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web

Web memiliki konsep-konsep dasar dalam mempelejari pembuatan suatu web.

Adapun beberapa teori yang akan dijelaskan untuk membantu dalam pembuatan web
yaitu sebagai berikut:

A. Website

Website adalah sekumpulan halaman situs dalam suatu domain yang memuat
banyak informasi yang dibutuhkan dan dapat di akses dengan cepat oleh pengguna
internet.. Setiap orang di berbagai tempat dan segala waktu bisa menggunakannya
selama terhubung secara online di jaringan internet. Secara teknis, website adalah
kumpulan dari page, yang tergabung kedalam suatu domain atau subdomain tertentu.
Berikut ini pengertian website menurut para ahli :

 Menurut Haer Talib, Website adalah sebuah tempat di internet yang mempunyai
nama dan alamat.

 Menurut Boone (Thomsom), Website adalah koleksi sumber informasi kaya

grafis yang saling berhubungan satu sama lain dalam internet yang lebih besar.

 Menurut Feri Indayudha, Website adalah suatu program yang dapat memuat
film, gambar, suara, serta musik yang ditampilkan dalam internet.

 Menurut Yuhefizar, Website adalah suatu metode untuk menampilkan informasi

di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan
mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan
dokumen lainnya (hypertext) yang diakses melalui sebuah browser.

3
B. Internet

Internet kependekan dari interconnection networking, jaringan internet ini

merupakan kumpulan jaringan komputer yang saling berkomunikasi dengan aturan
komunikasi tertentu. Jaringan komunikasi yang memiliki fungsi untuk
menghubungkan antara satu media elektronik dengan media elektronik yang lain
dengan cepat dan tepat. Jaringan komunikasi tersebut, akan menyampaikan beberapa
informasi yang dikirim melalui transmisi sinyal dengan frekuensi yang telah
disesuaikan.
Berikut ini pengertian internet menurut para ahli :

 Menurut purbo (dalam Prithana, 2005) internet pada dasarnya adalah suatu media
yang dipakai untuk mengefisiensikan proses komunikasi yang disambung lewat
berbagai aplikasi semcam Web, VoIP, E-mail.
 Menurut Oetomo (2002) internet adalah singkatan dari international network,
yang didefinisikan juga sebagai suatu jaringan komputer yang sangat besar,
dimana jaringan komputer tersebut terdiri dari beberapa jaringan-jaringan kecil
saling berhubungan satu sama lain.
 Menurut Supriyanto (2006) internet adalah suatu hubungan antara jenis komputer
dan juga dengan jaringan di dunia yang punya sistem operasi dan juga aplikasi
yang berbeda-beda, dimana hubungan tersebut memanfaatkan kemajuan perangkat
komunikasi semacam teleppon dan satelit yang memakai protokol standar dalam
melakukan hubungan komunikasi, yaitu protokol TCP/IP (Transmission
Control/Internet Protokol)

4
2.2 Bahasa Pemrograman
Bahasa pemrograman atau bahasa komputer, adalah intruksi standar untuk
memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan
sintaks dan semantik yang di pakai untuk mendefinisikan program komputer.
Dalam pembuatan program tugas akhir ini menggunakan Bahasa pemrograman.
Bahasa pemrograman ini akan menunjang dan dapat menentukan secara persis data apa
saja yang akan diolah oleh komputer.
Adapun Bahasa pemrograman yang dipakai sebagai berikut :

A. HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) adalah bahasa pemrograman yang

digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi
dan dapat juga digunakan sebagai link-link menuju halaman web yang lain dengan
kode tertentu.
Berikut pengertian HTML menurut para ahli :

 Menurut Arief (2011:23) “HTML atau HyperText Markup Language merupakan

salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang
berjalan dihalaman web”.
 Menurut Nugroho (2013:5) “HTML adalah kependekan dari (HyperText Markup
Language), merupakan sebuah bahasa Scripting yang berguna untuk menuliskan
halaman Web”.

B. PHP (Hypertext Preprocessor)

Hypertext Preprocessor merupakan bahasa pemrograman script server-side yang

di desain untuk pengembangan web. PHP disebut bahasa pemrograman server-side
karena di proses pada komputer server. Hal ini berbeda dengan bahasa pemograman
client -side yang di proses di dalam web browser.

5
C. CSS (Cascading Style Sheets)

CSS = Cascading Style Sheets (Bahasa Lembar Gaya). CSS merupakan bahasa
yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa
markup / markuplanguage. Jika berbicara dalam konteks web, bisa di artikan secara
bebas sebagai bahasa yang digunakan untuk mengatur tampilan / desain suatu
halaman html.
Berikut pengertian CSS menururt para ahli :

 Menurut Arief (2011:11) “Casading Style Sheets adalah salah satu jenis bahasa
pemrograman web yang proses pengolahannya dilakukan disisi client”.
 Menurut Sibero (2013:112) menyatakan bahwa, “Casading Style Sheet memiliki
arti Gaya Menata Halaman Bertingkat, yang artinya setiap satu elemen yang telah
diformat dan memiliki anak dan telah diformat, maka anak dari elemen tersebut
secara otomatis mengikuti format element induknya”.

D. JavaScript

Javascript adalah bahasa pemrograman berorientasi objek yang di dasarkan

model objek berbasis prototipe. Bahasa ini terkenal karena penggunaannya sebagai
bahasa skrip di web. Javascript merupakan building block untuk HTML yang
dinamis (DHTML).

6
2.3 Perangkat Lunak Pendukung

Dalam pembuatan tugas project ini menggunakan beberapa software pendukung

guna menunjang keberhasilan tugas project ini.
Adapun software pedukung yang di gunakan adalah sebagai berikut:

A. Visual Studio Code

Perangkat lunak penyunting kode-sumber buatan Microsoft,
untuk Linux, macOS, dan Windows. Visual Studio Code menyediakan fitur seperti
penyorotan sintaksis penyelesaian kode, kutipan kode, merefaktor
kode, pengawakutuan, dan Git.

B. Xampp
Sebuah aplikasi server yang dapat diajalankan dikomputer tanpa memerlukan
sambungan internet guna memudahkan perancangan dan pembuatan web sebelum
dipublikasiakn ke internet.
Berikut pengertian XAMPP menurut ahli :

 Menurut Solution (2010:1) “XAMPP merupakan suatu paket instalasi yang berisi
Apache, PHP dan MySQL”. Sedangkan menurut Widijanuarto (2010:3) “XAMPP
merupakan sebuah aplikasi yang berisi PHP, MySQL, dan Apache yang
diperlukan untuk melakukan instalasi CMS ”.

7
 BAB III

PERANCANGAN DAN IMPLEMENTASI

3.1 Tampilan Website

Tampilan website atau website design merupakan suatu desain web atau isi dari
suatu website.
Berikut adalah tampilan website yang dihasilkan dari program :

A. Login

Login atau halaman login adalah tampilan awal yang digunakan untuk
mengaksesatau masuk kedalam suatu website.
Berikut adalah tampilan login website :

8
B. Index (Home)
Pada tampilan index terdapat header dari web penjualan mobil dengan menu
Home, Product, Pembelian, dan Logout. dibagian bawah ada tampilan home, about
dealer kami, sponsor, contact dan (Footer) serta hak cipta dalam pembuatan website
ini.
Berikut adalah tampilan index (home) website :

9
1
C. Mobil (Product)
Pada tampilan produk ini terdapat daftar mobil, yang dimana untuk
menampilkan produk apa saja yang ada pada website dealer mobil ini dan terdapat
tombol untuk pembelian produk tersebut.
Berikut adalah tampilan mobil (product) website :

1
D. Pembelian
Menu ini berisikan tampilan pembelian tentang website dealer mobil kami,
terdapat dua tampilan yaitu proses input dan output pembelian.
 Input Pembelian

 Output Pembelian

1
3.2 Listing Program
Listing Program merupakan susunan dari beberapa struktur data/computer codes.
Susunan tersebut dapat disusun menjadi suatu perintah programming yang digunakan dalam
menyusun sebuah perintah kepada software atau program yang dirancang.
Berikut adalah listing program yang disusun dalam proses pembuatan program
berbasis website :
A. Index (Home)
 Header

 Tombol Pembelian

1
  Footer

B. Mobil (Product)

1
C. Pembelian
 Input

 Output

1
D. Login
 Config

 Login

1
 Logout

1
 BAB IV

PENUTUP

4.1 Kesimpulan

Kesimpulan dari analisis dan pembahasan dari makalah di atas adalah bahwa
bahasa pemrograman web sangat di butuhkan, karena mempelajari ilmu bahasa
pemrograman sangat bermanfaat, salah satu nya dengan program yang kami buat dengan
mengaplikasikan membuat suatu program pemasaran dan penjulan suatu toko/produk
dengan harapan dapat mempermudah dan membatu proses transaksi penjualan bagi
yang membutuhkan.

4.2 Saran
Dalam penggunaan aplikasi, sebaik nya di sertakan arahan langkah-langkah
penggunaan aplikasi dan perlu melakukan perawatan perangkat lunak atau perangkat
keras dan penginstalan program untuk menjalankan aplikasi tersebut.

1
 DAFTAR PUSTAKA

[1]. Hamdan, Romadhon , dan Yusuf Yudhistiria, (2021). Jurnal Sistem Informasi dan
Teknologi Peradaban. Diakses 01 Juni 2023, dari Universitas Islam Paradaban.
[2]. Dwi , Krisbiantoro, dan Prih, Diantoro .(2019). Jurnal Dasar Pemrograman Web
dengan bahasa HTML, PHP, dan Database MySQL. Diakses 01 Juni 2023.

[3]. Muhammad, Paridudin., dan Dana, Sulistyo .(2019). Jurnal Konsistensi Kode Pada
Pemrograman JavaSript Menggunakan Linter Pada Continuous Integration
Pipeline. Diakses 01 Juni 2023, dari Universitas Telkom Bandung.