Sebuah Halaman Pemesanan Online Untuk CV. Amanda

(1)

BAB I

PENDAHULUAN

1.1. Latar Belakang Praktek Kerja Lapangan

Pangsa pasar yang begitu luas, namun masih terbatas pada metode pemasaran

yang konservatif memang kerap menjadi masalah utama pada kemajuan sebuah

badan usaha. Hal inilah yang penulis rasa terjadi pada CV. Amanda, sebuah usaha

rumahan pada awal berdirinya, hingga kini memiliki puluhan outlet di pulau jawa.

Sebenarnya dengan kemajuan teknologi yang begitu pesatnya, dalam dunia yang

seolah tak mengenal boundary antar lokasi melalui media internet, pangsa pasar

yang demikian besar itu bisa direngkuh dengan sedikit usaha. E-commerce

mungkin salah satu jawabannya, melalui transaksi online, proses pembelian

ortodoks perlahan bisa digantikan dengan sesuatu yang lebih modern, lebih

mudah dan lebih cepat (walaupun relatif).

Penulis menemukan, bahwa CV. Amanda telah melirik untuk mengadopsi

e-commerce, pemesanan dan pembelian produk secara online oleh konsumen,

namun baru sekedar melirik, belum mengadopsi. Maka dari itu melalui Praktikum

Kerja Lapangan ini, penulis mengusulkan untuk membuat halaman pemesanan

barang

secara

online,

untuk

melengkapi

website

CV.

Amanda

di

www.amandacogroup.com

agar memiliki mekanisme pemesanan dan pembelian

barang secara online.

(2)

Mudah-mudahan dengan penelitian yang penulis beri judul,

”Sebuah Halaman

Pemesanan Online Untuk CV. Amanda

”

, nantinya bisa membantu CV.

Amanda untuk meraih pangsa pasar yang lebih besar. Dan pada akhirnya

perolehan laba yang lebih besar juga, amien.

1.2. Identifikasi dan Rumusan Masalah

a.

Identifikasi Masalah

Dari hasil analisis yang penulis lakukan, teridentifikasi sebuah masalah

besar yang dimiliki oleh CV. Amanda :

“Belum tersedianya mekanisme pemesanan dan penjualan produk secara

online”.

b.

Rumusan masalah

Dari hasil identifikasi, rumusan masalah yang akan dikemukakan adalah:

“Bagaimana membuat sebuah mekanisme pemesanan dan pembelian

produk secara online”

1.3. Maksud dan Tujuan Praktek Kerja Lapangan

a.

Maksud pelaksanaan kerja Praktek

a.1. Bagi Mahasiswa.

a.1.1. Mengaplikasikan disiplin ilmu yang diperoleh di perkuliahan,

khususnya di Program Studi Manajemen Informatika Unikom, ke dalam

permasalahan yang dihadapi dalam PKL di CV. Amanda , dan ikut

(3)

bergabung langsung sekaligus berperan serta ke dalam lingkungan kerja di

instansi.

a.1.2. Mempelajari keahlian dan perilaku baru, meningkatkan komunikasi

dan pendekatan serta menerapkan (mempraktikkan) ilmu yang didapat di

bangku perkuliahan di dalam suatu pekerjaan yang sebenarnya.

a.1.3. Memperbaiki sikap dalam hal kedisiplinan dan tanggung jawab

dalam melaksanakan pekerjaan.

a.1.4. Memberikan pengalaman secara langsung kepada mahasiswa

terhadap situasi dunia kerja.

a.1.5. Mengembangkan cara berpikir dan bertindak, serta meningkatkan

daya penalaran mahasiswa dalam penyajian laporan secara terpadu dan

ilmiah.

b.1 Bagi CV. Amanda

b.1.1. Sebagai sarana untuk membina hubungan baik dengan Universitas

Komputer Indonesia, khususnya Program Studi Manajemen Informatika.

b.1.2. Meningkatkan kerja sama dengan lembaga pendidikan dalam

meningkatkan kualitas SDM.

b.1.3. Dengan dilaksanakannya PKL, bagi mahasiswa dituntut

sumbangsihnya terhadap instansi tersebut, baik berupa kritik maupun

saran yang bersifat membangun, sehingga menjadi sumber masukan dan

meningkatkan kinerja yang baik di lingkungan perusahaan, khususnya

dalam penanganan masalah teknologi Informasi.

(4)

b.

Tujuan dilaksanakannya kerja praktek adalah sebagai berikut :

1. Untuk mengetahui sistem website yang berjalan di CV. Amanda

2. Untuk melakukan perancangan atau pembuatan halaman pemesanan dan

pembelian bagi CV. Amanda .

1.4. Metode Pengembangan Sistem

Metode yang penulis pakai dalam menganalisis sistem adalah pendekatan

berorientasi objek, karena kemudahan dalam pemaparan di tiap-tiap pendekatan.

Sedangkan pengembangan terhadap sistem menggunakan metode pengembangan

prototype, karena penulis memulai pengembangan dari hal kecil, namun

sewaktu-waktu dapat dikembangkan lebih besar lagi.

1.5. Batasan masalah

Agar pembahasan ini tidak terlalu luas dan dapat terarah maka penulis membatasi

masalah penelitian berupa:

a.

Rancangan pembuatan halaman web pemesanan dan pembelian online

dengan pendekatan berorientasi objek.

b.

Halaman website yang penulis buat terbatas sebagai tambahan untuk website

yang telah ada sebelumnya. Jadi masalah desai dan layout otomatis akan

menyesuaikan dengan tema yang telah ada sebelumya.

(5)

1.6. Lokasi dan Waktu Kerja Praktek

a.

Lokasi Kerja Praktek

Kegiatan kerja praktek ini telah dilaksanakan di CV. Amanda

Jl. Rancabolang No.29 Margahayu Bandung.

b.

Waktu Kerja Praktek

Waktu kerja praktek dilaksanakan selama 18 hari efektif, dimulai pada tanggal

24 April s/d 10 Mei 2010.

Tabel 1.1

Jadwal Kegiatan Kerja Praktek

no

aktifitas

Waktu

1 Face 2 face

dengan divisi IT

X X

2 Brainstorming

konsep

X X X

3 Perancangan

X X

4 Re-Concepting

X X

5 Databasing

X X X X

X

6 Coding

X X X X X X X X

(6)

BAB II

LANDASAN TEORI

2.1. Pengertian Sistem

Sistem adalah sekumpulan unsur / elemen yang saling berkaitan dan saling

mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.

Contoh :

Sistem Komputer terdiri dari Software, Hardware, dan Brainware

Sistem Akuntansi

Menurut LUDWIG VON BARTALANFY

”Sistem merupakan seperangkat unsur yang saling terikat dalam suatu antar relasi

diantara unsur-

unsur tersebut dengan lingkungan”

Menurut ANATOL RAPOROT

”Sistem adalah suatu kumpulan kesatuan dan perangkat hubungan satu sama lain.”

Menurut L. ACKOF

”Sistem adalah setiap kesatuan secara konseptual atau fisik yang terdiri dari

bagian-

bagian dalam keadaan saling tergantung satu sama lainnya.”

(7)

SYARAT-SYARAT SISTEM :

1. Sistem harus dibentuk untuk menyelesaikan masalah.

2. Elemen sistem harus mempunyai rencana yang ditetapkan.

3. Adanya hubungan diantara elemen sistem.

4. Unsur dasar dari proses (arus informasi, energi dan material) lebih penting dari

pada elemen sistem.

5. Tujuan organisasi lebih penting dari pada tujuan elemen.

Konsep dasar sistem ada dua pendekatan yaitu penekanan pada prosedurnya dan

penekanan pada komponennya.

a.1 Definisi sistem yang lebih menekankan pada prosedur adalah :

suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul

bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu

sasaran tertentu.

a.1.1 Suatu prosedur adalah :

suatu urut-urutan operasi klerikal (tulis-menulis), biasanya melibatkan beberapa

orang di dalam satu atau lebih departemen, yang diterapkan untuk menjamin

penanganan yang seragam dari transaksi-transaksi bisnis yang terjadi.

a.1.2 Definisi lain dari prosedur adalah :

urut-urutan yang tepat dari tahapan-tahapan instruksi yang menerangkan apa yang

harus dikerjakan, siapa yang mengerjakannya, kapan dikerjakan dan bagaimana

mengerjakannya.

(8)

b.1 Definisi sistem yg lebih menekankan pada komponen/elemen adalah :

kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan

tertentu.

2.1.2. Karakteristik sistem yaitu :

mempunyai komponen, batas sistem, lingkungan luar sistem, penghubung,

masukan, keluaran, pengolah/proses, dan sasaran atau tujuan.

1. Komponen

–

komponen (component).

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi untuk

membentuk suatu kesatuan komponen

–

komponen sistem berupa sub

–

sistem.

2. Batasan sistem (boundary)

Merupakan daerah yang membatasi antara sistem dengan sistem yang lain atau

dengan lingkungan luar. Batas sistem ini dapat dipandang sebagai satu

kesatuan dan menunjukan ruang lingkup (scope) dari sistem tersebut.

3. Lingkungan luar sistem(environment)

Segala sesuatu diluar batas dari sistem yang mempengaruhi operasi yang

bersifat menguntungkan atau merugikan.

4. Penghubung (interface)

Merupakan media penghubung antar subsistem dengan subsistem lainnya.

melalui penghubung ini memungkinkan sumber daya

–

sumber daya mengalir

dari subsistem yang lain.

(9)

5. Masukan data (input)

Energi yang dimasukan kedalam sistem yang berupa masukan perawatan

(maentenance input), agar sistem tersebut dapat beroperasi dan masukan

sinyal (signal input) yang di proses untuk menghasilkan keluaran.

6. Keluaran (output)

Merupakan hasil dari energi yang telah di proses dan dapat di klarifikasikan

antara lain menjadi output yang langsung.

7. Pengolah (proses)

Sistem mempunyai pengolah yang akan merubah masukan menjadi keluaran.

8. Sasaran (objectives) dan tujuan (goal)

Dengan masukan yang ada dapat menghasilkan yang sesuai dengan apa yang

di inginkan (cepat, tepat, akurat). Sasaran sistem sangat di tentukan oleh

masukan yang dibutuhkan dan keluaran yang dihasilkan. Karena suatu sistem

dikatakan berhasil jika mengenai sasaran atau tujuannya.

2.1.3. Klasifikasi Sistem

Secara garis besar, sistem dapat dibagi 2 :

A. SISTEM FISIK ( PHYSICAL SYSTEM ) :

Kumpulan elemen-elemen/ unsur-unsur yang saling berinteraksi satu sama lain

secara fisik serta dapat diidentifikasikan secaranyata tujuan-tujuannya.

(10)

elemen : peralatan yang berfungsi bersama-sama untuk menjalankan

pengolahan data.

B. SISTEM ABSTRAK ( ABSTRACT SYSTEM) :

Sistem yang dibentuk akibat terselenggaranya ketergantungan ide, dan tidak dapat

diidentifikasikan secara nyata, tetapi dapat diuraikan elemen-elemennya.

Contoh : Sistem Teologi, hubungan antara manusia dengan Tuhan.

LEBIH RINCI LAGI SISTEM DIKLASIFIKASIKAN MENJADI:

A. DETERMINISTIK SISTEM

Sistem dimana operasi-operasi (input/output) yang didalamnya dapat ditentukan/

diketahui dengan pasti.

Contoh : Program komputer, melaksanakan secara tepat sesuai dengan rangkaian

instruksinya.

B. PROBABILISTIK SISTEM

Sistem yang input dan prosesnya dapat didefinisikan, tetapi output yang

dihasilkan tidak dapat ditentukan dengan pasti; (Selalu ada sedikit

kesalahan/penyimpangan terhadap ramalan jalannya sistem).

Contoh : Sistem penilaian ujian

C. OPEN SISTEM

Sistem yang mengalami pertukaran energi, materi atau informasi dengan

lingkungannya. Sistem ini cenderung memiliki sifat adaptasi, dapat menyesuaikan

diri dengan lingkungannya sehingga dapat meneruskan eksistensinya.

(11)

Contoh : Sistem keorganisasian memiliki kemampuan adaptasi.(Bisnis dalam

menghadapi persaingan dari pasar yang berubah. Perusahaan yang tidak dapat

menyesuaikan diri akan tersingkir).

D. CLOSED SISTEM

Sistem fisik di mana proses yang terjadi tidak mengalami pertukaran materi,

energi atau informasi dengan lingkungan di luar sistem tersebut.

Contoh : Reaksi kimia dalam tabung berisolasi dan tertutup.

E. RELATIVELY CLOSED SISTEM

Sistem yang tertutup tetapi tidak tertutup sama sekali untuk menerima

pengaruh-pengaruh lain. Sistem ini dalam operasinya dapat menerima pengaruh-pengaruh dari luar

yang sudah didefinisikan dalam batas-batas tertentu .

Contoh : Sistem komputer. (Sistem ini telah ditentukan sebelumnya, keluaran

yang juga telah terpengaruh oleh gejolak di luar)

F. ARTIFICIAL SISTEM

Sistem yang meniru kejadian dalam alam. Sistem ini dibentuk berdasarkan

kejadian di alam di mana manusia tidak mampu melakukannya. Dengan kata lain

tiruan yang ada di alam.

Contoh : Sistem AI, yaitu program komputer yang mampu membuat komputer

seolah-olah berpikir.

G. NATURAL SISTEM

Sistem yang dibentuk dari kejadian dalam alam.

Contoh : Laut, pantai, atmosfer, tata surya, dll.

(12)

H. MANNED SISTEM

Sistem penjelasan tingkah laku yang meliputi keikutsertaan manusia.

Sistem ini dapat digambarkan dalam cara-cara sebagai berikut :

H.1. Sistem manusia-manusia.

Sistem yang menitik beratkan hubungan antar manusia.

H.2. Sistem manusia-mesin.

Sistem yang mengikutsertakan mesin untuk suatu tujuan.

H.3. Sistem mesin-mesin.

Sistem yang otomatis dimana manusia mempunyai tugas untuk memulai dan

mengakhiri sistem, sementara itu manusia dilibatkan juga untuk memonitor

sistem. Mesin berinteraksi dengan mesin untuk melakukan beberapa aktifitas.

Pengotomatisan ini menjadikan bertambah pentingnya konsep organisasi,

dimana manusia dibebaskan dari tugas-tugas rutin atau tugas-tugas fisik yang

berat.

Perancang sistem lebih banyak menggunakan metode " Relatively Closed dan

Deterministik Sistem ", karena sistem ini dalam pengerjaannya lebih mudah

meramalkan hasil yang akan diperoleh dan lebih mudah diatur dan diawasi.

Contoh : Pada bidang sistem informasi, faktor komputer dan program komputer

biasanya " Relatively Closed dan Deterministik ", tetapi faktor manusia sebagai

pengelolanya adalah " Open dan Probabilistik Sistem ".

(13)

2.2 Pengertian Informasi

Ada beberapa pengertian dari informasi yaitu:

1. Data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan

nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun

masa depan.

2. Sesuatu yang menunjukan hasil pengolahan data yang di organisasi dan

berguna kepada orang yang menerimanya.

3. Suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.

4. Kenyataan / bentuk

–

bentuk yang berguna yang dapat digunakan untuk

pengambilan keputusan.

2.3 Pengertian Sistem Informasi

Ada beberapa pengertian dari sistem informasi yaitu:

1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen

–

komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan

informasi.

2. Sekumpulan prosedur organisasi yang pada saat dilakanakannya akan

memberikan informasi bagi pengambil informasi dan atau untuk

mengendaliakan organisasi.

3. Suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan

pengolah transaksi, mendukung operasi, bersifat manajerial dan kegiatan

strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan

laporan

–

laporan yang diperlukan.

(14)

2.4 Metode Pendekatan dan Pengembangan Sistem

2.4.1 Metode Pendekatan Sistem

Analisis dan disain berorientasi objek adalah cara baru dalam memikirkan suatu

masalah dengan menggunakan model yang dibuat menurut konsep sekitar dunia

nyata. Dasar pembuatan adalah objek,yang merupakan kombinasi antara struktur

data dan perilaku dalam satu entitas.

Pengertian

"berorientasi objek"

berarti bahwa kita mengorganisasi perangkat

lunak sebagai kumpulan dari objek tertentu yang memiliki struktur data dan

perilakunya.

2.4.1.1 Karakteristik dari Objek

Objek:

Identitas berarti bahwa data diukur mempunyai nilai tertentu yang membedakan

entitas disebut Objek. Objek dapat kongkrit, seperti halnya arsip dalam sistem,

ataukonseptual seperti kebijakan penjadualan dalam multiprocessing pada sistem

operasi.

Setiap objek mempunyai sifat yang melekat pada identitasnya.

Kelas Objek

Kelas merupakan gambaran sekumpulan Objek yang terbagi dalam atribut,

operasi, metode, hubungan, dan makna yang sama.

Suatu kegiatan mengumpulkan data (atribut) dan perilaku (operasi) yang

mempunyai struktur data sama ke dalam satu grup.

Kelas Objek merupakan wadah bagi Objek. Dapat digunakan untuk

menciptakan Objek.

(15)

Objek mewakili fakta/keterangan dari sebuah kelas.

2.4.1.2 Karakteritik Metodologi Berorientasi Objek

Metodologi pengembangan sistem berorientasi objek mempunyai tiga

karakteristik utama :

A. ENCAPSULATION (PENGKAPSULAN)

Encapsulation merupakan dasar untuk pembatasan ruang lingkup program

terhadap data yang diproses.

Data dan prosedur atau fungsi dikemas bersama-sama dalam suatu objek,

sehingga prosedur atau fungsi lain dari luar tidak dapat mengaksesnya.

Data terlindung dari prosedur atau objek lain, kecuali prosedur yang berada

dalam objek itu sendiri.

B. INHERITANCE (PEWARISAN)

Inheritance adalah teknik yang menyatakan bahwa anak dari objek akan

mewarisi data/atribut dan metode dari induknya langsung.

Atribut dan metode dari objek dari objek induk diturunkan kepada anak objek,

demikian seterusnya.

Inheritance mempunyai arti bahwa atribut dan operasi yang dimiliki bersama di

antara kelas yang mempunyai hubungan secara hirarki.

Suatu kelas dapat ditentukan secara umum, kemudian ditentukanspesifik

menjadi subkelas. Setiap subkelas mempunyai hubungan atau mewarisi semua

(16)

sifat yang dimiliki oleh kelas induknya, dan ditambah dengan sifat unik yang

dimilikinya.

Kelas Objek dapat didefinisikan atribut dan service dari kelas Objek lainnya.

C. POLYMORPHISM (POLIMORFISME)

Polimorfisme yaitu konsep yang menyatakan bahwa sesuatu yang sama dapat

mempunyai bentuk dan perilaku berbeda.

Polimorfisme mempunyai arti bahwa operasi yang sama mungkin mempunyai

perbedaan dalam kelas yang berbeda.

Kemampuan objek-objek yang berbeda untuk melakukan metode yang pantas

dalam merespon message yang sama.

Seleksi dari metode yang sesuai bergantung pada kelas yang seharusnya

menciptakan Objek.

2.4.2 Metode Pengembangan Sistem

Prototyping merupakan salah satu metode pengembangan perangat lunak yang

banyak digunakan. Dengan metode prototyping ini pengembang dan pelanggan

dapat saling berinteraksi selama proses pembuatan sistem.

Sering terjadi seorang pelanggan hanya mendefinisikan secara umum apa yang

dikehendakinya tanpa menyebutkan secara detal output apa saja yang dibutuhkan,

pemrosesan dan data-data apa saja yang dibutuhkan. Sebaliknya disisi

pengembang kurangmemperhatikan efesiensi algoritma, kemampuan sistem

operasi dan interface yangmenghubungkan manusia dan komputer.

(17)

Untuk mengatasi ketidakserasian antara pelanggan dan pengembang , maka harus

dibutuhakan kerjasama yanga baik diantara keduanya sehingga pengembang akan

mengetahui dengan benar apa yang diinginkan pelanggan dengan tidak

mengesampingkan segi-segi teknis dan pelanggan akan mengetahui proses-proses

dalam menyelasaikan system yang diinginkan. Dengan demikian akan

menghasilkan sistem sesuai dengan jadwal waktu penyelesaian yang telah

ditentukan.

Kunci agar model prototype ini berhasil dengan baik adalah dengan

mendefinisikan

aturan-aturan main pada saat awal, yaitu pelanggan dan pengembang harus setuju

bahwa prototype dibangun untuk mendefinisikan kebutuhan. Prototype akan

dihilangkan sebagian atau seluruhnya dan perangkat lunak aktual aktual

direkayasa dengan kualitas dan implementasi yang sudah ditentukan

2.4.2.1 Tahapan-tahapan Prototyping

Tahapan-tahapan dalam Prototyping adalah sebagai berikut:

1. Pengumpulan kebutuhan

Pelanggan dan pengembang bersama-sama mendefinisikan format seluruh

perangkat

lunak,mengidentifikasikan semua kebutuhan, dan garis besar sistem yang akan

dibuat.

(18)

2. Membangun prototyping

Membangun prototyping dengan membuat perancangan sementara yangberfokus

pada penyajian kepada pelanggan (misalnya dengan membuat input dan format

output)

3. Evaluasi protoptyping

Evaluasi ini dilakukan oleh pelanggan apakah prototyping yang sudah dibangun

sudah sesuai dengan keinginann pelanggan. Jika sudah sesuai maka langkah 4

akan diambil. Jika tidak prototyping direvisi dengan mengulangu langkah 1, 2 ,

dan 3.

4. Mengkodekan sistem

Dalam tahap ini prototyping yang sudah di sepakati diterjemahkan ke dalam

bahasa pemrograman yang sesuai

5. Menguji sistem

Setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, harus dites

dahulu sebelum digunakan. Pengujian ini dilakukan dengan White Box, Black

Box, Basis Path, pengujian arsitektur dan lain-lain

6. Evaluasi Sistem

Pelanggan mengevaluasi apakah sistem yang sudah jadi sudah sesuai dengan yang

diharapkan . Juka ya, langkah 7 dilakukan; jika tidak, ulangi langkah 4 dan 5. 7.

Menggunakan system Perangkat lunak yang telah diuji dan diterima pelanggan

siap untuk digunakan .

(19)

2.4.3 Alat Bantu Analisis

1.UML

Unified Modelling Language atau lazim disebut dengan UML adalah sebuah

bahasa yang digunakan dalam Analisis dan Desain Berorientasu Object. Bahasa

ini dikembangkan untuk memberikan standar notasi terhadap berbagai metodologi

yang diterapkan dalam OOAD. UML merupakan bahasa pemodelan yang

dihasilkan oleh kolaborasi tiga orang yang telah memberikan metodologi untuk

OOAD yang telah ada sebelumnya, yakni Grady Booch

( Object Oriented Design

Methodology ),

James Rumbaugh

( Object Modelling Technique ),

dan Ivar

Jacobson

( Object Oriented Software Engineering )

. Penciptaan UML

dimaksudkan untuk memberikan solusi terhadap tiga permasalahan pokok yang

umum dihadapi dalam pengembangan sistem dengan paradigma berorientasi

object, yakni pemodelan sistem, sistem-sistem yang

mission critical

dan bahasa

pemodelan yang dapat menjembatani pemikiran manusia dan mesin.

2. Overview UML

Dalam kaitannya sebagai bahasa standar, maka terdapat empat aspek pokok yang

diberikan oleh UML, yakni :

a.Visualisasi

Visualisasi adalah proses menggambarkan blueprint suatu sistem secara grafis.

Visualisasi terdiri dari beberapa komponen ,interface, dan koneksi-koneksi yang

ada dalam sistem tersebut. Tujuan dari visualisasi ini adalah agar permasalahan

lebih mudah untuk dipahami dan dikomunikasikan. UML adalah kumpulan dari

(20)

simbol- simbol di dalam notasi UML merupakan suatu semantik yang terdefinisi

dengan baik. Dalam kaitan sebagai bahasa untuk visualisasi, maka ada dua

model yang dapat

dikerjakan di dalam UML, yakni :

1.Business Modelling, merupakan teknik-teknik yang digunakan untuk

menggambarkan model sebuah bisnis. Terdapat dua jenis business modelling,

yakni business use case model dan business object model. Business object model

menggambarkan realisasi dari business use case model.

2.Model untuk rekayasa sistem merupakan teknik grafis untuk menggambarkan

sistem yang akan dibangun secara keseluruhan. Model ini bertujuan untuk :

Mendefinisikasi reguerements yang dibutuhkan dalam perekayasaan

sistem.

Melihat bagaimana komponen-komponen saling berinteraksi

Memudahkan komunikasi antar anggota tim perekayasaan dalam

memahami pemasalahan

b. Spesifikasi

Dalam konteks sebagai bahasa

untuk spesifikasi, UML ditujukan untuk

membangun suatu model yang persis, tidak ambigu dan komplet. Spesifikasi

dalam UML dimaksudkan untuk semua bagian penting pada tahap analisis, desain

dan implementasi. Dalam hal ini spesifikasi harus diputuskan dan dibuat dalam

pembangunan sistem perangkat lunak.

(21)

c.konstruksi

UML bukanlah sebuah bahasa pemprograman visual, tetapi merupakan model

bahasa yang dapat secara langsung dihubungkan dengan berbagai varitas bahasa

pemprograman. Kondisi ini dimasudkan agar model-model yang ada dalam UML

dapat dipetakan secara langsung ke sebuah bahasa pemprograman seperti Java, C

++, dan lain sebagainya. Disamping itu model-model di dalam UML juga dapat

dipetakan ke dalam sebuah database relasional atau Object Oriented Database.

d.Dokumentasi

UML dialamatkan kepada dokumentasi dari arsitektur sistem dan semua artifact

secara detail dari Perangkat Lunak . UML juga menyediakan suatu bahasa untuk

mengungkapkan requirements dan pengajuan. Selanjutnya, UML menyediakan

sebuah bahasa untuk memodelkan aktivitas dari perencanaan proyek dan release

management.

2.5 Penggunaan Aplikasi

a.

PHP

PHP adalah bahasa pemrograman web atau scripting language yang didesain

untuk web.

PHP dapat dijabarkan juga dengan bahasa pemrograman

script

yang

paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web

dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

PHP dibuat pertama kali oleh satu orang yaitu Rasmus Lerdorf, yang pada

awalnya dibuat untuk menghitung jumlah pengunjung pada homepagenya.

Diawal Januari 2001, PHP telah dipakai lebih dari 5 juta domain diseluruh dunia,

dan akan terus bertambah karena kemudahan aplikasi PHP ini dibandingkan

dengan bahasa Server side yang lain.

(22)

b.

Database

adalah kumpulan informasi yang disimpan di dalam komputer secara

sistematis sehingga dapat diperiksa menggunakan suatu program komputer untuk

memperoleh informasi dari database tersebut. Database digunakan untuk

menyimpan informasi atau data yang terintegrasi dengan baik di dalam komputer.

DBMS (

Database Management System

) merupakan suatu sistem perangkat lunak

yang memungkinkan user untuk membuat, memelihara, mengointrol dan

mengakses database secara praktis dan efisien. Dengan DBMS, user akan lebih

mudah mengontrol dan memanipulasi data yang ada. Beberapa software atau

perangkat lunak DBMS yang sering digunakan dalam aplikasi program antara lain

DB2, Microsoft SQL Server, Oracle, Sybase, Interbase, MySQL dll.

c.

Mysql

MySQL adalah sebuah perangkat lunak sistem manajemen basis data (database

management system) atau DBMS yang multithread, multi-user, dengan sekitar 6

juta instalasi di seluruh dunia

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata

yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah

sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi

dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan

mudah secara otomatis.

(23)

Bab III

PROFIL PERUSAHAAN

3.1. Tinjauan Umum Perusahaan

“Amanda”

merupakan salah satu pilihan kuliner di Kota Bandung yang memiliki

ciri khas dengan kualitas produk yang tinggi. Sangat cocok untuk oleh-oleh,

dengan ketahanan produk original sekitar 4 hari dan produk 3 hari. Selain untuk

oleh-oleh Amanda juga dapat disajikan dalam rapat, arisan, maupun ulang tahun.

Memulai penjualan pada tahun 2000 dengan nama “Amanda” yaitu singkatan dari

“Anak MANtu DAmai”. Seiring dengan perkembangan pasar, “Amanda” menjadi

Leader di Kota Bandung dengan tetap mempertahankan, memperbaiki dan terus

mengembangkan kualitas produk yang dimiliki. Terbukti dengan adanya Inovasi

produk yang semula hanya mengandalkan Produksi

„Original‟/Chocolate,

sekarang telah memproduksi dengan rasa Cheese Cream (Cream keju yang

sangat terasa di lidah), Blueberry (varian rasa manis dan asem yang

menyegarkan), Tiramisu (panduan antara rempah dan keju yang membuat

keunikan rasa yang berbeda dengan produk sejenis), Choco Marble (Sangat cocok

bagi penggemar cokelat), Srikaya Pandan (rasa pandan yang di taburi dengan

wijen) dan Banana Fizz (perpaduan antara pisang dan biskuit di dalam lapisan

tengah kue). Varian tambahan lainnya adalah Brownies Kering dan Brownies

Bakar (Kenikmatan rasa cokelat, susu dan keju dengan tekstur yang lembut).

Selain prdoduk-produk di atas, kini Amanda juga mengeluarkan produk baru

(24)

yaitu cheese stick, sweet stick, bungket duo, pisang bolen keju, pisang bolen

cokelat, pink marble, cheese roll, chicken pastry, beef pastry, cake bakan sarikaya,

cake ketan bakar blueberry.

Sejarah Perkembangan Amanda

1999 : Pengolahan RESEP AMANDA

2000 : Mulai merintis di dapur rumah, order per telepon

2001 : Pindah ke kios depan ruko Metro Soekarno-Hatta

Kios terbakar di pertengahan tahun

Akhir tahun pindah ke jalan Tatasurya sampai habis masa kontrak

2002 : Pindah ke jalan rancabolang no. 5

Membuka cabang di Emung dan Antapani

2003 : Membuka cabang di jalan Otten

2005 : Beroperasinya pabrik baru di jalan Rancabolang

Tepatnya tanggal 10 September pembukaan toko dan kantor pusat di Jl.

Rancabolang no. 29 Bandung

Akhir Tahun tanggal 10 Desember 2005 pembukaan di Ruko Paskal

Hyper Square

(25)

2006

: Peresmian dan beroperasinya “Amanda Mobile” di Dago

Cabang 1 pindah dari Jl. Lodaya no. 8 ke Jl. Lengkong Besar 101 B,

Bandung Menuju Pelayanan Terbaik

2007 : 17 Maret 2007 pembukaan outlet di Surabaya, Jl. Kutai no. 8

21 April 2007 pembukaan Outlet di Bogor, Jl. Pajajaran no. 84 F

Juni 2007 Jl. Barata Jaya XIX no. 57 A dan Jl. Mulyosari no. 97 F,

Surabaya

Desember 2007 Membuka cabang baru di Jl. Ir. H. Djuanda no. 167

Bandung

2008 : 14 Juni 2008 Pembukaan Outlet baru di Cimahi dan Medan

Jalan Raya Cibabat no 452

Jl. Abdullah Lubis no. 23 A

Jl. Kruing no. 3 F

18 Desember pembukaan Outlet di Jl. Ters Jakarta no. 6 Antapani dan Jl.

Tuparev no. 38 Cirebon

(26)

3.1.1 Visi Misi dan Tujuan Perusahaan

VISI

“Menjadi leader kue kukus berkualitas, dengan cita rasa terbaik di

Indonesia”

MISI

Memperkenalkan dan selalu membuat inovasi produk yang berkualitas,

guna memenuhi kebutuhan dan keinginan konsumen.

Menciptakan nikai pertubuhan pasar secara berkesinambungan.

Memberikan dan memperkenalkan kualitas terbaik dari daur hidup produk

kepada pelanggan dengan mempertahankan cita rasa yang telah dipercaya.

Tujuan

Tujuan jangka panjang perusahaan :

Membuka cabang di luar Bandung

Go Internasional / Go Global

Tujuan jangka pendek perusahaan :

Memenuhi keinginan dan kebutuhan pelanggan

Memperluas daerah penjualan dan pemasaran di Bandung

Pengembangan pabrik yang dapat mendukung proses produksi agar

seimbang dengan kebutuhan konsumen.

(27)

BAB IV

ANALISIS PRAKTEK KERJA LAPANGAN

4.1. Analisis Sistem Yang Berjalan

Melalui praktikum kerja lapangan yang dilakukan penulis di CV. Amanda

Bandung, penulis dapat menganalisis website yang dimiliki oleh perusahaan.

Website yang berjalan bersifat promosi item tanpa adanya halaman pemesanan

secara online (E-Commerce). Oleh karena itu penulis mengajukan sebuah

tambahan halaman untuk melakukan pemesanan item-item yang di sediakan oleh

CV. Amanda secara online.

4.1.1. Analisis Prosedur yang sedang Berjalan 4.1.1.1.Use Case

Pembeli

Admin

Website

Browsing Situs

Melihat Katalog

Isi / Edit / Hapus Katalog Login Admin

(28)

4.1.1.2.Activity Diagram

Gambar 4.1.1.2 Activity Diagram Website yang sedang Berjalan

4.1.2. Evaluasi Sistem yang berjalan

Sistem yang berjalan menampilkan halaman web yang berisi daftar produk, forum, promo ditambah beberapa artikel mengenai perusahaan dan contact list. Website ini belum mendukung pembelian atau pemesanan produk secara online. Website resmi amanda bisa dilihat di http://amandacogroup.com/

4.2. Usulan Perancangan Sistem

Melalui pengamatan yang penulis lakukan selama praktikum kerja lapangan di CV. Amanda , penulis mengajukan sebuah tambahan rancangan sistem. Jadi sistem yang penulis rancang bersifat melengkapi apa yang telah ada dalam situs yang telah ada. Penulis mencoba mengangkat masalah e-commerce sebagai sebuah solusi transaksi atau boleh dikatakan sebagai tambahan opsi transaksi, karena penulis menyadari betul, pola transaksi masyarakat untuk datang secara langsung ke gerai sangat sulit dihilangkan.

(29)

4.2.1. Tujuan Perancangan Sistem

Tujuan perancangan halaman transaksi online ini berupa:

1. Memudahkan pelanggan, terutama yang jauh dari gerai untuk dapat

menikmati kelezatan Amanda , melalui pemesanan secara online.

2. Ekspansi pasar bagi CV. Amanda melalui kemudahan pola transaksi yang

bersifat online.

(30)

4.2.2. Perancangan Prosedur yang Diusulkan 4.2.2.1.Use Case

Pembeli Admin

Website Browsing Situs

Melihat Katalog

Melakukan Order Daftar User

Mengisi Order Pembelian Masuk Form User

Isi / Edit / Hapus Katalog Login Admin

Cek Order

Pesan Validasi

(31)

4.2.2.2.Activity Diagram

(32)

4.2.2.3.Class Diagram

+kd_customer +nama +alamat +no_telepon +email

customer

+nip +nama +jabatan +gaji

admin +url

+domain +content

website

+db_name +primary_key +content

database 1

* 1 1 *

Gambar 4.2.2.3 Class Diagram Website yang Diusulkan

4.2.2.4 . Sequence Diagram

home_page

Top Package::Customer browse

user_page order_page

request_order

admin_page

check_order proceed_order

sent_message

(33)

4.2.2.5 . Collaboration Diagram

Customer

home_page user_page

order_page admin_page

browse login

ang

mes

age

proceed_order check_order sent_messages

Gambar 4.2.2.3 Collaboration Diagram Website yang Diusulkan

4.2.3. Evaluasi terhadap sistem yang di Usulkan/dirancang

Perancangan halaman website pembelian dan pemesanan produk terbatas dalam penggunaan database yang kecil, karena keterbatasan itulah sekiranya bisa diperhitungkan limitasi penggunaan database. Ditambah lagi sistem yang penulis ajukan belum lulus tahap trial-error, bug masih banyak hinggap disana-sini.

(34)

BAB V

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Dari hasil analisis yang penulis lakukan selama melaksanakan Praktikum Kerja Lapangan yang penulis lakukan di CV. Amanda dapat ditarik kesimpulan:

“Website

resmi Amanda belum mengadopsi layanan e-commerce secara

penuh, padahal implementasi e-commerce mungkin akan meningkatkan

income bagi perusahaan”.

5.2 Saran

Beberapa hal yang penulis sarankan demi kemajuan CV. Amanda:

1. Dari sisi desain, website yang berjalan cukup menarik, penggunaan CSS

dan animasi yang apik menambah poin bagi website ini, namun dari sisi

konten, jelas website yang berjalan masih sangat kurang. Terbukti dari

belum adanya halaman pemesanan produk secara online. Penulis

menyarankan untuk menambahkan fitur tersebut.

2. Pengadopsian Content Management yang baik juga mutlak diperlukan,

mengingat varian produk yang dijual banyak. Agar nantinya pemasaran

melalui media online bisa berjalan dengan baik.

(35)

3. Mengingat kedepan CV. Amanda akan melakukan ekspansi usaha ke

bidang lain, ada baiknya website dari masing-masing bidang usaha bias

diintegrasikan satu dengan yang lainnya.

(36)

Sebuah Halaman Pemesanan Online Untuk

CV. Amanda

Laporan Praktek Kerja Lapangan

Diajukan untuk memenuhi syarat matakuliah Praktek Kerja Lapangan Program strata satu Program Studi Sistem Informasi

Oleh :

Rizky Saputra

NIM. 10507301

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(37)

DAFTAR ISI

LEMBAR PENGESAHAN

KATA PENGANTAR... i

DAFTAR ISI... iii

DAFTAR TABEL... v

DAFTAR GAMBAR... vi

DAFTAR LAMPIRAN... vii

BAB I PENDAHULUAN

1.1. Latar Belakang Praktek Kerja Lapangan ………...

1

1.2. Identifikasi dan Rumusan Masalah ………...

2 1.3.Maksud dan Tujuan Praktek Kerja Lapangan

………...

2 1.4.Metode Pengembangan Sistem ...

………...

4

1.5. Batasan masalah ...………...

4

1.6. Lokasi dan Waktu Praktek Kerja Lapangan ...………...

5 BAB II LANDASAN TEORI

2.1.Pengertian Sistem... 6

2.1.1. Elemen Sistem...

2.1.2. Karakterisitik Sistem... 8

2.1.3. Klasifikasi Sistem... 9

2.2.Pengertian Informasi... 13

2.3.Pengertian Sistem Informasi... 13

2.4.Metode Pendekatan dan Pengembangan Sistem... 14

2.4.1. Metode Pendekatan Sistem... 14

2.4.2. Metode Pengembangan Sistem... 16

2.4.3. Alat Bantu Analisis... 19

a.

_{UML... 19}

2.5.Penggunaan Aplikasi... 21

a.

PHP... 21

(38)

b.

Database... 22

c.

MySQL... 22

BAB III PROFIL PERUSAHAAN

3.1.Tinjauan Umum Perusahaan... 23

BAB IV ANALISIS PRAKTEK KERJA LAPANGAN

4.1.Analisis Sistem Yang Berjalan... 27

4.1.1. Analisis Prosedur yang sedang Berjalan... 27

4.1.1.1. Usecase... 27

4.1.1.2. Activity Diagram... 28

4.1.2. Evaluasi Sistem yang berjalan... 28

4.2.Usulan Perancangan Sistem... 28

4.2.1. Tujuan Perancangan Sistem... 29

4.2.2. Perancangan Prosedur yang Diusulkan... 30

4.2.2.1. Usecase... 30

4.2.2.2. Activity Diagram... 31

4.2.2.3. Class Diagram... 32

4.2.2.4. Sequence Diagram... 32

4.2.2.5. Collaboration Diagram... 33

4.2.3. Evaluasi terhadap sistem yang di Usulkan/dirancang...

33 BAB V KESIMPULAN DAN SARAN

5.1.Kesim

pulan………...

34 5.2.S

aran……….

34 DAFTA

R PUSTAKA……….

35

(39)

DAFTAR TABEL

(40)

DAFTAR GAMBAR

4.1.1.1 Usecase website yang sedang berjalan

………..

27 4.1.1.2 Activity Digaram website yang sedang berjalan

………..

28 4.2.2.1 Usecase website yang diusulkan

………

30 4.2.2.2 Activity Digaram website yang

diusulkan……….

31 4.2.2.3 Class Diagram website yang diusulkan

……….

32 4.2.2.4 Sequence Diagram website yang diusulkan

………...

32 4.2.2.5 Collaboration Diagram website yang diusulkan

………

33

(41)

DAFTAR LAMPIRAN

CODING PHP

Index Files... 37

Style Files

………..

42 Configuration Files... 51

Customer Files... 53

Order Files... 73

(42)

DAFTAR PUSTAKA

Jogiyanto , H.M, Analisa dan Desain Sistem Informasi, Andi Offset, Yogyakarta, 2001 Sudjana, Nana; Laksamana, Ulung, Menyusun Karya Tulis Ilmiah, Untuk Memperoleh Angka Kredit. Sinar Baru Algensindo, Bandung. 1991

Divisi Pengembangan dan Penelitian MADCOMS. 2004. Aplikasi PHP dan MySQL untuk membuat Website Interaktif. Yogyakarta.

http://www.kaskus.us/showthread.php?t=5533231 28 Agustus 2010 http://www.kaskus.us/showthread.php?t=5535624 28 Agustus 2010 http://www.kaskus.us/showthread.php?t=5518762 28 Agustus 2010 http://www.kaskus.us/showthread.php?t=5519432 28 Agustus 2010 http://www.forumphp.web.id/viewforum.php?f=1 9 September 2010

(43)

DAFTAR RIWAYAT HIDUP

Nama

:

Rizky Saputra

Tempat, Tanggal lahir :

Sigli, 13 Oktober 1988

Jenis Kelamin

:

Laki-laki

Agama

:

Islam

Alamat

:

Jln. T. Muda Rayeuk I No. 19, Banda Aceh

No. Telepon

:

085221320289

Latar Belakang Pendidikan :

1995

–

2001

:

Sekolah Dasar Kartika I-6

2001

–

2002

:

Pesantren Al-Zaytun Indramayu

2002

:

Pesantren Al-Kautsar Medan

2003

–

2004

:

Sekolah Menengah Pertama Negeri 4 Banda Aceh

2004

–

2007

:

Sekolah Menengah Atas Kartika I-2 Medan

(44)

KATA PENGANTAR

Puji syukur penulis panjatkan ke hadirat Allah SWT karena atas limpahan

karunia dan rahmat

–

Nya penulis dapat menyelesaikan Laporan Kerja Praktek ini.

Dalam penulisan laporan Kerja Praktek ini masih banyak kekurangan dan

kelemahan yang harus diperbaiki mengingat keterbatasan pengetahuan yang

penulis miliki dan segala faktor keterbatasan yang terjadi di lapangan.

Dalam penulisan laporan ini kami mendapatkan bantuan dari berbagai

pihak baik berupa kritik, saran, bimbingan maupun dorongan moril dan materiil.

Untuk itu rasa terima kasih tidak lupa kami haturkan terima kasih

sedalam-dalamnya kepada :

1. DR.IR.Edy Soeryanto Soegoto, selaku rektor Universitas Komputer

Indonesia.

2. Prof. Dr. Ir. H. Ukun Sastraprawira, M.Sc., selaku dekan fakultas teknik

dan ilmu komputer Universitas Komputer Indonesia.

3. Bapak Dadang Munandar, S.E.,M.Si., selaku dosen wali MI

–

7 angkatan

2007, dan Ketua Prodi Sistem Informasi, yang telah memberikan masukan

dan saran serta bimbingannya kepada kami dalam menyelesaikan laporan

kerja praktek ini.

4. Ibu Novrini Hasti,S.Si.,M.T., Selaku kordinator Kerja Praktek

5. Bapak Joko Ervianto selaku Pimpinan CV. Amanda.

6. Ibu Resmawati, S.E,. selaku humas sekaligus pembimbing Praktikum

Kerja Lapangan dari CV. Amanda.

(45)

7. Bapak Asep Ihsan Nipan, selaku pembimbing Praktikum Kerja Lapangan

di CV. Amanda.

Penulis menyadari masih terdapat keterbatasan kemampuan dan kendala

yang dihadapi dalam pembuatan laporan ini sehingga laporan ini belum

sepenuhnya sempurna. Untuk itu, kritik dan saran sangat penulis harapkan untuk

menyempurnakan laporan ini.

Penulis berharap semoga Laporan Kerja Praktek ini dapat memberikan

manfaat dan pengetahuan bagi semua pihak.

Bandung, Oktober 2010

Penulis

(46)

(47)

(48)

(49)

(50)

(51)

LAMPIRAN

CODING IndexFiles

index.php

<!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dt d/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml"> <head>

<metahttp-equiv="content-type"content="text/html;charset=iso-8859-1"/>

<title>homepage</title>

<linkrel="stylesheet"type="text/css"href="style/style.css"/> <styletype="text/css">

<!--

.style2{font-weight:bold}

.style3{font-weight:bold;color:#ffffff;font-size:10px;} .style4{color:#000000}

.style5{font-weight:bold}

.style7{font-weight:bold;color:#860b0b;font-size:14px;} -->

</style> </head> <body> <center>

<tablewidth="743"border="0"bgcolor="#860b0b"> <tr>

<tdalign="center"><imgsrc="img/logo.png"width="890"></td> </tr>

<tr>

<tr>

<tr><td><center><spanclass="style7">.::yoursatisfyisourduty::.</sp an></center></td></tr>

</tr> </tr>

</table><tr><td><divalign="center"class="style3">copyleftbygroovew arrior@gmail.com</div></td></tr>

</p> </center> </div></td> </body> </html>

(52)

indexA.php <!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dt d/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="content-type"content="text/html;charset=iso-8859-1"/> <?php session_start();?> <title><?phpprint$_session['nm']?>homepage</title> <linkrel="stylesheet"type="text/css"href="style/style.css"/> <styletype="text/css">  </style> </head> <body> <center> <tablewidth="743"border="0"bgcolor="#860b0b"> <tr> <tdalign="center"><imgsrc="img/logo.png"width="890"></td> </tr> <?php if(!empty($_session['nm'])&&!empty($_session['jns'])) { ?> <tr> <center><?phpinclude("style/nava.php");?></center> </tr> <tr> <td> <divclass="style6"align="right">welcome,<?phpprint$_session['nm']? ></div> </td> </tr><?php } else { include("style/nav.php"); echo'<tralign="center"><td><divclass="style6">youarenotallowedtoac cessthispage,pleaselogin!!!</td></tr></div>'; }?> <tr> <td> <tablewidth="491"height="275"border="0"align="center"bgcolor="#fff fff"> </table> <divalign="center"class="style3"></div></td> </tr> </table>

(53)

</p> </center> <divalign="center">copyleftbygroovewarrior@gmail.com</div> </div> </body> </html> frm_login_adm.php <html> <head> <title>loginadmin</title> <linkrel="stylesheet"type="text/css"href="style/style.css"/> <styletype="text/css">  </style> </head> <body> <center> <formmethod="post"action="#"> <tablewidth="743"border="0"bgcolor="#860b0b"> <tr> <tdalign="center"><imgsrc="img/logo.png"width="890"></td> </tr> <tr> <center><?phpinclude("style/nav.php");?></center> </tr> <tr> <td><tablewidth="491"height="295"border="0"align="center"bgcolor=" #ffffff"> <tr> <tdcolspan="4"><divalign="center"class="style5"><strong>loginadmin </strong></div></td> </tr> <tr><td><spanclass="style7">*mustbefilled</tr> <trbordercolor="#ff0000"> <td><divalign="right"class="style5"><spanclass="style5"><b>adminid </b></font></span></div></td> <td>:</td> <tdcolspan="2"><inputtype="text"size="10"name="username"autocomple te="off"> <spanclass="style7">*</span></td> </tr> <trbordercolor="#ff0000"> <td><divalign="right"class="style5"><spanclass="style5"><b>passwor d</b></font></span></div></td>

(54)

<td>:</td> <tdcolspan="2"><inputtype="password"size="16"name="pwd"> <spanclass="style7">*</span></td> </tr> <trbordercolor="#ff0000"> <tdcolspan="4"><divalign="right"spanclass="style2"> <inputname="submit"type="submit"value="login"> </span><spanclass="style2"> <inputtype="reset"name="reset"value="cancel"> </span></div> <center><?php if(!empty($_post['username'])&&!empty($_post['pwd'])) { require_once("config/koneksi.php"); $username=strtoupper($_post['username']); $pwd=($_post['pwd']); $query="select*from017_loginwhereusername='$username'andpwd='".md5 ($pwd)."'andjns='1'"; $result=mysql_query($query); $rows=mysql_num_rows($result); $insert_statement=mysql_query($query); while($row=mysql_fetch_array($result)) {$nm=$row["nm"]; $username=$row["username"]; $jns=$row["jns"];} if($rows>0) {header("location:indexa.php"); session_start(); $_session['nm']=$nm; $_session['jns']=$jns; setcookie("admin",$username,0);} else {echo"<divalign=\"center\"class=\"style7\">loginfailed!!!</div>";} } else {echo"<divalign=\"center\"class=\"style7\">fillintheblankfield!!!< /div>";} echo'</center> <divalign="center"></div> </div>'; ?></center></td> </tr> </td> </table></td> </tr> <td><divalign="center"class="style3"> <divalign="center">copyleftbygroovewarrior@gmail.com</div> </div> </table> </p> </form> </body> </html>

(55)

au.php <!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dt d/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="content-type"content="text/html;charset=iso-8859-1"/> <title>aboutus</title> <linkrel="stylesheet"type="text/css"href="style/style.css"/> <styletype="text/css">  </style> </head> <body> <center><tablewidth="743"height="0"border="0"bgcolor="#860b0b"> <tr> <tdalign="center"><imgsrc="img/logo.png"width="890"></td> </tr> <tr> <center><?phpinclude("style/nav.php");?></center> </tr> <tr> <td><tablewidth="799"align="center"bgcolor="#ffffff"><tr><td> <palign="center"><fontcolor="#860b0b"size="+2"><strong>tokohapepro file</strong></font></p> <palign="center"><strong>... ... ...</strong></p> </td></tr> <tr> <td><divalign="center"><strong>establishedsince</strong>:2001</div ></td> </tr> <tr> <td><divalign="center"><strong>telephone</strong>:0223456789</div> </td> </tr> <tr> <td><divalign="center"><strong>sms</strong>:081908993694</div></td > </tr>

(56)

<tr>

<td><divalign="center"><strong>email</strong>:contact@tokohape.com </div></td>

</tr> <tr>

<td><divalign="center"><strong>faximile</strong>:0229876543</div>< /td>

</tr> <tr>

<td><divalign="center"><strong>lineofbusiness</strong>:sellingqual itycellphones</div></td>

</tr> <tr>

<td><divalign="center"><strong>ourvision</strong>:aworldclasscompa nyasabreedinggroundforfutureentrepreneurswithspiritofitutilization </div></td>

</tr> <tr>

<td><divalign="center"><strong>ourmission</strong>:tobeindonesia's no.1cakestore</div></td>

</tr> <tr> <td>

<divalign="center"><imgsrc="img/nice.gif"/></div> </td>

</tr> </table>

</html>

logout.php

<?php

session_start();

if(!empty($_session['nm'])) {

session_destroy();

header("location:index.php"); ?>

<?php } else {

echo"<h2>404notfound</h2>"; }

Style Files

style.css

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{ margin:0px;

(57)

} body{ color:#860B0B; font-size:13px; background:url(img/singlepx.png)#ffffff; font-family:Arial,Helvetica,sans-serif; } .clear{ clear:both; } #main-container{ width:400px; margin:30pxauto; } #form-container{ background-color:#f5f5f5; padding:15px; -moz-border-radius:12px; -khtml-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } td{ white-space:nowrap; } a,a:visited{ color:#00000; text-decoration:none; outline:none; } a:hover{ text-decoration:underline; } h1{ color:#777777; font-size:22px; font-weight:normal; text-transform:uppercase; margin-bottom:5px; } h2{ font-weight:normal; font-size:10px; text-transform:uppercase; color:#aaaaaa; margin-bottom:15px; border-bottom:1pxsolid#eeeeee; margin-bottom:15px; padding-bottom:10px; } label{ text-transform:uppercase; font-size:10px; font-family:Tahoma,Arial,Sans-serif; }

(58)

textarea{ color:#404040; font-family:Arial,Helvetica,sans-serif; font-size:12px; } td>button{ text-indent:8px; } .error{ background-color:#AB0000; color:white; font-size:10px; font-weight:bold; margin-top:10px; padding:10px; text-transform:uppercase; width:240px; } #loading{ position:relative; bottom:9px; visibility:hidden; } .tutorial-info{ color:white; text-align:center; padding:10px; margin-top:10px; } <styletype="text/css"media="screen"> body{behavior:url("csshover2.htc");} .pd_menu{float:left;padding:0;margin:0;color:#860B0B;background:#F FFFFF;width:100%;border:solid1px#860B0B;clear:both;}/*Colornavigat ionbarnormalmode*/ .pd_menua,.pd_menua:visited{ font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:bold; font-size:12px; color:#860B0B; background-color:#FFFFFF; text-decoration:none; } .pd_menuul{list-style-type:none;padding:0;margin:0;} .pd_menuulli{float:left;position:relative;z- index:auto!important;z-index:1000;border-right:solid1px#860B0B;border-left:solid1px#860B0B;} .pd_menuullia{color:#860B0B;background:#FFFFFF;float:none!importan t;float:left;display:block;height:30px;line-height:30px;padding:010px010px;text-decoration:none;} .pd_menuulliul{display:none;border:none;color:#860B0B;background:# FFFFFF;width:1px} .pd_menuulli:hovera{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menuulli:hoverul{display:block;position:absolute;z-index:999;top:29px;margin-top:1px;left:0;}

(59)

.pd_menuulli:hoverullia{display:block;width:12em;height:auto;line- height:1.3em;margin-left:-1px;padding:5px10px5px10px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menuulli:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ .pd_menuullia:hover{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menuullia:hoverul{display:block;width:12em;position:absolute;z -index:999;top:29px;left:0;} .pd_menuulliullia:visited{background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menuullia:hoverullia{display:block;width:12em;height:1px;line- height:1.3em;padding:4px16px4px16px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;} .pd_menuullia:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ </style> <styletype="text/css"media="screen"> body{behavior:url("csshover2.htc");} .pd_menu_01{float:left;padding:0;margin:0;color:#860B0B;background :#FFFFFF;width:100%;border:solid1px#860B0B;clear:both;}/*Colornavi gationbarnormalmode*/ .pd_menu_01a,.pd_menu_01a:visited{ font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:bold; font-size:12px; color:#860B0B; background-color:#FFFFFF; text-decoration:none; } .pd_menu_01ul{list-style-type:none;padding:0;margin:0;} .pd_menu_01ulli{float:left;position:relative;z- index:auto!important;z-index:1000;border-right:solid1px#860B0B;border-left:solid1px#860B0B;} .pd_menu_01ullia{color:#860B0B;background:#FFFFFF;float:none!impor tant;float:left;display:block;height:30px;line-height:30px;padding:010px010px;text-decoration:none;} .pd_menu_01ulliul{display:none;border:none;color:#860B0B;backgroun d:#FFFFFF;width:1px} .pd_menu_01ulli:hovera{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menu_01ulli:hoverul{display:block;position:absolute;z-index:999;top:29px;margin-top:1px;left:0;} .pd_menu_01ulli:hoverullia{display:block;width:12em;height:auto;li ne-height:1.3em;margin-left:-1px;padding:5px10px5px10px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menu_01ulli:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ .pd_menu_01ullia:hover{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menu_01ullia:hoverul{display:block;width:12em;position:absolut e;z-index:999;top:29px;left:0;}

(60)

.pd_menu_01ulliullia:visited{background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menu_01ullia:hoverullia{display:block;width:12em;height:1px;li ne-height:1.3em;padding:4px16px4px16px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;} .pd_menu_01ullia:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ </style> <styletype="text/css"media="screen"> body{behavior:url("csshover2.htc");} .pd_menu_02{float:left;padding:0;margin:0;color:#860B0B;background :#FFFFFF;width:100%;border:solid1px#860B0B;clear:both;}/*Colornavi gationbarnormalmode*/ .pd_menu_02a,.pd_menu_02a:visited{ font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:bold; font-size:12px; color:#860B0B; background-color:#FFFFFF; text-decoration:none; } .pd_menu_02ul{list-style-type:none;padding:0;margin:0;} .pd_menu_02ulli{float:left;position:relative;z- index:auto!important;z-index:1000;border-right:solid1px#860B0B;border-left:solid1px#860B0B;} .pd_menu_02ullia{color:#860B0B;background:#FFFFFF;float:none!impor tant;float:left;display:block;height:30px;line-height:30px;padding:010px010px;text-decoration:none;} .pd_menu_02ulliul{display:none;border:none;color:#860B0B;backgroun d:#FFFFFF;width:1px} .pd_menu_02ulli:hovera{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menu_02ulli:hoverul{display:block;position:absolute;z-index:999;top:29px;margin-top:1px;left:0;} .pd_menu_02ulli:hoverullia{display:block;width:12em;height:auto;li ne-height:1.3em;margin-left:-1px;padding:5px10px5px10px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menu_02ulli:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ .pd_menu_02ullia:hover{background-color:#FF0000;text-decoration:none;color:#FFFFFF;}/*Colormaincellshoveringmode*/ .pd_menu_02ullia:hoverul{display:block;width:12em;position:absolut e;z-index:999;top:29px;left:0;} .pd_menu_02ulliullia:visited{background-color:#FF0000;color:#FFFFFF;}/*Colorsubcellsnormalmode*/ .pd_menu_02ullia:hoverullia{display:block;width:12em;height:1px;li ne-height:1.3em;padding:4px16px4px16px;border- left:solid1px#860B0B;border-bottom:solid1px#860B0B;background-color:#FF0000;color:#FFFFFF;} .pd_menu_02ullia:hoverullia:hover{background-color:#E63C40;text-decoration:none;color:#FFFFFF;}/*Colorsubcellshoveringmode*/ </style> <styletype="text/css">

(61)

#v_mnu_01ul{ list-style:none; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:bold; text-decoration:none; } #v_mnu_01{ width:150px; margin:10px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; } #v_mnu_01lia{ text-decoration:none; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:solid; border-left-style:none; border-bottom-color:#FFFFFF; } #v_mnu_01.notopbrdr0xNone{ border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; } #v_mnu_01lia:link,#v_mnu_01lia:visited{ color:#FFFFFF; display:block; background-color:#7D0407; padding-top:3px; padding-right:0; padding-bottom:3px; padding-left:10px; } #v_mnu_01lia:hover{ color:#FFFFFF; background:#ff0000;

(62)

padding-top:3px; padding-right:0; padding-bottom:3px; padding-left:10px; } </style>  <styletype="text/css"> #v_mnu_02ul{ list-style:none; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:bold; text-decoration:none; } #v_mnu_02{ width:85px; margin:10px; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF; border-left-color:#FFFFFF; } #v_mnu_02lia{ text-decoration:none; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:none; border-right-style:none; border-bottom-style:solid; border-left-style:none; border-bottom-color:#FFFFFF; } #v_mnu_02.notopbrdr0xNone{ border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; }

(63)

#v_mnu_02lia:link,#v_mnu_02lia:visited{ color:#800000;

display:block;

background-color:#FFFFFF; padding-top:3px;

padding-right:0; padding-bottom:3px; padding-left:10px; }

#v_mnu_02lia:hover{ color:#FFFFFF; background:#D70000; padding-top:3px; padding-right:0; padding-bottom:3px; padding-left:10px; }

</style> <!--[ifIE]>

<styletype="text/css"media="screen"> #v_mnu_02ul,#v_mnu_02ullia{height:1%} </style>

<![endif]-->

nav.php

<?php echo'

<tdwidth="650"align="center"><divclass="pd_menu">

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/customer/frm_login _cust.php">LOGIN</a>

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/customer/frm_inp_c ust.php">REGISTER</a>

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/product/show_pro.p hp">PRODUCTS</a>

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/au.php">ABOUTUS</a >

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/tos.php">TERMSOFSE RVICE</a>

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/frm_login_adm.php" >ADMIN</a>

</div> </td> '; ?>

(64)

navA.php

<?php

echo'<tdwidth="650"align="center"> <divclass="pd_menu_01">

</li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/product/frm_view_m st_pro.php">MASTERPRODUCTS</a>

<ul>

<li><ahref="http://localhost/tokocokelaties/product/frm_inp_mst_pr o.php">INPUT</a></li>

</ul> </li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/product/frm_view_d tl_pro.php">DETAILPRODUCTS</a>

<ul>

<li><ahref="http://localhost/tokocokelaties/product/frm_inp_dtl_pr o.php">INPUT</a></li>

</ul> </li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/order/frm_manage_o rd.php">ORDER</a>

<ul>

<li><ahref="http://localhost/tokocokelaties/order/frm_manage_ord.p hp">MANAGEORDER</a></li>

<li><ahref="http://localhost/tokocokelaties/order/frm_rep_all_ord. php">REPORTORDER</a></li>

</ul> </li></ul>

<ul><li><ahref="#">REPORTS</a> <ul>

<li><ahref="http://localhost/tokocokelatiescustomer/frm_rep_cust.p hp">CUSTOMERREPORTS</a></li>

<li><ahref="http://localhost/tokocokelaties/product/frm_rep_pro.ph p">PRODUCTSREPORTS</a></li>

</ul> </li></ul>

<ul><li><ahref="http://localhost/tokocokelaties/logout.php">LOGOUT </a>

</div> </td> '; ?>

navC.php

<?php

(65)

<ul><li><ahref="http://localhost/tokocokelaties/customer/index_cus t.php">HOME</a> </li></ul> <ul><li><ahref="http://localhost/tokocokelaties/customer/frm_data_ cust.php">PROFILE</a> <ul> <li><ahref="http://localhost/tokocokelaties/customer/frm_edit_cust .php">EDITPROFILE</a></li> <li><ahref="http://localhost/tokocokelaties/customer/frm_chpw_cust .php">CHANGEPASSWORD</a></li> </ul> </li></ul> <ul><li><ahref="http://localhost/tokocokelaties/product/show_pro.p hp">PRODUCTS</a> </li></ul> <ul><li><ahref="http://localhost/tokocokelaties/tos.php">TERMSOFSE RVICE</a> </li></ul> <ul><li><ahref="http://localhost/tokocokelaties/logout.php">LOGOUT </a> </div> </td>'; ?> Config Files koneksi.php <?php $dbuser="root"; $dbpass=""; $dbname="dbtoko"; $dbhost="localhost"; //koneksikedatabase $koneksi=@mysql_connect($dbhost,$dbuser,$dbpass)ordie("Error!!!Can 'tConnect:<BR>".mysql_error()); //pilihdatabase $mydb=@mysql_select_db($dbname,$koneksi)ordie("Error!!!Couldn'tCon ecttoDB:<BR>".mysql_error()); functionsetID($param,$pref) { $query="$param"; $result=mysql_query($query); $count=mysql_num_rows($result); $id=$count+1; if($id<=9) { $id1=$pref."000".$id; } elseif($id>9&&$id<100) { $id1=$pref."00".$id; } elseif($id>=100&&$id<1000) { $id1=$pref.$id;

(66)

}

return$id1; }

koneksi1.php

<?php

define('DB_HOST','localhost'); define('DB_USER','root'); define('DB_PASSWORD','');

define('DB_DATABASE','dbtoko');

mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);

mysql_select_db(DB_DATABASE)ordie("GagalKoneksiDatabase"); ?>

orderfunc.php

<?php

functionwriteShoppingCart(){ $cart=$_SESSION['cart']; if(!$cart){

return'<p>Youhavenoitemsinyourshoppingcart</p>'; }else{

//Parsethecartsessionvariable $items=explode(',',$cart); $s=(count($items)>1)?'s':'';

return'<p>Youhave<ahref="../order/frm_a2cart.php">'.count($items). 'item'.$s.'inyourshoppingcart</a></p>';

} }

functionshowCart(){ //global$db;

$cart=$_SESSION['cart']; if($cart)

{

$items=explode(',',$cart); $contents=array();

foreach($itemsas$item) {

$contents[$item]=(isset($contents[$item]))?$contents[$item]+1:1; }

echo'<formaction="../order/frm_a2cart.php?action=update"method="po st"id="cart">';

echo'<tablewidth="625"cellpadding="2"cellspacing="2"align="center" ><trbgcolor="#860B0B"align="center">

<td><spanclass="style8">MENU</td> <td><spanclass="style8">PICTURE</td> <td><spanclass="style8">NAME</td>

<td><spanclass="style8">PRICE/UNIT</td> <td><spanclass="style8">QUANTITIES</td> <td><spanclass="style8">TOTALPRICE</td> </tr>';

foreach($contentsas$id=>$qty){

//$query=mysql_query("select*fromtes_cartorderbyid_product"); $query=mysql_query("SELECT*FROM017_dtl_hpWHEREid_hp='$id'");

(1)

print"<td><ahref=\"frm_edit_dtl_pro.php?id_pro=$baris[1]\"><center ><imgtitle=\"EDIT\"src=\"../img/btn_edit.gif\"></center></a></td>" ;

echo'</td></tr>'; }

echo'</table>'; if($hal>1){ $prev=($page-1);

echo"<ahref=$_SERVER[PHP_SELF]?hal=$prev><imgsrc=\"../img/prev.png \"height=\"15\"width=\"15\"title=\"PREVIOUS\"></a>";

}

for($i=1;$i<=$total_pages;$i++){ if(($hal)==$i){

echo"$i"; }else{

echo"<ahref=$_SERVER[PHP_SELF]?hal=$i><fontcolor=\"#000000\"size=\ "2\">$i</font></a>";

} }

if($hal<$total_pages){ $next=($page+1);

echo"<ahref=$_SERVER[PHP_SELF]?hal=$next><imgsrc=\"../img/next.png \"height=\"15\"width=\"15\"title=\"NEXT\"></p></a>";

}

echo'<palign="left"><fontcolor="#000000"size=\"2\"><strong>'.$tota l_results.'</strong>DataInThisTable</font></br>';

echo'</table>';

echo'<divalign="center"class="style3">Copyleftbygroovewarrior@gmai l.com</div></table></center>';

?> <?php } else {

include("../style/nav.php");

echo'<tralign="center"><td><divclass="style8">YouareNotAllowedToAc cessThisPage,PleaseLogin!!!</td></tr></div>';

echo'<td><divalign="center"class="style3">Copyleftbygroovewarrior@ gmail.com</div></td>';

}?> </body> </html>

show_pro.php <?php

require_once('../config/orderfunc.php'); session_start();

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DT D/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml"> <head>

(2)

<metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/>

<title>PRODUCTS</title>

<linkrel="stylesheet"type="text/css"href="../style/style.css"/> <styletype="text/css">

<!--

.style2{font-weight:bold}

.style3{font-weight:bold;color:#FFFFFF;font-size:10px;} .style4{color:#000000}

.style5{font-weight:bold}

.style6{font-weight:bold;color:#FFFFFF;}

.style1{font-weight:bold;color:#000000;font-size:10px;} a:link{

color:#FFFFFF; }

a:visited{ color:#FFFFFF; }

a:hover{

color:#FFFFFF; }

a:active{ color:#FFFFFF; }

--> </style>

<scriptlanguage="javascript"> functiondinamis(tes)

{

varkd_pro=tes.value;

window.location="?kd_pro="+kd_pro; }

functiondinamis1(tes) {

vartipe_hp=tes.value;

window.location="?tipe_hp="+tipe_hp; }

functiondinamis2(tes) {

varhrg_pro=tes.value;

window.location="?hrg_pro="+hrg_pro; }

</script> </head> <body> <center>

<tablewidth="743"border="0"bgcolor="#860B0B"> <tr>

<tdalign="center"><imgsrc="../img/logo.png"width="890"></td> </tr>

<tr>

<center><?php

if(!empty($_SESSION['nm'])) {include("../style/navC.php");} else

(3)

?></center> </tr>

<divclass="style6"align="right"><formmethod="post"action="#"> <tablewidth="888"height="50"border="0">

<td></td><td><selectname="kd_pro"onchange="dinamis(this)"> <?php

require_once("../config/koneksi.php");

$sql="selectdistinct017_mst_hp.kd_pro,017_mst_hp.mrk_profrom017_ms t_hp,017_dtl_hpwhere017_mst_hp.kd_pro=017_dtl_hp.kd_proorderby017_ mst_hp.mrk_pro";

$query=mysql_query($sql);

while($row=mysql_fetch_row($query)) {

if(isset($_GET["kd_pro"])&&$row[0]==$_GET["kd_pro"]){ ?>

<optionvalue="<?phpecho$row[0];?>"selected="selected"><?phpecho$ro w[1];?></option>

<?php} else {?>

<optionvalue="<?phpecho$row[0];?>"><?phpecho$row[1];?></option> <?php}

}?>

</select> </td>

<tablewidth="888"> <tr>

<thwidth="">PICTURE</th>

<thwidth=""align="center">BRAND</th> <thwidth=""align="center">NAME</th> <thwidth=""align="center">TYPE</th>

<thwidth=""align="center">SPECIFICATION</th> <thwidth=""align="center">PRICE</th>

<thwidth=""align="center">MENU</th> </tr>

<?php

if(isset($_GET["kd_pro"])) {

$tampil=mysql_query("SELECT017_dtl_hp.dir_pro,017_mst_hp.mrk_pro,0 17_dtl_hp.nm_pro,017_dtl_hp.jns_pro,017_dtl_hp.hrg_pro,017_dtl_hp. spec_pro,017_dtl_hp.id_proFROM017_mst_hp,017_dtl_hpWHERE017_mst_hp .kd_pro=017_dtl_hp.kd_proand017_dtl_hp.stat_pro=0and017_mst_hp.kd_ pro='$_GET[kd_pro]'orderby017_mst_hp.mrk_pro");

}

elseif(isset($_GET["tipe_hp"])) {

(4)

$tampil=mysql_query("SELECT017_dtl_hp.dir_pro,017_mst_hp.mrk_pro,0 17_dtl_hp.nm_pro,017_dtl_hp.jns_pro,017_dtl_hp.hrg_pro,017_dtl_hp. spec_pro,017_dtl_hp.id_proFROM017_mst_hp,017_dtl_hpWHERE017_mst_hp .kd_pro=017_dtl_hp.kd_proand017_dtl_hp.stat_pro=0and017_dtl_hp.jns _pro='$_GET[tipe_hp]'orderby017_mst_hp.mrk_pro");

}

elseif(isset($_GET["hrg_pro"])) {

$tampil=mysql_query("SELECT017_dtl_hp.dir_pro,017_mst_hp.mrk_pro,0 17_dtl_hp.nm_pro,017_dtl_hp.jns_pro,017_dtl_hp.hrg_pro,017_dtl_hp. spec_pro,017_dtl_hp.id_proFROM017_mst_hp,017_dtl_hpWHERE017_mst_hp .kd_pro=017_dtl_hp.kd_proand017_dtl_hp.stat_pro=0and017_dtl_hp.hrg _pro$_GET[hrg_pro]orderby017_mst_hp.mrk_pro");

} else {

}

//$jumlah=mysql_num_rows($query);

while($data=mysql_fetch_array($tampil)) {

if($data[3]==1) {

$jenis="Kering"; }

elseif($data[3]==2) {

$jenis="Basah"; }

elseif($data[3]==3) {

$jenis="Cake"; }

?><tralign="center"> <tdbgcolor="#FFFFFF"> <?php

if($data[0]=="") {

$gambar="../img/unavailable.png"; }

else {

$gambar=$data[0]; }

<imgsrc="<?phpecho$gambar?>"height="55"width="35"title="<?phpecho$ data[2];?>"/></td>

<tdbgcolor="#FFFFFF"><spanclass="style1"><?phpecho$data[1]?></span ></td>

<tdbgcolor="#FFFFFF"><spanclass="style1"><?phpecho$data[2]?></span ></td>

(5)

<tdbgcolor="#FFFFFF"><spanclass="style1"><?phpecho$jenis?></span>< /td>

<tdbgcolor="#FFFFFF"><spanclass="style1"><textarearows="3"readonly ="readonly"><?phpecho$data[5]?></textarea></span></td>

<tdbgcolor="#FFFFFF"><spanclass="style1">Rp<?phpecho$data[4]?></sp an></td>

<tdbgcolor="#FFFFFF"><spanclass="style1"> <?phpif(!empty($_SESSION['nm']))

{

echo'<ahref="../order/frm_a2cart.php?action=add&id='.$data[6].'">< imgsrc="../img/shopping_cart_accept.ico"height="35"width="35"title ="AddToCart"/></a>';

?><?php }

else {

echo'LOGINTOORDER'; }?>

</span></td> <?php}?> </tr> </table> <tr>

<td><divalign="center"class="style3">Copyleftbygroovewarrior@gmail .com</div></td>

</tr> </table> </p> </center>

<divalign="center"></div> </div></form>

</body> </html>

(6)