Pembangunan Website Pada Perusahaan Harum Catering

(1)

(2)

(3)

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

(4)

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

(5)

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.

(6)

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

(7)

✁ ✂✂

✄✂ ☎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

(8)

✆ ✝✞✝ ✟ ✠✡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

(9)

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

(10)

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

(11)

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

3. Fungsi Komunitas

tertentu.

2.2.3 Web Server

data dalam protokol HTTP. Web server dirancang untuk melayani bahasa jenis Proses yang terjadi pada internet mempunyai mekanisme yang telah diatur

3. Fungsi Komunitas

tertentu.

2.2.3 Web Server

(12)

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

(13)

 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

(14)

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

(15)

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

(16)

✲ ✳✲✳ ✴✳ ✵✶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

(17)

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.

(18)

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).

(19)

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

(20)

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

(21)

❙ ❚❙❚ ❯❚❙ ❱❲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

(22)

(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)

(23)

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

(24)

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

(25)

(26)

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

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

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

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

(27)

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

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.

(28)

❈❉❊ ❉ ❈ ❋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

(29)

❥❦❧ ❦♠ ♥♦♣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.➂➃⑦➃➉②⑨➅

(30)

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

(31)

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

Gambar 3.4 DFD Level 2 Proses Pengolahan Data News

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

(32)

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

Gambar 3.6 DFD Level 2 Proses Pengolahan Data Contact

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

D

a

ta

lo

g

in

(33)

ÑÒÓ Ò Ñ Ô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

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

Pengunjung melihat informasi profil perusahaan yang ada di menu profil

Pengunjung melihat informasi menu makanan yang ditawarkan

Logika Proses Pengunjung melihat sertifikasi yang dimiliki perusahaan

(34)

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

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

7

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

komentar dari pengunjung

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

Logika Proses Admin dapat menambahkan data pada menu news

(35)

Source Admin Destination Admin

Input data edit news Output info edit news

Logika Proses Admin dapat mengedit data yang ada di menu news

11

Logika Proses Admin dapat menghapus data yang ada di menu news

12

Logika Proses Pengunjung dapat melihat informasi yang ada di menu news

13

Admin dapat melakukan penambahan data pada menu testimoni

Pengunjung dapat melihat informasi yang ada pada menu testimoni

15

No Proses 7.1

Nama Proses Tambah contact komentar Source Pengunjung

(36)

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

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

18

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

(37)

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

(38)

b. Tabel Komentar

Table 3.3 Tabel Komentar

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

1 no integer 11 Primary Key

2 nama varchar 30

1 No integer 100 Primary Key

2 Penulis varchar 30

3 Judul varchar 150

4 Berita text

5 Log datetime

(39)

✌✍✎ ✍✏ ✑✒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

(40)

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

(41)

c. Pengolahan Data Testimoni

-News diklik

menuju FA4

-Komentar diklik

menuju FA2

-Testimoni diklik

menuju FA3

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

(42)

e. Pengolahan Data News

-News diklik menuju

FA4

-Komentar diklik

menuju FA2

-Testimoni diklik

menuju FA3

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

(43)

b. Menu Profil

-Home diklik menuju F01

F04

F06

Gambar 3.17 Profil

c. Menu Makanan

F04

F06

-Paket Nasi dus diklik

menuju F03a

-Paket Prasmanan diklik

menuju F03b

-Paket Corporate diklik

menuju F03c

(44)

d. Sub Menu Nasi Dus

Gambar 3.19 Sub Menu Nasi Dus

e. Sub Menu Prasmanan

(45)

f. Sub Menu Corporate

F04

F06

-Paket prasmanan diklik

menuju F03b

-Paket Nasi Dus diklik

menuju F03a

Gambar 3.21 Sub Menu Corporate

g. Menu Sertifikat

F06

(46)

h. Menu News

F04

F06

Gambar 3.23 Menu News

i. Menu Testimoni

F04

(47)

j. Menu Contact

F04

F06

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 :

(48)

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

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

(49)

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

Gambar 3.29 Halaman Login Admin

Gambar 3.30 Halaman Menu Utama Admin

(50)

Gambar 3.32 Pengolahan Data Testimoni

(51)

Gambar 3.34 Pengolahan Data News

(52)

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

Gambar 3.36 Halaman Utama Home

Gambar 3.37 Halaman Profil

(53)

Gambar 3.39 Halaman Sub Menu Nasi Dus

Gambar 3.40 Halamn Sub Menu Paket Prasmanan

(54)

Gambar 3.42 Halaman News

(55)

Gambar 3.44 Halaman Testimoni

(56)

❿ ➀❿➁ ➂

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

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

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

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

➯ ➛➯➢➜➫ ➯➫ ➟➥ ➠ ➞➡ ➢ ➜➫➝➩➠➷➢➜➫ ➝➩ ➠➡➧➞➚ ➟ ➛➭➥➡ ➨➨ ➞ ➢➜➫ ➝➩ ➠➷➢➜➫➝➩➠➡➧➞ ➝➞➢➞➦ ➝➥ ➠➛➡➞➤➥➫➤ ➛➭➯ ➞➟ ➧➞➜➞➠ ➞➦➤➩➞➟➹

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

➍➎➮ ➅↔➱↔↕

(57)

(58)

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

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

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

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

(59)

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.

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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

(65)

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

(66)

DAFTAR LAMPIRAN

Lampiran A Source Code Program Lampiran B Surat Perusahaan