Request Order Barang PT. Mahameru dengan Sistem berbasis web

(1)

SISTEM INFORMASI REQUEST ORDER BARANG DI

PT. MAHAMERU

DENGAN BERBASIS WEB

KERJA PRAKTEK

Diajukan untuk Memenuhi

Tugas Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik

dan Ilmu Komputer Universitas Komputer Indonesia

10110395 10110396 10110408

TAUFIK HILMAN HARRY ISMUNANDAR ARIO WICAKSONO

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(2)

(3)

(4)

(5)

(6)

DAFTAR RIWAYAT HIDUP

NAMA : ARIO WICAKSONO

NIM : 10110408

TEMPAT/TANGGAL LAHIR : BANDUNG, 18 NOVEMBER 1992

JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1

ALAMAT : JL. MALEBER BARAT NO. 38 BANDUNG

NO. TELPON : 085722439752

E-MAIL : [email protected]

FACEBOOK : -

TWITTER : -

ALAMAT ORANG TUA : JL. MALEBER BARAT NO. 38 BANDUNG

JUDUL KERJA PERAKTEK : REQUEST ORDER BARANG DI PT. MAHAMERU DENGAN BERBASIS WEB

RIWAYAT PENDIDIKAN :

1. 1997-1998 : TK Teratai

2. 1998-2004 : SD YWKA 4

3. 2004-2007 : SMP Negeri 6 Bandung

4. 2007-2010 : SMA Pasundan 7 Bandung

5. 2010 : Program Studi S1

Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer UNIKOM

(7)

DAFTAR RIWAYAT HIDUP

NAMA : HARRY ISMUNANDAR

NIM : 10110396

ALAMAT : JL. INHOFTANK NO. 222 BANDUNG

NO. TELPON : 08987803442

FACEBOOK : [email protected]

TWITTER : @abbocino

ALAMAT ORANG TUA : JL. INHOFTANK NO. 222 BANDUNG

1. 1998-2004 : SD Tegallega 4

2. 2004-2007 : SMP Negeri 24 Bandung

3. 2007-2010 : SMA Negeri 18 Bandung

(8)

DAFTAR RIWAYAT HIDUP

NAMA : TAUFIK HILMAN

NIM : 10110395

ALAMAT : JL. TERUSAN CIBADUYUT NO.58D BANDUNG

NO. TELPON : 08987944547

FACEBOOK : -

TWITTER : -

ALAMAT ORANG TUA : JL. TERUSAN CIBADUYUT NO.58D BANDUNG

1. 1997-1998 : TK Al-Amin

2. 1998-2004 : SD Negeri Sayuran 1

3. 2004-2007 : SMP Negeri 2 Dayeuh Kolot

4. 2007-2010 : SMK Negeri 8 Bandung

(9)

DAFTAR ISI

LEMBAR JUDUL ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iii

BAB 1 PENDAHULUAN ... 1

1. 1. Latar Belakang ... 1

1. 2. Perumusan Masalah ... 2

1. 3. Maksud dan Tujuan ... 2

1. 3. 1. Maksud ... 2

1. 3. 2. Tujuan ... 2

1. 4. Batasan Masalah ... 3

1. 5. Metode Penelitian ... 3

1. 6. Sistematika Penulisan ... 4

BAB 2 TINJAUAN PUSTAKA ... 5

2. 1. Profil Tempat Kerja Praktek ... 5

2. 1. 1. Sejarah Instansi ... 5

2. 1. 2. Logo Instansi ... 5

2. 1. 3. Struktur Organisasi ... 6

2. 1. 3. 1. Job Description pada Departemen IT ... 6

2. 2. Landasan Teori ... 8

2. 2. 1. Web ... 8

2. 2. 1. 1. Sejarah Web ... 8

2. 2. 1. 2. Pengertian Web ... 8

2. 2. 2. Aplikasi yang Diggunakan ... 13

(10)

2. 2. 2. 2. XAMPP Server ... 13

3. 1. 2. Analisis Prosedur Sistem Yang Sedang Berjalan ... 15

3. 1. 3. Analisis Kebutuhan Non-Fungsional ... 15

3. 1. 3. 1. Analisis Perangkat Keras ... 15

3. 1. 3. 2. Analisis Perangkat Lunak ... 16

3. 1. 3. 3. Analisis Pengguna ... 17

3. 1. 4. Analisis Fungsional ... 18

3. 1. 4. 1. Analisis Basis Data ... 18

3. 1. 4. 2. Diagram Alir (Flow Map) Pembuatan Request Order Form ... 19

3. 1. 4. 2. 1. Entity Relationship Diagram (ERD) ... 20

3. 1. 4. 3. Diagram Konteks ... 21

3. 1. 4. 4. Data Flow Diagram (DFD) ... 22

3. 1. 4. 4. 1. DFD Level 1 ... 22

3. 2. 4. 4. 2. DFD Level 2 Proses 2 Pengolahan Data Serah Terima Order Form ... 24

3. 1. 4. 4. 3. DFD Level 2 Proses 3 Pengolahan Data Serah Terima Order Form ... 25

3. 1. 4. 4. 4. DFD Level 2 Proses 4 Pengolahan Data User ... 26

3. 1. 4. 4. 5. DFD Level 2 Proses 5 Pengolahan Data Request Order Form ... 27

3. 1. 4. 5. Skema Relasi ... 28

(11)

3. 1. 4. 7. Spesifikasi Proses ... 31

3. 1. 4. 8. Perancangan Struktur Tabel ... 41

3. 1. 4. 9. Perancangan Struktul Menu ... 45

3. 1. 4. 9. 1. Perancangan Struktur Menu Admin ... 46

3. 1. 4. 9. 2. Perancangan Struktur Menu User ... 46

3. 1. 4. 10. Perancangan Antarmuka ... 46

3. 1. 4. 10. 1. Perancangan Antarmuka Admin ... 48

3. 1. 4. 10. 2. Perancangan Antarmuka User ... 52

3. 1. 4. 11. Jaringan Semantik ... 55

3. 1. 4. 11. 1. Jaringan Semantik Admin ... 55

3. 1. 4. 11. 2. Jaringan Semantik User ... 56

3. 1. 4. 12. Implementasi Sistem ... 56

3. 1. 4. 12. 1. Implementasi Database ... 57

3. 1. 4. 13. 1. Implementasi Antarmuka Admin ... 58

3. 1. 4. 13. 2. Implementasi Antarmuka User ... 64

BAB 4 KESIMPULAN DAN SARAN ... 65

4. 1. Kesimpulan ... 65

4. 2. Saran ... 66

(12)

✁ ✂✁ ✄☎✆ ✝✁✆ ✂✁ ✞

Puji syukur kita ucapkan kepada Allah SWT yang telah memberikan rahmat dan hidayah-nya kepada penulis. Dapat menyelesaikan tugas pembuatan Laporan Tugas Kerja Praktek Yang Berjudul Sistem Request Order Barang Di PT. Mahameru Dengan Berbasis Web dalam pembuatan laporan tugas besar ini, penulis mendapat bantuan dari berbagai pihak, maka mengucapkan terimakasih yang sebesar besarnya kepada : Ibu Sufa atin, S.T.,M.Kom. Sebagai pembimbing kerja praktek kami di kampus kemudian bapak Ade Edi, bapak Agus dan bapak Saman Aman Wahyudi yang berperan sebagai ketua departemen IT, wakil ketua departemen IT dan pembimbing kerja praktek kami di perusahaan PT. Mahameru Centratama Spinning Mills, serta anggota kelompok kerja praktek yang telah ikut berpartisipasi dalam membuat laporan ini, serta tempat kami mencari ulasan materi yaitu PT. Mahameru Centratama Spinning Mills agar dapat di masukan ke laporan besar ini.

Makalah ini dibuat dengan berbagai observasi dan beberapa bantuan dari berbagai pihak untuk membantu menyelesaikan tantangan dan hambatan selama mengerjakan makalah ini. Oleh karena itu, kami mengucapkan terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu dalam penyusunan makalah ini .

(13)

DAFTAR PUSTAKA

1. http://elib.unikom.co.id

(14)

✟✠✟✡ ☛☞✌✍ ✎✏ ✑✒ ✑✎ ✌

1. 1. Latar Belakang

✓✔✕✖✗✘✗✙ ✚✛✜ ✢ ✚✣✤✛✗✤✗✙✗ ✥✦✧✣✣ ✧✣ ★ ✖✧✩✩✪ ✙ ✚✛✜ ✦✗✫✗✣ ✦ ✚✛✜✪ ✗✘✗✗✣ y✗✣★ ✙ ✚✙ ✦✛✬✭✜✫✪ ✧✮✗✛✗✣★ barang mentah tekstil, hingga barang siap produksi kemudian di eksport. Perusahaan ini beralamat di jalan Cisirung Km2 Moh Toha merupakan cabang dari perusahaan PT. Himalaya. Dalam proses permintaan dan penukaraan di PT. Mahameru

Masalah ditemukan ketika formulir pemesanan barang (Request Order Form disingkat ROF) tidak dapat memesan permintaan atau penukaraan secara langsung , dan juga dokumen dokumen ROF masih di kelola secara manual serta laporan rekapnya pun masih manual, sehingga jika ada permintaan atau penukaran dari lapangan maupun departemen lain sulit untuk mengajukan ROF.

(15)

✯ ✰

.

✱

.

✲✳✴✵ ✶✵ ✷✸ ✹ ✺✻ ✼✻ ✽✻ ✾

Berdasarkan latar belakang masalah, maka rumusan masalah pada laporan ini yaitu: Bagaimana Membuat Request Order Form Di PT mahameru centratama Spinning Mills Dapat Dilakukan Secara mudah serta meminimalisir proses manual .

1. 3. Maksud dan Tujuan

1. 3. 1. Maksud

Maksud yang ingin dicapai adalah dapat memenuhi syarat perkuliahan kerja praktek untuk di semester 7.

1. 3. 2. Tujuan

Tujuan dari kerja praktek ini adalah :

 Dapat mengisikan permintaan atau penukaran inventori secara langsung kedalam web.

 Dapat mengelola data Request Order Barang secara komputasi.

 Dapat menyimpan Laporan Rekap bulanan Request Order Barang.

 Memudahkan dalam mengakses web apabila sedang tugas lapangan.

 Memudahkan Semua Departemen Jika Ingin Mengajukan Request Order Barang

(16)

✿

1. 4. Batasan Masalah

Mengingat luasnya cakupan masalah dari tema laporan ini dan agar pembahasannya tidak melebar kemana-mana, maka diperlukan adanya batasan masalah yang akan dibahas antara lain :

Web hanya dapat digunakan oleh karyawan

Database hanya dapat dikelola oleh admin

 Pengelolaan data berupa ROF

1. 5. Metode Penelitian

Penulis melakukan beberapa metodologi dalam melaksanakan sistem pelaksanaan kerja praktek ini. Adapun metodologi-metodologi yang digunakan adalah sebagai berikut:

1. Metode Praktek

Dalam hal ini penulis melakukan praktek secara nyata dalam hal Membuat Website Request Order Barang di bagian Departemen IT di jalan Cisirung Km 2 Moh Toha.

2. Metode Literatur

(17)

4

1. 6. Sistematika Penulisan

Penulis membagi Laporan Kerja Praktek ini menjadi beberapa bab untuk mempermudah pemahaman pembaca. Adapun sistematika penulisan laporan ini adalah sebagai berikut :

❀❁ ❀❂❃❄ ❅ ❆❁ ❇❈❉❈ ❁❅

Pada bab ini akan dibahas mengenai latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian dan sistematika penulisan laporan kerja praktek.

❀❁ ❀❊❋●❅ ❍❁ ❈❁ ❅ ❃❈ ■ ❏❁ ❑❁

Pada bab ini akan dibahas mengenai profil perusahaan serta beberapa landasan teori yang disesuaikan dengan kebutuhan penulisan laporan ini.

❀❁ ❀▲▼ ◆ ❖ ❀❁ ❇ ❁■❁ ❅ ❖❁■❁ P❁❇

Pada bab ini berisi hasil dari kegiatan Kerja Praktek yang telah penulis lakukan, diantaranya tentang bagaimana melakukan permintaan atau penukaran barang menggunakan web Request Order Barang dan mengelola data Request Order Barang.

❀❁ ❀◗❑◆ ■●❖▼❈ P❁ ❅ ❆❁ ❅ ■❁❘❁ ❅

(18)

❙❚❙❯

❱ ❲❳❨❚❩❚❳ ❬ ❩❭❱❚❪❚

❯ ❫ ❴❫ ❬❵❛ ❜❝❞❱❡❢❣❤ ✐ ❪❡ ❵❥❤❬❵❤❦✐ ❡ ❦ ❯ ❫ ❴❫ ❴❫ ❭❡❥❤❵❤❧❲♠♥✐❤♠♥❝

♦♣ qrsr t✉ru✈✇①②② ①② ③ q①④④s r⑤r④rs r④rss srtu✇✉r⑥⑦rs rr② ✉xport di

Bandung, Indonesia. beralamat di jalan Cisirung Km2 Moh Toha, Bandung. Perusahaan ini merupakan cabang dari perusahaan PT Himalaya. Perusahaan ini Bergerak di bidang Tekstil. Mengolah bahan mentah hingga menjadi barang berkualitas siap export.

❯ ❫ ❴❫ ❯❫ ⑧❛⑨❛❲♠♥✐❤♠♥❝

Logo atau Lambang PT mahameru Centratama Spinning Mills:

Gambar 2.1. Logo PT Mahameru Centratama Spining Mills

Lambang PT Mahameru Centratama Spinning Mils berbentuk gunung dengan bintang yang melambangkan nama perusahaan itu sendiri yang berdiri kokoh.

(19)

⑩❶ ❷❶ ❸❶ ❹❺ ❻❼❽❺ ❼❻❾ ❻❿➀ ➁➂➃➀ ➃➂➄➀➁ ➅ ➆

b Description

Gambar 2.2. Struktur Organisasi Departemen IT

2. 1. 3. 1. Job Description Pada Departemen IT

2. 1. 3. 1. 1. Ketua Departemen

a. Menentukan arah kebijakan.

b. Mengawasi dan mengarahkan Wakil Ketua dalam

(20)

2. 1. 3. 1. 2. Wakil KetuaDepartemen

➇. ➈➉➊ ➋➌➍ ➎➏➉➍➉➊ ➐➇➑➌ ➒➇➊➓➉➔➌ →➇➒➇➊➇➊y ➋ t➉➏➇➣↔➌➑ ➉↕ →↕ ➌t ➓➉↕➇t . ➔ ➙➈➉➍ ➔↕➇t ➛ ➉➊ ➜➇➊➇➝tr➇➉ ➋➌t s ➞r➋➇➊ ➌➑➇➑ ➌.

➜. ➈➉➊ ➋➇➊ ➋ ➒➇t ↔➇➊➍➉➍ ➔ ➉➣➉➊ ➐r ➌ ➒➇➊➟➉ ➋➇w➇➌↔ ➉➊ ➋➇➊➎➉➑ ➉r t↕ →↕➇➊ ➓➉t↕➇.

2. 1. 3. 1. 3. Staff Bagian Software

➇. ➈➉➊ ➋➌➍ ➎➏➉➍➉➊ ➐➇➑➌ ➒➇➊➓➉➔➌ →➇➒➇➊➇➊y ➋ t➉➏➇➣↔➌➑ ➉↕ →↕ ➌t ➓➉↕➇t . ➔ ➙➈➉➍ ➔↕➇t, ➍ ➉➍➉➏➌➣➇r➇↔➇➊➍ ➉➍ ➎➉➔➇➌ ➒➌r ➑ ➠ ➡tw➇r➉ y➇➊➋➇↔➇. ➜. ➈➉➍➇➊ ➐➇u➑ ➠ ➡tw➇r➉ y➇➊➋↔ ➌ ➇➎➏➌ ➒➇➑ ➌ ➒➇➊↔➌➔➉➔➇➋➇➌r ↔➉ ➎➇➉➍➉➊ ➙rt

2. 1. 3. 1. 4. Staff Bagian Jaringan

➇. ➈➉➊ ➋➣➇➊ ↔➏➉➍➇s➇➏➇➣ ➍➇➑➇➏➇➣→➇➌➊ ➋➇➊r y➇➊ ➋➇↔➇↔➌➏➇➎➇➊➋➇➊➙ ➔ ➙➈➉➍ ➉➏➌➣➇r➇➍ ➉➍ ➎➉r➔➇➌ ➒➌↔➇➊➍➉➍➇➊➐➇u→➇➌➊➋➇➊r ↔ ➌➏➇➎➇➊➋➇➊ ➙

2. 1. 3. 1. 5. Staff Bagian Dokumen

➇. ➈➉➊ ➋➠➢➋➇➊➌➑ ➌r ↔ ➠ ➒↕➍ ➉➊ ↔ ➠ ➒↕➍➉➊➎➉rus➇➣➇➇➊➙ ➔ ➙➈➉➍ ➔↕➇t ➏➇➎➠➢➇➊ ➏➇➎➠➢➇➊ ➇t➇u➎r➠ ➎➠➑➇➏➎➉➑➇➣➇➇➊ ➙ru

➜. ➈➉➍➉➏➌➣➇r➇↔ ➠ ➒↕➍ ➉➊➈➇➊↕➇➏➍➇↕➎↕ ➊ ➇➊ ➋y t➉r➒➠➍➎↕ ➐➉r➌➑➇➑ ➌.

2. 1. 3. 1. 6. Staff Bagian Hardware

➇. ➈➉➍ ➎➉➔➇➌ ➒➌r ↔➇➊➍ ➉➍➉➏➌➣➇r➇➣➇r↔➤➇➉r ↔➌➎➉↕ ➑➇➣➇➇➊➙r ➔ ➙➈➉➊➋➣➇➊↔ ➏➉➍➇➑➇➏➇➣ ➍➇➑➇➏➇➣➣➇↔rw➇➉r ↔➌➎➉↕ ➑➇➣➇➇➊➙r

(21)

(22)

Ó ÔÓ Õ Ö×Ø ØÙ ÚÛ ÜÓÖÝ Ø Þ ÖÙ ÕÖß à ÖÙ áÙ âá àÓ ÔÙÖÓ ãØ äà ÖÙ ØÙÚÛÜÓ ÖÝ Ø tÔÝ ÔÕáâr ÞÖäÖÓ ÕÔÙ âáà×rÖÚØ àå

æÔÕ çÛèÝ Ôr r ã ÔrtÖÓÖ Þ ØÕ á Öt Þ ÔÙ×ÖÙ Õ ÔÕÖÝ ØÝ àÖÙr ã ÖÞÖ tÔàÝ å Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu.Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam Web.Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows.Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National

Center for Supercomputing Applications).

Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat Web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan.Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet.Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.

Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai Web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft.

Jenis jenis Website Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:

1. Website Statis

2. Website Dinamis

3. Website Interaktif

Website Statis adalah web yang mempunyai halaman tidak berubah.Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut.

(23)

éêë ì íêt îï ðêñò ðíór ñ ôñõñö êëw ñ ï ÷y ìññt íï í øê øñï÷ ìê ôñï÷ ë ù ùø íï ÷. adalah susunan yang teratur dari gagasan-gagasan atau konsepsi yang saling tergantung. Sedangkan sistem yang bersifat fisis adalah serangkaian unsur yang bekerjasama untuk mencapai suatu tujuan (Tata Sutabri, 2004).

Dari definisi di atas maka dapat diketahui manfaat sistem yaitu untuk menyatukan atau mengintegrasikan semua unsur yang ada dalam suatu ruang lingkup, dimana komponen-komponen tersebut tidak dapat berdiri sendiri. Komponen atau sub sistem harus saling berintegrasi dan saling berhubungan untuk membentuk satu kesatuan sehingga sasaran dan tujuan dari sistem tersebut dapat tercapai. Pendekatan sistem yang merupakan kumpulan dari komponen atau elemen-elemen merupakan definisi yang lebih luas dibandingkan dengan pendekatan sistem yangprosedural.

(24)

Konsep Dasar Serta Pengertian Data dan Informasi

✆✝✝t ✞ ✝✟✝✠✡ ☛☞ ✌ ☛✟✝✍ ✎ ✝✡ ✏✝ y✝✍✑ t✒✞✝✡ ✓t✔ ✑ ✝✍✒✕ ✒r r. ✖✓ ✍✑✔✟✝✠ ✝✍✞✝t✝ ✝✡✝✍ ☞✓ ✍✑ ☛✗✝✠ ✞ ✝t✝☞✓ ✍ ✏✝✠ ☞ ✓ ✍✘✝✞✒ ✒✍✎✔✙☞✝✕✒ (Nurwono, 1994). Informasi adalah hasil pengolahan data yang diperoleh dari setiap elemen sistem menjadi bentuk yang mudah dipahami oleh penerimanya dan informasi ini menggambarkan kejadian-kejadian nyata untuk menambah pemahamannya terhadap fakta-fakta yang ada, sehingga dapat digunakan untuk pengambilan suatu keputusan. Sumber informasi adalah data. Data adalah kenyataan yang menggambarkan kejadian-kejadian dan kesatuan yang nyata (Tata Sutabri, 2004).

Kualitas dari suatu informasi tergantung dari 3 (tiga) hal yaitu :

1. Akurat (accurate )

Informasi harus bebas dari kesalahan dan tidak boleh menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya.

2. Tepat waktu (timelines)

Informasi yang sampai pada penerima tidak boleh tertunda. Informasi yang sudah usang nilainya akan berkurang. Karena informasi merupakan landasan didalam pengambilan suatu keputusan.

3. Relevan (relevance)

Informasi tersebut mempunyai manfaat untuk penggunanya. Relevansi informasi untuk setiap orang, satu dan lainnya pasti berbeda.

Transformasi Data Menjadi Informasi

Data hanyalah sekumpulan fakta. Namun fakta-fakta tersebut bisa memberikan suatu informasi penting setelah diolah oleh proses-proses pengolahan, analisis, dan sintesis. Pada sistem terkomputerisasi proses penyimpanan data, proses pengolahan, analisis, dan sintesis dan proses penampilan informasi bisa dilakukan oleh komputer.

(25)

Pengertian Sistem Informasi

✚✛st✜✢ ✛✣✤✥ ✦ ✢✧★ ✛ ✧✩ ✧✪ ✧✫ ★✬ ✧tu★ ✛st✜✢ ✩✛ ✩✧✪ ✧✢ ★✬✧tu✥✦✭ ✧✣✛★ ✧★ ✛ y✧✣ ✭ ✢✜✢✮✜✜✢✬✯✧✣rt ✯✜✰✬✱✬✫✧✣ ✮✜✣ ✭✥ ✪ ✧✫ ✧✣ tr✧✣ ★ ✧✯★✛ ✫ ✧r✛✧✣ ✧✣ ✭y ✢✜✣ ✩✬✯✬ ✣ ✭ ✤✬✣✭ ★✛✥✮✜r✧ ★ ✛✥ ✦ ✭✧✣ ✛★✧★ ✛ y✧✣ ✭✰✜r★✛✤✧t ✢ ✧✣✧✲✜r✛✧✪ ✩✜✣ ✭✧✣ ✯✜✭ ✛✧t✧✣str✧t✜✭✛✩✧r✛ ★✬ ✧tu✥ ✦ ✭✧✣✛★ ✧★ ✛ ✬ ✣✱✬✯ ✩ ✧✮✧t ✢✜✣✜✩ ✛✧✯✧✣y ✯✜✮✧✩ ✧ ✮✛✫✧✯ ✪u✧r t✜✜✣✱rt u✩ ✜✣ ✭✧✣ ✪ ✧✮✥✦✧✣-✪ ✧✮✥r✧✣y✧✣ ✭✩ ✛✮✜✪✬✯✧✣✳r

✴✧✣✤ ✧✧t ✧✩✧✣y✧★✛st✜✢✛✣✤✥✦✢✧★ ✛✩ ✧✪ ✧✢★✬✧tu✛✣ ★t✧✣★ ✛ y✧✛✬✵t

✶✳ ✴✜✣y✧✲✛✯✧✣ ✛✣✤✥✦✢ ✧★ ✛✭✬✣✧✢ ✜✣ ✩✬✯✬✣✭✮✜✣ ✭✧✢✰✛✪ ✧✣★✬ ✧tu✯✜✮✬✱✬★✧ ✣✳ ✷ ✳ ✴✜✣y✧✲✛✯✧✣✛✣✤✥ ✦ ✢✧★ ✛✭✬ ✣ ✧✢ ✜✣✩✬✯✬ ✣ ✭✥✮✜r✧★ ✛✫✧r✛✧✣✳

3. Menyajikan informasi yang berkenaan dengan kepengurusan.

Beberapa komponen sistem informasi dapat diklasifikasikan sebagai :

Perangkat keras (hardware) dan perangkat lunak (software) yang

berfungsi sebagai mesin.

Manusia (people) dan prosedur (procedures) yang merupakan manusia dan tata cara menggunakan mesin.

Data merupakan jembatan penghubung antara manusia dan mesin agar

terjadi suatu proses pengolahan data.

Pemesanan (Request Order)

(26)

Sistem Informasi Request Order Barang Berbasis Web Barang PT. Mahameru. Mulai dari perancangan maupun penerapan penggunaan sesuai kebutuhan nya. Dreamweaver dalam pembangunan ini membuat html, php, lib files yang dapat di sinkronisisasikan satu sama lain.

2. 2. 2. 2. Xampp

Xampp digunakan untuk membuat database website yang sedang di bangun ini. Xampp bisa juga untuk menangani database secara manual sebagai admin dan pengelolaan database.

2. 2. 2. 3. Adobe Photoshop

Adobe Photoshop digunakan untuk menyelaraskan bentuk, warna ataupun tampilan pada website yg datanya diambil dari file berbentuk jpg, png, gif atau lainnya.

2. 2. 2. 4. Konektor

(27)

2. 2. 3. Request Order Barang

■❏quest ❑rder Barang ▲ ▼◆ ❖P◗P ❘r w▼❙ ❚ ❯▼t yP ❘❱❙ ▼r❲◆ ❘❱❚ ❯◆ ❘❳◆◗▲▼❘❱◆❙P ❨ ❚ ❯st▼▲ ❖▼❘ ❱❯❚ ❯P ❘ Request Order Form yP ❘❱ s▼❙ ▼❩◆▲❘Py ▲P❚ ❯❨ ❬P❩P▲ ❖r❭❚▼s ▲P ❘◆ P❩ ▲▼❘❪P❬❯❖r❭❚ ▼s ◗❭▲❖◆ ❳▼❯❚P❚ ❯r yP ❘❱❬❯▲P ❘P❚ ▼❙▼❩◆▲❘Py❖❫❭❚ ▼❚❘Py❴◆ ◗◆❖ ▲ ▼❘❯yPt ❙P ❘P◗y wP◗❳,u ❚▼❨❯❘❱ ❱P ❬ P ❖Pt ❬❯❖▼r▲◆ ❬P ❨ ❬▼❘❱P ❘ P❬ P ❘Py Request

Order Barangt▼r❚▼❙◆❳ .

2. 2. 3. 1. Fitur

❵▼❯◗ ◆r t P❬ P❩P ❨❙▼❙ ▼P ❖Pr ❲❯tur ❬ Pr❯ Request Oder Barang❛ ❜❝ ❞▼▲ ❙◆ Pt ❡❢◆❚ ▼r ❭❩▼❨P❬▲❯❘

❣❝ ❞▼▲ ❙◆ PtRequest Order Form 3. MembuatSerah Terima Order Form

4. Menyimpan histori data Laporan Rekap Bulanan Pengeluaran dalam bentuk Penukaran dan Permintaan Suatu Barang yang di cantumkan dalamRequest Order Form

5. Menyimpan data historiUsermasing - masing

6. Dapat mengganti pejabat yang bersangkutan dalamRequest Order Form

(28)

❤✐ ❤❥

❦❧ ♠♥♦ ♣ qr✐st✐s ♠✐✉✐s

❥✈ ✇ ✈ ❦①② ③④⑤⑥⑦ ⑧⑨

⑩❶❷❸ ❹❺ ❹❷❻ ❹❼❽❶ ❼❶ ❾❿➀❿❹❼❸ ❹❼❽❶ ❼➁➂ ➃❿❹❼➄ ❹❼ ➁❻❹➅ ❿❾❹❻➂ ❻ ❹❼❸❶ ❼ ➁❹❼ ❹❸ ❹❼➄ ❹➆ ➇➈➉➊ ➋➌ ➍ ➎➏➐ ➑➌➒ ➉ ➈➓ ➋➔→ ➋➉➊ ➣ ➑↔ ➋➑↕➒➑➒ ➎➙ ➛➍ ➜➝ ➞➟➒ ➠➒ ➌ ➋➑→ ➛➋➎➙➒➎↕ ➋➑➡➒ ➉ ➈➉➢ ➋➡ ➤➥ ❸ ❹❽ ❹➀ ❸ ❿❺ ❿➅❽➂ ❾❻ ❹❼➦❹➧ ➨❹➩

➫➭ ➆➇➈➉➊➋➌ ➍ ➎➏➐➑➌➒ ➉ ➈ ➓ ➋➔→ ➋➉➊ ➣➑↔ ➋➑ ↕➒➑➒➎➙ ➛➍ ➜➝➞ ➟➒ ➠➒ ➌ ➋➑→ ➛➋➎➙➒ ➎ ↕➋➑➡➒➉➈➉➢ ➋➡ ➤❿❼❿❸❹❽❹➀ ➅❶ ➅➦➂ ❹➀❷❶➯➂ ❶ ❺ ➀➲❷❸ ❶ ❷➳ ➲❷➅❸ ❹❼❺❶ ❷❹➧ ➀❶ ❷❿➅ ❹➲❷❸❶ ❷ ➳➲❷ ➅➄ ❹ ❼➁❸ ❿ ❽❶ ❷➂❼➀➂❻❹❼➂❼➀➂❻❸❶ ❽ ❹❷➀❶ ➅❶ ❼➵❸ ❶ ❽❹❷ ➀❶ ➅❶ ❼❸ ❿➸➺➅ ❹➧❹➅❶ ❷➂➭ ➻➭ ➆➇➈➉➊ ➋➌ ➍ ➎➏➐ ➑ ➌➒➉➈ ➓ ➋➔→ ➋➉➊ ➣➑↔ ➋➑ ↕➒ ➑➒➎➙ ➛➍ ➜➝➞ ➟ ➒➠➒➌ ➋➑→ ➛➋ ➎➙➒➎

↕➋➑➡➒➉➈➉➢ ➋➡ ➤ ❿❼❿➃➂➁❹❸❹❽❹➀ ➅❶ ❼➄ ❿➅❽ ❹❼❸❹➀❹❸➲❻➂ ➅❶ ❼ ➼❶ ❷❹➧ ➀❶ ❷❿➅ ❹ ➲❷❸❶ ❷ ➳➲❷ ➅❸❹❼❷❶➯➂ ❶ ❺ ➀➲❷❸❶ ❷➳➲❷➅➭

➽➭ ➆➇➈➉➊ ➋➌ ➍ ➎➏➐ ➑ ➌➒➉➈ ➓ ➋➔→ ➋➉➊ ➣➑↔ ➋➑ ↕➒ ➑➒➎➙ ➛➍ ➜➝➞ ➟ ➒➠➒➌ ➋➑→ ➛➋ ➎➙➒➎ ↕➋➑➡➒➉➈➉ ➢ ➋➡ ➤ ❿❼❿ ❸❹❽❹➀ ➅❶ ➅➦❹❼➀➂ ❽❶ ➁ ❹➨❹❿➾❽❶ ➁ ❹➨❹❿ ➄ ❹❼ ➁ ❹❸❹ ❸ ❿ ❺❶ ➀❿❹❽ ❸❶ ❽ ❹❷➀❶ ➅❶ ❼ ❺❶➚ ❹❷❹ ❾❹❼➁ ❺➂ ❼ ➁➂❼➀➂❻ ➅❶ ➅❶ ❺ ❹❼ ❹➀❹➂ ➅❶ ❼➂❻❹❷ ❻❹❼ ➦❹❷ ❹❼➁ ➂❼➀➂❻ ❽❶ ❻❶ ❷➃❹❹❼➅❶ ❷❶ ❻❹❺❶➚ ❹❷ ❹❾❹❼ ➁❺➂ ❼ ➁❾❶➨❹➀➨❶➦❺ ❿➀❶ ➭

(29)

➶ ➹➘ ➹ ➴➷ ➬➷ ➮

➱✃❐❒ ❮❰ ❮❐Ï ❮Ð Ï✃ ❰ÑÒ ÓÔ Õ❮Ð Ö ❮Ð× ❒ Ñ❒ ❮Ó ❮ØÙ Ò ❮Ï ❮ ❰❮❐ ❮ÐÚ ❰❮❐ ❮Ð Ö ❮ Ð× ❒❮Ó❮Ø ❒ ÑØ✃ÒÔÏ❮Ð ❮×❮❐ Ò ✃ ÐÛ❮❒ Ñ Ü ❮Ý ❮ÐÒ❮❰Ô Ï ❮Ð ❒❮Ð Ó✃ ❐ØÑÒÜ❮Ð× ❮Ð Ø✃ ❐Ý ❮❒ ❮Ó Þßàá âãä å æçè éä êá à ëãìíãá â î éïã éðê éêæñò åóô õöê ÷ê äã éíòã æñêæðã éøêá àáùãø ú❮❒❮Õ❮Ý❰✃Ü ❮ ×❮ÑÜ ✃ ❐Ñ ÏÔØ û

üý þ✃ ❐Ü❮Ñ Ï❮Ð❰Ñ ❰Ø✃ÒÑ Ðÿ ❐Ò ❮❰ÑÖ ❮Ð ×Õ✃ÜÑ ÝØ✃ ❐ ❰Ø ❐Ô ÏØÔ ❐ý ✁ý þ✃ ❐Ü❮Ñ Ï❮Ð❒ ❮Õ❮Ò Ó✃ ÐÖÑÒ Ó ❮Ð❮Ð❐✃ Ï ❮ÓÑØÔ Õ❮❰Ñ❒❮Ø ❮ý