Membangun Sistem Informasi website di Waroeng Cobek Aneka (W.CO)

MEMBANGUN WEBSITE DI WAROENG COBEK ANEKA

( W.CO )

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Matakuliah Kerja Praktek

Program Strata Satu Program Studi Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

Rizki Primandar Admizan 10109625

Wendra Setiawan 10109600

Riky Adam Pratama Juhendi 10109632

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

2013

1

LAMPIRAN F

DAFTAR RIWAYAT HIDUP

Nama : Wendra Setiawan

Tempat,tanggal lahir : Lubuklinggau, 11 Januari 1991 Jenis kelamin : Laki-laki

Alamat : Jl. Cikutra Barat G.Cikondang no 3 Bandung 40562

No.telepon : +6281996280800

Email : weNra_forever@yahoo.co.id

PendidikanFormal

2009- : Universitas Komputer ndonesia, Bandung.

Fakultas Teknik & IlmuKomputer, Jurusan Teknik Informatika 2006-2009 : SMK Negeri 3 Lubuklinggau

2003-2006 : SLTP Negeri1Lubuklinggau 1997-2003 : SDN 11 Lubuklinggau

Pendidikan Informal

2012 :Kerja Praktek di Waroeng Cobek Aneka bagian Website Admin.

2008 : Kerja Praktek di PT. Tranfortasi Gas Indonesia Bagian Server Admin.

2 Kemampuan Teknis :

 Sistem Operasi

Microsoft Windows98/ME/2000/XP/Vista/Seven, Mikrotik RouterOS & Ubuntu Database

MySQL, Oracel  Software

MS Office,MS Visio, Adobe Dreamweaver,Adobe Photoshop, Netbean.  Hardware

3

Nama : Rizki Primandar Admizan Tempat, tanggal lahir : Pontianak, 09 Mei 1992 Jenis kelamin : Laki-laki

Alamat : Jl. Cikutra Barat G.Cikondang no 3 Bandung 40562 No.telepon : +6285295069036

Email : kibasist@gmail.com

Pendidikan Formal

2009-sekarang : Universitas Komputer Indonesia Bandung.

Fakultas Teknik & Ilmu Komputer, Jurusan Teknik Informatika 2006-2009 : SMKN 7 Samarinda

2003-2006 : SMPN 35 Samarinda 1997-2003 : SD BAWARI Pontianak

Pendidikan Informal

2012 : Kerja Praktek di Waroeng Cobek Aneka bagian Website Admin.

2008 : Kerja Praktek Di Telkom Samarinda bagian Lapangan dan SMAN 8 Samarinda bagian Instalasi Jaringan.

4 Kemampuan Teknis :

 Sistem Operasi

Microsoft Windows 98 / ME / 2000 / XP / Vista / Seven / eight, Ubuntu  Software

MS Office, MS Visio, Macromedia Dreamweaver, Adobe Photoshop, netbean 7.2

 Database Mysql, Oracle  Bahasa Pmrograman

Php, Java, Delpi, c++  Hardware

5

Nama : Riky Adam Pratama

Tempat,tanggallahir : Bandung, 2 September 1991 Jeniskelamin : Laki-laki

Alamat : Jl. Raweuy desa sukasirna RT 01/01 Kec. Jonggol Kab. Bogor

No.telepon : +628999545569 Email : riikyadam@gmail.com

PendidikanFormal

2009- 2013 : Universitas Komputer Indonesia Bandung.

Fakultas Teknik & Ilmu Komputer, Jurusan Teknik Informatika 2006-2009 : SMAN 1 JONGGOL

2003-2006 : SMP N 1 JONGGOL 1997-2003 : SD N 2 JONGGOL

PendidikanInformal

2012 : Kerja Praktek di Waroeng Cobek Aneka bagian Website Admin.

KemampuanTeknis :

 Sistem Operasi

Microsoft Windows 98 / ME / 2000 / XP / Vista / Seven / Eight, Ubuntu  Software

MS Office, MS Visio, Macromedia Dreamweaver, Adobe Photoshop, netbean 7.2  Database

Mysql, Oracle  Hardware

ii

DAFTAR ISI

Kata Pengantar ...i

Daftar Isi ...ii

Daftar Tabel ...v

Daftar Gambar ...vi

Daftar Simbol ...viii

Daftar Lampiran ...ix

BAB I PENDAHULUAN ...1

1.1. Latar Belakang ...1

1.2. Identifikasi Masalah ...2

1.3. Batasan Masalah ...2

1.4. Maksud dan Tujuan...3

1.5. Metodologi Penelitian ...3

1.5.1. Waktu dan tempat Penelitian ...4

1.5.2. Teknik dan Pengumpulan Data Penelitian ...4

1.6. Sistematika Penulisan ...5

BAB II TINJAUAN PUSTAKA ...6

2.1. Profil Waroeng Cobek Aneka ( W.Co ) ...6

2.1.1 Struktur Organisasi Perusahaan ...7

2.2. Pengertian Sistem...8

2.2.1. Elemen Sistem ...9

2.2.2. Karakteristik Sistem ...10

2.2.3. Klasifikasi Sistem ...13

2.3. Pengertian Informasi ...14

2.3.1. Pengertian Sistem Informasi ...15

2.4. Pengertian HTML ...16

2.5. Pengertian PHP ...17

2.6. Metode Analysis. ...18

2.6.1. Waterfall Model ...18

2.7. UML ...19

2.7.1. USE CASE ...20

2.7.2. Activity Diagram ...20

2.7.3. Sequence Diagram ...21

iii

2.8. Basis Data ...23

2.9. Sistem Operasi ...24

2.9.1. Windows 7 ...25

2.10. Perangkat Lunak ( Software ) ...25

2.10.1. Macromedia Dreamweaver ...26

2.11. Perangkat Keras ( Hardware ) ...26

2.11.1. Processor ...27

2.11.2. RAM ( Random Access Memory ) ...27

2.11.3. Hard Disk ...28

2.11.4. Monitor ...28

2.11.5. Keyboard ...28

2.11.6. Mouse ...28

2.12. Internet ...29

BAB III ANALISIS dan PERANCANGAN ...31

3.1. Analisis Sistem...31

3.1.1. Analisis Masalah ...31

3.1.2. Analisis Prosedur Yang Sedang Berjalan ...32

3.1.3. Analisis Basis Data ...33

3.1.3.1. Tabel ERD ...33

3.1.4. Analisis Kebutuhan Non Fungsional ...33

3.1.4.1. Analisis Perangkat keras ...34

3.1.4.2. Analisis Perangkat Lunak ...34

3.1.4.3. Analisis Pengguna ...35

3.1.5. Analisis Kebutuhan Fungsional...36

3.1.5.1. USE CASE ...36

3.1.5.2 Activity Diagram ...37

3.1.6. Sequence Diagram ...39

3.1.7. Class Diagram ...40

3.1.8. Perancangan Arsitektur Menu ...41

3.1.8.1. Perancangan Antarmuka ...41

3.1.8.1.1. Gambaran Antarmuka ...42

BAB IV IMPLEMENTASI dan PENGUJIAN SISTEM ...49

4.1. Implementasi ...49

iv

4.1.2. Implementasi Perangkat Lunak ...50

4.1.3. Implementasi Basis Data ...50

4.1.4. Implementasi Antarmuka ...53

4.2. Pengujian Sistem ...59

4.2.1 Rencana Pengujian ...59

4.2.2 Pengujian Alpha ...59

4.2.2.1. Skenario Pengujian Alpha...60

4.2.2.2. Pengujian Login ...60

4.2.2.3. Pengujian Alur Normal ...62

4.2.3 Hasil Pengujian Alpha ...64

4.2.4 Pengujian Betha ...64

4.2.4.1. Wawancara Pengguna ...64

4.2.5 hasil Pengujian Betha ...68

BAB V KESIMPULAN dan SARAN ...69

5.1. Kesimpulan ...69

KATA PENGANTAR

Puji Syukur penyusun panjatkan kehadirat Allah SWT, karena dengan rahmat dan hidayah-Nya laporan ini dapat tersusun hingga selesai.

Laporan ini merupakan hasil diskusi kelompok kami yang dibuat untuk memenuhi Kerja Praktek kami di Waroeng Cobek Aneka ( W.Co ).

Dalam melakukan laporan ini, penulis telah melibatkan bantuan dari berbagai pihak, oleh karena itu tidak lupa ucapan terimakasih penyusun sampaikan kepada:

1. Ir. Eddy Soeryanto Soegoto, M.Sc., selaku Rektor Universitas Komputer Indonesia. 2. Prof. Dr. Ir. Ukun Sastraprawira , M.SC., selaku Dekan Fakultas Teknik dan Ilmu

Komputer Universitas Komputer Indonesia.

3. Bapak Irawan Afrianto, S.T., M.T. selaku Ketua Jurusan Teknik Informatika Universitas Komputer Indonesia.

4. Utami Dewi Widianti, S.Kom selaku Dosen Wali sekaligus Dosen Pembimbing.

5. Dimas Akhsin Azhar, S.pd M.Ikom. selaku Pemilik W.Co cabang Dipati ukur sekaligus pembimbing Kerja Praktek kami di W.Co.

6. Kepada semua pihak yang telah berkenan memberikan bantuan dan dorongan serta kerja sama yang baik, sehingga laporan ini dapat diselesaikan.

Mungkin laporan ini jauh dari kesempurnaan, namun kami berharap mudah-mudahan laporan ini dapat membantu dalam mengerjakan kerja praktek kami.

Bandung, Januari 2013

Page | 70

DAFTAR PUSTAKA

[1] Sarjanaku, ( 15 Januari 2013 ), Pengertian Informasi,http://www.sarjanaku.com/2012/11/ pengertian-informasi-menurut-para-ahli.html

[2] Gobalbabali, ( 15 januari 2013 ), Pengertian HTML, http://gobalbabali.wordpress.com/ tugas-sekolah/pengertian-html-http-url-ftp-domain-hosting-dan- www/

[3] e-komputer, ( 15 Januari 2013 ), Pengertian PHP, http://e-komputer.blogspot.com/2012/ 10/pengertian-php-mysql.html

[4] budihermawan, ( 16 Januari 2013 ), Waterfall model, http://www.budihermawan.net/ ?tag=waterfall-model

[5] fadhlyashary, ( 16 Januari 2013 ), Pengertian UML, http://fadhlyashary.blogspot.com/ 2012/06/pengertian-uml-unified-modeling.html

[6] mrofiuddin, ( 16 Januari 2013 ), Pengertian Class Diagram, http://mrofiuddin.blogspot .com/ 2011/11/pengertian-class-diagram.html

[7] Edukasi Kompasiana, ( 17 Januari 2013 ), Basis data, http://edukasi.kompasiana.com/ 2011/03/18/basis-data

[8] Belajar Komputermu, ( 17 januari 2013 ), Pengertian Sistem operasi, http://belajar-komputer-mu.com/pengertian-sistem-operasi-komputer-operating-system

[9] Belajar komputermu, ( 17 januari 2013 ), Pengertian Perangkat Lunak, http://belajar-komputer-mu.com/pengertian-software-perangkat-lunak-komputer

[10] Dunia Script, ( 17 Januari 2013 ), Pengertian Macromedia, http://blog.duniascript.com/ sekilas-tentang-macromedia-dreamweaver.html

[11] Wikipedia, ( 18 Januari 2013 ), Pengertian Perangkat keras , http://id.wikipedia.org/ wiki/Perangkat_keras

Page | 1

BAB I

PENDAHULUAN

1.1.

Latar Belakang

Perkembangan ilmu pengetahuan dan teknologi dewasa ini, menjadikan informasi memiliki peranan yang sangat penting dalam usaha menciptakan kemajuan di semua bidang kehidupan manusia. Dengan adanya teknologi informasi telah banyak dirasakan kemudahan dalam mendapatkan informasi yang cepat, tepat dan akurat. Pengusaha dalam bidang restoran saat ini sangat menjamur di Indonesia. Karena banyaknya peluang dalam bidang ini lah yang menimbulkan banyaknya persaingan yang terjadi di dalamnya.

Waroeng Cobek Aneka adalah salah satu usaha dalam bidang restoran yang saat ini berkembang. W.Co pertama kali dibangun berpusat di Jl. Cisitu No. 54 dan mempunyai cabang di Jl. Cisitu No. 63 dan Jl. Dipati Ukur No. 116 2nd Floor . W.Co sendiri menjual berbagai produk makanan dimana prioritas target mereka yaitu Mahasiswa dan anak kost. Karena W.Co ini masih terbilang baru jadi butuh banyak pemikiran - pemikiran baru dalam hal menarik pelanggan.

Salah satu teknik atau cara yang bisa dibilang lebih mudah untuk menyampaikan informasi tentang W.Co menyangkut sejarah, produk makanan yang dijual, dan kualitas makanan di W.Co dan tentunya bertujuan untuk menarik minat konsumen. Kami memiliki solusi dari permasalahan tersebut yang kami sarankan adalah " Membangun Sistem Informasi WEBSITE di Waroeng Cobek Aneka ( W.Co ) " . Berikut identifikasi masalah dari hasil analisis kami di Waroeng Cobek Aneka ( W.Co ).

Page | 2

1.2.

Identifikasi Masalah

Masalah - masalah yang dihadapi oleh restoran dari hasil observasi kami selama ini yaitu :

1. Sulitnya mempromosikan menu - menu baru kepada pengunjung / konsumen. 2. Sulitnya meyakinkan pelanggan tentang kualitas makanan yang disajikan oleh

Waroeng Cobek Aneka ( W.Co )

3. Sulitnya mengundang selera pelanggan terhadap makanan - makanan yang disajikan oleh Waroeng Cobek Aneka ( W.Co )

1.3.

Batasan Masalah

1. Website ini hanya menampilkan produk - produk yang disajikan di Waroeng Cobek Aneka ( W.Co ).

2. Hanya Pemilik dan Administrator yang dapat login ke dalam website.

3. Website ini hanya bersifat menampilkan / review informasi restoran, menu - menu makanan beserta harganya.

4. Konsumen / pengunjung hanya dapat melihat informasi dan menu - menu makanan yang disajikan oleh Waroeng Cobek Aneka ( W. Co )

5. Website ini hanya bersifat promotion yang menampilkan informasi tentang W.Co. 6. Penaggung jawab tidak berhak mengatur website W.Co

7. Kasir hanya bertugas menerima dan menghitung jumlah pendapat W.Co 8. Pembuatan website hanya menggunakan bahasa PHP sebagai dasarnya 9. Tidak ada fasilitas Reservasi dan Pemesanan Online di website ini.

Page | 3

1.4.

Maksud dan Tujuan

Pada pembuatan sistem informasi restoran berbasis web ini developer mempunyai tujuan sebagai berikut.

1. Membuat Sistem Informasi Berbasis Web untuk memudahkan promosi menu - menu baru kepada konsumen / pengunjung.

2. Menampilkan informasi tentang W.Co dan kualitas makanan yang disajikan melalui website tersebut.

3. Dengan konsep web yang interaktif, pelanggan dapat disajikan gambar-gambar menu makanan yang tersedia lengkap beserta harganya, sehingga dapat menarik selera pelanggan dan harganya pas untuk semua kalangan.

1.5.

Metodologi Penelitian

Metodologi penelitian adalah tahapan – tahapan yang dilalui oleh peneliti dari perumusan masalah sampai kesimpulan, yang membentuk sebuah alur yang sistematis. Dalam menentukan perumusan masalah ini, metode yang kami gunakan

yaitu “ Metode Waterfall Model “.

Gambar 1.1 Metodologi Penelitian

Design

Coding

Testing Analysis

Acceptance Kebutuhan

Page | 4 1. Kebutuhan : Menentukan apa saja yang di butuhkan oleh restoran dalam

mengembangkan restoran.

2. Analysis : Menganalisis data dan informasi kebutuhan yang dibutuhkan restoran.

3. Design : Mengatur aplikasi yang dibuat sehingga dapat mempermudah dalam pembuatan aplikasi website ini.

4. Coding : Membuat aplikasi yang dibutuhkan restoran berdasarkan data dan informasi yang diperoleh dari perusahaan. 5. Testing : Mencoba atau mengimplementasikan aplikasi yang telah

dibuat untuk restoran.

6. Acceptance : Tahap persetujuan apakah restoran suka atau tidak dengan aplikasi yang telah dibuat.

1.3.1.

Waktu dan Tempat Penelitian

Analisis dilakukan pada bulan November - Desember 2012 setiap jam kerja pada hari senin –jum‟at pukul 08.00 – 15.00 di Waroeng Cobek Aneka ( W.Co ) Jl. Dipati Ukur No. 116 2nd Floor Bandung.

1.3.2.

Teknik Pengumpulan Data Penelitian

Teknik Pengumpulan data yang digunakan adalah teknik interview ( wawancara ) yang terdiri dari beberapa pertanyaan kepada pemilik restoran tentang informasi restoran, menu - menu makanan yang disajikan direstoran, dan apa yang menjadi permasalahan yang ada di restoran.

Page | 5

1.6.

Sistematika Penulisan

BAB 1 PENDAHULUAN

Dalam bab ini \ akan dibahas mengenai latar belakang, identifikasi masalah, maksud dan tujuan, metodologi penelitian terhadap Waroeng Cobek Aneka ( W.Co ). Pada akhir bab ini diberikan garis besar inti dalam sistematika pembahasan.

BAB 2 TINJAUAN PUSTAKA

Dalam bab ini akan dijelaskan landasan teori yang akan mendukung analisis ini dari metode – metode yang menjadi dasar bagi analisa permasalahan yang ada dan pemecahan tersebut. Tinjauan pustaka ini didapat dari studi pustaka mengenai hal – hal yang berhubungan dengan analisa.

BAB 3 ANALISIS DAN PERANCANGAN

Dalam bab ini menjelaskan analisis dari permasalahan dan rancangan aplikasi yang dibuat dengan metode Skema Relasi, Tabel Alir, Use Case untuk menganalisa kebutuhan dan masalah pada aplikasi.

BAB 4 IMPLEMENTASI APLIKASI

Bab ini berisi implementasi program dalam menganalisa masalah pada restoran dengan sistem online berbasis website yang diatur oleh seorang administrator restoran.

BAB 5 KESIMPULAN DAN SARAN

Bab ini merupakan bab penutup dimana akan dijelaskan kesimpulan yang merupakan rumusan dari analisa dan pembahasan bab – bab sebelumnya, dan dari kesimpulan tersebut akan dihasilkan saran – saran yang dapat dipergunakan oleh pihak restoran sebagai salah satu alternatif pemecahan masalah yang akan dihadapin Waroeng Cobek Aneka ( W.Co ).

Page | 6

BAB II

TINJAUAN PUSTAKA

2.1

Profil Waroeng Cobek Aneka ( W.Co )

Waroeng Cobek Aneka ( W.Co )ini didirikan atas dasar pemikiran pemiliknya yaitu Dimas Akhsin Azhar yang melihat banyaknya peluang jika ia mendirikan Waroeng Cobek Aneka ( W.Co ) ini. Karena letak yang strategis berdekatan dengan kampus dan banyak juga yang mengusulkan agar mendirikan Waroeng Cobek Aneka ( W.Co ) ini. merupakan tempat makan yang sangat nyaman dan murah untuk tempat tongkrongan anak -anak muda dan mahasiswa.

W.Co (waroeng cobek aneka) menyediakan masakan khas Indonesia yang terlebih dahulu kami modifikasi sendiri. Hal ini untuk menciptakan cita rasa makanan khas menu makanan W.Co tanpa menghilangkan rasa orisinalitas makanan khas Indonesia. Kepuasan pelanggan adalah komitmen kami, pelayanan yang cepat (lebih

cepat dari restoran cepat saji). Harga yang murah dengan cita rasa yang “enak" adalah

ciri menu makanan waroeng kami ( W.Co ).

W.Co pertama kali dibangun berpusat di Jl. Cisitu No. 54 dan mempunyai cabang di Jl. Cisitu No. 63 dan Jl. Dipati Ukur No. 116 2nd Floor . W.Co menawarkan berbagai menu dengan cita rasa yang “enak”, seperti :

1. Ayam goreng Cobek

2. Ayam Pop Goreng Balut Telur 3. Ayam Rica-Rica Pedas

4. Ayam Bumbu Cola 5. Sop Buntut

6. Sop Daging

7. Sop Ayam

8. Soto Daging Jakarta 9. Soto Ayam Jakarta 10.Gulai Daging Sapi 11. Rawon Daging Sapi 12. Iga Bakar Hot Plate.

Page | 7

2.1.1.

Struktur Organisasi Perusahaan

Gambar 2.1 Struktur Organisasi W.Co

Adapun uraian dan tugas dari tiap bagian dalam struktur organisasi di atas adalah sebagai berikut :

1. Pemilik W.Co

Adalah pimpinan W.Co yang juga sebagai penyandang dana atau modal. Tugas pokok dari seorang pemilik W.Co adalah mengontrol kinerja dan mengevaluasi hasil kerja karyawan, serta mengevaluasi kemajuan W.Co berdasarkan dari laporan-laporan yang diterimanya dalam kurun waktu tertentu.

2. Pelayan

Pelayan bertanggung jawab melayani pelanggan, menunjukkan meja bagi para pelanggan yang telah memesan tempat maupun pelanggan yang datang tanpa memesan tempat. Pelayan juga bertanggung jawab memberikan daftar menu makanan, mencatat pesanan pelanggan, mengantarkan pesanan pelanggan, menangani pembayaran pelanggan (mengantarkan tagihan dan pembayarannya) jika pelanggan tidak membayar langsung ke kasir, membersihkan meja dan membawa piring-piring

PEMILIK

KOKI

PELAYAN

KASIR

PENANGGUNG JAWAB

Page | 8 kotor ke tempat yang telah disediakan, serta memberikan penjelasan tentang menu makanan yang ada di W.Co bila diminta.

3. Koki

Koki bertanggung jawab memasak pesanan pelanggan. Bahan dan perlengkapan yang dibutuhkan, disiapkan oleh asisten koki. Koki bertanggung jawab menciptakan menu masakan dan minuman baru tiap periodik tertentu, hal ini harus dikonsultasikan dengan pemilik W.Co terlebih dahulu.

4. Kasir

Kasir bertanggung jawab menangani bagian transaksi/pembayaran terhadap pesanan yang dilakukan oleh pelanggan.

2.2

Pengertian Sistem

Sistem adalah himpunan dari unsur-unsur yang saling berkaitan sehingga

membentuk suatu kesatuan yang utuh dan terpadu“. Berdasarkan definisi-definisi tersebut, sistem dapat diartikan sebagai seperangkat elemen yang digabungkan satu dengan lainnya untuk suatu tujuan bersama. Kumpulan elemen terdiri dari manusia, mesin, prosedur, dokumen, data atau elemen lain yang terorganisir dari elemen-elemen tersebut. Elemen sistem disamping berhubungan satu sama lain, juga berhubungan dengan lingkungannya untuk mencapai tujuan yang telah ditentukan sebelumnya. Sebuah sistem terdiri dari bagian-bagian yang saling berkaitan yang beroperasi bersama untuk mencapai beberapa sasaran atau maksud. [ 1 ]

Page | 9

2.2.1 Elemen Sistem

Sistem informasi mempunyai enam buah komponen atau disebut juga dengan blok bangunan (building block), yaitu :

1. Komponen input atau komponen masukan

2. Komponen model

3. Komponen output atau komponen keluaran

4. Komponen teknologi

5. Komponen basis data

6. Komponen kontrol atau komponen pengendalian.

Keenam komponen ini harus ada bersama-sama dan membentuk satu kesatuan. Jika satu atau lebih komponen tersebut tidak ada, maka sistem informasi tidak akan dapat melakukan fungsinya, yaitu pengolahan data dan tidak dapat mencapai tujuannya, yaitu menghasilkan informasi yang relevan, tepat waktu dan akurat. Komponen-komponen dari sistem informasi ini dapat digambarkan sebagai berikut ini : [ 1 ]

A. Blok Masukan (Input Block)

Input merupakan data yang masuk ke dalam sistem informasi.

B. Blok Model (Model Block)

Kombinasi prosedur, logika, dan model matemetik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang diingiinkan.

Page | 10

C. Blok Keluaran (Output Block)

Keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem

D. Blok Teknologi (Technology Block)

Teknologi merupakan kotak alat (tool box) dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara menyeluruh

E. Blok Basis Data (Database Block)

Merupakan kumpulan dari data yang saling berhubungan satu sama lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya

F. Blok Kendali (Control block)

Beberapa pengendalian yang dirancang secara khusus untuk menanggulangi gangguan-gangguan terhadap sistem.

2.2.2.

Karakteristik Sistem

Menurut Jogiyanto (2005: 5) suatu sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu :

Komponen-komponen (Components)

Suatu sistem terdiri dari kumpulan komponen atau subsistem yang saling berinteraksi atau bekerja sama satu sama lain untuk membentuk satu

Page | 11 kesatuan. Setiap komponen atau subsistem tersebut memiliki sifat-sifat dan fungsi tertentu yang mempengaruhi proses sistem secara keseluruhan. [ 1 ]

1) Batas Sistem (Boundary)

Batas sistem yaitu daerah yang membatasi antara suatu sistem dengan lingkungan luarnya atau dengan sistem yang lainnya. Batas suatu sistem merupakan ruang lingkup (scope) dari sistem tersebut. Dan batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan.

2) Lingkungan Luar Sistem (environments)

Environments dari suatu sistem adalah apapun yang berada diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. Lingkungan luar yang menguntungkan merupakan energi dari sistem yang harus dijaga dan dipelihara. Sedangkan lingkungan luar sistem yang bersifat merugikan harus ditahan dan dikendalikan, kalau tidak maka akan mengganggu kelangsungan hidup dari sistem.

3) Penghubung Sistem (Interface)

Merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. Keluaran (output) dari satu subsistem akan menjadi masukan (input) untuk subsistem yang lain dengan melalui penghubung. Dengan penghubung satu subsistem dapat berintegrasi dengan subsistem yang lainnya membentuk satu kesatuan.

Page | 12

4) Masukan (Input)

Merupakan energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran. Sebagai contoh di dalam istem komputer, program adalah maintaenance input yang digunakan untuk mengoperasikan komputer dan data adalah signal input untuk diolah menjadi informasi.

5) . Keluaran (Output)

Keluaran merupakan hasil dari energi yang diolah. Keluaran ini dapat berupa keluaran yang berguna atau keluaran yang tidak berguna. Sebagai contoh panas yang dikeluarkan dari sistem komputer merupakan keluaran yang tidak berguna dan merupakan sisa pembuangan. sedangkan informasi adalah keluaran yang berguna dan dibutuhkan.

6) Pengolah (process)

Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.

7) Sasaran Sistem (Objectives)

Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.

Page | 13

2.2.3. Klasifikasi Sistem

Menurut Jogiyanto, H.M (2005: 10) sistem dapat diklasifikasikan dari beberapa sudut pandang diantaranya adalah sebagai berikut: [ 1 ]

A. Sistem abstrak (abstrak system) dan sistem fisik (phisical system)

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologi. Adapun sistem fisik merupakan sistem yang ada secara fisik, misalnya sistem komputer.

B. Sistem alamiah (natural system) dan sistem buatan manusia (Human

Made System).

Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia. Misalnya sistem perputaran bumi. Adapun sistem buatan manusia adalah sistem yang dirancang oleh manusia. Misalnya, sistem buatan manusia yang melibatkan interaksi antara manusia dengan mesin yang disebut human machine system.

C. Sistem tertentu (Deterministik System) dan sistem tak tertentu

(Probabilistik System).

Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi. Interaksi diantara bagian-bagiannya dapat dideteksi dengan pasti, sehingga keluaran dari sistem dapat diramalkan. Misalnya sistem komputer. Adapun sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat di prediksi karena mengandung unsur probabilitas.

Page | 14

D. Sistem tertutup (Closed System) dan sistem terbuka (Open System)

Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya turut campur dari pihak luarnya. Secara teoritis sistem tertutup ini ada, tetapi kenyataannnya tidak ada sistem yang sifatnya tertutup, yang ada hanyalah relatively closed system (secara relatif tertutup, tidak benar-benar tertutup). Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk lingkungan luar atau subsistem yang lainnya. Karena sistemnya terbuka dan terpengaruh lingkungan luarnya, maka suatu sistem harus mempunyai suatu sistem pengendalian yang baik.

2.3

Pengertian Informasi

Menurut Jogiyanto, HM (2005: 21), informasi adalah ”data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”. Menurut Abdul Kadir (2003: 12), informasi adalah ”data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan

keputusan saat ini atau saat mendatang”.

Dari pengertian di atas disimpulkan bahwa informasi adalah hasil dari data yang telah diolah yang berarti bagi penerima atau pengguna dan berguna dalam mengambil keputusan saat ini atau keputusan masa yang akan datang.

Adapun informasi yang dihasilkan dari proses pengolahan data tersebut pada kenyataannya memiliki kualitas yang berbeda. Menurut Jogiyanto, HM (2005: 32),

Page | 15 kualitas informasi tergantung dari tiga hal yaitu informasi harus akurat (accurate), tepat waktu (timeliness) dan relevan (relevance). [ 1 ]

 Akurat

Berarti informasi harus bebas dari kekurangan atau kesalahan-kesalahan. Akurat juga berarti informasi harus jelas mencerminkan keadaan yang sebenarnya.

 Tepat waktu

Berarti informasi harus selalu ada pada saat dibutuhkan pengguna dan tidak datang terlambat. Karena informasi merupakan landasan di dalam pengambilan keputusan. Jadi bila terlambat, informasi tersebut tidak mempunyai nilai lagi dan dapat berakibat fatal bagi organisasi

 Relevan

Informasi untuk tiap orang satu dengan yang lainnya berbeda. Maka informasi yang relevan adalah informasi yang berguna dan sesuai dengan kebutuhan setiap pemakainya

2.3.1. Pengertian Sistem Informasi

Berdasarkan kesimpulan mengenai pengertian sistem dan informasi pada subbab sebelumnya, sistem informasi dapat didefinisikan sebagai kumpulan elemen-elemen yang saling berinteraksi satu sama lain untuk mencapai tujuan tertentu yaitu mengolah data menjadi bentuk yang lebih berarti dan berguna bagi penerimanya serta bermanfaat untuk pengambilan keputusan saat ini atau masa yang akan datang.

Menyangkut pemahaman tentang pengertian sistem informasi ini, dalam bukunya Abdul Kadir (2003: 34) mengutip beberapa pendapat para ahli, diantaranya :

Page | 16 Menurut Hall sistem Informasi adalah ”sebuah rangkaian prosedur formal di mana data dikelompokkan, diproses menjadi informasi dan

didistribusikan kepada pemakai”.

Menurut Bodnar dan Hopwood (2009: 14), sistem Informasi adalah ”Kumpulan perangkat keras dan perangkat lunak yang dirancang untuk mentransformasikan data kedalam bentuk informasi yang berguna”.

Dari ketiga pengertian di atas dapat disimpulkan bahwa yang dimaksud sistem informasi sesungguhnya tidak harus melibatkan komputer ketika proses mengolah data menjadi sebuah informasi. Adapun Sistem informasi yang melibatkan komputer biasa disebut sistem informasi berbasis komputer (Computer-Based Information Systems atau CBIS). Akan tetapi, pada umumnya kata sistem informasi diartikan sebagai sistem informasi berbasis komputer, meskipun tidak ditambahkan kata berbasis komputer.

2.4

Pengertian HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language),

HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Page | 17 HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. [ 2 ]

2.5

Pengertian PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.

Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah. Dalam sisi

pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.

PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system. [ 3 ]

Page | 18

2.6

METODE ANALYSIS

2.6.1.

Waterfall Model

Tujuan dari penggunaan metode waterfall ini adalah untuk memperkenalkan bagaimana proses desain system sebagai kerangka untuk pengembangan system dalam upaya membantu secara teratur dan efisien melalui suatu rangkaian tahapan dan analisa kelayakan system. [ 4 ]

 Kebutuhan

Kebutuhan merupakan menentukan dan menyimpulkan apa saja kebutuhan – kebutuhan yang di perlukan oleh perusahaan dalam menyelesaikan masalah.

 Pendefenisian Masalah / Analysis

Pendefinisian masalah merupakan awal dari tahapan pengembangan system. Masalah yang di bahas adalah proses input data pada siklus penjualan yaitu penjualan dan kuisoner serta laporan.

 Desain Sistem

Tahapan ini merupakan proses perancangan model secara keseluruhan serta rencana pemecahan masalah yang timbul.

 Implementasi / Coding

Aplikasi system penjualan dan analisis ini diimplementasikan dengan menggunakan website dan database sebagai pencatatan data yang diinputkan.

 Pengujian / Testing

Agar aplikasi ini dapat terus memenuhi kebutuhan pemakaian perlu adanya pengujian untuk mengetahui masalah yang timbul pada saat

Page | 19 pengoperasian aplikasi yaitu dengan mengkaji ulang tahapan pembuatan program.

 Persetujuan / Acceptance

Ini adalah tahap akhir yang merupakan tahap persetujuan dari perusahaan apakah hasil yang di kerjakan sesuai dengan kemauan dari perusahaan.

2.7.

UML

Unified Modelling Language (UML) adalah sebuah “bahasa” yg telah menjadi

standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem.

Dengan menggunakan UML kita dapat membuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun. Tetapi karena UML juga menggunakan class dan operation dalam konsep dasarnya, maka ia lebih cocok untuk penulisan piranti lunak dalam bahasa berorientasi objek seperti C++, Java, C# atau VB.NET. Walaupun demikian, UML tetap dapat digunakan untuk modeling aplikasi prosedural dalam VB atau C. Selain itu UML adalah bahasa pemodelan yang menggunakan konsep orientasi object. [ 5 ]

Tipe – tipe Diagram UML

1. Use Case Diagram 2. Activity Diagram 3. Sequence Diagram

Page | 20

2.7.1.

USE CASE

Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customeratau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.

Catatan : Use case diagram adalah penggambaran sistem dari sudut pandang pengguna sistem tersebut (user), sehingga pembuatan use case lebih dititikberatkan pada fungsionalitas yang ada pada sistem, bukan berdasarkan alur atau urutan kejadian.

Cara menentukan Use Case dalam suatu sistem: a. Pola perilaku perangkat lunak aplikasi. b. Gambaran tugas dari sebuah actor.

c. Sistem atau “benda” yang memberikan sesuatu yang bernilai kepadaactor. d. Apa yang dikerjakan oleh suatu perangkat lunak (*bukan bagaimana cara

mengerjakannya). [ 5 ]

2.7.2.

ACTIVITY DIAGRAM

Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir.Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuahsistem (dan nteraksi antar

Page | 21 subsistem) secara eksak, tetapi lebih menggambarkan proses-prosesdan jalur-jalur aktivitas dari level atas secara umum.

Sebuah aktivitas dapat direalisasikan oleh satu use case atau lebih. Aktivitasmenggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas.

Sebuah aktivitas dapat direalisasikan oleh satu use case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas.Sama seperti state, standar UML menggunakan segiempat dengan sudut membulat untuk menggambarkan aktivitas. Decision digunakan untuk menggambarkan behaviour pada kondisi tertentu. Untuk mengilustrasikan proses-proses paralel ( fork dan join) digunakan titik sinkronisasi yang dapat berupa titik, garis horizontal atau vertikal. [ 5 ]

2.7.3.

SEQUENCE DIAGRAM

Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara object juga interaksi antara object, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. [ 5 ]

Page | 22

2.7.4.

CLASS DIAGRAM

Class diagram digunakan untuk menampilkan kelas-kelas dan paket-paket di dalam system. Class diagram memberikan gambaran system secara statis dan relasi antar mereka. Biasanya, dibua beberapa class diagram untuk system tunggal. Beberapa diagram akan menampilkan subset dari kelas-kelas dan relasinya. Dapat dibuat beberapa diagram sesuai dengan yang diinginkan untuk mendapatkan gambaran lengkap terhadap system yang dibangun.

Class diagram adalah alat perancangan terbaik untuk tim pengembang. Diagram tersebut membantu pengembang mendapatkan struktur system sebelum kode ditulis, dan membantu untuk memastikan bahwa system adalah desain terbaik.

Kelas adalah sesuatu yang membungkus informasi dan perilaku. Secara tradisional, system dibangun dengan ide dasar bahwa akan menyimpan informasi pada sisi baris data dan data perilaku pengolahnya pada sisi aplikasi. Salah satu perbedaan terstruktur dengan pendekatan berorientasi obyek adalah pada berorientasi obyek menggabungkan informasi dan perilaku pengolah informasi dan menyembunyikan semua kedalam sesuatu yang disebut kelas. Dalam UML, kelas ditunjukkan menggunakan notasi sebagai berikut. Bagian paling atas pada notasi Class

digunakan sebagai nama kelas, dan secara opsional juga digunakan stereotype-nya. Bagian tengah digunakan untuk menyimpan atribut, dan bagian paling bawah digunakan menyimpan operasi. [ 6 ]

Page | 23

2.8.

BASIS DATA ( DATABASE )

Database (basis data) adalah sekumpulan informasi yang terstruktur dan memiliki keterikatan satu dengan yang lainnya. Pada era informasi seperti sekarang ini, manfaat database sangat diperlukan dalam berbagai aspek. Dengan aplikasi berbasis database, pengoperasian sebuah arsip tidak akan sulit. User dengan mudah dapat menambahkan data baru, mengubah data yang telah ada, menghapus data, dan mengorganisasikannya sesuai kebutuhan.

Database terdiri dari pada tabel, atribut, record, entitas, dan field. Tabel adalah sekumpulan record yang memiliki hubungan tertentu. Record adalah sekumpulan field dari atribut yang berbeda dalam sebuah indeks. Field adalah data-data yang memliki struktur tertentu sesuai dengan atriutnya dalam sebuah tabel. Entitas adalah sekumpulan atribut dalam satu tabel.

Keuntungan menggunakan database dalam suatu sistem adalah dapat mengefektifkan waktu pengoperasian data atau informasi, dan menghemat ruang. Database tersimpan dalam sebuah disk dengan pola tertentu sehingga mudah terindeks dan mudah diakses. Berbeda dengan sistem informasi konvensionl yang menggunakan arsip kertas sebagai perangkat herasanya. Apabila data yang dimiliki berjumlah ribuan atau bahkan jutaan, maka akan sangat sulit sekali untuk diakses dan dikelola. Belum lagi masalah error atau kesalahan yang mungkin terjadi akibat kelengahan manusia. Dan dengan data yang sangat banyak, akan memakan ruang yang sangat banyak pula. Bandingkan dengan perangkat terkomputerisasi yang mungkin hanya memakan ruang sebesar lemari namun dapat menampung jutaan data. [ 7 ]

Page | 24

2.9.

SISTEM OPERASI

Operating sytem (OS) atau yang sering di sebut sistem operasi adalah sekumpulan perintah dasar yang berperan untuk menjalankan dan mengoperasikan komputer .Sekarang ini banyak sekali macam-macam sistem operasi di pasaran baik yang asli ataupun yang bajakan.Ada beberapa sistem operasi yang biasa kita jumpai di pasaran diantranya Windows,Unix,Linux Dan masih banyak lagi yang lainya.

Dari sekian banyak sistem operasi Yang beredar,sistem operasi milik perusahaan microsoft lah yang paling populer untuk para pengguna pc notebook,bahkan ponsel dan PDA sekalipun Dengan sistem operasi berbasis mobilenya .

Dari beberapa sistem operasi tersebut,Sistem operasi yang dapat digunakan secara bebas alias open source Asalah linux. sistem operasi ini biasa digunakan untuk tujuan pendidikan ,lain halnya dengan para vendor ponsel dan PDA ,Para vrndor ini lebih menyasarkan produknya untuk menggunakan sistem operasi mobile milik perusahaan microsoft yaitu windows. Sama seperti di pc atau notebook sistem operasi di PDA atau ponsel memiliki Beberapa versi dan tatap muka yang hampir sama ,mulai dari windows mobile versi 5.0 sampai dengan windows vista versi mobile .Vendor PDA atau ponsel yang biasa memakai sistem operasi tersebut diantaranya 02,Samsung.Doppod Dan sony ericson untuk beberapa type. [ 8 ]

Page | 25

2.9.1.

WINDOWS 7

Windows 7 adalah rilis terkini Microsoft Windows yang menggantikan Windows Vista. Windows 7 dirilis untuk pabrikan komputer pada 22 Juli 2009 dan dirilis untuk publik pada 22 Oktober 2009, kurang dari tiga tahun setelah rilis pendahulunya, Windows Vista. Tidak seperti pendahulunya yang memperkenalkan banyak fitur baru, Windows 7 lebih fokus pada pengembangan dasar Windows, dengan tujuan agar lebih kompatibel dengan aplikasi-aplikasi dan perangkat keras komputer yang kompatibel dengan Windows Vista. Presentasi Microsoft tentang Windows 7 pada tahun 2008 lebih fokus pada dukungan multi-touch pada layar, desain ulang taskbar yang sekarang dikenal dengan nama Superbar, sebuah sistem jaringan rumahan bernama HomeGroup, dan peningkatan performa. Beberapa aplikasi standar yang disertakan pada versi sebelumnya dari Microsoft Windows, seperti Windows Calendar, Windows Mail, Windows Movie Maker, dan Windows Photo Gallery, tidak disertakan lagi di Windows 7 kebanyakan ditawarkan oleh Microsoft secara terpisah sebagai bagian dari paket Windows Live Essentials yang gratis. [ 8 ]

2.10.

PERANGKAT LUNAK ( SOFTWARE )

Perangkat lunak adalah istilah umum untuk data yang diformat dan disimpan secara digital, termasuk program komputer, dokumentasinya, dan berbagai informasi yang bisa dibaca dan ditulis oleh komputer. Dengan kata lain, bagian

sistem komputer yang tidak berwujud. Istilah ini menonjolkan perbedaan dengan

Page | 26

2.10.1.

Macromedia Dreamweaver

Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.

Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web. [ 10 ]

Page | 27

2.11.

PERANGKAT KERAS ( HARDWARE )

Perangkat keras komputer adalah semua bagian fisik komputer, dan dibedakan dengan data yang berada di dalamnya atau yang beroperasi di dalamnya, dan dibedakan dengan perangkat lunak (software) yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya. [ 11 ]

2.11.1.

Processor

Processor adalah sebuah IC yang mengontrol keseluruhan jalannya sebuah sistem komputer dan digunakan sebagai pusat atau otak dari komputer yang berfungsi untuk melakukan perhitungan dan menjalankan tugas. Processor sering disebut “Microprosessor” yang sekarang ukurannya sudah mencapai Gigahertz (GHz). Ukuran tersebut adalah hitungan kecepatan prosesor dalam mengolah data atau informasi. Merk prosesor yang banyak beredar dipasatan adalah AMD, Apple, Cyrix VIA, IBM, IDT, dan Intel.

2.11.2.

RAM (Random Access Memory)

RAM merupakan Hardware computer yg berfungsi sebagai media penyimpan data yg bersifat temporary (sementara /tidak permanen) ketika data / program tersebut sedang diakses atau di load, dan kemudian data tersebut diakses ke media lain yg disebut Hard Disk Drive(HDD) dengan perintah tertentu (misal : save). Dikarenakan RAM ini bersifat tdk permanen maka ketikan sebuah data /program dijalankan dan belum tersimpan ke media HDD, kemudian computer mati dengan tiba2 maka data tersebut kemungkinan besar akan hilang. Hz dan semakin besar ukuran Hz maka semakin cepat pula kinerja sebuah computer.

Page | 28

2.11.3.

Hard Disk

Hard disk adalah sebuah media penyimpanan permanen yang memiliki kapasitas penyimpanan yang sangat besar bahkan paling besar disbanding dengan perangkat penyimpanan yang lainnya. Letak hard disk bisa di dalam (internal)( kotak CPU (casing) atau diluar (external) casing agar mudah di bawa ke mana-mana.

2.11.4.

Monitor

Monitor adalah output device / alat keluaran yang berfugsi untuk menampilkan gambar pada layar. Gambar yang ditampilkan berasal dari proses grafis yang dilakukan oleh VGA Card.

2.11.5.

Keyboard

Keyboard adalah Alat input yang digunakan untuk mengetik informasi ke dalam komputer dan menjalankan berbagai intruksi atau perintah ke dalam komputer. Penciptaan keyboard komputer diilhami oleh penciptaan mesin ketik yang dasar rancangannya dibuat oleh Christopher Latham tahun 1868 dan banyak dipasarkan pada tahun 1877 oleh Perusahaan Remington.

2.11.6.

Mouse

Mouse adalah alat yang digunakan untuk memasukkan data ke dalam komputer selain papan ketik, Mouse pertama kali dibuat pada tahun 1963 oleh Douglas Engelbart berbahan kayu dengan satu tombol. Model kedua sudah dilengkapi dengan 3 tombol. Pada tahun 1970, Douglas Engelbart memperkenalkan mouse yang dapat mengetahui posisi X-Y pada layar komputer, mouse ini dikenal dengan nama X-Y Position Indicator(indikator posisi X Y).

Page | 29

2.12.

INTERNET

Internet (kependekan dari interconnection-networking) secara harfiah ialah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia.

Pengertian internet menurut para ahli :

- Lani Sidharta, menyatakan bahwa internet adalah suatu interkoneksi sebuah jaringan komputer yang dapat memberikan layanan informasi secara lengkap. Dan, terbukti bahwa internet dilihat sebagai media maya yang dapat menjadi rekan bisnis, politik, sampai hiburan. Semuanya tersaji lengkap di dalam media ini.

- Khoe yao tung menyatakan bahwa intenet adalah jaringan yang satelit komunikasi yang fungsinya sangat beragam dan tentu merupakan pendukung internet di seluruh dunia.

Pada awalnya internet adalah jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network. Proyek tersebut sebenarnya dibentuk untuk tujuan militer. Dan hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara, University of Utah.

Namun, pada perkembangannya semua universitas di negara tersebut ingin bergabung, sehingga membuat ARPANET kesulitan untuk mengaturnya sehingga dipecah menjadi 2 yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas.

Page | 30 Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.

Begitulah terus mengalami perkembangan sehingga pada akhirnya internet bisa dengan begitu mudahnya diakses oleh hampir semua orang di dunia. Beberapa layanan populer yang dapat digunakan oleh pengguna di internet diantaranya email/surat elektronik, Usenet, Newsgroup, berbagi berkas (File Sharing), WWW (World Wide Web), Gopher, akses sesi (Session Access), WAIS, finger, IRC, MUD, dan MUSH.

Internet juga memungkinkan komunikasi antar 2 orang atau lebih yang berbeda tempat bahkan antar negara dengan menggunakan program pengirim pesan instant seperti Camfrog, Pidgin (Gaim), Trilian, Kopete, Yahoo! Messenger, MSN Messenger Windows Live Messenger, Twitter.

Selain itu dengan internet juga memungkinkan bagi sekelompok orang untuk membangun suatu komunitas, Baik itu melalui situs jejaring social seperti facebook dan twitter ataupun melalui forum-forum. Bahkan internet juga bisa digunakan sebagai sarana bisnis. Ada banyak sekali aktifitas bisnis yang bisa dilakukan melalui media internet diantaranya berjualan barang secara online. [ 12 ]

Page | 31

BAB III

ANALISIS dan PERANCANGAN

3.1.

ANALISIS SISTEM

Analisis sistem merupakan suatu cara yang digunakan dalam mengedintifikasi dan mengevaluasi suatu permasalahan, hambatan yang dihadapi dan kebutuhan yang diharapkan dalam sebuah sistem. Dalam tahapan ini, dapat diusulkan suatu perbaikan atau solusi dari permasalahan yang ada di Waroeng Cobek Aneka ( W.Co ). Analisis sistem ini merupakan tahapan yang kritis dan sangat penting, karena kesalahan dalam tahapan ini menyebabkan kesalahan pada tahap selanjutnya.

3.1.1.

Analisis Masalah

Sesuai dengan hasil pengamatan yang dilakukan pada Waroeng Cobek Aneka ( W.Co ) terdapat masalah:

1. Restoran memiliki kesulitan dalam mempromosikan menu - menu baru kepada konsumen.

2. Sulitnya restoran dalam menarik minat dan selera konsumen sehingga membuat konsumen kurang tertarik untuk mengunjungi restoran tersebut. 3. Pembuatan laporan membutuhkan waktu yang cukup lama, dikarenakan

Page | 32

3.1.2.

Analisis Prosedur yang sedang Berjalan

Untuk membangun sebuah aplikasi sistem informasi yang mengadaptasi dari sistem yang sedang berjalan diperlukan analisis yang tepat supaya aplikasi yang akan dibangun sesuai dengan kebutuhan client dan sejalan dengan sistem yang ada.

Setelah diadakan pengamatan dan interview dari sistem yang sedang berjalan diperoleh beberapa procedural system yang sedang berjalan yaitu : 1. tidak ada pelayan yang mengantarkan daftar menu kepada konsumen yang

ingin memesan makanan tetapi konsumen sendiri yang pergi ke koki untuk memesan makanan.

2. koki pada W.Co juga bertujuan sebagai pelayan yang mengantar makanan yang akibatnya pelayanan menjadi terhambat.

3. Koki dan pelayan juga bisa bertugas sebagai kasir.

4. Promosi yang dilakukan W.Co masih berupa brosur - brosur yang ditempel di tempat - tempat strategis.

5. Laporan pendapatan dengan mengumpulkan struk - struk pemesanan dari konsumen.

6. penyampaian informasi tentang kualitas makanan di W.Co masih bersifat manual dari mulut ke mulut.

Page | 33

3.1.3.

Analisis Basis Data

3.1.3.1.

Tabel ERD

Entity Relationship Diagram (ERD) merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD digunakan untuk memodelkan struktur data dan hubungan antar data. Untuk menggambarkannya digunakan beberapa notasi dan symbol.

Gambar 3.1 Tabel ERD

3.1.4.

Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi kebutuhan untuk sistem. Spesifikasi kebutuhan melibatkan analisis perangkat keras / hardware, analisis perangkat lunak / software, analisis pengguna / user.

Konsumen Pesanan

No Telpon Nama

Menu

Pelayan

ID Jabatan Nama

Nama

Pembayaran

Kasir

ID Jabatan

Laporan Manager

N 1

1 N

1 1

Pemilik

Laporan

1 1

Page | 34

3.1.4.1 Analisis Perangkat keras

Dalam membangun sistem ini perlu didukung oleh perangkat keras (hardware) yangmemadai. Dibawah ini merupakan spesifikasi munimum perangkat keras (hardware) untuk membangun sistem ini:

1. Personal Computer (PC)

Processor : Intel P4 2,4 Ghz. Memory : 1 GB.

VGA : Onboard. HDD : 500 GB. Monitor : 15 Inch” Keyboard dan Mouse Printer.

3.1.4.2 Analisis Perangkat Lunak

Perangkat lunak yang digunakan dalam membangun Aplikasi Inventory adalah :

1. PHP versi 5.2

2. Macromedia Dreamweaver 8 3. Browser ( Mozilla Firefox 13.1 )

Aplikasi Inventory dibangun dengan menggunakan bahasa pemrograman PHP. Alasan menggunakan PHP adalah sebagai berikut :

1. PHP merupakan bahasa server-side scripting yang lebih dinamis. 2. PHP bisa mendukung Oracle, MySQL,SyBase,PostgreSQL.

3. PHP dapat berjalan pada berbagai macam sistem operasi seperti Windows dan LINUX.

Page | 35 4. Tingkat keamanan yang cukup tinggi.

5. Waktu eksekusi yang lebih cepat dibandingkan dengan bahasa pemrograman lainnya karena berorientasi server-side scripting.

3.1.4.3 Analisis Pengguna

Setelah menganalisis masalah diatas, maka akan diperlukan sebuah WEB yang nantinya akan digunakan oleh user ( pengguna ) yang berkepentingan, berikut analisis pengguna dari Web yang akan dibuat.

1. Administrator dan Pemilik

yang dapat mengupdate semua informasi yang ada di Website W.Co tersebut. Admin mempunyai hak akses sebagai berikut :

a. Login

Admin mempunyai username dan password untuk dapat mengubah isi dari website, mengedit data, menginputkan data, dan mengupdate semua informasi.

b. Melihat Informasi Website

Melihat segala sesuatu yang berkaitan tentang website menyangkut tentang kelengkapan informasi dan kekurangan - kekurangan yang harus disempurnakan di website W.Co.

c. Mengubah dan Menambahkan Konten kedalam website

2. Pengguna ( Konsumen )

a. User yang mengunjungi Website W.Co ini dapat melihat tampilan dari banyaknya produk yang ditawarkan oleh W.Co.

b. User yang ingin membeli produk yang di tawarkan oleh W.Co dapat langsung datang ke cabang - cabang W.Co terdekat.

Page | 36

3.1.5.

ANALISIS KEBUTUHAN FUNGSIONAL

3.1.5.1.

USE CASE

Gambar 3.2 Use Case Diagram

Actor :

1. Konsumen : Melihat Website, Memberikan Kritik dan saran.

2. Administrator : Membuat Laporan, Menerima Kritik dan saran, Perbaikan Website

3. Pemilik : Menerima Laporan, Cek Laporan, Evaluasi Konten Website Melihat Website

Cek Laporan Menerima

Kritik dan Saran

Memberikan kritik Dan saran

Laporan «extends»

«extends»

Evaluasi Website Administrator

Konsumen

Pemilik «extends»

«extends»

«extends» «extends»

«extends»

«extends»

Maintenance «extends»

Page | 37

3.1.5.2.

Activity Diagram

3.1.5.2.1.

View Website

Gambar 3.3 Activity Diagram View Website di waroeng cobek aneka ( W.Co )

Melihat website

Konsumen

Admin

Memberikan

Kritik dan Saran

Terima

Page | 38

3.1.5.2.2.

Activity Laporan

Gambar 3.4 Activity Diagram Laporan di waroeng cobek aneka ( W.Co )

Pemilik

Membuat Laporan

Admin

Cek Laporan

Page | 39

3.1.6. SEQUENCE DIAGRAM

Gambar 3.5 Sequence Diagram

Konsumen Administrator Pemilik Restoran

Melihat Website

Memberi Kritik Saran

Laporan Website

Cek Laporan Evaluasi

Page | 40

3.1.7. CLASS DIAGRAM

DATABASE MENU - no_menu : int

- jenis : string - harga : int - status : string

+ set_no_menu() : void + set_jenis() : void + set_harga() : void + edit() : void + delete() : void + search() : void

Gambar 3.6 Class Diagram

DATABASE KRITIK & SARAN - nama_pelanggan : string - email_pelanggan : char - komentar : char

+ set_nama_pelanggan() : void + set_email_pelanggan() : void + set_komentar() : void

+ tampil() : void + search() : void

DATABASE

+ set_database_menu() : void + set_database_kritiksaran() : void

KRITIK & SARAN - nama_pelanggan : string - email_pelanggan : char - tgl_kritik : date - komentar : char + tampil() : void

ADMINISTRATOR - id_admin : int - nama_admin : string + tampil() : void + edit() : void

1 *

Page | 41

3.1.8.

Perancangan Arsitektur Menu

Struktur perancangan arsitektur menu Website W.CO dapat dilihat dibawah ini. perancangan arsitektur terdiri dari perancangan Antarmuka.

Gambar 3.7 Arsitektur Menu

3.1.8.1.

Perancangan Antarmuka

perancangan dapat didefinisikan sebagai menu - menu yang di sediakan di website dimana masing - masing menu tersebut memiliki isi atau konten dan masing - masing mempunyai tampilan dan halaman yang berbeda.

Beranda Kritik &

Saran Kontak W.Co Lokasi W.Co Gallery W.Co Sajian W.Co Tentang W.Co MENU Sejarah W.Co Visi & Misi W.Co Menu Makanan W.Co Cabang W.Co Kegiatan

W.Co W.Co Cabang

W.Co Pusat

Page | 42

3.1.8.1.1. Gambaran Antarmuka

Form Beranda Tampilan Utama

A01

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Daftar Menu Makanan

Slide Menu Makanan

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.8. Gambar Antarmuka Tampilan Utama

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 43 Form Tentang W.Co

A02

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Tentang W.Co

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.9. Gambar Antarmuka Tentang W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 44 Form Tujuan W.Co

A03

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Tujuan W.Co

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.10. Gambar Antarmuka Tujuan W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 45 Form Galery W.Co

A04

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Galery W.Co

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.11. Gambar Antarmuka Gallery W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 46 Form Lokasi W.Co

A05

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Lokasi W.Co

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.12. Gambar Antarmuka Lokasi W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 47 Form Kontak W.Co

A06

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik pesan online menuju form A07

Slide Show Menu

Kontak W.Co

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3.13. Gambar Antarmuka Kontak W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 48 Form Pesan Online

A07

W.Co Waroeng Cobek Aneka

Keterangan

 Klik Beranda menju ke ke form A01

 Klik Tentang W.Co menuju ke form A02

 Klik Tujuan W.Co menuju form A03

 Klik Galery W.Co menuju form A04

 Klik Lokasi W.Co menuju A05

 Klik Kontak W.Co menuju form A06

 Klik Pesan Online menuju form A07

Slide Show Menu

Kritik dan Saran

Copyright@Waroeng Cobek Aneka (W.Co)@2012 Design And Layout By Kelompok

Gambar 3. 14. Gambar Antarmuka Pesan Online W.Co

Kritik & Saran Kontak W.Co Bera nda Lokasi W.Co Galery W.Co Tujuan W.Co Tentang W.Co

Page | 49

BAB IV

IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi

Tahap implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap dimana sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi program.

4.1.1 Implementasi Perangkat Keras

Spesifikasi perangkat keras yang digunakan dalam pembangunan Website Waroeng Cobek Aneka ( W.Co )adalah tercantum pada tabel 4.1 sebagai berikut :

No Perangkat Keras Spesifikasi

1 Prosessor Centrino Core to duo 2,6 Ghz 2 Monitor Ukuran 14” Resolusi 1024x768 px

3 VGA 512

4 Memori 2 GB

5 Hard Disk 500 GB

6 Keyboard Keyboard

7 Mouse Mouse

8 Printer Hitam putih dan warna 9 Jaringan Internet LAN dan Internet

Page | 50

4.1.2 Implementasi Perangkat Lunak

Spesifikasi perangkat lunak yang digunakan dalam membangun Website Di Waroeng Cobek Aneka ( W.Co )adalah sebagai berikut:

No Perangkat Lunak Spesifikasi

1 Sistem operasi Windows 7 2 Tools membuat program Dreamweaver 8

3 Web Browser Mozilla firefox, opera, internet explorer, google chrome

4 Database Wampserver

Tabel 4.2 Perangkat Lunak yang digunakan

4.1.3 Implementasi Basisi Data

Database Management Sistem (DBMS) yang digukanan untuk mengimplementasikan data Sistem Informasi Website Waroeng Cobek Aneka ( W.Co ) adalah MySQL. Impementasi database dalam aplikasi yang telah dirancang adalah sebagai berikut:

1.Tabel Menu

CREATE TABLE „menu‟

(

`id_menu` int(11) NOT NULL AUTO_INCREMENT, `nama_menu` varchar(35) NOT NULL,

Page | 51 `harga` bigint(20) NOT NULL,

`gambar` longblob,

`tersedia` tinyint(1) NOT NULL, PRIMARY KEY (`id_menu`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=14 ;

2. Tabel Menu_pesanan

CREATE TABLE `menu_pesanan` (

`id_pelanggan` int(11) NOT NULL, `id_menu` int(11) DEFAULT NULL, `jml` int(11) NOT NULL,

KEY `id_pelanggan` (`id_pelanggan`), KEY `id_menu` (`id_menu`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

3. Tabel Pesanan

CREATE TABLE `pesanan` (

`id_pesanan` int(11) NOT NULL AUTO_INCREMENT, `jenis_pesanan` enum('delivery','reservasi') NOT NULL, `nama` varchar(30) NOT NULL,

`alamat` varchar(50) DEFAULT NULL, `telepon` varchar(15) NOT NULL,

Page | 52 `email` varchar(20) DEFAULT NULL,

`kelurahan` varchar(15) DEFAULT NULL, `kecamatan` varchar(15) DEFAULT NULL, `catatan` text,

`status` enum('dimasak','diantar','selesai') DEFAULT NULL, PRIMARY KEY (`id_pesanan`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;) ENGINE=MyISAM DEFAULT CHARSET=latin1;

4. Tabel User

CREATE TABLE `user` (

`username` varchar(10) NOT NULL, `password` varchar(100) NOT NULL, `email` varchar(30) NOT NULL,

`jabatan` enum('admin','kasir','koki') NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Page | 53

4.1.4 Implementasi Antarmuka

1. Tampilan Login

Gambar 4.1 Tampilan Login

2. Tampilan Menu Admin

Page | 54

3. Tampilan Menu Pesanan

Gambar 4.3 Tampilan Menu Pesanan

4.Tampilan Utama

Page | 55

5. Tampilan Sejarah

Gambar 4.5 Tampilan Sejarah

6. Tampilan Visi dan Misi

Page | 56

7. Tampilan Menu Sajian

Gambar 4.7 Tampilan Menu Sajian

8. Tampilan Galery Kegiatan

Page | 57

9. Tampilan Lokasi Pusat

Gambar 4.9 Tampilan Lokasi Pusat

10. Tampilan Lokasi Cabang

Page | 58

11. Tampilan Kontak

Gambar 4.11 Tampilan Kontak

12. Tampilan Pesan Online

Page | 59

4.2. Pengujian Sistem

Pengujian sistem itu merupakan hal terpenting yang bertujuan untuk menemukan kesalahan - kesalahan atau kekurangan - kekurangan pada perangkat lunak yang diuji. Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak. Pengujian yang akan dilakukan yaitu dengan pengujian black box yang berfokus pada persyaratan fungsionalitas perangkat lunak.

4.2.1 Rencana Pengujian

Rencana pengujian yang akan dilakukan dengan menguji sistem secara

Alpha dan Betha.

Tabel Rencana Pengujian

Item Pengujian

Detail Pengujian Jenis Pengujian

Pengujian Login

Login sesuai dengan yang diharapkan dan validasi ketika Login tidak sesuai

Black Box

Pengujian Fungsionalitas

Pengujian dilakukan

berdasarkan Alur Normal Black Box

Tabel 4.3 Rencana Pengujian

4.2.2. Pengujian Alpha

Pengujian alpha dilakukan dengan menggunakan metode black box.

Untuk pengujian alpha ini yaitu pada pengujian sebagai admin.

Pengujian alpha dilakukan dengan menggunakan metode black box.

Page | 60 4.2.2.1 Skenario Pengujian Alpha

Skenario pengujian alpha di Waroeng Cobek Aneka ( W.Co ) terdiri dari 1 pelaku sistem yaitu admin.

T a b e l

Tabel 4.4 Skenario Pengujian Aplikasi untuk Admin

4.2.2.2 Pengujian Login

Dapat dilihat pengujian login pada tabel berikut :

KASUS DAN HASIL UJI BENAR (DATA BENAR)

DATA MASUKAN YANG DIHARAPKAN PENGAMATAN KESIMPULAN

Username : admin Password : admin

Tercantum pada text box field username dan password

Dapat mengisi data login sesuai dengan yang diharapkan

[ √ ] Diterima [ ] Ditolak

Data login berupa Username : admin Password : a

Data login dicari dalam database, username dan data password benar

Tidak dapat login/masuk dan menampilkan pesan kesalahan sesuai

[ √ ] Diterima [ ] Ditolak Kelas Uji Butir Uji Jenis Pengujian

Login

Isi data Login Black box

Validasi username and password

Black box

Data

Melihat data menu Black box

Melihat data pemesanan Black box

Page | 61 login valid dan

dapat masuk ke menu sesuai hak kases

yang diharapkan

KASUS DAN HASIL UJI SALAH (DATA SALAH)

Username : admin Password : kosong

Tidak dapat login/masuk ke menu utama sesuai hak akses dan menampilkan pesan “username atau password anda tidak valid” Menampilakn pesan “username atau password anda tidak valid”

[ √ ] Diterima [ ] Ditolak

Username : kosong Password : a

Tidak dapat login/masuk ke menu utama sesuai dengan hak akses dan menampilkan pesan “username harus diisi” Menampilakn pesan “username harus diisi”

[ √ ] Diterima [ ] Ditolak

Page | 62

4.2.2.3 Pengujian Alur Normal

FUNGSI YANG

DIINGINKAN

HASIL

PENGUJIAN

BERHASIL

Meng-klik tombol

“Login” di halaman

login

Login berhasil dan masuk ke halaman Menu dan Pemesanan

Tombol berfungsi sesuai yang diinginkan

[ √ ] Diterima [ ] Ditolak Meng-klik link

bertuliskan “logout”

di menu dan pemesanan

Session berakhir dan kembali ke halaman Website

Fungsi berjalan dengan semestinya

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke menu Beranda Muncul tampilan menu utama Fungsi berhasil memunculkan menu utama

[ √ ] Diterima [ ] Ditolak Mengarahkan pointer

mouse ke menu Tentang W.Co

Muncul tampilan Menu Halaman Sejarah

Fungsi berhasil memunculkan Halaman Sejarah

[ √ ] Diterima [ ] Ditolak Mengarahkan pointer

mouse ke menu Tentang W.Co

Muncul tampilan Menu Halaman Visi & Misi

Fungsi berhasil memunculkan

Halaman Visi & Misi

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke menu Sajian W.Co

Muncul tampilan Menu Halaman Menu Makanan

Fungsi berhasil memunculkan Halaman Menu Makan

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke menu Gallery W.Co

Muncul tampilan Menu Halaman Kegiatan W.Co

Fungsi berhasil memunculkan Halaman Kegiatan W.Co

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke menu Lokasi W.Co

Muncul tampilan Menu Halaman W.Co Pusat

Fungsi berhasil memunculkan

Halaman W.Co Pusat

[ √ ] Diterima [ ] Ditolak Mengarahkan pointer Muncul tampilan Fungsi berhasil [ √ ] Diterima

Page | 63 mouse ke menu

Lokasi W.Co

Menu Halaman W.Co Cabang

memunculkan Halaman W.Co Cabang

[ ] Ditolak

Mengarahkan pointer mouse ke menu Kontak W.Co

Muncul tampilan Menu Halaman Kontak W.Co

Fungsi berhasil memunculkan Halaman Kontak W.Co

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke menu Pemesanan Online

Muncul tampilan Menu Halaman Pemesanan online

Fungsi berhasil memunculkan Halaman Pemesanan Online

[ √ ] Diterima [ ] Ditolak

Meng-klik tombol pesan

Pesan berhasil data pesanan masuk ke database

Fungsi berhasil masukan pesanan ke database

[ √ ] Diterima [ ] Ditolak

Meng-klik tombol Ulang

Semua data

pemesanan akan di ulang untuk mengisi kembali

Fungsi berhasil mengulang pesanan

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke tombol facebook

Muncul tampilan Menu Halaman Facebook W.co

Fungsi berhasil memunculkan Halaman Facebook W.Co

[ √ ] Diterima [ ] Ditolak

Mengarahkan pointer mouse ke tombol Blogspot

Muncul tampilan Menu Halaman Blogspot W.co

Fungsi berhasil memunculkan Halaman Blogspot W.Co

[ √ ] Diterima [ ] Ditolak

Page | 64 4.2.3 Hasil Pengujian Alpha

Berdasarkan hasil pengujian dengan kasusu sample uji yang telah dilakukan memberikan kesimpulan bahwa secara fungsional sistem sudah dapat menghasilkan output yang diharapkan.

4.2.4 Pengujian Betha

Pengujian betha merupakan pengujian yang dilakukan secara objektif dimana diuji secara langsung ke lapangan yaitu instansi yang bersangkutan mengenai kepuasan user dengan kandungan poin yaitu memberikan kemudahan dalam melihat data pesanan. Pengujian betha dilakukan melalui satu teknik pengambilan data, yaitu melalui wawancara.

Pengujian betha melalui wawancara dilakukan untuk pemilik dan admin terbatasnya jumlah pengguna untuk seorang admin dan teknisi.

4.2.4.1 Wawancara Pengguna

Wawancara dilakukan dengan menggunakan teknik kualitatif melalui pertanyaan terbuka. Wawancara terdiri dari 7 pertanyaan yang akan ditanyakan kepada narasumber. Berikut adalah wawancara yang dilakukan pada narasumber :

1. Wawancara Pengujian Betha untuk pemilik

Wawancara dilakukan untuk mempertanyakan pengujian betha terhadap Waroeng Cobek Aneka kepada Pemilik dengan total nara sumber sebanyak 1 orang.

Page | 65 Pemilik W.Co.

1. Menurut anda, apakah dengan adanya Website ini membantu anda?

Jawaban :

Ya, sangat membantu sekali. Karena yang biasanya untuk mengiklan kan produk kami hanya menggunakan jejaring social saja, dan dengan adanya Website ini membuat mengiklankan mudah dan lebih maju

Berdasarkan hasil wawancara diatas dapat disimpulkan bahwa Website ini mempermudah admin dalam melakukan update data menu untuk mengiklankan menu mereka.

2. Menurut anda, apakah dengan adanya Website ini semakin memberi kemudahan dalam hal penginputan datanya ?

Jawaban :

Sangat mudah kami untuk mengeluarkan produk kami hanya tinggal updating data menu sajian kami dan langsung tampil di website nya.

Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa website ini menjadi lebih mudah dalam melakukan perubahan dan updateingnya.

Page | 66 3. Menurut anda apakah website ini mudah digunakan dan di paham ?

Jawaban :

Sangat mudah dan gampang di pahami

Berdasarkan hasil wawancara diatas maka dapat disimpulkan penggunan website ini mudah di pahami dan digunakan.

2. Wawancara Pengujian Betha untuk salah satu pegawai W.Co yang akan di jadikan admin

Wawancara dilakukan untuk pengujian betha terhadap website kepada admin dengan total narasumber sebanyak 1 orang.

Berikut daftar pertanyaan yang di ajukan kepada narasumber : 1. menurut pendapat anda, dengan adanya halaman website ini

membantu mempromosikan produk yang ada dan apakah update data dan penambahan data mudah di tangani?

2. menurut pendapat anda, dengan adanya website ini semakin mempermudah apa mempersulit ?

3. menurut pendapat anda, apakah fungsionalitas dari halaman setup ini mudah dipahami dan digunakan / user friendly ?

Page | 67 Berikut ini adalah masing-masing jawaban dari pertanyaan hasil wawancara tersebut :

1. Menurut pendapat anda, dengan adanya halaman website ini membantu mempromosikan produk yang ada dan apakah update data dan penambahan data mudah di tangani?

Jawaban :

Ya, karena tampilannya menarik dan juga suatu saat saya menambahakan data atau mengupdate menu yang ada mudah untuk di rubahnya.

Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman website ini menarik untuk diliat konsumen dan admin mudah untuk menggunakan nya.

2. Menurut pendapat anda, dengan adanya website ini semakin mempermudah apa mempersulit ?

Jawaban :

Tentu semakin mempermudah

Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman website ini mempermudah tugas.

Page | 68 3. Menurut pendapat anda, apakah fungsionalitas dari halaman setup

ini mudah dipahami dan digunakan / user friendly ? Jawaban :

Sangat mudah dan user friendly

Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa fungsionalitas dari halaman website ini mudah dipahami dan digunakan / user friendly.

.

4.2.5 Hasil Pengujian Betha

Berdasarkan hasil pengujian dengan melakukan wawancara kepada seorang pemilik dan admin sebagai pengguna Website ini yang telah dilakukan memberikan kesimpulan bahwa secara keseluruhan sistem sudah digunakan dapat membantu dalam hal promosi ,perubahan dan peng-updatean data serta memberikan kemudahan yang sesuai dengan harapan.

Page | 69

BAB V

KESIMPULAN DAN SARAN

Setelah mengikuti kerja praktek selama lebih dari sebulan pada pelaksanaan proyek pembangunan sistem informasi berbasis website di waroeng cobek aneka (W.Co) yang berlokasi di Jl. Dipati Ukur No.116 2nd floor bandung , penulis dapat banyak mendapatkan pengetahuan dalam dunia lapangan pekerjaan dan mendapat pengetahuan tentang langkah – langkah pengerjaan atau pelaksanaan dari tiap item pekerjaan dengan baik yang di amati maupun yang di ikuti serta ini merupakan pengalaman pertama penulis berada langsung di dalam atau di lapangan pekerjaan.

5.1.KESIMPULAN

Membuat Sistem Informasi berbasis web untuk memudahkan promosi menu – menu baru kepada konsumen atau pengungjung, disni kami menampilkan informasi tentang Waroeng Cobek Aneka dan kualitas makanan yang di sajikan melalui website tersebut.

Dengan konsep website yang interaktif, pelanggan dapat di sajikan gambar – gambar menu makanan yang ada tersedia dengan lengkap di Waroeng Cobek Aneka ini beserta harganya, sehingga dapat menarik selera konsumen atau pengunjung dan harganya pas untuk semua kalangan.

5.2.SARAN

1. Didalam suatu penggunaan website ini membutuhkan admin yang bisa menggunakan komputer atau laptop, agar bisa mengoprasikan websitenya.

2. Memberikan pelatihan komputer kepada pegawai yang ingin di angkat sebagai admin dalam kepengurusan website ini.