PERANCANGAN WEBSITE

SISTEM INFORMASI PERSEDIAAN BARANG

MAKALAH

Diajukan untuk memenuhi Nilai Mata Kuliah Web Programming

Disusun Oleh :

Septian Dika Nugraha 12161243

Riyan Fitra Efendi 12161189

Juan Adithya Irawan 12161275

Kelas 12.7AB.06

Program Studi Teknik Informatika

Sekolah Tinggi Manajemen Informatika dan Komputer
NUSA MANDIRI
Jakarta
2019
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala

karunia yang telah di limpahkan, sehingga penulis dapat menyelesaikan makalah

yang berjudul ‘Perancangan Website Sistem Informasi Persediaan Barang’

Sebagaimana ketentuan yang sudah berlaku di Teknik Informatika, bahwa

mahasiswa di haruskan menyusun makalah sebagai salah satu persyaratan

untuk memperoleh nilai UAS Web Programing.

Dengan kerendahan hati penulis mengucapkan terima kasih kepada

semua pihak yang telah membantu penulis dalam menyelesaikan makalah

ini. Penulis menyadari bahwa dalam penulisan ini masih terdapat banyak

kekurangan, untuk itu penulis mengharapkan kritik dan saran yang sifatnya

membangun demi kesempurnaan makalah ini.

Akhir kata penulis berharap semoga makalah ini dapat memberikan

manfaat dan pengembangan wawasan bagi mahasiswa dan pembaca pada

umumnya.

Bekasi, Oktober 2019

Kelompok 3
 DAFTAR ISI

JUDUL LAPORAN PKL ........................................... Error! Bookmark not defined.

KATA PENGANTAR .................................................. Error! Bookmark not defined.
Daftar Isi ..................................................................... Error! Bookmark not defined.i
BAB I PENDAHULUAN ........................................................................................... 4
1.1 Latar Belakang Masalah .............................. Error! Bookmark not defined.
1.2 Rumusan Masalah ....................................... Error! Bookmark not defined.
1.3 Ruang Lingkup ............................................ Error! Bookmark not defined.
BAB II LANDASAN TEORI ..................................... Error! Bookmark not defined.
2.1 Konsep Dasar Web ...................................... Error! Bookmark not defined.
2.2 Penjelesan Tentang ERD ............................. Error! Bookmark not defined.
2.3 Penjelesan Tentang LRS ............................. Error! Bookmark not defined.
2.4 Penjelesan Tentang Struktur Navigasi ........ Error! Bookmark not defined.
BAB III PEMBAHASAN ............................................ Error! Bookmark not defined.
3.1 Analisa Kebutuhan ...................................................................................... 12
3.2 Rancangan Antar Muka ............................... Error! Bookmark not defined.
3.3 Rancangan Basis Data (ERD & LRS) ......... Error! Bookmark not defined.
3.4 Struktur Navigasi ......................................... Error! Bookmark not defined.
BAB IV PENUTUP ...................................................... Error! Bookmark not defined.
4.1 Kesimpulan .................................................. Error! Bookmark not defined.
4.2 Saran ............................................................ Error! Bookmark not defined.
DAFTAR PUSTAKA ................................................... Error! Bookmark not defined.
DAFTAR RIWAYAT HIDUP .................................... Error! Bookmark not defined.
LAMPIRAN - LAMPIRAN
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi yang cukup pesat dari waktu ke waktu membuat pekerjaan

yang dilakukan manusia pada umumnya dapat diselesaikan dengan cepat. Teknologi

merupakan salah satu alat bantu yang sering digunakan dalam aktivitas manusia. Peran serta

teknologi menjadikan pengolahan informasi menjadi semakin mudah karena pengolahan

sangat diperlukan agar informasi yang dihasilkan dapat bermanfaat bagi penggunanya.

Pengolahan data dan informasi secara cepat, tepat dan efisien adalah hal penting yang

dibutuhkan bagi setiap perusahaan atau suatu instansi untuk meningkatkan produktifitas

perkerjaan, waktu dan biaya.

Seiring berkembangnya kemajuan teknologi informasi dan komunikasi, persaingan

bisnis dalam dunia industri semakin ketat. Jumlah perusahaan semakin banyak dan terus

melakukan usaha dan strategi dalam mempertahankan bisnisnya. Kesuksesan perusahaan

dalam mempertahankan bisnisnya tidak terlepas dari peran perusahaan tersebut dalam

mengelola inventory (persediaan) barang sehingga dapat memenuhi permintaan dari

pelanggan semaksimal mungkin. Perusahaan yang mampu mengendalikan dan mengelola

persediaannya dengan baik akan dapat memenuhi kebutuhan pelanggan dan tentu saja dapat

menjaga kelangsungan bisnisnya dalam dunia industri saat ini.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang ada maka rumusan permasalahan dalam penelitian ini

adalah sebagai berikut :

1. Bagaimana menangani proses dalam pendataan barang masuk dan keluar ?

2. Bagaimana menangani dan mendata proses pemesanan barang ?

3. Bagaimana membangun sistem inventory stok barang yang dapat memberikan

informasi yang cepat, tepat dan akurat ?

1.3 Ruang Lingkup

 BAB II

LANDASAN TEORI

2.1 Konsep Dasar Website

Konsep dasar yang digunakan pada makalah untuk tugas ujian akhir semester ini adalah

sebagai berikut:

2.1.1 Internet

Menurut Mulyanto (2009:113) dalam Supriyanta & Nussy, (2016) “internet atau International

Network merupakan rangkaian jaringan terbesar di dunia dimana semua jaringan yang berada pada

semua organisasi dihubungkan dengan suatu jaringan terbesar sehingga dapat saling berkomunikasi.”

Menurut (Sutarman, 2009:64) dalam Supriyanta & Nussy, (2016) “internet dapat

menghubungkan jutaan manusia di seluruh dunia, tanpa mereka mengetahui keberadaan lawan

komunikasinya. Informasi dapat dikirim dengan berbagai bentuk seperti suara, gambar, teks,

data maupun kombinasinya.”

2.1.2 Website

Menurut (A.Kom, Deddy Supriadi, Tu Alawiyah, & Informatika, n.d.) pada dasarnya web

merupakan suatu kumpulan hyperlink yang menuju alamat satu ke alamat lainnya dengan

bahasa HTML(Hyper Text Markup Languange). Website atau situ dapat di artikan sebagai

"Kumpulan halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau

gerak, animasi, suara, dan / atau gabungan dari semuanya, baik yang bersifat statis maupun

dinamis yang membentuk satu rangkaian bangunan yang salit terkait, yang masing - masing

dihubungkan dengan jaringan - jarigan halaman"( hidayat,2010)

2.1.3 Web Browser

Menurut (Pahrudin, n.d.) Web Browser Adalah suatu program atau software yang

digunakan untuk menjelajahi internet atau untuk mencari informasi dari suatu web yang

tersimpan didalam komputer jika ditinjau dari frasa katanya, web browser terdiri atas dua kata

berbahasa inggris yaitu kata 'web' dan kata 'browser'. arti dari kedua kata ini yaitu: web

merupakan singkatan dari website yaitu halaman situ yang ada jaringan internet, sedangkan
browser dapat diartikan sebagai media penjelajah, maka dapat ditarik kesimpulan bahwa web

browser merupakan alat penjelajah halaman situs website.

2.1.4 Web Server

Menurut Simarmata (2010:88) dalam Bianglala & Vol (2015) “web server adalah

potongan perangkat lunak yang mendukung berbagai protokol web, seperti HTTP, HTTPS dan

lain-lain untuk memproses permintaan client.

2.2 Penjelasan Tentang ERD

Menurut Kusrini (2007:21) dalam Isty & Afifah, (2018) perancangan basis data dengan

menggunakan model entity relationship adalah dengan menggunakan Entity Relationship

Diagram (ERD). Komponen Entity Relation Diagram (ERD) ,Simbol pada Entity Relationship

Diagram (ERD) menurut Chen dalam Sukamto dan Shalahuddin, 2014 disajikan ke dalam

bentuk tabel berikut ini.

Tabel II.1. Tabel simbol ERD (Entity Relational Diagram)

Simbol Deskripsi

Entitas / Entity Entitas merupakan data inti yang akan disimpan bakal

tabel pada basis data benda yang memiliki data dan

nama_entitas harus disimpan datanya agar dapat diakses oleh

aplikasi komputer penamaan entitas biasanya lebih ke

kata benda dan belum merupakan nama tabel Atribut

Atribut Field atau kolom data yang butuh disimpan dalam

nama_atribut suatu entitas.

Atribut kunci primer Field atau kolom data yang butuh disimpan dalam

suatu entitas dan digunakan sebagai kunci akses

nama_kunc i primer record yang diinginkan; biasanya berupa id; kunci

primer dapat lebih dari satu kolom, asalkan

 kombinasi dari beberapa kolom tersebut dapat

bersifat unik (berbeda tanpa ada yang sama)

Atribut multinilai / Field atau kolom data yang butuh disimpan dalam

Multivalue suatu entitas yang dapat memiliki nilai lebih dari satu

Relasi Relasi yang menghubungkan antar entitas; biasanya

diawali dengan kata kerja

Asosiasi / association Penghubung antara relasi dan entitas dimana di kedua

ujungnya memiliki multiplicity kemungkinan jumlah

pemakaian.Kemungkinan jumlah maksimum

keterhubungan antara entitas satu dengan entitas yang

lain disebut dengan kardinalitas. Misalkan ada

kardinalitas 1 ke N atau sering disebut dengan one to

many manghubungkan entitas A dan entitas B

Sumber: Sukamto dan Salahuddin (2015:50)

2.3 Penjelasan Tentang LRS

Menurut Friyadie (2007:13) dalam Isty & Afifah, (2018) “LRS merupakan hasil dari

pemodelan Entity Relationship (ER) beserta atributnya sehingga bisa terlihat hubungan-

hubungan antar entitas”.

2.4 Penjelesan Tentang Struktur Navigasi

Menurut Simarmata (2010:238) dalam Mulyana, Studi, & Informatika, (2014) ada

beberapa struktur navigasi yaitu:

1. Struktur urutan, tautan antara halamannya sangat terdefinisi dengan baik dan

navigasinya linear (misalnya, maju dan mundur).

Sumber : Simarmata (2010)

Gambar II.1.
Struktur Urutan
2. Struktur grid, merupakan struktur yang multidimensional untuk menyajikan
hubungan kronologis diantara halaman.

Sumber : Simarmata (2010)

Gambar II.2.
Struktur Grid
3. Struktur pohon, mengizinkan halaman untuk bisa disajikan dalam bentuk

hierarki. Struktur iniseringkali menggunakan halaman yang di navigasi menurut

daftar isinya. Struktur pohon memiliki tingkatan antara halaman- halaman,

misalnya halaman akar, halaman sub menu, halaman sub-sub menu dan

seterusnya. Struktur ini dapat menyajikan suatu model organisasidengan

kebanyakan pengguna yang familier dan nyaman

Sumber : Simarmata (2010)

Gambar II.3.
Struktur Pohon

4. Struktur web, merupakan struktur yang paling kompleks karena halaman dan
tautannya dapat diorganisasikan dalam pola topologi yang paling baik sehingga
setiap halaman memiliki tautan.

Sumber : Simarmata (2010)

Gambar II.4.
Struktur Web
 5. Struktur campuran, merupakan kombinasi dari struktur-struktur sebelumnya.

Sumber : Simarmata (2010)

Gambar II.5.
Struktur Campuran
 BAB III

PEMBAHASAN

3.1 Analisa Kebutuhan

Untuk menunjang kinerja suatu web sangat diperlukan kegiatan analisa kebutuhan, agar

web yang telah dibuat berfungsi dan bermanfaat sesuai dengan kebutuhan yang ada, sehingga

mampu mencapai hasil yang di inginkan.

Dalam inventory stock sendiri terdapat beberapa pengguna aktif yaitu beberapa admin

yang tersedia pada perusahaan tersebut. Yang saling terkoneksi di satu sistem ketika sedang

mengerjakan sop yang berlaku.Admin bertugas untuk mengelola semua kegiatan dalam web

Dilihat dari segi sistem keduanya memiliki karakteristik dan kebutuhan yang sangat berbeda,

diantaranya adalah sebagai berikut

3.1.1 Tahap Analisa

3.2 Rancangan Antar Muka

3.3 Rancangan Basis Data (ERD & LRS)

3.4 Struktur Navigasi

.