Pembangunan Website Pada Perusahaan Harum Catering

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Harum Catering merupakan sebuah perusahaan yang bergerak dalam jasa penyedia makanan atau biasa disebut catering service. Seiring dengan maju pesatnya Harum Catering, maka pemasaran dan penyampaian informasi yang digunakan saat ini dinilai kurang mampu untuk menarik jumlah konsumen.

Sistem pemasaran saat ini masih menggunakan metode yang cukup terbatas. Adapun penyampaian informasi yang berjalan saat ini dilakukan dengan cara pengajuan proposal kepada konsumen. Cara seperti ini membutuhkan waktu dan tenaga lebih. Sayangnya, sistem ini sudah mulai ditinggalkan oleh para kompetitor, dan konsumen lebih tertarik untuk menerima informasi yang berbentuk digital.

Untuk itu perusahaan Harum Catering membutuhkan sistem baru yang dapat menyelesaikan persoalan yang telah disinggung sebelumnya. Sistem baru tersebut harus mampu menjadi penghubung dan penyampaian informasi yang baik antara Harum Catering dengan konsumen. Karena itu dibangunlah sebuah website yang dapat mengakomodir semua persoalan yang ada sebelumnya. Dengan dibangunnya website Harum Catering, maka sistem pemasaran yang ada akan menjadi lebih mudah dijangkau oleh konsumen.

1.2 Identifikasi Masalah

Berdasarkan latar belakang diatas ditemukan beberapa masalah diantaranya: 1. Masih menggunakan sistem pemasaran dengan metode yang terbatas serta

penyampaian informasi dengan pengajuan proposal kepada konsumen. Cara tersebut membutuhkan biaya serta tenaga lebih.

2. Sistem pemasaran yang digunakan saat ini masih belum mampu menjangkau lebih banyak konsumen.

1.3 Maksud dan Tujuan

Maksud dari kerja praktek ini untuk membangun sistem informasi untuk Harum Catering. Adapun tujuan yang ingin dicapai dari pembuatan sistem ini adalah:

1. Tersedianya metode pemasaran online, sehingga penyampaian informasi produk menjadi lebih efisien.

2. Mempermudah konsumen untuk mendapatkan berbagai informasi tentang Harum Catering dari mulai profil perusahaan, menu yang disajikan, berita perusahaan terbaru, kontak yang dapat dihubungi, dan informasi perusahaan lainnya.

1.4 Batasan Masalah

Adapun batasan masalah yang ada dalam pembangunan aplikasi ini adalah: 1. Aplikasi ini berbasis web dan menggunakan bahasa pemrograman html

dan php. Database di aplikasi ini menggunakan MySql.

2. Aplikasi ini memerlukan koneksi internet untuk dapat diakses. 3. Aplikasi ini tidak dapat berjalan di perangkat mobile.

1.5 Metodologi Penelitian

Metodologi yang digunakan dalam penulisan kerja praktek ini adalah sebagai berikut:

1. Tahap pengumpulan data.

Metode pengumpulan data yang digunakan dalam penelitian ini adalah sebagai berikut:

a. Studi Literatur

Pengumpulan data dengan cara mengumpulkan literatur, jurnal, paper

dan bacaan-bacaan yang ada kaitannya dengan judul penelitian. b. Observasi

Teknik pengumpulan data dengan mengadakan penelitian dan peninjauan langsung terhadap permasalahan yang diambil.

c. Interview

Teknik pengumpulan data dengan mengadakan tanya jawab secara langsung yang ada kaitannya dengan topik yang diambil.

2. Tahap pembuatan perangkat lunak.

Teknik analisis data dalam pembuatan perangkat lunak menggunakan paradigm perangkat lunak secara waterfall, yang meliputi beberapa proses diantaranya:

a. System/Information Engineering

Merupakan bagian dari sistem yang terbesar dalam pengerjaan suatu proyek, dimulai dengan menetapkan berbagai kebutuhan dari semua elemen yang diperlukan sistem dan mengalokasikannya ke dalam pembentukan perangkat lunak.

b. Analisis

Merupakan tahap menganalisis hal-hal yang diperlukan dalam pelaksanaan proyek pembuatan perangkat lunak.

c. Design

Tahap penerjemahan dari data yang dianalisis kedalam bentuk yang mudah dimengerti olehuser.

d. Implementasi

Tahap penerjemahan data atau pemecahan masalah yang telah dirancang ke dalam bahasa pemrograman tertentu.

e. Pengujian

Merupakan tahap pengujian terhadap perangkat lunak yang dibangun. f. Maintenance

Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan atau penambahan sesuai dengan permintaan

user.

Gambar 1.1 Skema Waterfall.

1.6 Sistematika Penulisan

Penulisan laporan ini tersusun dalam 4 (empat) bab dengan sistematika penulisan sebagai berikut:

BAB I Pendahuluan

Bab ini berisi latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian dan sistematika penulisan.

BAB II Tinjauan Pustaka

Bab ini berisi profil perusahaan dan landasan-landasan teori yang digunakan dalam pembangunanwebsite

BAB III Analisis dan Perancangan Sistem

Bab ini berisi hasil implementasi dari hasil analisis dan perancangan yang telah dibuat disertai juga dengan hasil pengujian dariwebsiteini.

BAB IV Kesimpulan dan Saran

Bab ini berisi kesimpulan dan saran atas pembangunanwebsite.

Sistem Engineering

Analisiss

Perancangan

Implementasi

Pengujian

✁ ✂✂

✄✂ ☎JAUAN UMUM

2.1 Landasan Perusahaan 2.1.1 Sejarah Perusahaan

Harum Catering merupakan sebuah perusahaan yang bergerak dalam jasa penyedia makanan atau biasa disebut terincag service yang secara khusus melayani makan karyawan pada perusahaan. Harum Catering terletak di daerah Tambun ini berdiri pada tahun 1993, dan didirikan dan dipimpin oleh Hj.Siti Umamah.

Hingga saat ini tercatat sudah banyak perusahaan yang bekerjasama dengan Harum Catering, seperti Mayora, Nihon, Sosro, dan Fukusuke. Dengan motto perusahaan Better Taste, Better Serve Harum Catering selalu memberikan yang terbaik untuk konsumen.

2.1.2 Struktur Organisasi Perusahaan

Perusahaan Harum Catering memiliki beberapa divisi yang menunjang dalam menjalankan roda bisnis perusahaan. Pipmpinan perusahaan mengepalai divisi Marketing, Keuangan, Dapur, dan Akomodasi. Struktur organisasi perusahaan dapat dilihat di gambar 2.1

✆ ✝✞✝ ✟ ✠✡skripsi Jabatan

Berikut deskripsi jabatan, tugas dari struktur organisasi dari Harum Catering:

1. Pimpinan

Pimpinan merupakan pemilik modal sekaligus manager yang bertugas mengelola dan mengontrol.

2. Marketing

Bertugas mencari konsumen dengan menyebarkan proposal. 3. Keuangan

Keuangan merupakan bagian yang bertanggung jawab dalam pembuatan laporan.

4. Div. Dapur

Divisi ini bertugas untuk mempersiapkan bumbu-bumbu dasar dan mengolah masakan sesuai pesanan ataupun sesuai daftar menu harian. 5. Div. Akomodasi

Divisi yang ditugaskan untuk menyiapkan peralatan masak, serta mempersiapkan kebutuhan operasional.

2.2 Landasan Teori 2.2.1 Basis Data

Basis data terdiri dari dua kata, yaitu basis dan data. Basis dapat diartikan sebagai markas, gudang atau tempat penyimpanan. Data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia, hewan, peristiwa, konsep, keadaan, dan sebagainya, yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi atau kombinasinya. Basis data merupakan himpunan kelompok data yang saling berkaitan dan tempat untuk menampung dan mengorganisasikan seluruh data yang ada dalam sistem, sehingga dapat dieksplorasi untuk menyusun informasi informasi dalam berbagai bentuk.

Prinsip utama basis data adalah pengaturan data atau arsip dengan tujuan utama untuk kemudahan dan kecepatan dalam pengambilan kembali data atau

arsip tersebut. Dapat disimpulkan bahwa basis data memiliki kesamaan fungsi dan prinsip kerja dengan lemari arsip, perbedaannya hanya terletak pada media penyimpanan yang digunakan.

☛ ☞☛☞ ✌☞✌ Jenis-Jenis Basis Data

Menurut pengaksesannya, basis data dibedakan menjadi empat jenis yaitu: 1. Basis data individu

Basis data individu adalahh basis data yang digunakan oleh perseorangan. Biasanya basis data seperti ini banyak dijumpai dilingkungan PC, Visual dBASE, Corel Paradox, dan Filemaker Pro merupakan contoh perangkat lunak yang biasa digunakan untuk mengelola basis data untuk kepentingan pribadi.

2. Basis data perusahaan

Basis data perusahaan adalah basis data yang dimaksudkan untuk diakses oleh sejumlah pegawai dalam sebuah perusahaan dalam sebuah lokasi.Basis data seperti ini disimpan dalam sebuah server dan para pemakai dapat mengakses dari masing-masing komputer yang berkedudukan sebagai client 3. Basis data terdistribusi

Basis data terdistribusi adalah basis data yang disimpan pada sejumlah komputer yang terletak pada beberapa lokasi. Model seperti ini banyak digunakan bank yang memiliki sejumlah cabang di berbagai kota dan melayani transaksi perbankan yang bersifat online.

2.2.2 Internet

Internet adalah himpunan informasi dan sumber daya komputer yang paling besar di dunia. Internet merupakan koneksi berbagai macam jaringan komputer dengan berbagai jenis hardware dan teknologi yang berbeda. Komunikasi yang dibangun pada jaringan internet menggunakan mekanisme tertentu yang disebut dengan protokol. Protokol yang digunakan untuk menjalankan komunikasi antar jaringan komputer pada internet ini adalah Transmission Control Protocol/InternetProtocol (TCP/IP). Dengan menggunakan

protokol yang sama yaitu TCP/IP, perbedaan jenis komputer dan sistem operasi tidak menjadi masalah.

TCP/IP pada awal perkembangannya digunakan oleh Defense Advanced Research Project Agency (DARPA) untuk membangun jaringan untuk keperluan militer. Nama TCP/IP sendiri diambil dari nama protokol pada layernetworkyaitu Internet Protocol (IP) dan protokol pada layer transfort yaitu Transmission Control Protocol (TCP). Dengan mengacu pada nama ini, TCP/IP internet kemudian sering disebut sebagai Internet.

Gambar 2.2 Lapisan Layer Internet

TCP/IP terdiri dari empat lapis kumpulan protokol yang bertingkat. Empat tingkat itu adalah :

1. Application Layer, yaitu layer yang bertanggung jawab terhadap aplikasi-aplikasi yang menggunakan TCP/IP.

2. Transport Layer, yaitu layer yang bertanggung jawab memberikan layanan pengiriman data dari satu node ke node yang lain.

3. Internet Layer, yaitu layer yang menentukan jenis datagram dan menangani perutean data yang dikirim.

4. Network Interface Layer, yaitu layer yang bertanggung jawab untuk mengirim dan menerima data pada media fisik transmisi yang digunakan.

Proses yang terjadi pada internet mempunyai mekanisme yang telah diatur berdasarkan protokol standar. Proses yang terjadi di internet adalah ada satu program yang meminta kepada program yang lain untuk memberikan suatu layanan. Dua program tersebut dapat terletak dalam subnet yang sama ataupun berbeda. Komputer dengan program yang meminta layanan disebut dengan client sedangkan yang memberikan layanan disebutserver.

Gambar 2.3 Model Client-Server Kegunaan internet yang utama antara lain:

1. Fungsi Komunikasi

Internet adalah alat komunikasi, kegunaan yang sangat penting dari internet adalah pertukaran pesan dengan menggunakan electronik mail (e-mail)ataupunmessenger.

2. FungsiResource Sharing

Dengan internet, kita dapat mencari software, data, gambar, video, dll dari ribuan titik distribusi di seluruh dunia.

3. Fungsi Komunitas

Masyarakat pengguna internet dapat berhubungan dan membuat komunitas tertentu.

2.2.3 Web Server

Web server adalah server internet yang mampu melayani koneksi transfer data dalam protokol HTTP. Web server dirancang untuk melayani bahasa jenis Proses yang terjadi pada internet mempunyai mekanisme yang telah diatur berdasarkan protokol standar. Proses yang terjadi di internet adalah ada satu program yang meminta kepada program yang lain untuk memberikan suatu layanan. Dua program tersebut dapat terletak dalam subnet yang sama ataupun berbeda. Komputer dengan program yang meminta layanan disebut dengan client sedangkan yang memberikan layanan disebutserver.

Gambar 2.3 Model Client-Server Kegunaan internet yang utama antara lain:

1. Fungsi Komunikasi

Internet adalah alat komunikasi, kegunaan yang sangat penting dari internet adalah pertukaran pesan dengan menggunakan electronik mail (e-mail)ataupunmessenger.

2. FungsiResource Sharing

Dengan internet, kita dapat mencari software, data, gambar, video, dll dari ribuan titik distribusi di seluruh dunia.

3. Fungsi Komunitas

Masyarakat pengguna internet dapat berhubungan dan membuat komunitas tertentu.

2.2.3 Web Server

Web server adalah server internet yang mampu melayani koneksi transfer data dalam protokol HTTP. Web server dirancang untuk melayani bahasa jenis Proses yang terjadi pada internet mempunyai mekanisme yang telah diatur berdasarkan protokol standar. Proses yang terjadi di internet adalah ada satu program yang meminta kepada program yang lain untuk memberikan suatu layanan. Dua program tersebut dapat terletak dalam subnet yang sama ataupun berbeda. Komputer dengan program yang meminta layanan disebut dengan client sedangkan yang memberikan layanan disebutserver.

Gambar 2.3 Model Client-Server Kegunaan internet yang utama antara lain:

1. Fungsi Komunikasi

Internet adalah alat komunikasi, kegunaan yang sangat penting dari internet adalah pertukaran pesan dengan menggunakan electronik mail (e-mail)ataupunmessenger.

2. FungsiResource Sharing

Dengan internet, kita dapat mencari software, data, gambar, video, dll dari ribuan titik distribusi di seluruh dunia.

3. Fungsi Komunitas

Masyarakat pengguna internet dapat berhubungan dan membuat komunitas tertentu.

2.2.3 Web Server

Web server adalah server internet yang mampu melayani koneksi transfer data dalam protokol HTTP. Web server dirancang untuk melayani bahasa jenis

data, mulai dari text, hypertext, gambar (image), suara, plug-in, dan lain sebagainya.

✍ ✎✍✎ ✏ Domain Name Server(DNS)

Untuk mengidentifikasi suatu entitas, protokol TCP/IP menggunakan alamat IP. Namun apabila dalam aplikasi setiap orang harus menghafal alamat IP untuk melakukan komunikasi bisa berakibat timbulnya kesulitan untuk mengingat. Apalagi jika perkembangan internet sudah demikian pesat. Untuk itu protokol TCP/IP memiliki suatu metode untuk membuat suatu map yang menterjemahkan nama kepada alamat IP atau sebaliknya. Metode ini disebut juga sebagaiDomain Name Server(DNS).

Domain Name Server (DNS) adalah distribute database system yang digunakan untuk pencarian nama komputer (name resolution) di jaringan yang mengunakan TCP/IP (Transmission Control Protocol/Internet Protocol). DNS biasa digunakan pada aplikasi yang terhubung ke Internet seperti web browser atau e-mail, dimana DNS membantu memetakan host name sebuah komputer ke IP address. Selain digunakan di internet, DNS juga dapat di implementasikan ke private networkatau intranet dimana DNS memiliki keunggulan seperti:

1. Mudah, DNS sangat mudah karena user tidak lagi direpotkan untuk mengingat IP address sebuah komputer cukup host name (nama Komputer).

2. Konsisten, IP address sebuah komputer bisa berubah tapi host name tidak berubah.

2.2.5 Website

Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponent atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:

 Website✑✒ ✓t is

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.

 Website✔✒ ✕in is

Merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit content dari website. Contoh umum mengenaiwebsite dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya.

 Website✖ ✗✘tr✒✙ti✚

Salah satu contohwebsite interaktif adalah blog dan forum. Di website ini user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.

✛✜ ✛✜✢ World Wide Web(WWW)

World Wide Web (www) merupakan suatu sistem penyedia informasi dengan skala yang besar yang mengelola informasi tersebut secara terdistribusi dalam internet dengan menggunakan teknologi hypermedia. www mempunyai empat karakteristik yaitu:

1. Dukunganinterfaceyang terintegrasi

www menyediakan suatu interface yang terintegrasi terhadap protokol, format data, sistem pengalamatan, dan lain-lain sehingga berbagai macam layanan dan basis data yang ada di internet dapat diakses secara langsung.

2. Kemudahan pada sisi pengguna

www mendukung secara transparan sebagian besar aplikasi-aplikasi yang terdapat di internet seperti layanan telnet, gopher,anonymous ftp, finger, dan lain - lain. Kombinasi layanan ini memberikan user interface yang terintegrasi dengan aplikasi - aplikasi internet yang lain.

3. Kemudahan dalam perkembangan

Kapabilitas server www dapat dikembangkan secara mudah dengan menggunakan standar PHP antara server www dengan alplikasi yang lain. Program PHP juga memungkinkan perubahan informasi secara dinamis yang dapat diperoleh secarareal time.

4. Tidak tergantung padaplatformtertentu

www memungkinkan seseorang dapat membangun server www di berbagai sistem yang berlainan dan memberikan informasi dalam bentuk hypermedia. www tidak didesain untuk mendukung sistem tertentu.

Www menggunakan standar untuk mencapai konsistensi dalam menghasilkan dan melakukan transfer informasi. www menggunakan HTML sebagai standar produksi informasi dengan menggunakan Hypertext Transfer Protocol (HTTP) sebagai standar transfer informasi. www menggunakan standar penamaan yang disebut denganUniversal Resource Locator(URL) untuk mendukung penyediaan informasi secara universal dalam server yang terdistribusi.

✣ ✤✣✤ ✥ Hyper Text Transfer Protocol(HTTP)

HTTP merupakan sebuah protokol yang didesain untuk mentransfer informasi dalam bentuk hypermedia antara server dengan sebuah client. HTTP juga mentransfer data suatu informasi melalui header-nya. Header HTTP ini merupakan bentuk pengembangan dari Multipurpose Internet Mail Extentions (MIMEs). Pengembangan ini memungkinkan HTTP untuk men-transfer informasi dalam bentuk biner dan informasi dalam bentuk yang tidak standar yang berhasil dinegosiasi antara server dan client. Secara umum, delay akan terjadi pada saat melakukan suatu negosiasi sebelum proses transfer data. Karena lama dari delay yang disebabkan oleh overhead akan menjadi relative lebih besar pada transfer data yang sebetulnya singkat.

HTTP merupakan protokol yang sederhana yang didesain untuk mereduksi delay. HTTP merupakan protokol yang bersifat stateless, sehingga server akan memproses setiap request dari user secara terpisah dari request yang lain, independen terhadap request yang sebelumnya. HTTP menggunakan 8 bit untuk mentransfer semua tipe data yang mungkin.

Mekanisme yang terjadi pada HTTP bila suatu client menginginkan layanan dari server dibagi dalam 4 langkah, yaitu:

1. Connection Setup

Client mengakses sebuah server dengan menggunakan internet address dan portnumber.Defaultdariportnumberadalah 80.

2. Request

Client mengirimkan message berupa informasi dari metode transaksi dan kapabilitas client.

3. Response

Server mengirimkan response kepada client sesudah client itu menyelesaikan request-nya.Response messagemeliputi informasi dari transaksi dan data yang diminta.

4. Connection Release

Clientmengakhiri koneksi keserver.

Gambar 2.4 Proses Koneksi Protokol HTTP antaraclientserver

✦ ✧✦✧ ★ ✩on✪ ✫p✬ ✫r✭ ✮✯✭✮✰✭ ✮✱ist✫m

Tahap perancangan disebut juga tahap pemecahan masalah, yaitu dengan menyusun suatu algoritma, alur sistem, masukan, prosedur proses, keluaran, dan database. Proses perancangan diperlukan untuk menghasilkan suatu rancangan sistem yang baik, karena dengan rancangan yang tepat akan menghasilkan sistem yang stabil dan mudahdikembangkan di masa mendatang. Berikut ini akan dijelaskan rangkaian atau ruang lingkup sistem yang akan dirancang dengan memanfaatkan alat bantu seperti:

✲ ✳✲✳ ✴✳ ✵✶i✷✸ ✹✷m✺✻ontks

Diagram konteks merupakan pola penggambaran yang berfungsi untuk memperlihatkan interaksi tersebut dengan lingkungan dimana sistem tersebut ditempatkan. Dalam diagram konteks, sistem dianggap sebuah objek yang tidak dijelaskan secara rinci karena yang ditekankan adalah interaksi sistem dengan lingkungan yang akan mengakses.

✲ ✳✲✳ ✴✳✲ ✶✷✼ ✷Flow Diagram (DFD)

Data Flow Diagram (DFD - DAD/Diagram Alir Data) memperlihatkan hubungan fungsional dari nilai yang dihitung oleh sistem, termasuk nilai masukan, nilai keluaran, serta tempat penyimpanan internal. DAD adalah gambaran grafis yang memperlihatkan aliran data dari sumbernya dalam objek kemudian melewati proses yang mentransformasinya ke tujuan yang lain, yang ada pada objek lain. DAD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangan lingkungan fisik dimana data tersebut mengalir. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang tersektruktur (structured analysis and design). DFD merupakan alat yang cukup populer untuk sekarang ini, karena dapat menggambarkan arus data di dalam sistem dengan terstruktur jelas.

Beberapa simbol yang digunakan dalam Data Flow Diagram (DFD) antara lain :

1. ExternalEntity(kesatuan luar) atauboundary

Setiap sistem pasti mempunyai batasan sistem (boundary) yang memisahkan suatu sistem dengan lingkungan luarnya. Sistem akan menerima input dan menghasilkan output kepada lingkungan luarnya. Kesatuan luar (externalentity) merupakan kesatuan (entity) di lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada dalam lingkungan luarnya yang akan memberikan input atau menerima output dari sistem.

2. Data Flow(Arus Data)

Arus data (dataflow) di DFD diberi simbol suatu panah. Arus data ini mengalir diantara proses (process), simpanan data (datastrore) dan kesatuan luar (externalentity). Arus data ini menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem. 3. Process(Proses)

Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau kompuiter dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses. Untuk physical data flow diagram(PDFD), proses dapat dilakukan oleh orang, mesin atau komputer, sedangkan untuk logical data flow diagram (LDFD), suatu proses hanya menunjukan proses dari komputer. Setiap proses harus diberi penjelasan yang lengkap meliputi identifikasi proses, nama proses dan pemroses.

4. Data Store(Simpanan Data)

Simpanan data (data store) merupakan simpanan dari data yang dapat berupa, yaitu suatu file atau databases di sistem komputer, suatu arsip atau catatan manual, suatu kotak tempat data di meja seseorang, suatu tabel acuan manual, dan suatu agenda atau buku.

✽ ✾✽✾ ✿✾ ❀❁i❂❃ ❄❂m❅ -R

ERD adalah peralatan yang berfungsi untuk menggambatakan relasi atau hubungan dari dua file atau dua tabel yang dapat digolongkan tiga macam bentuk relasi, yaitu satu-satu (1 1), satu-banyak (1 N), banyak-banyak (N N). Model entity relationship yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut yang mempresentasikan seluruh fakta yang kita tinjau digambarkan lebih sistematis dengan menggunakan Diagram E-R. Pembuataan Diagram E-R meliputi tahap-tahap berikut:

a. Mengidentifikasi dan menetapkan seluruh himpunan entitas yang akan terlihat.

c. Mengidentifikasikan dan menetapkan seluruh himpunan relasi diantara himpunan entitas-himpunan entitas yang ada beserta foreignkey yang terdapat pada relasi tersebut.

d. Menentukan derajat atau kordinalitas relasi untuk setiap himpunan relasi. e. Melengkapi himpunan entitas dan himpunan relasi dengan atribut-atribut

deskriptif (nonkey).

❆ ❇❆❇ ❈❇ ❉❊❋mus ● ❋❍ ❋

Kamus data adalah peralatan yang ikut berperan dalam perancangan dan membangun sistem informasi karena berfungsi untuk menjelaskan artialiran data dan penyimpanan dalam penggambaran pada data flow diagram, mendeskripsikan komposisi paket data yang bergerak melalui aliran, dan menjelaskan spesifikasi nilai dan satuan yang relevan terhadap data yang mengalir dalam sistem tersebut.

❆ ❇❆❇ ■ ❏inj❋❑❋▲▼◆r❋▲❋ ❍gk ❖un❋P ❆ ❇❆❇ ■❇◗❘ySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (database management system) atau DBMS yang multithread,multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunanya tidak cocok dengan pengguna GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael Monty Widenus.

MySQL adalah Relational Database Management System (RDMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk meggunakan MySQL, namun tidak boleh

dijadikan produk turunan yang bersifat closed source atau komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Languange). SQL adalah sebuah konsep pengoprasian database, terutama untuk pemulihan atau seleksi dan pemasukan data, yang memungkinkan pengoprasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkandatabase serverlainya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan queryMySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase. Selain itu MySQL juga memiliki beberapa keistimewaan, antara lain :

1. Protability

MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows,Linux, FreeBSD, Mac Os X Server, Solaris, Amigan, dan masih banyak lagi.

2. Open Source

MySQL didistribusikan secara gratis, dibawah lisensi GPL sehingga dapat digunakan secara percuma-cuma.

3. Multiuser

MySQL dapat digunakan oleh berberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning

MySQL memiliki kecepatan yang menakjubkan dalam mengenai query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Column type

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned integer, float, char, double, text, date, timestamp, dan lain-lain.

6. Commanddanfunctions

MySQL memiliki operator fungsi secara penuh yang mendukung perintah selectdanwheredalamquery.

7. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail sertapasswordterenkripsi.

8. Scabilitydanlimits

MySQL mampuh menangani database dalam skala besar, dengan jumlah recordlebih dari 50 juta 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya. 9. Connectivity

MySQL dapat melakukan koneksi dengan client menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).34

10.Localization

MySQL dapat mendeteksi pesan kelasalahan pada client dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk didalamnya.

11.Interface

MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemograman dengan menggunakan fungsi API (Application Programming Interface).

12.Clientdantools

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

13. Struktur tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainya semacam PostgreSQL ataupun Oracle.

❙ ❚❙❚ ❯❚❙ ❱❲obe Dreamweaver

Adobe Dreamweaver adalah HTML editor profesional yang berfungsi mendesain, melakukan coding dan mengembangkan website yang paling terkenal di dunia web. Adobe adalah produsen software website yang paling besar di dunia. Selain dreamweaver, adobe juga mengeluarkan produk seperti adobe flash, coldfusion, photoshops, director dan sebagainya.

Salah satu kelebihan dreamweaver adalah ruang kerja dreamweaver beserta tool yang tersedia dapat digunakan dengan sangat mudah dan cepat, sehingga anda bisa membangun suatu website dengan cepat dan tanpa harus melakukan coding. Selain itu dreamweaver juga mempunyai integrasi dengan produk adobe lainnya, seperti Flash, Firework, flash sudah sangat terkenal sebagai program untuk membuat animasi yang berbasis web. Dengan perkembangan kebutuhan dan teknologi, flash akhir-akhir ini juga digunakan untuk membuat animasi untuk video.

Fungsicodingdreamweaver tidak hanya mendukungcodingHTML, tetapi juga CSS (cascading style sheet), javascript, coldfusioni, ASP (active server page), JSP (java server pages) dan dreamweaver juga memunginkan anda membangun website dengan server berbahasa CFML (cold fusion markup language), ASP.net, JSP dan PHP.

2.2.9.3 XAMPP

XAMPP adalah suatu bundel web server yang populer digunakan untuk coba-coba karena kemudahan instalasinya. Bundel program open source tersebut berisi antara lain server web Apache, interpreter PHP, dan basis data MySQL. Setelah menginstal XAMPP, kita bisa memulai pemrograman PHP di komputer sendiri maupun mencoba menginstall aplikasi-aplikasi web.

2.2.10 Bahasa Pemrograman yang Digunakan 2.2.10.1 PHP (Personal Home Page)

PHP adalah salah satu bahasa server-side yang didesain khusus untuk aplikasi web. PHP dulunya merupakan proyek pribadi dari Rasmus Lerdorf

(dengan dikeluarkannya php versi 1) yang digunakan untuk membuat home page pribadinya. Versi pertama ini berupa kumpulan script PERL. Untuk versi keduanya, Rasmus menulis ulang script-script PERL tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk form html dan koneksi MYSQL. Adapun PHP didapat dari singkatanPersonal Home Pages.

PHP merupakan bahasa script yang dapat digunakan untuk membuat halaman web yang dinamis. Dinamis berarti halaman yang ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru. Semua script PHP dieksekusi pada server dimana script tesebut dijalankan. Oleh karena itu, spesifikasi server lebih berpengaruh pada eksekusi dari script PHP daripada spesifikasi client. Namun tetap diperhatikan bahwa halaman web yang dihasilkan tentunya harus dapat dibuka oleh browser pada client.

PHP masuk kedalam kategori server-side scripting dimana browser pada client tidak lagi bertanggung jawab dalam menjalankan kode-kode PHP, melainkanwebserverproses ini diilustrasikan kedalam gambar berikut.

Gambar 2.5 PHP Interpreter

Pertama-tama web browser pada client me-request sebuah file (1). Dalam kasus ini bagaimanapun juga file yang di-request ber-ekstensi/berakhiran .php (contoh: File.php), tanda bawah didalam file tersebut terkandung kode-kode PHP yang perlu diproses olehserver. Webservermengenali file ini dan tidak mengirim file tersebut langsung kebrowser, tetapi dikirim ke PHP scripting engine (2) (mesin pengolah kode-kode PHP). PHP engine merupakan komponen perangkat

lunak dari server yang mampu mengartikan kode-kode PHP dan memberikan output dalam kode HTML. Setiap kode PHP dapat memberikan output kode HTML yang berbeda, tergantung pada jenis request dari client (browser). Proses tersebut membangkitkan halaman HTML secara dinamis lalu dikirimkan kembali ke client (browser) untuk merespon terhadap request yang sebelumnya telah dikirimkan.

Pemograman disisi server biasanya digunakan untuk membuat sebuah websiteyang interaktif yang dihubungkan ke dalam basis data atau data store lain.

❳ ❨❳❨ ❩❬ ❨❳ ❭ ❪ ❫❴ (Hypertext Markup Language)

Untuk menyediakan informasi terdistribusi dalam suatu bentuk yang terintegrasi, diperlukan suatu standar untuk mengekspresikan informasi. HTML merupakan bahasa yang digunakan oleh WWW untuk kosistensi ekspresi suatu informasi. Sebuah dokumenthypermediameliputi teks, gambar, suara, video, dan tape, informasi yang lainnya. HTML juga dapat menghubungkan informasi dalam dokument yang berbeda. Bahasa HTML bersifat indenpenden terhadap platform sehingga dapat digunakan tanpa adanya batasan dari jenis hardware maupun software.

2.2.10.3 Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator2. Pada masa itu bahasa ini banyak di kritik kurang aman, pengembangannya yang terkesan buru-buru dan tidak ada pesan kesalahan yang ditampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembangan bahasa pemograman Java ) pada masa itu, maka Netscape memberikan nama JavaScript kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai Jscript di browser Internet Explorer 3.

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu document HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip yang pertama untuk web. Bahasa ini adalah bahasa pemograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah-perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Javascript bergantung kepada browser (navigator) yang memanggil halaman web yang berisi skrip-skrip dari Javascripti dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penerjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk ke dalam browser tersebut). Lain halnya dengan bahasa Java (dengan nama Javascript selalu dibanding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/client.

Javascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak mungkin menyembunyikan kode skrip yang kita tulis, kode langsung di tulis di dalam dokumen HTML, satu mesin virtual di isi user yang bertanggung jawab untuk menterjemahkan program di dalam applet tersebut dipanggil oleh browser. Dibandingkan dengan applet java yang cukup lambat dibuka oleh browser, biasa kita katakan bahwa javascript cukup cepat dipanggil (di-load) oleh navigator. Javascript sendiri merupakan bahasa yang mudah dipahami, dalam artian diperlukan skill novice atau dasar untuk mengerti bahasa ini, jika anda sudah terbiasa dan mengenal konsep bahasa pemograman visual, maupun Java ataupun C, akan sangat mudah untuk memahami konsep Javascript.

Javascript adalah bahasa yang casesensitive artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil, contoh variabel atau fungsi dengan nama TEST berbeda dengan variabel dengannama test. Dan yang terakhir seperti bahasa Java maupun C, setiap instruksi diakhiri dengan karakteristik titik koma (;).

❜❝ ❜❞ ❞❞

❝❡❝❢ ❞ ❣❞ ❣❤❝❡✐❥ ❦❝❡ ❧❝❡G❝❡❣❞ ❣♠ ❥ ♥

♦♣qr st✉ s✈✇①②③ s✐② s④⑤①④

⑥⑦⑧⑨⑩ ❶⑨❷⑨⑨❷ ⑩ ⑦ ❸❹⑨ ❺⑨❷ ⑩ ⑦❻❼⑨ ❽❻⑨⑩❺⑦⑩ ❾ ❹⑧⑨⑩ ❿⑩⑨❷ ❽⑨ ❾⑨ ❺⑨❷❸ ❸⑨⑧ ➀➁ ❼ ❿⑧ ❹ ➂➃ ➀ ➀ ❶⑨➄❽⑨ ❹ ➀➁ ➅❸ ❿❶ ❺❿❶ ➂➃➀➀ ❾❹ ➆ ➇. ➈⑨❻ ❿➄ ➆⑨ ❺⑦❻ ❹❷ ❸ ❶⑦⑧⑨➄⑨ ➀ ➂ ➉⑨ ❻ ❹. ⑥⑨ ❾⑨ ❼⑨❷❸⑩⑨ ➊⑨⑩❺❿❺⑦❻ ❶⑦➋❿ ❺❾ ❹⑧⑨⑩ ❿⑩⑨❷❽⑦❷ ❸❿➄❽ ❿⑧⑨❷❾⑨ ❺⑨➌⑨❷❸❾❹➋❿❺❿➉⑩ ⑨❷❿❷❺❿⑩ ❽⑦➄➋⑨❷ ❸❿❷⑨ ❷ ➍➎➏ ➐ ➑➒➎ ➈⑨❻❿➄➆⑨ ❺⑦❻ ❹❷❸.

♦♣➓❝➔s ✈→➣ →➣ ♥s➣ s ✈s↔

↕⑦❻ ❿ ❽⑨⑩ ⑨❷ ❺⑨➉⑨ ❽ ➄⑦❷❸ ❿❻⑨ ❹⑩ ⑨❷ ❶⑦⑧ ❿❻ ❿➉ ⑩ ⑦➋❿ ❺❿➉⑨❷ ➌⑨❷❸ ❾❹❸❿❷⑨⑩ ⑨❷ ❿❷❺❿⑩ ➄⑦❷ ❸ ❸⑨➄ ➋⑨❻⑩ ⑨❷ ⑩⑦➋❿❺❿➉⑨❷ ❶⑦ ➙⑨❻⑨ ❾⑦ ❺⑨ ❹⑧ ❾⑦❷ ❸⑨❷ ❺❿❼ ❿⑨❷ ❿❷❺❿⑩ ➄⑦❷ ❸➉⑨ ❶ ❹⑧⑩⑨❷ ❶⑦ ❶ ❿⑨ ❺❿➌⑨❷❸➋⑨❻❿⑨ ❺⑨ ❿➄⑦➄❽⑦❻➋⑨➉⑨❻ ❿ ❹

➛⑦ ➙⑨❻⑨ ❿➄❿➄ ⑨❷⑨⑧ ❹❶ ❹❶ ➌⑨❷❸ ⑨⑩⑨❷ ❾❹⑧⑨⑩❿⑩ ⑨❷ ⑨ ❾⑨⑧⑨➉ ➄⑦❷ ❸⑦❷⑨ ❹ ➋⑨➉⑨ ❶⑨ ❽⑦➄❻➜❸❻ ⑨➄⑨❷ ➌⑨❷❸❾ ❹❸❿❷⑨⑩ ⑨❷➋⑦ ❶⑦❻ ❺⑨ ➒➝ ➝➞➐➟ ➒➝ ➝➞➐⑨ ❽⑨ ❶⑨❼⑨ ➌⑨❷❸❾❹➋❿❺❿➉⑩ ⑨❷ ❿❷❺❿⑩ ➄⑦➄➋⑨❷ ❸❿❷ ➍➎➏ ➐ ➑➒➎ ❹❷ ❹. ➅❷⑨⑧ ❹❶ ❹❶ ⑧❹❷❸⑩❿❷❸⑨❷ ❾⑨❻ ❹ ❶ ❹❶ ❺⑦➄ ➄⑦❷❸❿❻ ⑨ ❹⑩⑨❷ ❶⑦❼ ❿➄⑧⑨➉ ⑦❷❺❹❺⑨ ❶ ➌⑨❷❸ ⑨ ❾⑨ ➉❿➋❿❷❸⑨❷❷➌⑨ ❾⑦❷ ❸⑨❷ ❶ ❹❶ ❺⑦➄ ❾⑨❷ ➋⑦❻ ❽⑦❷ ❸⑨❻ ❿➉ ❺⑦❻➉⑨ ❾⑨ ❽ ❶ ❹❶ ❺⑦➄. ➅❷ ⑨⑧ ❹❶❹❶ ❶ ❹❶❺⑦➄ ➄⑦❷ ❸ ❿❻ ⑨ ❹⑩⑨❷ ❽❻➜❶⑦ ❶-❽❻➜❶⑦ ❶ ❾⑨❷ ❾⑨ ❺⑨-❾⑨ ❺⑨ ➌⑨❷ ❸ ❺⑦❻⑧ ❹➋⑨ ❺ ❾ ❹❾⑨⑧⑨➄ ❶ ❹❶ ❺⑦➄. ➠⑦❻ ❹⑩❿❺❹❷❹➋⑦➋⑦❻ ⑨ ❽⑨❽⑦❻➄⑨ ❶⑨⑧⑨➉⑨❷ ➌⑨❷ ❸⑨ ❾⑨ ❽⑨ ❾⑨❶ ❹❶ ❺⑦➄ ❶⑨⑨ ❺❹❷ ❹➡

➀➢ ↕⑨ ❶ ❹➉ ➄⑦❷ ❸ ❸❿❷ ⑨⑩ ⑨❷ ❶❹❶ ❺⑦➄ ❽⑦➄⑨ ❶⑨❻ ⑨❷ ❾⑦❷❸⑨❷➄⑦ ❺➜❾⑦➌⑨ ❷ ❸ ❺⑦❻➋⑨ ❺⑨ ❶❶⑦❻ ❺⑨ ❽⑦❷➌⑨➄❽⑨ ❹⑨❷ ❹❷ ➤➜❻➄⑨ ❶ ❹ ❾⑦❷ ❸⑨❷ ❽⑦❷❸⑨❼ ❿⑨❷ ❽❻➜❽➜❶⑨⑧ ⑩ ⑦ ❽⑨ ❾⑨ ⑩➜❷❶ ❿➄⑦❷. ➆⑨❻⑨❺⑦❻❶⑦➋❿ ❺➄⑦➄ ➋❿ ❺❿➉⑩⑨❷➋❹⑨➌⑨❶⑦❻ ❺⑨❺⑦❷⑨ ❸⑨⑧⑦➋❹➉➢

➂➢ ➛❹❶ ❺⑦➄ ❽⑦➄⑨ ❶⑨❻ ⑨❷ ➌⑨❷ ❸ ❾❹ ❸❿❷ ⑨⑩⑨❷ ❶⑨⑨ ❺ ❹❷❹ ➄⑨ ❶ ❹➉ ➋⑦⑧ ❿➄ ➄⑨➄❽❿ ➄⑦❷❼⑨❷❸⑩ ⑨ ❿⑧⑦➋❹➉➋⑨❷➌⑨ ⑩⑩➜❷❶ ❿➄⑦❷ ➢

➥➢ ➦➜❷ ❶ ❿➄⑦❷ ❺❹❾⑨⑩ ➋❹❶⑨ ⑧⑨❷ ❸❶ ❿❷❸ ➄⑦⑧ ❹➉⑨ ❺ ➄⑦❷❿ ➄⑨⑩⑨❷ ⑨❷ ❶⑦ ➙⑨❻⑨ ➜❷ ⑧ ❹❷⑦ ❾ ❹⑩⑨❻⑦❷ ⑨⑩ ⑨❷❽⑦❻ ❿ ❶⑨➉⑨⑨❷➋⑦⑧ ❿➄➄⑦➄❹⑧ ❹⑩ ❹❶ ❹❶ ❺⑦➄❽⑦➄⑨ ❶⑨❻⑨❷❶⑦ ➙⑨❻⑨➜❷ ⑧ ❹❷⑦.

♦♣ ♦❝➔s✈→➣ →➣ ❣→➣⑤ ①➧➨s➔➩❣①t s ➔➩❜①②③ s ✈s➔

➠⑦❻ ❾⑨ ❶⑨❻⑩ ⑨❷ ➉⑨ ❶ ❹⑧ ➊⑨➊⑨❷➙⑨❻⑨ ❾⑦❷❸⑨❷ ❽❹➉⑨⑩ ➈⑨❻ ❿➄ ➆⑨ ❺⑦❻❹❷ ❸, ❽❻➜❶⑦ ❾❿❻ ❽⑦➄⑨ ❶⑨❻⑨❷ ➌⑨❷ ❸❶⑦ ❾⑨❷❸➋⑦❻ ❼⑨⑧⑨❷ ❾ ❹➈⑨❻ ❿➄➆⑨ ❺⑦❻❹❷ ❸⑨ ❾⑨⑧⑨➉❶⑦➋⑨ ❸⑨ ❹➋⑦❻ ❹⑩❿❺➡

➯ ➲ ➳➵➸ ➺➻ ➼➽➸ ➾➚➪➚➸ ➶ ➹➚➸ ➶ ➺➻ ➸➶ ➘➽ ➪➽ ➼➴➚➪ ➷➚➬➻➼ ➮➚➪➽➬➱➸ ➶ ➻ ➸➪➻➘ ➾➚➴➚➪ ➼➽➹ ➱✃➚➪➴➚➘➽➪ ➼➽➸ ➻❐➚➸ ➶➾➱➪➚❒➚➬➘➚➸➵➹➽✃➷➚➬➻ ➼➮➚➪➽➬➱➸ ➶.

❮ ➲ ❰➽➬➻➺➚✃➚➚➸➼➽➹➚➘➻➘➚➸➴➽ ➼➚ ➺➚➬➚➸➴ ➬➵➾➻➘➼➽➹➚➹➻➱Ï➚ ➺➚➴➽➬➱➘➹➚➸➚➸ ➾➱➼➽ ➾➱➚ Ð➽➪➚➘➲

ÑÒÓÔnÕ Ö×Ø ×s Ù×ÚÛst ÜÕ ÝÞÔ ßÕÝ àÚáâÕÖÕÝ

ã ➴➹ ➱➘➚ ➺➱ ❐➚➸ ➶ ➚➘➚➸ ➾➱ä➚➸➶➻ ➸ ➾➱➺➱➸➱ ä➽➬ä➚ ➺➱➺ ❒➽ä ➾➚➸ ä➽➬➪➻Ï➻➚➸ ➻ ➸➪➻➘ ➼➽ ➼➴ ➬➵➼ ➵➺➱➘➚➸ ➴ ➬➵å ➱➹ ➺➽➬➪➚ ➼➽➸ ➻ ❐➚➸ ➶ ➪➽➬➺➽ ➾➱➚ ➾➱ ➴➽➬➻➺➚✃➚➚➸ ➪➽➬➺➽ä➻ ➪. æ➽➬➱➘➻ ➪ ➱➸➱➚ ➾➚➹➚✃ çèéê ëìí➺➱➺➪➽ ➼❐➚➸ ➶➚➘➚➸ä➽➬Ï➚➹➚➸î

õö÷ønù úûü ûs ýþÿ ✁ ✂ù ✄☎✆ ✄✝ ✄✞ ü û✆✄ùú

✟✠ ✡☛☞✌ ☞✌✍ ✎✏✑ ✒✑ ✓ ✡✠ ✠ ✔✠✕✑ ✠ ✖ ✌☞✔✠ ✡☛✗ ✎✘✑ ✙ ✡✍✡✠ ✡✠ ✡☛☞✌ ☞✌✚ ✡✠✖✛ ☞✏✑ ✒✑ ✓✍✡✠✑ ✠ ✒✑ ✍ ✗ ✎✠ ✎✠✒✑✍✡✠ ✌✙✎✌☞✕ ☞✍ ✡✌ ☞ ✍✎✏✑✒✑✓✡✠ ✌ ☞✌ ✒✎✗. ✜✙ ✎✌ ☞✕☞✍✡✌☞ ☞✠ ☞ ✢✑✖✡ ✗ ✎☛☞✙✑✒☞ ✎☛✎✗✎✠ ✡✒✡✑ ✍✔✗✙ ✔✠ ✎✠-✍✔✗✙ ✔✠ ✎✠ ✡✙ ✡ ✌ ✡✢✡ ✚ ✡✠✖ ✛ ☞✏✑ ✒✑ ✓✍✡✠ ✑✠✒✑✍ ✌☞✌ ✒✎✗ ✚ ✡✠ ✖ ✡✍✡✠ ✛☞✏✡✠✖✑✠ ✌ ✡✗✙ ✡☞ ✛✎✠✖✡✠ ✌ ☞✌✒✎✗ ✒✎✘ ✌✎✏✑ ✒ ✛ ☞☞✗✙ ☛✎✗ ✎✠ ✒✡✌ ☞✍ ✡✠✣ ✟✠✡☛☞✌ ☞✌✍✎✏✑ ✒✑ ✓ ✡✠ ☞✠☞ ✢✑ ✖✡ ✗ ✎✠ ✎✠✒✑✍✡✠ ✌✙✎✌☞✕ ☞✍ ✡✌ ☞ ✗✡✌✑ ✍ ✡✠ ✚ ✡✠ ✖ ✛ ☞✙✎✘ ☛✑ ✍ ✡✠ ✌☞✌ ✒✎✗, ✍ ✎☛✑✡✘ ✡✠ ✚ ✡✠✖ ✡✍✡✠ ✛☞✓ ✡✌ ☞☛✍ ✡✠ ✌ ☞✌✒✎✗ ✛ ✡✠ ✙✘ ✔ ✌ ✎✌ ✚ ✡✠✖ ✛ ☞✏✑ ✒✑ ✓✍✡✠ ✑ ✠ ✒✑ ✍ ✗ ✎✠ ✖✔ ☛✡✓ ✗✡✌✑✍✡✠ ✌ ✎✓ ☞✠✖✖ ✡✗ ✎✠ ✖✓ ✡✌ ☞☛✍ ✡✠ ✌✑✡✒✑✍✎☛✑ ✡✘ ✡✠✚ ✡✠✖✛☞☞✠ ✖☞✠✍✡✠✣

õö÷ ö✤ ø ✄ùúûüûü✥þ✦ù✄✞✧ù✁ý þ✦ùü(★✩✪ ✫ ✬ ✩✪ ✭)

✮✎✘ ✡✠✖✍✡✒ ✍ ✎✘✡✌ ✚ ✡✠ ✖ ✛☞✖✑✠✡✍✡✠ ✑✠✒✑✍ ✗✎✗ ✏✡✠✖✑✠ ✌ ☞✌✒✎✗ ☞✠ ☞ ✗✎✗ ☞☛☞✍ ☞ ✌✙✎✌ ☞✕☞✍ ✡✌ ☞✌ ✎✏ ✡✖✡☞✏ ✎✘ ☞✍ ✑ ✒.

✯✣ ✰✱ ✲ ✳✴✵ ✵✲✱✶✑✡☛✷✔✘ ✎ @ 2.8 GHz. 2. ✸✹✱ ✺✻✼ ✵✽berkapasitas 320 GB. 3. ✾✿ ❀berkapasitas 1 GHz. 4. DVD✾✲❁.

5. KeyboarddanMouse.

6. Monitor VGA dengan resolusi 1024 x 768 pixel. 7. Modem untuk konektivitas internet.

õö÷ ö❂ ø ✄ùúûüûü✥þ✦ù✄✞✧ù✁❃ ✄ù✧ (❄❅ ❆❇ware)

Perangkat lunak yang digunakan untuk membangun sistem ini adalah sebagai berikut.

1. Sistem Operasi Windows XP. 2. PHP sebagai bahasa pemrograman. 3. Macromedia Dreamweaver 8. 4. XAMPP sebagaiserver localhost. 5. MySQL sebagaiDatabase.

❈❉❊ ❉ ❈ ❋n●❍■❏■s ❑▲n▼▼ ◆n●( User)

Analisis kebutuhan pengguna, bertujuan untuk mengetahui pengguna yang akan berinteraksi dengan sistem. ❖ P◗❘ ❙❚P ini dapat diakses oleh para pengunjung dan tidak memerlukan proses pendaftaran atau login terlebih dahulu. Administrator disini bertugas menyeleksi komentar yang masuk.

Pengguna yang akan menggunakan❯P◗❘ ❙❚P yang akan dibangun ini terdiri dari dua bagian yaitu ❱ ❲❳❙❨❙❘ ❚❩ ❱❚❬❩ dan pengunjung, dengan asumsi pengguna sudah terbiasa menggunakan sistem operasi windows XP adalah sebagai berikut. a❭Admin

Admin adalah bagian pengguna sistem yang mengelola seluruh data, dengan karakteristik sebagai berikut.

1. Mempunyai kemampuan dasar di bidang komputer.

2. Dapat mengoperasikan sistem operasi❪ ❙❫❩ ❬❘❬❴ ❚❖ ❙❨ ❲ ❬❯❘XP❭ 3. Memiliki pengalaman lebih lama dalam menggunakan komputer. 4. Memiliki latar belakang pendidikan minimal SMA.

b❭Pengunjung

Pengunjung adalah bagian pengguna sistem yang yang hanya dapat melihat informasi produk, dengan karakteristik sebagai berikut.

1. Mempunyai kemampuan dasar dibidang komputer. 2. Pernah membuka halaman❯P◗❘ ❙❚P.

3. Dapat mengoperasikan sistem operasi❪ ❙❫❩ ❬❘❬❴ ❚❖ ❙❨ ❲ ❬❯❘XP.

❈❉❵❋❛ ●❍■❏ ■❏❜▲ ❝◆ ❞◆ ❡●❛❢◆❛▼❏ ■❣❛ ●❍

Kebutuhan fungsional merupakan tahap perancangan pola aliran informasi yang meliputi perancangan diagram konteks, dan aliran informasi yang di representasikan dengan menggunakan❲❱❚❱❴ ❤❬ ❯❲❙❱✐❩ ❱ ❳(DFD).

❥❦❧ ❦♠ ♥♦♣q r♣stont✉✈s

Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan seluruh elemen sistem sebagai sebuah ✇ ①✇✇ ②③ tunggal dengan data④⑤⑥ ①⑦⑧⑨ ①⑦⑥ ①⑦ yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan.

Gambar 3.2 Diagram Konteks

❥❦❧ ❦⑩ ❶❷❸ ❷❹ ❺❻❼❶❽ ❷❾❿ ❷➀(♥➁ ♥)

➂➃⑦➃➄②⑨➅ ➂④➃➆➇ ➃➈(DFD) merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi.➂➃⑦➃➉②⑨➅

➋➌➍ ➌➎➌ ➏ ➐➑➐➒➓➔➓ →➏

➣↔↕ ↔➙↔ ➙ ➛➜➛➝➞➟➞ ➠➙➡➢➤ ➥➞ ➥➡➞ ➦➧➤➠➨➩ ➨➦➛ ➨➫➨➭➞ ➯➥

Gambar 3.4 DFD Level 2 Proses Pengolahan Data News

➣↔↕ ↔➙↔➣ ➛➜➛➝➞➟➞ ➠➙➡➢➤ ➥➞ ➥➲➞ ➥ ➫➳➵➤ ➦➳➨➠

➸➺➻ ➺➼➺ ➽ ➾➚➾➪➶➹➶ ➘➼➴➷➬ ➮➶ ➮➱➬ ✃❐ ❒❮❐

Gambar 3.6 DFD Level 2 Proses Pengolahan Data Contact

➸➺➻ ➺➼➺ ❰ ➾➚➾➪➶➹➶ ➘➼➴➷➬ ➮➶ ➮➪➬ ÏÐ✃

D

a

ta

lo

g

in

ÑÒÓ Ò Ñ ÔpÕÖ ×Ø ×ÙÚ Ö×ÛrÜ Ö Õs

Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari DFD akan dijelaskan pada tabel dibawah berikut.

Tabel 3.1 Spesifikasi Proses DFD

No Identifikasi

1

No Proses 1.0 Nama Proses Home Source Pengunjung Destination Pengunjung

Input Data Home

Output Info Home

Logika Proses Pengunjung melihat informasi yang ada di menu home dan merupakan tampilan awal situs

2

No Proses 2.0 Nama Proses Profil Source Pengunjung Destination Pengunjung Input data profil Output info profil Logika Proses

Pengunjung melihat informasi profil perusahaan yang ada di menu profil

3

No Proses 3.0 Nama Proses Menu Source Pengunjung Destination Pengunjung

Input data menu

Output info menu Logika Proses

Pengunjung melihat informasi menu makanan yang ditawarkan

4

No Proses 4.0 Nama Proses Sertifikat Source Pengunjung Destination Pengunjung Input data sertifikat Output info sertifikat

Logika Proses Pengunjung melihat sertifikasi yang dimiliki perusahaan 5 No Proses 5.0

Source Pengunjung, Admin Destination Pengunjung, Admin

Input data news

Output info news Logika Proses

Pengunjung dapat melihat berita terbaru di menu news. Admin dapat melakukan penambahan, pengeditan, dan penghapusan data news

6

No Proses 6.0

Nama Proses Testimonial

Source Pengunjung, Admin Destination Pengunjung, Admin Input data testimoni Output info testimoni

Logika Proses Pengunjung dapat melihat informasi yang ada di menu testimonial. Admin dapat memasukan data testimonial

7

No Proses 7.0 Nama Proses Contact

Source Pengunjung, Admin Destination Pengunjung, Admin Input data contact

Output info contact Logika Proses

Pengunjung dapat melihat dan memasukkan data komentar ke menu contact. Admin dapat menghapus dan mengedit

komentar dari pengunjung

8

No Proses 8.0 Nama Proses Login

Source Admin

Destination Admin Input data logain Output info login

Logika Proses Admin memasukkan data username dan password untuk melakukan autentikasi login

9

No Proses 5.1

Nama Proses Tambah news

Source Admin

Destination Admin

Input data tambah news Output info tambah news

Logika Proses Admin dapat menambahkan data pada menu news 10 No Proses 5.2

Source Admin Destination Admin

Input data edit news Output info edit news

Logika Proses Admin dapat mengedit data yang ada di menu news

11

No Proses 5.3

Nama Proses Hapus news

Source Admin

Destination Admin

Input data tambah testimoni Output info tambah testimoni

Logika Proses Admin dapat menghapus data yang ada di menu news

12

No Proses 5.4

Nama Proses Lihat news Source Pengunjung Destination Pengunjung Input data lihat news Output info lihat news

Logika Proses Pengunjung dapat melihat informasi yang ada di menu news

13

No Proses 6.1

Nama Proses Tambah testimoni

Source Admin

Destination Admin

Input data tambah testimoni Output info tambah testimoni Logika Proses

Admin dapat melakukan penambahan data pada menu testimoni

14

No Proses 6.2

Nama Proses Lihat testimoni Source Pengunjung Destination Pengunjung Input data testimoni Output info testimoni Logika Proses

Pengunjung dapat melihat informasi yang ada pada menu testimoni

15

No Proses 7.1

Nama Proses Tambah contact komentar Source Pengunjung

Destination Pengunjung Input data komentar Output info komentar

Logika Proses Pengunjung dapat menambahkan data komentar dengan memasukkan nama, email, dan komentar

16

No Proses 7.2

Nama Proses Edit contact komentar

Source Admin

Destination Admin

Input data edit komentar Output info edit komentar Logika Proses

Admin dapat melakukan perubahan pada data komentar pengunjung

17

No Proses 8.1 Nama Proses Verifikasi

Source Admin

Destination Admin Input data login Output data login

Logika Proses Admin memasukkan data login berisi username dan password lalu sistem melakukan verifikasi data tersebut

18

No Proses 8.2 Nama Proses Validasi

Source Admin

Destination Admin Input data login

Output info login invalid Logika Proses

Sistem melakukan validasi data login admin jika benar maka admin bisa masuk, jika tidak maka admin mendapat pesan invalid

ÝÞßàáâ ãäâãåâãr

Perancangan dimulai setelah tahap analisi terhadap sistem telah dilakukan. Perancangan dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.

ÝÞß Þæ àáâãäâ ãå â ãr çâ è és êâ ëâ

Perancangan data atau lebih dikenal dengan perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara

bersama-sama. Untuk menggambarkannya digunakan skema relasi dan perancangan struktur tabel.

ìíî íïí ï ðñòó ôõò öô÷ ø

Model data relasional merupakan model data di mana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, ke semuanya itu digambarkan ke dalam skema relasi dan diagram skema. Adapun skema relasi yang terdapat dalamù úûü ýþúHarum Catering adalah sebagai berikut:

Gambar 3.8 Skema Relasi

ìíî íïíÿ ðtruñtur ô✁ò ö

Tabel-tabel yang terdapat dalam basis data yang digunakan dalam pembangunanù úûü ýþúharum catering adalah sebagai berikut:

a. Tabel Admin

Table 3.2 Tabel Admin

No Field Type Size Keterangan

1 id_admin integer 11 ✂✄ý☎✆✄ ✝Key 2 email_admin varchar 45 Unique Key

3 nama_admin varchar 45

4 HP varchar 15

b. Tabel Komentar

Table 3.3 Tabel Komentar

No Field Type Size Keterangan

1 no integer 11 ✞✟ ✠✡☛✟ ☞Key

2 nama varchar 30

3 email varchar 30

4 komentar text

-5 status enum - yaortidak

6 log datetime

7 session varchar 45

c. Tabel Testimoni

Tabel 3.4 Tabel Testimoni

No Field Type Size Keterangan

1 no integer 11 Primary Key

2 nama varchar 30

3 jabatan varchar 30

4 perusahaan varchar 30

5 testimoni text

-6 head varchar

-d. Tabel News

Tabel 3.5 Tabel News

No Field Type Size Keterangan

1 No integer 100 Primary Key

2 Penulis varchar 30

3 Judul varchar 150

4 Berita text

5 Log datetime

✌✍✎ ✍✏ ✑✒r✓✔✕ ✓✔ ✖ ✓✔✗u✘trtur✙ ✒nu

Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat dua pengguna✚ ✛✜✢ ✣✤✛ini yaitu admin dan pengunjung. Adapun struktur menunya adalah sebagai berikut:

a. Perancangan struktur menu pengunjung

Gambar 3.9 Struktur Menu Pengunjung b. Perancangan struktur menu admin

Gambar 3.10 Struktur Menu Admin

✌✍✎ ✍ ✌ ✑✒r✓✔✕ ✓✔ ✖ ✓✔✥nt✓✦✧u✘✓

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan ✣★ ✤✛✩ ✪✫✬ ✛ dengan ✭✢ ✛✩. Spesifikasi antarmuka

terdiri dari Perancangan tampilan menu, tampilan form, tampilan pesan, dan jaringan semantik.

✮✯✰ ✯ ✮✯ ✱ ✲✳✴ ✵✶✴✵✷✴✵r ✸n✴ ✹✺t ✻✴u ✸✼✺ ✽n a. Login Admin

-Submit diklik menuju FA0 -Keluar pesan M02 Jika usename dan password salah

Gambar 3.11 Login Admin

b. Menu Utama Admin

-News diklik menuju FA4

-Komentar diklik menuju FA2 -Testimoni diklik menuju FA3 -Logout diklik keluar

c. Pengolahan Data Testimoni

-News diklik menuju FA4 -Komentar diklik menuju FA2 -Testimoni diklik menuju FA3 -Logout diklik keluar

Gambar 3.13 Pengolahan Data Testimoni

d. Pengolahan Data Komentar

-News diklik menuju FA4 -Komentar diklik menuju FA2 -Testimoni diklik menuju FA3 -Logout diklik keluar

e. Pengolahan Data News

-News diklik menuju FA4

-Komentar diklik menuju FA2 -Testimoni diklik menuju FA3 -Logout diklik keluar

Gambar 3.15 Pengolahan Data News

✾✿❀ ✿ ✾✿ ❁ ❂❃❄ ❅❆❄❅❄ ❅r ❇n❄ ❈❉t ❊❄u ❂❃❋ ●n n❍❋un a. Home

-Profil diklik menuju F02 -Menu diklik menuju F03 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07

b. Menu Profil

-Home diklik menuju F01 -Menu diklik menuju F03 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07

Gambar 3.17 Profil c. Menu Makanan

-Profil diklik menuju F02 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07 -Paket Nasi dus diklik menuju F03a

-Paket Prasmanan diklik menuju F03b

-Paket Corporate diklik menuju F03c

d. Sub Menu Nasi Dus

-Profil diklik menuju F02 -Home diklik menuju F01 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07 -Paket prasmanan diklik menuju F03b

-Paket corporate diklik menuju F03c

Gambar 3.19 Sub Menu Nasi Dus e. Sub Menu Prasmanan

-Profil diklik menuju F02 -Home diklik menuju F01 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07 -Paket Nasi Dus diklik menuju F03a

-Paket corporate diklik menuju F03c

f. Sub Menu Corporate

-Profil diklik menuju F02 -Home diklik menuju F01 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07 -Paket prasmanan diklik menuju F03b

-Paket Nasi Dus diklik menuju F03a

Gambar 3.21 Sub Menu Corporate g. Menu Sertifikat

-Profil diklik menuju F02 -Menu diklik menuju F03 -Home diklik menuju F01 -News diklik menuju F05 -Testimoni diklik menuju F06

-Contact diklik menuju F07

h. Menu News

-Profil diklik menuju F02 -Menu diklik menuju F03 -Sertifikat diklik menuju F04

-Home diklik menuju F01 -Testimoni diklik menuju F06

-Contact diklik menuju F07

Gambar 3.23 Menu News i. Menu Testimoni

-Profil diklik menuju F02 -Menu diklik menuju F03 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Home diklik menuju F01 -Contact diklik menuju F07

j. Menu Contact

-Profil diklik menuju F02 -Menu diklik menuju F03 -Sertifikat diklik menuju F04

-News diklik menuju F05 -Testimoni diklik menuju F06

-Home diklik menuju F01

Gambar 3.25 Menu Contact

■❏❑ ❏ ■❏■ ▲▼◆ ❖P◆❖◗◆❖r ❘n◆ ❙❚t ❯◆u ▲▼ ❱◆❖

Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplkasi ❲ ❳❨ ❩❬❭❳ Harum Catering. Adapun tampilan pesan yang ada adalah sebagai berikut :

❪❫❴ ❫ ❪❫ ❵ ❛ ❜❝❞❡❢ ❜❡❣❤✐ ❜❡❥❞ ❦

Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program akan digambarkan dalam sebuah jaringan simantik.

a. Jaringan semantik admin

Gambar 3.27 Jaringan Semantik Admin b. Jaringan semantik pengunjung

❧♠♥♦ ♣pqr♣ rs t ✉nt ✈pq✉✇st ✉ ❧♠♥ ♠① ✈s ② ♣nt u✇s✈③♣ ✉n

Gambar 3.29 Halaman Login Admin

Gambar 3.30 Halaman Menu Utama Admin

Gambar 3.32 Pengolahan Data Testimoni

Gambar 3.34 Pengolahan Data News

④⑤⑥ ⑤⑦ ⑧nt⑨⑩❶u❷ ⑨❸❹n❺ ❻❼n❺un

Gambar 3.36 Halaman Utama Home

Gambar 3.37 Halaman Profil

Gambar 3.39 Halaman Sub Menu Nasi Dus

Gambar 3.40 Halamn Sub Menu Paket Prasmanan

Gambar 3.42 Halaman News

Gambar 3.44 Halaman Testimoni

❿ ➀❿➁ ➂

➃➄ ➅➁ ➆➇➈➉➀➊➋ ➀➊➅➀➌➀➊

➍➎➏➃➐➑ ➒➓ ➔→➣↔↕

➙ ➛➜➝ ➞➟ ➞➜➠ ➞➡ ➢ ➛➡➛➤➥➦➥ ➞➡ ➧➞➡ ➨ ➝➥➤ ➞➠➩ ➠ ➞➡ ➫➤ ➛➭ ➢➛➡➩ ➤➥ ➟ ➯ ➛➡➨ ➛➡➞➥ ➢➛➯➲ ➞➡ ➨➩➡➞➡ ➳➵➸ ➺ ➻➼➵➽➞➜➩ ➯➾➞➦ ➛➜➥➡ ➨➚ ➯➞➠ ➞➝➥ ➝ ➞➢ ➞➦➠ ➛➟➥ ➯➢ ➩➤ ➞➡➟ ➛➲➞➨ ➞➥➲ ➛➜➥ ➠➩ ➦➪

➶ ➹ ➘➵➸ ➺ ➻➼➵ ➥➡ ➥ ➝ ➞➢ ➞➦ ➯➛➯ ➲➞➡ ➦➩ ➴➛➜➩➟ ➞➭➞➞➡ ➽➞➜➩ ➯ ➾➞➦➛ ➜➥➡➨ ➝ ➞➤ ➞➯ ➯ ➛➯➢➜➫ ➯➫ ➟➥ ➠ ➞➡ ➢ ➜➫➝➩➠➷➢➜➫ ➝➩ ➠➡➧➞➚ ➟ ➛➭➥➡ ➨➨ ➞ ➢➜➫ ➝➩ ➠➷➢➜➫➝➩➠➡➧➞ ➝➞➢➞➦ ➝➥ ➠➛➡➞➤➥➫➤ ➛➭➯ ➞➟ ➧➞➜➞➠ ➞➦➤➩➞➟➹

➬➹ ➴➛➤ ➞➡ ➨➨➞➡ ➞➠ ➞➡ ➤ ➛➲➥ ➭➯➩ ➝ ➞➭➯ ➛➤➥ ➭➞➦ ➢ ➜➫➝➩➠➦ ➛➜➲ ➞➜➩ ➧➞➡ ➨ ➝➥➢➞➟ ➞➜➠ ➞➡➫ ➤ ➛➭ ➴➛➜➩➟ ➞➭➞➞➡➽➞ ➜➩ ➯➾➞➦ ➛➜➥➡➨➚ ➠ ➞➜➛➡➞➢➜➫➝➩ ➠➦ ➛➜➲ ➞➜➩ ➧➞➡ ➨ ➝➥➢ ➞➟ ➞➜ ➠➞➡ ➟➩➝➞➭ ➲➥ ➟➞➝➥➤➥ ➭ ➞➦➯➛➤ ➞➤➩ ➥➯➛➝➥ ➞➫ ➡➤➥➡➛➟ ➛➢ ➛➜➦➥➥➡ ➦ ➛➜➡➛➦➹

➍➎➮ ➅↔➱↔↕

➘➵➸➺ ➻➼➵ ➽➞➜➩➯➾➞➦ ➛➜➥➡ ➨ ➥➡ ➥ ➯➞➟➥ ➭ ➲➞➡➧➞➠ ➠➛➠➩ ➜ ➞➡➨➞➡ ➝➥ ➝ ➞➤ ➞➯➡ ➡ ➧➞➹ ✃➞➤ ➞➭ ➟ ➞➦➩➡➧➞ ➟ ➞❐➥ ➞➡ ➯ ➛➡➩ ➯➞➠ ➞➡ ➞➡ ➧➞➡ ➨ ➯➞➟➥ ➭ ➯ ➛➡ ➨➨➩ ➡ ➞➠ ➞➡ ❒❮ ❰ ➼➵❰ ➼ ➟➦ ➞➦➥ ➟➹ Ï➛➝ ➛➢ ➞➡ ➡➧➞ ➝➥ ➭➞ ➜➞➢ ➠ ➞➡ ➦ ➞➯➢➥➤ ➞➡ ➯ ➛➡➩ ➯ ➞➠➞➡➞➡ ➯ ➛➡➨ ➨➩➡➞➠ ➞➡ ❒❮ ❰ ➼➵❰➼ ➧➞➡ ➨ ➝➥➡ ➞➯➥ ➟➹

E

Ð ÑÒÑÐ

E

C

E E ÓÔÕÖ× ØÕ ÙÚÛ ÜÚ Ñ Ý Þ

ß àáà

E

â ãäàå æã

E

E

àçèéêá

E

Ð

E

ëìÑíîï íÑíðñìÞÝòñ

Ð

E

óïÞÑô ÑÑí ôÑóï ë

C

ÑòñóÝí

õEö÷øùöøõúEõ

Õû×û ü× Øý þÿ þû× ÔýÕüÕ✁× ✂ÔÕ ✁þÚÖ ÕÙÚÕ Øü ÜÚÕ ÿ✄üÚÕüÕ✄Õü×☎× Ú× ✆Õû✝ þØûÔ Ø✞û ✟Û Ú ÿÕüÔ ØÕ

✠Õ Ø× ✂üÕ ✆✝ þØûÔ Ø✡Õû✞✂ ÿ×✁Û ÿ☛× ü þÚ ☞û Ô✌þÚ✆ÔüÕ ✆✁Ûÿ☛×ü þÚ ✞û✡Û û þ✆ÔÕ

ÑóÒ✍Ñí✍ïÒôÝòÐ ✎ ✏ ✎✏✑ ✒✓ ✑ ÝÞëÑÝ✔✍ïÞï ✕ ✎ ✏ ✎✏✑ ✒✓✖

Þï ëÑí✗ Ñ✍Ñ ✎ ✏ ✎✏✑ ✒ ✎✓

à✘ãç æ

E

äçè äèçâ✙ á✚ãæè ä

ã✘ æ

E

äçè ä✛ãç èå✚ à ä✙ ✚✜

E

á✘è æ ã✘ ä✙ ✚✜àæ

E

áèç ✛✙ç ê ✢ãç ✛àç✣

✤ ✥✦✤

E

E

C

íî

E E

ü þØ

E

ä ã

E

✜àæ

E

á

★✩✪✫ ✩✬✭✮✯✫✩✰ ✩

✱ ✲✳✴ ✵✶✷✸ ✲✹ ✺✻✼ ✽✻✼ ✾ ✿✾ ✼ ❀ ❁❂p❃❄✻❅ E❆ ❇❈ ❇ ❉✻❆❃✾✹ ❊❋❋ ● ✹ ❍ ✲✳✵✶■ ✶❏✸ ✶❑ ▲▼✷▼❏◆✴✸ ❖✷P✴ ◗❘❘❙ ▼✸ ✹

❚❏✴❙✸ ✶✷✸ ✲❯ ❖✷P❏ ✴ ✹ ✺✻❅✾ ✼ ❱✾ ✼✽ ✾✼ S❇❈❄✻❂ I✼ ❲❁❅❂✾❈❇ ❆✾✼ ❳ ❨ ✿❇❉✾❈ ❇✼ ❩✾ ❬ ❊❋ ❋ ❭ ✹ ❍ ✲✳ ✵✶ ■✶❏✸ ✶❑ ▲▼✷▼❏◆✴✸❪✶❫ ✶❴▼P✴ ✶✹

❖❵❛ ✲❜❏ ❯ ❴▼❛P✴ ✹ ▲❝▲ ❴✶✷❜ ✶❞ ✹ ❡ ❊ ❢ ✲❫▼❣◆ ▼❏ ❊❋❡❡ ✹ ❤✶❏ ✴ ❛✸✸✐ ❑❥❥✐❛✐✹✷▼✸ ❥❣✶✷❜ ✶❞ ❥▼✷❥✴ ✷P ▼❦✹✐ ❛✐

❧ ❧❧ ❧❧ ❧❧ ❧❧ ❧❧ ❧❧ ❧❧✹✱ ✶❫ ✶♠❵❏✴✐ ✸ ♥❜✸ ✲❏ ✴ ✶❞ ✹ ❡ ❊ ❢ ✲❫▼❣◆▼❏ ❊❋❡❡ ✹ ❤✶❏ ✴ ❛✸✸✐ ❑❥❥♦♦♦✹♦♣❙❵❛✲ ✲❞❙✹❵✲❣ ❥q❙❥

KATA PENGAN TAR

Bismillahirahmanirahim,

Dengan memanjatkan puji syukur kepada Allah, yang telah memberikan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan laporan kerja praktek yang berjudul “Pe mbangunan Website Pada Perusahaan Harum Catering“.

Adapun maksud dari penulisan laporan kerja praktek ini adalah untuk memenuhi salah satu syarat dalam menyelesaikan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika Universitas Komputer Indonesia. Penulis menyadari sepenuhnya bahwa dalam penulisan laporan kerja praktek ini, masih banyak kekurangan dan jauh dari kesempurnaan mengingat kemampuan dan pengetahuan penulis mengenai masalah yang dibahas didalamnya masih terbatas.

Pada kesempatan ini ijinkanlah penulis menyampaikan rasa terima kasih yang sebesar-besarnya kepada semua pihak yang telah memberikan dukungan sangat besar dan dengan sabar mendorong penulis untuk menyelesaikan kerja praktek.

Selanjutnya penulis mengucapkan rasa terima kasih yang sebesar-besarnya kepada :

1. Seluruh keluarga yang selalu memberikan doa dan dukungan untuk menyelesaikan laporan kerja praktek ini.

2. Mira Kania Sabariah, S.T., M.T., selaku Ketua Jurusan Teknik Informatika, Fakultas Teknik, Universitas Komputer Indonesia.

3. Irfan Maliki S.T, selaku Dosen Wali yang meluangkan waktunya dan memberikan bimbingannya untuk penulis sehingga dapat menyelesaikan laporan kerja praktek ini. Seluruh Dosen dan Sekretariat Jurusan Teknik Informatika Universitas Komputer Indonesia.

4. Seluruh Pegawai CV Harum Catering khususnya Hj. Siti Umamah. 5. Semua rekan yang tidak dapat disebutkan satu persatu.

Akhirnya dengan rendah hati dan segala keterbatasan pengetahuan serta kemampuan, penulis mengharapkan saran yang konstruktif dari pembimbing dan para pembaca kerja praktek ini sehingga lebih bermanfaat bagi yang membutuhkan dan pengembangan ilmu pengetahuan khususnya informatika.

Bandung, Januari 2012

DAFTAR ISI

KATA PENGANTAR...i

DAFTAR ISI ... iii

DAFTAR GAMBAR ...v

DAFTAR TABEL ... vii

DAFTAR LAMPIRAN ... viii

BAB I PENDAHULUAN ...1

1.1 Latar Belakang Masalah...1

1.2 Identifikasi Masalah ...1

1.3 Maksud dan Tujuan...2

1.4 Batasan Masalah ...2

1.5 Metodologi Penelitian ...2

1.6 Sistematika Penulisan ...4

BAB II TINJAUAN UMUM ...5

2.1 Landasan Perusahaan ...5

2.1.1 Sejarah Perusahaan...5

2.1.2 Struktur Organisasi Perusahaan ...5

2.1.3 Deskripsi Jabatan...5

2.2 Landasan Teori...6

2.2.1 Basis Data...6

2.2.1.1 Jenis-Jenis Basis Data ...7

2.2.2 Internet ...7

2.2.3 Web Server ...9

2.2.4 Domain Name Server (DNS)...9

2.2.5 Website ...10

2.2.6 World Wide Web (WWW)...11

2.2.7 Hyper Text Transfer Protocol (HTTP)...12

2.2.8 Konsep Perancangan Sistem ...13

2.2.8.1 Diagram Konteks ...13

2.2.8.2 Data Flow Diagram (DFD) ...13

2.2.8.3 Diagram E-R ...15

2.2.8.4 Kamus Data...15

2.2.9 Tinjauan Perangkat Lunak ...16

2.2.9.1 MySQL...16

2.2.9.2 Adobe Dreamweaver...18

2.2.9.3 XAMPP ...19

2.2.10 Bahasa Pemrograman yang Digunakan ...19

2.2.10.1 PHP (Personal Home Page) ...19

2.2.10.2 HTML (Hypertext Markup Language)...20

2.2.10.3 Javascript ...21

BAB III ANALISIS DAN PERANCANGAN SISTEM ...23

3.1 Jadwal Kerja Praktek ...23

3.2 Analisis Masalah ...23

3.3 Analisis Sistem yang Sedang Berjalan ...23

3.4 Analisis Sistem yang Akan Berjalan...24

3.5.1 Analisis Perangkat Keras (Hardware) ...25

3.5.2 Analisis Perangkat Lunak (Software)...25

3.5.3 Analisis Pengguna (User)...26

3.6 Analisis Kebutuhan Fungsional ...26

3.6.1 Diagram Konteks...27

3.6.2 Data Flow Diagram (DFD)...27

3.6.2.1 DFD Level 1...28

3.6.2.2 DFD Level 2 Proses Pengolahan Data News...29

3.6.2.3 DFD Level 2 Proses Testimonial ...29

3.6.2.4 DFD Level 2 Proses Contact...30

3.6.2.5 DFD Level 2 Proses Login ...30

3.6.3 Spesifikasi Proses ...31

3.7 Perancangan ...34

3.7.1 Perancangan Basis Data ...34

3.7.1.1 Skema Relasi...35

3.7.1.2 Struktur Tabel ...35

3.7.2 Perancangan Struktur Menu ...36

3.7.3 Perancangan Antarmuka ...37

3.7.3.1 Perancangan Antarmuka Admin ...38

3.7.3.2 Perancanan Antarmuka Pengunjung ...40

3.7.3.3 Perancangan Antarmuka Pesan ...45

3.7.3.4 Jaringan Semantik ...46

3.8 Implementasi Aplikasi ...47

3.8.1 Antarmuka Admin ...47

3.8.2 Antarmuka Pengunjung ...50

BAB IV KESIMPULAN DAN SARAN ...54

7.1 Kesimpulan ...54

7.2 Saran...54

DAFTAR GAMBAR

Gambar 1.1 Skema Waterfall ...4

Gambar 2.1 Struktur Organisasi Perusahaan...5

Gambar 2.2 Lapisan Layer Internet...8

Gambar 2.3 Model Client-Server ...9

Gambar 2.4 Proses Koneksi Protokol HTTP antara clientserver...12

Gambar 2.5 PHP Interpreter ...19

Gambar 3.1 Flowmap Sistem yang Akan Berjalan ...23

Gambar 3.2 Diagram Konteks...26

Gambar 3.3 DFD Level 1 ...27

Gambar 3.4 DFD Level 2 Proses Pengolahan Data News ...28

Gambar 3.5 DFD Level 2 Proses Pengolahan Data Testimonial ...28

Gambar 3.6 DFD Level 2 Proses Pengolahan Data Contact...29

Gambar 3.7 DFD Level 2 Proses Login ...29

Gambar 3.8 Skema Relasi ...34

Gambar 3.9 Struktur Menu Pengunjung ...36

Gambar 3.10 Struktur Menu Admin ...36

Gambar 3.11 Login Admin ...37

Gambar 3.12 Menu Utama Admin ...37

Gambar 3.13 Pengolahan Data Testimoni...38

Gambar 3.14 Pengolahan Data Komentar ...38

Gambar 3.15 Pengolahan Data News...38

Gambar 3.16 Home ...39

Gambar 3.17 Profil ...40

Gambar 3.18 Menu...40

Gambar 3.19 Sub Menu Nasi Dus...41

Gambar 3.20 Sub Menu Prasmanan ...41

Gambar 3.21 Sub Menu Corporate ...42

Gambar 3.22 Menu Sertifikat ...42

Gambar 3.23 Menu News...43

Gambar 3.24 Menu Testimoni ...43

Gambar 3.25 Menu Contact ...44

Gambar 3.26 Tampilan Pesan ...44

Gambar 3.27 Jaringan Semantik Admin ...45

Gambar 3.28 Jaringan Semantik Pengunjung ...45

Gambar 3.29 Halaman Login Admin ...46

Gambar 3.30 Halaman Menu Utama Admin ...46

Gambar 3.31 Halaman Pengolahan Data Komentar ...46

Gambar 3.32 Pengolahan Data Testimoni...47

Gambar 3.33 Pengolahan Data Tambah Testimoni ...47

Gambar 3.34 Pengolahan Data News...48

Gambar 3.35 Pengolahan Tambah Data News...48

Gambar 3.36 Halaman Utama Home ...49

Gambar 3.37 Halaman Profil ...49

Gambar 3.38 Halaman Menu ...49

Gambar 3.40 Halamn Sub Menu Paket Prasmanan ...50

Gambar 3.41 Halamn Sub Menu Corporate...50

Gambar 3.42 Halaman News ...51

Gambar 3.43 Halaman Sertifikat...51

Gambar 3.44 Halaman Testimoni ...52

DAFTAR TABEL

Tabel 3.1 Spesifikasi Proses DFD...30

Table 3.2 Tabel Admin...34

Table 3.3 Tabel Komentar...35

Tabel 3.4 Tabel Testimoni ...35

DAFTAR LAMPIRAN

Lampiran A Source Code Program Lampiran B Surat Perusahaan

Lampiran C Daftar Hadir Kerja Praktek Lampiran D Nilai Kerja Praktek

iii DAFTAR ISI

KATA PENGANTAR...i

DAFTAR ISI ... iii

DAFTAR GAMBAR ...v

DAFTAR TABEL ... vii

DAFTAR LAMPIRAN ... viii

BAB I PENDAHULUAN ...1

1.1 Latar Belakang Masalah...1

1.2 Identifikasi Masalah ...1

1.3 Maksud dan Tujuan...2

1.4 Batasan Masalah ...2

1.5 Metodologi Penelitian ...2

1.6 Sistematika Penulisan ...4

BAB II TINJAUAN UMUM ...5

2.1 Landasan Perusahaan ...5

2.1.1 Sejarah Perusahaan...5

2.1.2 Struktur Organisasi Perusahaan ...5

2.1.3 Deskripsi Jabatan...5

2.2 Landasan Teori...6

2.2.1 Basis Data...6

2.2.1.1 Jenis-Jenis Basis Data ...7

2.2.2 Internet ...7

2.2.3 Web Server ...9

2.2.4 Domain Name Server (DNS)...9

2.2.5 Website ...10

2.2.6 World Wide Web (WWW)...11

2.2.7 HyperText Transfer Protocol (HTTP)...12

2.2.8 Konsep Perancangan Sistem ...13

2.2.8.1 Diagram Konteks ...13

2.2.8.2 Data Flow Diagram (DFD) ...13

2.2.8.3 Diagram E-R ...15

2.2.8.4 Kamus Data...15

2.2.9 Tinjauan Perangkat Lunak ...16

2.2.9.1 MySQL...16

2.2.9.2 Adobe Dreamweaver...18

2.2.9.3 XAMPP ...19

2.2.10 Bahasa Pemrograman yang Digunakan ...19

2.2.10.1 PHP (Personal Home Page) ...19

2.2.10.2 HTML (Hypertext Markup Language)...20

2.2.10.3 Javascript ...21

BAB III ANALISIS DAN PERANCANGAN SISTEM ...23

3.1 Jadwal Kerja Praktek ...23

3.2 Analisis Masalah ...23

3.3 Analisis Sistem yang Sedang Berjalan ...23

3.4 Analisis Sistem yang Akan Berjalan...24

3.5.1 Analisis Perangkat Keras (Hardware) ...25

3.5.2 Analisis Perangkat Lunak (Software)...25

3.5.3 Analisis Pengguna (User)...26

3.6 Analisis Kebutuhan Fungsional ...26

3.6.1 Diagram Konteks...27

3.6.2 Data Flow Diagram (DFD)...27

3.6.2.1 DFD Level 1...28

3.6.2.2 DFD Level 2 Proses Pengolahan Data News...29

3.6.2.3 DFD Level 2 Proses Testimonial ...29

3.6.2.4 DFD Level 2 Proses Contact...30

3.6.2.5 DFD Level 2 Proses Login ...30

3.6.3 Spesifikasi Proses ...31

3.7 Perancangan ...34

3.7.1 Perancangan Basis Data ...34

3.7.1.1 Skema Relasi...35

3.7.1.2 Struktur Tabel ...35

3.7.2 Perancangan Struktur Menu ...36

3.7.3 Perancangan Antarmuka ...37

3.7.3.1 Perancangan Antarmuka Admin ...38

3.7.3.2 Perancanan Antarmuka Pengunjung ...40

3.7.3.3 Perancangan Antarmuka Pesan ...45

3.7.3.4 Jaringan Semantik ...46

3.8 Implementasi Aplikasi ...47

3.8.1 Antarmuka Admin ...47

3.8.2 Antarmuka Pengunjung ...50

BAB IV KESIMPULAN DAN SARAN ...54

7.1 Kesimpulan ...54

7.2 Saran...54

v

DAFTAR GAMBAR

Gambar 1.1 Skema Waterfall ...4

Gambar 2.1 Struktur Organisasi Perusahaan...5

Gambar 2.2 Lapisan Layer Internet...8

Gambar 2.3 Model Client-Server ...9

Gambar 2.4 Proses Koneksi Protokol HTTP antara clientserver...12

Gambar 2.5 PHP Interpreter ...19

Gambar 3.1 Flowmap Sistem yang Akan Berjalan ...23

Gambar 3.2 Diagram Konteks...26

Gambar 3.3 DFD Level 1 ...27

Gambar 3.4 DFD Level 2 Proses Pengolahan Data News ...28

Gambar 3.5 DFD Level 2 Proses Pengolahan Data Testimonial ...28

Gambar 3.6 DFD Level 2 Proses Pengolahan Data Contact...29

Gambar 3.7 DFD Level 2 Proses Login ...29

Gambar 3.8 Skema Relasi ...34

Gambar 3.9 Struktur Menu Pengunjung ...36

Gambar 3.10 Struktur Menu Admin ...36

Gambar 3.11 Login Admin ...37

Gambar 3.12 Menu Utama Admin ...37

Gambar 3.13 Pengolahan Data Testimoni...38

Gambar 3.14 Pengolahan Data Komentar ...38

Gambar 3.15 Pengolahan Data News...38

Gambar 3.16 Home ...39

Gambar 3.17 Profil ...40

Gambar 3.18 Menu...40

Gambar 3.19 Sub Menu Nasi Dus...41

Gambar 3.20 Sub Menu Prasmanan ...41

Gambar 3.21 Sub Menu Corporate ...42

Gambar 3.22 Menu Sertifikat ...42

Gambar 3.23 Menu News...43

Gambar 3.24 Menu Testimoni ...43

Gambar 3.25 Menu Contact ...44

Gambar 3.26 Tampilan Pesan ...44

Gambar 3.27 Jaringan Semantik Admin ...45

Gambar 3.28 Jaringan Semantik Pengunjung ...45

Gambar 3.29 Halaman Login Admin ...46

Gambar 3.30 Halaman Menu Utama Admin ...46

Gambar 3.31 Halaman Pengolahan Data Komentar ...46

Gambar 3.32 Pengolahan Data Testimoni...47

Gambar 3.33 Pengolahan Data Tambah Testimoni ...47

Gambar 3.34 Pengolahan Data News...48

Gambar 3.35 Pengolahan Tambah Data News...48

Gambar 3.36 Halaman Utama Home ...49

Gambar 3.37 Halaman Profil ...49

Gambar 3.38 Halaman Menu ...49

Gambar 3.40 Halamn Sub Menu Paket Prasmanan ...50

Gambar 3.41 Halamn Sub Menu Corporate...50

Gambar 3.42 Halaman News ...51

Gambar 3.43 Halaman Sertifikat...51

Gambar 3.44 Halaman Testimoni ...52

vii

DAFTAR TABEL

Tabel 3.1 Spesifikasi Proses DFD...30

Table 3.2 Tabel Admin...34

Table 3.3 Tabel Komentar...35

Tabel 3.4 Tabel Testimoni ...35

DAFTAR LAMPIRAN

Lampiran A Source Code Program Lampiran B Surat Perusahaan

Lampiran C Daftar Hadir Kerja Praktek Lampiran D Nilai Kerja Praktek