Membangun website e-commerce di pt.fonterra brands Indonesia
BAB I PENDAHULUAN
1.1Latar Belakang Masalah
Abad sekarang sering disebut sebagai abad informasi, siapa yang menguasai informasi dan teknologinya, dialah yang akan menguasai dunia. Salah satu teknologi informasi yang terus berkembang dengan pesat adalah internet. Dengan adanya internet, banyak perubahan bisnis yang terjadi juga perpindahan informasi dapat berlangsung dengan cepat. PT. Fonterra Brands Indonesia menggunakan internet hanya untuk mengirim email kepada para pelanggan, tentu saja hal ini tidak membuat perusahaan berkembang pesat. Sehingga perusahaan mempunyai keinginan untuk mengikuti perkembangan zaman yang semakin maju dengan menggunakan internet sebagai salah satu media didalam menyampaikan informasi penawaran kemitraan dan pemasaran produk perusahaan kepada masyarakat luas.
Masa sekarang ini perusahaan harus pandai dalam mengambil keputusan untuk memasarkan produknya, maka dibutuhkan sarana yang tepat dalam pemasarannya. Untuk memanfaatkan kemajuan teknologi guna menunjang keunggulan dari suatu perusahaan, harus dilakukan dengan kebijakan yang terfokus pada metode pemasaran yang diterapkan didalam sebuah perusahaan. Sehubungan dengan itu, PT. Fonterra Brands Indonesia cenderung ingin memiliki pemasaran yang efektif dan efisien.
Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan E-commerce. E-commerce adalah segala bentuk
(2)
2
transaksi perdagangan barang atau jasa melalui media elektronik, dan media elektronik yang sering digunakan adalah internet. E-commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan bisnis. PT. Fonterra Brands Indonesia merupakan perusahaan yang bergerak di bidang pemasaran produk Anlene, Boneeto, Anmum dengan menggunakan strategi pemasaran francise atau waralaba, tertarik untuk menggunakan E-commerce sebagai salah satu cara untuk mengembangkan perusahaan dengan memasarkan paket pendidikan dan produk mereka guna menunjang pemasaran yang efektif dan efisien.
Berdasarkan latar belakang di atas, di sini penulis tertarik untuk membuat sebuah aplikasi E-commerce pada PT. Fonterra Brands Indonesia sebagai tugas Kerja Praktek dengan judul :“MEMBANGUN WEBSITE E-COMMERCE DI PT.FONTERRA BRANDS INDONESIA”.
1.2Identifikasi Masalah
Dengan melakukan kegiatan bisnis secara online melalui internet, perusahaan dapat menjangkau pelanggan di seluruh dunia. E-Commerce menyediakan kemampuan untuk menjual dan membeli produk serta informasi melalui internet dan jaringan jasa online lainnya. Selanjutnya perumusan masalah dapat dirumuskan dalam pertanyaan sebagai berikut :
1. Bagaimana membuat aplikasi E-commerce pemasaran produk Anlene di PT. Fonterra Brands Indonesia ?
(3)
3
1.3 Maksud dan Tujuan
Berdasarkan permasalahan yang diteliti, maka maksud dari penulisan tugas akhir ini adalah untuk mengaplikasikan E-commerce dalam pemasaran produk perusahaan dengan harapan perusahaan dapat berkembang dengan pesat.
Sedangkan tujuan yang akan dicapai dalam penelitian ini adalah :
1. Untuk memberikan informasi penawaran informasi produk perusahaan kepada konsumen melalui internet.
2. Untuk menjadikan internet sebagai media pemasaran produk yang efektif dan efisien.
3. Untuk menjadikan E-commerce solusi yang tepat dalam pemasaran produk perusahaan.
1.4 Batasan Masalah
Untuk mempermudah dalam melakukan perancangan suatu sistem diperlukan suatu pembatasan dari masalah-masalah yang ada, sehingga dapat diketahui ruang lingkup dari sistem yang akan dirancang. Dalam penelitian ini, penulis membatasi masalah sebagai berikut :
1. Web ini menyediakan pembayaran secara transfer melalui bank. 2. Admin mengelola data pemesanan, data produk, dan data pengguna
atau user.
3. Perangkat lunak pendukung pembentukan aplikasi ini adalah : a. Sistem Operasi Windows XP Profesional Service Pack 3. b. Macromedia Dreamweaver 2004.
(4)
4
c. XAMPP versi 1.7.1
1.5 Metodologi Penelitian
Metodologi yang digunakan dalam penulisan tugas akhir ini adalah sebagai berikut :
1. Metodologi Pengumpulan Data
Adapun teknik-teknik yang digunakan dalam mengumpulkan data adalah:
a. Studi pustaka atau studi literatur, Pengumpulan data dengan cara mengumpulkan literatur, jurnal, paper dan bacaan-bacaan yang ada kaitannya dengan judul penelitian.
b. Observasi, mengadakan pengamatan langsung terhadap kegiatan operasional harian perusahaan.
c. Interview, Teknik pengumpulan data dengan mengadakan tanya jawab secara langsung yang ada kaitannya dengan topik yang diambil.
2. Metodologi Pengembangan Perangkat Lunak
Dalam pengembangan aplikasi ini digunakan metode The Classic Life Cycle
(Paradigma Waterfall). Pada metode ini terdapat 5 tahap untuk mengembangkan suatu perangkat lunak. Kelima tahapan itu tersusun dari atas kebawah, diantaranya : Analysis, Design, Coding, Testing, Maintenance.
Tahap-tahap pengembangan perangkat lunak metode waterfall dapat dilihat pada gambar :
(5)
5
Gambar 1.1. Metode The Classic Life Cycle / Waterfall
1. Analysis adalah tahap menganalisa hal-hal yang diperlukan dalam pelaksanaan proyek pembuatan atau pengembangan software.
2. Design adalah tahap penterjemah dari keperluan-keperluan yang dianalisis ke dalam bentuk yang lebih mudah dimengerti oleh pemakai. Yaitu dengan cara menampilkan ke dalam Diagram Konteks, Data Flow Diagram (Diagram Aliran Data), Entity Relationship Diagram, Struktur Tabel, dan Struktur Menu.
3. Coding adalah tahap penterjemah data/pemecahan masalah software yang telah dirancang ke dalam bahasa pemograman yang telah ditentukan.
4. Testing adalah tahap pengujian terhadap program yang telah dibuat. Pengujian ini dimulai dengan membuat suatu uji kasus untuk setiap fungsi pada perangkat lunak, kemudian dilanjutkan dengan pengujian terhadap modul-modul dan terakhir pada tampilan antar muka untuk memastikan tidak ada
(6)
6
kesalahan dan semua berjalan dengan baik dan input yang diberikan hasilnya sesuai dengan yang diinginkan.
5. Maintenance adalah perangkat lunak yang telah dibuat dapat mengalami perubahan sesuai permintaan pemakai. Pemeliharaan dapat dilakukan jika ada permintaan tambahan fungsi sesuai dengan keinginan pemakai ataupun adanya pertumbuhan dan perkembangan baik perangkat lunak maupun perangkat keras.
1.6 Sistematika Penulisan
Sistematika penulisan penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Dalam menyajikan laporan tugas akhir ini, digunakan sistematika penulisan sebagai berikut :
BAB I PENDAHULUAN
Bab ini menguraikan latar belakang, merumuskan inti permasalahan yang dihadapi, maksud dan tujuan dari pembuatan aplikasi, batasan masalah aplikasi, dan sistematika penulisan. BAB II TINJAUAN PUSTAKA
Bab ini berisi tinjauan umum perusahaan, profil perusahaan, sejarah instansi, logo perusahaan, badan hukum perusahaan dan struktur organisasi perusahaan, serta berisi penjelasan tentang teori dasar internet, www, internet protokol, http, homepage, teori basis data, struktur PHP, MySQL, dan pengertian E-commerce.
(7)
7
BAB III PEMBAHASAN
Bab ini berisi gambaran aplikasi dan deskripsi hasil analisa aplikasi E-commerce yang disajikan dengan rancangan basis datanya serta gambaran aplikasi yang akan dirancang serta implementasi dan pengujian sistem.
BAB IV KESIMPULAN DAN SARAN
Berisi tentang kesimpulan yang diambil dari pembahasan website commerce ini dan saran untuk pengembangan website E-commerce ini.
(8)
BAB II
TINJAUAN PUSTAKA
2.1 Profil Tempat Kerja Praktek 2.1.1 Sejarah Instansi
PT. Fonterra Brands Indonesia hadir di Indonesia pada tahun 1995 pada awalnya perusahaan ini bernama PT. New Zealand Milk Indonesia, pada tahun 2004 perusahaan ini berganti nama menjadi PT. Fonterran Brands Indonesia sampai sekarang.
PT. Fonterra Brands Indonesia merupakan perusahaan susu multinasional yang berbasis di Selandia Baru dimana di negara asalnya perusahaan ini bernama Fonterra Co-operative Group, perusahaan ini merupakan salah satu pelaku bisnis terdepan dalam indusri susu yang beroperasi di lebih dari 40 negara dan produk dari Fonterra Co-operative Group dikenal sebagai salah satu produk susu terbaik diantara merk-merk susu lain di dunia.
Di Asia, produk terdepan dari Fonterra Co-operative Group seperti CHESDALE, ANLENE, ANMUM, ANCHOR dan MAINLAND dikenal dengan kebaikannya, kualitas dan keandalannya.
(9)
2.1.2 Logo Instansi
2.1.3 Badan Hukum Instansi
Badan hukum yang mandiri berdasarkan Pasal 3 ayat (1) Undang-Undang Nomor 40 Tahun 2007 tentang Perseroan Terbatas (UUPT) menentukan bahwa pertanggungjawaban pemegang saham PT hanya terbatas pada nilai saham yang dimiliki dalam PT. Secara ekonomis, unsur pertanggungjawaban terbatas dari pemegang saham PT tersebut merupakan faktor yang penting sebagai umpan pendorong bagi kesediaan para calon penanam modal untuk menanamkan modalnya dalam PT.
(10)
10
2.1.4 Struktrur Organisasi dan Job Description
GENERAL MANAGER
F/ A MANAGER SALES DIRECTOR HR & CORP AFF DIRECTOR
BRAND MANAGER ANLENE BRAND MANAGER BONEETO BRAND MANAGER ANMUM
ASM KALIMANTAN ASM JAWA TIMUR
ASM MEDAN ASM JAWA BARAT ASM JAWA TENGAH
ASM RIAU
(11)
2.2 Landasan Teori
Konsep dasar sistem ini meliputi pengertian dasar dari sistem, bentuk umum sistem, karakteristik sistem dan analisis system.
2.2.1 Pengertian Sistem
Terdapat dua kelompok pendekatan dalam mendefinisikan sistem yaitu yang menekankan pada prosedurnya mendefinisikan sistem sebagai berikut :
Menurut JOG [4] :
Suatu sistem adalah suatu jaringan dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.
Sedangkan pendekatan sistem yang menekankan pada komponennya mendefinisikan sistem sebagai berikut :
Menurut JOG [4] :
Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu.
2.2.2 Bentuk Umum Sistem
Bentuk umum dari suatu sistem terdiri atas masukan (input), proses, dan keluaran (output). Dalam bentuk umum sistem ini biasa melakukan satu atau lebih masukan yang akan diproses dan menghasilkan keluaran sesuai dengan rencana yang telah ditentukan sebelumnya.
(12)
12
Gambar 2.1 Model Sistem Sederhana
2.2.3 Karakteristik Sistem
Adapun karakteristik suatu sistem, yaitu : a. Komponen-komponen (Components)
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama untuk membentuk satu kesatuan. Komponen-komponen sistem atau elemen-elemen system dapat berupa suatu subsistem atau bagian-bagian dari sistem.
b. Batas Sistem (Boundary)
Batas sistem (Boundary) merupakan daerah yang membatasi antara satu sistem yang lain atau dengan linkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan.
c. Lingkungan Luar Sistem (Environment)
Lingkungan luar dari suatu sistem adalah apapun diluar batas dari system yang mempengaruhi operasi sistem.
d. Perhubungan (Interface)
Perhubungan merupakan media penghubung antara satu sub sistem dengan subsistem lain.
(13)
Masukan adalah energi yang dinasukkan kedalam sistem. f. Keluaran (Output)
Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.
g. Pengolahan
Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran.
h. Sasaran (Object)
Suatu sistem pasti mempunyai tujuan atau sasaran-sasaran dari sistem sangat membutuhkan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
2.2.4 Perancangan Sistem
Perancangan sistem adalah tahap setelah analisis sistem dan siklus pengembangan sistem, pendefinisian kebutuhan-kebutuhan fungsional dan persiapan untuk merancang bangun implementasi, menggambarkan suatu sistem yang akan dibentuk. Perancangan sistem dapat menggunakan pemodelan secara terstruktur menggunakan grafik atau diagram.
Langkah-langkah yang dilakukan pada tahap-tahap perancangan sistem ini adalah membuat usulan pemecahan masalah secara logika.
Alat bantu yang digunakan adalah : a. Flow Map
(14)
14
Menurut FAT [2], flow map merupakan gambaran hubungan antara entity
yang terlihat berupa aliran-aliran dokumen yang ada. Bagian alir dokumen merupakan bagan alir yang menunjukan arus dari laporan dan formulir termasuk tembusannya.
b. Diagram Konteks
Menurut JOG [4], Diagram Konteks adalah diagram arus data yang berfungsi untuk menggambarkan yang dirancang disuatu objek, diagram konteks ini menggambarkan secara global atau menyeluruh dari suatu sistem informasi keterkaitan aliran-aliran data antara sistem dengan bagian-bagian luar. Kesatuan luar ini merupakan sumber arus data yang berhubungan dengan sistem informasi tersebut.
c. Kamus Data
Menurut JOG [4], Kamus data adalah merupakan faktor tentang data dan kebutuhan-kebutuhan informasi dari suatu informasi, kamus data yang dibuat berdasarkan arus data dari DFD.
d. Diagram E-R (Entity Relational)
Model entity didasarkan pada persepsi dunia nyata yang terdiri dari himpunan objek dasar yang disebut dengan entity dan relasi terdiri dari anatr entity. Entity adalah objek yang dapat diidentifikasikan secara unik. e. Struktur Data
(15)
Struktur data merupakan hasil taransformasi dari entitas-entitas pada diagram E-R.
f. Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pemakai dalam menjalankan program komputer, sehingga saat menjalankan program user tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan.
2.3 Konsep Basis Data (Database)
Konsep basis data merupakan hal yang sangat penting. Kesulitan utama dalam merancang basis data adalah bagaimana merancang sehingga database dapat memuaskan keperluan saat ini dan masa mendatang. Konsep basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna.
2.3.1 Pengertian Basis Data (Database)
Dalam buku konsep dan perancangan database mendefinisikan database sebagai berikut :
Menurut KRIS [1] :
Database adalah kumpulan file-file yang mempunyai kaitan antara satu file dengan file lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan, instansi dalam batasan tertentu.
Basis data sendiri dapat didefinisikan dalam sejumlah sudut pandang seperti :
(16)
16
a. Himpunan kelompok data (arsip) yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah.
b. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan.
c. Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.
2.4 Pengertian Jaringan Komputer
Jaringan komputer adalah sekumpulan komputer pribadi saling berhubungan antara satu dengan yang lainnya menggunakan protokol komunikasi sehingga dapat saling berbagi informasi, program penggunaan bersama perangkat keras seperti printer, harddisk. Selain itu jaringan komputer dapat diartikan sebagai kumpulan sejumlah terminal komunikasi yang berada di berbagai lokasi yang terdiri dari lebih dari satu komputer yang saling berhubungan. Dalam sebuah jaringan komputer dapat diartikan sebagai kumpulan sejumlah terminal komunikasi yang berada di berbagai lokasi yang terdiri dari satu komputer yang saling berhubungan. Dalam sebuah jaringan komputer biasanya terhubung sejumlah komputer ke sebuah/ beberapa server.
Server adalah komputer yang difungsikan sebagai “pelayanan” pengiriman data dan penerimaan data diantara komputer-komputer yang tersambung.
(17)
Tujuan dibangunnya suatu jaringan komputer adalah membawa informasi secara tepat dan tanpa adanya kesalahan dari sisi pengirim (transmisi) menuju ke sisi penerima (receiver) melalui media komunikasi.
TCP/IP (Trasmission Control Protocol/Internet Protocol) merupakan protokol standard internet yang digunakan untuk melakukan koneksi ke internet protokol. TCP/IP memiliki beberapa subyek protocol yang berbeda yang beroperasi pada lapisan yang berbeda dan mempunyai tugas masing-masing. Berkat adanya protokol ini setiap komputer dapat berhubungan secara fleksibel dengan host-host yang terkoneksi.
2.4.1 Jenis - jenis Jaringan Komputer Jenis- jenis jaringan ada dua, yaitu: a. Model Peer To Peer
Menurut model ini, setiap host dapat menawarkan layanan ke peer lain dan juga mengambil layanan dari peer lain. Model ini cocok untuk jaringan kecil.
b. Model Client/Server
Model ini memisahkan secara jelas, mana yang dapat memberikan layanan jaringan (server) dan mana yang hanya memberikan layanan (client). Beberapa komputer diset-up sebagai server yang memberikan sumber daya (resource) dari jaringan : printer, modem, dan saluran lainnya kepada komputer lain yang dikoneksi kejaringan yang berfungsi sebagai client.
(18)
18
2.5 Pengertian Website
Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Hubungan antara satu halaman web dengan halaman web yang lainnya disebut hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext.
Domain adalah nama unik yang dimiliki oleh sebuah institusi sehingga bisa diakses melalui internet, misalnya detik.com, yahoo.com, google.com, dan lain-lain. Untuk mendapat sebuah domain harus mendaftar pada instansi penyedia domain.
Istilah lain yang sering ditemui sehubungan dengan website adalah homepage. Homepage adalah halaman awal sebuah domain. Jika mengklik menu-menu yang ada dan meloncat ke lokasi yang lainnya, disebut web page, sedangkan keseluruhan isi/content domain disebut website.
Seiringan dengan perkembangan teknologi informasi yang begitu cepat, website juga mengalami perkembangan yang sangat berarti. Dalam pengelompokan jenis web, lebih diarahkan berdasarkan pada fungsi, sifat, dan bahasa pemrograman yang digunakan.
Jenis-jenis web berdasarkan sifatnya adalah :
a. Website dinamis, merupakan sebuah website yang menyediakan content atau isi yang selalu berubah-ubah setiap saat.
b. Website statis, merupakan website yang contentnya sangat jarang diubah. Berdasarkan tujuannya, website dibagi atas :
(19)
a. Personal web, website yang berisi informasi pribadi seseorang. b. Corporate web, website yang dimiliki oleh sebuah perusahaan.
c. Portal web, website yang mempunyai banyak layanan, mulai dari layanan berita, email, dan jasa-jasa lainnya.
d. Forum web, sebuah web yang bertujuan menjadi sebuah media diskusi. e. Disamping itu ada juga website e-Government, e-Banking, e-Payment. Ditinjau dari segi bahasa pemrograman yang digunakan website terbagi atas :
a. Server Side, merupakan website yang menggunakan bahasa pemrograman yang tergantung kepada tersedianya server. Seperti, PHP, ASP, dan lain sebagainya. Jika tidak ada server, website yang dibangun menggunakan bahasa pemrograman diatas tidak dapat berfungsi sebagaimana mestinya. b. Client side, merupakan website yang tidak membutuhkan server dalam
menjalankannya, cukup diakses melalui browser saja. Misalnya HTML. HTML adalah singkatan dari Hyper Text Markup Language yang merupakan suatu kode semi pemrograman yang menjadi dasar terwujudnya web. Kode-kode yang digunakan dalam HTML disebut Tag.
2.6 Pengenalan PHP (Personal Home Page)
PHP (Personal Home Page) adalah server-side programming yang popular digunakan untuk membuat web-based application. PHP dikenal sebagai sebuah bahasa scripting yang menyatu dengan tag-tag HTML yang diekseskusi di server dan digunakan untuk membuat halaman web yang dinamis seperti guestbook, statistik pengunjung, polling, email, dan masih banyak lagi.
(20)
20
Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1994 dari setumpuk script perl CGI untuk melacak siapa saja yang mengakses resumenya di web. Versi pertama PHP dirilis pada tahun 1995. Rasmus kemudian menulis ulang script-script perl tersebut dengan menggunakan bahasa C guna meningkatkan kecepatannya kemudian menambah fasilitas untuk Form HTML dan dukungan koneksi ke database MySQL. Sejak saat itu lahirlah PHP versi kedua yang dikenal sebagai PHP/FI.
PHP versi ketiga dirilis pertengahan tahun 1997. Pada versi ini pembuatannya tidak lagi oleh Rasmus sendiri, tetapi juga melibatkan programmer
lain yang antusias untuk mengembangkan PHP.
PHP versi 4.0 dirilis bulan oktober 2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Scripting Engine yang dibuat oleh Andi Gutmans dan Zeev Suraski yang manghasilkan banyak peningkatan kecepatan yang sangat besar dibanding versi sebelumnya. Dan sampai saat ini PHP telah mencapai versi 5.0.
Adapun keunggulan yang dimiliki oleh bahasa pemrograman PHP adalah sebagai berikut :
a. Life Cycle yang sangat singkat , sehingga PHP selalu up to date mengikuti perkembangan teknologi internet.
b. Cross Platform, yakni PHP dapat dipakai di hampir semua webserver yang ada di pasaran (terutama Apache dan Microsoft IIS) dan dijalankan pada berbagai sistem operasi (Linux, Windows, FreeBSD).
(21)
c. PHP mendukung koneksi ke banyak database baik yang gratis maupun komersil, seperti MySQL, mSQL, Oracle, Microsoft SQL Server, Interbase, dan banyak lagi.
d. PHP bersifat open source dan gratis.
e. Kemudahan dalam mendapatkan dokumentasi. di Internet, kita tidak akan sulit untuk mencari baik itu referensi, kode-kode PHP yang sudah jadi dan juga mengajukan pertanyaan pada grup-grup diskusi yang di dalamnya banyak sekali para master PHP.
2.7 Pengenalan MySQL
MySQL merupakan sebuah software yang berguna sebagai suatu Database Server yang cukup terkenal. Kepopulerannya seiring dengan penggunaan script
PHP untuk web programming. Database server itu sendiri merupakan suatu
software yang bertugas untuk melayani permintaan (request) query dari client. MySQL sebagai suatu database server mempunyai beberapa kemampuan, salah satunya harus menyediakan suatu sistem manajemen database yang dapat mengatur bagaimana menyimpan, menambah, mengakses data dan transaksi-transaksi database lainnya. MySQL cepat sekali berkembang, karena MySQL merupakan suatu software yang Open Source.
2.8 Pengenalan XAMPP
XAMPP adalah suatu bundel web server yang populer digunakan untuk coba-coba di Windows karena kemudahan instalasinya. Bundel program open
(22)
22
source tersebut berisi antara lain server web Apache, interpreter PHP, dan basis data MySQL. Setelah menginstall XAMPP, kita bisa memulai pemrograman PHP di komputer sendiri maupun mencoba menginstall aplikasi-aplikasi web.
2.9 Pengenalan Macromedia Dreamweaver
Macromedia Dreamweaver 2004 merupakan suatu HTML editor profesional yang digunakan untuk merancang, coding, dan mengembangkan
website, halaman web dan aplikasi berbasis web. Dreamweaver memudahkan user
dalam bekerja dalam lingkungan editing yang visual yang tentunya dilengkapi dengan kontrol hand-coding HTML-nya.
Dreamweaver juga dapat mengembangkan workflow dengan menggunakan Macromedia Fireworks dan juga dapat menambahkan animasi dari Flash ke dalamnya. Selain itu, Dreamweaver menyediakan interface yang full-featured coding yang termasuk tools code-editing dan materi CSS, Javascript, CFML, dan bahasa lainnya.
Aplikasi yang dibangun dapat berupa aplikasi dinamis, dimana Dreamweaver kompatibel dengan teknologi server seperti CFML, ASP.NET, ASP, JSP dan PHP. Selain itu juga kompatibel dengan XML data yang telah disediakan tools untuk membuat halaman XSLT, menyertakan file XML dan memajangnya di halaman web.
Dreamweaver is fully customizable, yaitu dapat menciptakan objek sendiri, mengatur dan memodifikasi shortcut untuk keyboard, bahkan menulis Javascript
(23)
untuk memperluas kemampuan Dreamweaver dengan behavior, property inspector, dan sitereports yang baru.
2.10 Pengertian E-Commerce
Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. Salah satu jaringan yang digunakan adalah internet.
Sementara itu Kalakota dan Whinston mendefinisikan E-Commerce dari beberapa perspektif, yaitu :
1. Dari perspektif komunikasi, E-Commerce adalah pengiriman informasi, produk/jasa, atau pembayaran melalui jaringan telepon, atau jalur komunikasi lainnya.
2. Dari perspektif proses bisnis, E-Commerce adalah aplikasi teknologi menuju otomatisasi transaksi bisnis dan work flow.
3. Dari perspektif pelayanan, E-Commerce adalah alat yang digunakan untuk mengurangi biaya dalam pemesanan dan pengiriman barang.
4. Dari perspektif online, E-Commerce menyediakan kemampuan untuk menjual dan membeli produk serta informasi melalui internet dan jaringan jasa online lainnya.
Selanjutnya Yuan Gao dalam Encyclopedia of Information Science and
Technology (2005), menyatakan E-Commerce adalah penggunaan jaringan
komputer untuk melakukan komunikasi bisnis dan transksaksi komersial. Kemudian di website E-Commerce Net, E-Commerce didefinisikan sebagai
(24)
24
kegiatan menjual barang dagangan dan/atau jasa melalui internet. Seluruh komponen yang terlibat dalam bisnis praktis diaplikasikan disini, seperti customer service, produk yang tersedia, cara pembayaran, jaminan atas produk yang dijual, cara promosi dan sebagainya.
Seluruh definisi yang dijelaskan di atas pada dasarnya memiliki kesamaan yang mencakup komponen transaksi (pembeli, penjual, barang, jasa dan informasi), subyek dan obyek yang terlibat, serta media yang digunakan (dalam hal ini adalah internet). Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan e-commerce. Internet merupakan jaringan global yang menyatukan jaringan komputer di seluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antara satu dengan yang lain diseluruh dunia.
Dengan menghubungkan jaringan komputer perusahaan dengan internet, perusahaan dapat menjalin hubungan bisnis dengan rekan bisnis atau konsumen secara lebih efisien. Sampai saat ini internet merupakan infrastruktur yang ideal untuk menjalankan e-commerce, sehingga istilah E-Commerce pun menjadi identik dengan menjalankan bisnis di internet.
Pertukaran informasi dalam E-Commerce dilakukan dalam format digital sehingga kebutuhan akan pengiriman data dalam bentuk cetak dapat dihilangkan. Dengan menggunakan sistem komputer yang saling terhubung melalui jaringan telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalam waktu yang singkat. Akibatnya informasi yang dibutuhkan untuk keperluan transaksi bisnis tersedia pada saat diperlukan. Dengan melakukan bisnis secara elektronik,
(25)
perusahaan dapat menekan biaya yang harus dikeluarkan untuk keperluan pengiriman informasi. Proses transaksi yang berlangsung secara cepat juga mengakibatkan meningkatnya produktifitas perusahaan.
Dengan menggunakan teknologi informasi, E-Commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan bisnis.
Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persaingan mengharuskan perusahaan untuk dapat memberikan respon cepat. Penggunaan E-Commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing.
(26)
BAB III PEMBAHASAN 3.1 Analisis Masalah
Analisis permasalahan sistem yang terjadi di PT. Fonterra Brands Indonesia adalah perusahaan ingin mengembangkan pemasaran ke wilayah yang lebih luas dan memudahkan proses transaksi yang dilakukan antar propinsi, sehingga membutuhkan website yang diharapkan dapat menyelesaikan permasalahan tersebut.
3.2 Analisis Sistem
Analisis sistem merupakan kegiatan penguraian suatu data dan informasi yang utuh dan nyata kedalam bagian-bagian atau komponen-komponen komputer yang bertujuan untuk mengidentifikasikan serta mengevakuasi masalah-masalah yang muncul, hambatan-hambatan yang mungkin terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga mengarah kepada suatu solusi untuk perbaikan maupun pengembangan ke arah yang lebih baik dan sesuai dengan kebutuhan serta perkembangan teknologi yang diantaranya membahas mengenai proses penjualan beserta produknya serta proses pengajuan pembukaan cabang baru dan unit baru yang diterapkan dalam perusahaan yang selama ini berlaku, baik dari segi kelebihan dan kekurangannya.
26
(27)
27
3.3 Analisis Data
Dalam mempelajari mekanisme pada proses transaksi dan kegiatan penjualan yang berjalan, diperlukan struktur atau cara kerja dari PT. Fonterra Brands Indonesia, dalam hal ini menganalisis data guna mempermudah dalam mempelajari arus data atau mekanisme semua proses transaksi beserta produk pada sistem yang sedang berjalan.
3.4 Analisis Prosedur
Analisis prosedur atau proses sistem, sistem memberikan gambaran tentang sistem manual yang sedang berjalan saat ini. Analisis sistem bertujuan untuk mengetahui lebih jelas bagaimana cara kerja sistem manual tersebut, sehingga kelebihan dan kekurangan sistem manual dapat diketahui.
(28)
28
3.4.1 Prosedure Daftar Pelanggan
Pelanggan
Invalide
Valide
Autentifikasi Pelanggan
Login
Pencatatan Data Pelanggan
DB Transaksi
(29)
29
3.4.2 Prosedur Transaksi
Pelanggan Transaksi Admin
Invalid Valid
Autentifikasi Pelanggan
Login
Transaksi
Data Transaksi
Pencatatan Data Transaksi
Laporan Data Transaksi
DB Transaksi
(30)
30
3.4.3 Prosedur Pengolahan Data Produk
Admin
Valid Invalid
Autentifikasi
Admin
Login
Edit Data Transaksi
DB Data Transaksi
Hapus Data Transaksi Data
Transaksi
(31)
31
3.5 Analisis Kebutuhan Non-Fungsional
Analisis kebutuhan non-fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut dapat diimplementasikan.
Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan. 3.5.1 Analisis Perangkat Keras (Hardware)
PT. Fonterra Brands Indonesia merupakan perusahaan baru yang sedang berkembang, sehingga saat ini belum mempunyai website untuk memasarkan produknya.
Spesifikasi hardware yang digunakan dalam membangun website ini adalah sebagai berikut :
a. Mikroprosessor : Intel Pentium D 2.8 GHz
b. Memori : 512 MB DDR2
c. Media penyimpanan : Harddisk 80 GB d. Kartu Grafik (VGA) : 128 MB
(32)
32
3.5.2 Analisis Perangkat Lunak (Software)
Spesifikasi software yang digunakan dalam membangun website ini adalah sebagai berikut :
a.Sistem operasi : Microsoft Windows XP Profesional SP3 b.Program : - XAMPP versi 1.7.1
- Macromedia Dreamweaver 8
c.Database : MySQL
d.Perangkat tambahan: Internet Explorer, Mozilla Firefox
Aplikasi yang akan dibangun menggunakan Macromedia Dreamweaver sebagai perancangan program dan MySQL sebagai databasenya
Alasan digunakannya Macromedia Dreamweaver sebagai tools perancangan program adalah memudahkan user bekerja dalam lingkungan editing visual yang tentunya dilengkapi dengan kontrol hand-coding HTML-nya. Dreamweaver juga kompatibel dengan teknologi server seperti CFML, ASP.NET, ASP, JSP dan PHP. Selain itu juga kompatibel dengan XML data yang telah disediakan tools untuk membuat halaman XSLT, menyertakan file XML dan memajangnya di halaman web.
Kemudian alasan digunakannya MySQL sebagai database yaitu mempunyai beberapa kemampuan, salah satunya harus menyediakan suatu sistem manajemen database yang dapat mengatur bagaimana menyimpan, menambah,
(33)
33
mengakses data dan transaksi-transaksi database lainnya. MySQL cepat sekali berkembang, karena MySQL merupakan suatu software yang Open Source.
3.6 Analisis Pengguna
Pengguna umumnya adalah pengunjung yang ingin mengetahui profil dari PT. Fonterra Brands Indonesia, serta yang ingin memesan produk yang dijual secara umum. Spesifikasi pengguna aplikasi ini adalah sebagai berikut :
Tabel 3.1 Karakteristik Pengguna Pengguna Usia Hak Akses Tingkat
Pendidikan
Pengalaman
Admin Lebih dari 21 tahun
Mengakses dan mengedit
Website
Minimal S1 Mengatur dan Memperbaiki
website
Pengunjung Lebih dari 17 tahun Mengakses Website Minimal SMA / Sederajat Membuka Website
3.7 Analisis Pengkodean
Pengkodean berfungsi untuk mendefinisikan suatu objek secara singkat, mengklasifikasikan data yang masuk kedalam database. Kode dapat dibentuk dari kumpulan huruf dan angka atau karakter khusus. Pada website PT. Fonterra Brands Indonesia terdapat pengkodean untuk memudahkan dalam pencarian data yaitu :
(34)
34
a. Kode Produk
Contoh : 0103001
3.8 Analisis Data
Analisis data dapat diartikan sebagai suatu tahap setelah analisis dari siklus pengembangan sistem yang merupakan suatu persiapan untuk mengembangkan atau membuat program aplikasi.
3.8.1 Tujuan Analisis Data
Analisis data bertujuan untuk memberikan gambaran secara umum kepada pemakai dalam pembuatan rancangan website E-commerce. Sehingga diharapkan website ini dapat mengembangkan kerjasama serta memudahkan pemasaran produk yang dihasilkan oleh PT. Fonterra Brands Indonesia.
(35)
35
3.8.2 ERD (Entity Relationship Diagram)
Untuk memodelkan data dan menggambarkan hubungan antara data yang ada, digunakan alat bantu yaitu diagram E-R. Usulan untuk perancangan diagram E-R yaitu dapat membedakan dengan atribut lainnya sehingga tabel tersebut dapat dijadikan referensi untuk tabel lainnya. Adapun diagram E-R tentang proses akses informasi dapat dilihat pada:
(36)
36
3.8.3 Perancangan Diagram Konteks
Diagram konteks berfungsi untuk menjelaskan hubungan website yang akan dibangun serta untuk memudahkan pembuatan website. Gambar diagram konteks tersebut dapat dilihat pada gambar berikut ini :
Gambar 3.5 Diagram Konteks Website PT. Fonterra Brands Indonesia 3.8.4 Perancangan Data Flow Diagram (DFD)
Data Flow Diagram merupakan model dari sistem untuk menggambarkan pembagian sistem yang lebih kecil. Maka dapat di gambarkan Data Flow Diagram (DFD) pada gambar dibawah ini:
(37)
37
3.8.4.1 DFD Level 1
Pengunjung
Admin 1.0
Login
2.0
Pesan Produk Data Produk Info Data Produk
Data Login Status Login Valid
T_Produk T_Pemesanan T_Admin T_Pembeli Info Produk Data produk Data Pemesanan
Info Data Pemesanan Status Data
Login Data Login
Status Data
Login Data Login
3.0 Kelola Data Pembeli 6.0 Kelola Data Produk 7.0 Kelola Data Pemesanan 4.0 Kelola Data Kategori 8.0 Kelola Data detail_ pemesanan Data Pembeli
Info Data Pembeli
Data Kategori Info Data Kategori
Info Data Produk Data Produk
Info Data Pemesanan Data Pemesanan Data detail_ pemsanan Info Data detail_ pemsanan T_Pembeli T_Kategori
T_Produk T_Pemesanan T_detail_pemsanan Data Pembeli Data Kategori
Status Data Penbeli
Status Data Kategori
Data Produk Data Pemesanan Info data detail_pemesanan Info Data
Produk PemesananInfo Data
Data detail_ pemesanan Status Data Login Data Login 5.0 Kelola Data Propinsi Status Data
propinsi Data propinsi T_propinsi
(38)
38
3.8.4.2 DFD Level 2 Untuk Proses 1.0 Login
(39)
39
3.8.4.3 DFD Level 2 Untuk Proses 2.0 Pesan Produk
2.1 Lihat Produk
T_Produk Data Produk
Info data Produk
Pengunjung
2.2 Isi Keranjang
Belanja
2.3 CheckOut
2.4 Pembayaran
Data Produk
Data Pembayaran T_Pemesanan Data Pesanan
Info Pembayaran Data Pemesanan Info data pemesanan
Data Pemesanan Info data Produk
Data Produk
Data Produk Info data produk
T_detail_Pemesanan Data detail pemesanan Info Data detail_pemesanan
(40)
40
3.8.4.4 DFD Level 2 Untuk Proses 3.0 Kelola Data Pembeli
3.3 Hapus
data Pembeli
3.2 Tambah
Data Pembeli
Admin 3.1
Ubah Data Pembeli
T_Pembeli
Status Data Pembeli Data Pembeli yang akan ditambah
Status Data Pembeli Data Pembeli
Data Pembeli yang dihapus Data Pembeli yang akan diubah
Status Data Pembeli
Data Pembeli
Info Data Pembeli
Info Data Pembeli Info Data Pembeli
Gambar 3.9 DFD Level 2 Untuk Proses 3
3.8.4.5 DFD Level 2 Untuk Proses 4.0 Kelola Data Kategori
Gambar 3.10 DFD Level 2 Untuk Proses 6.0
(41)
41
3.8.4.6 DFD Level 2 Untuk Proses 5.0 Kelola Data Propinsi
Gambar 3.11 DFD Level 2 Untuk Proses 5.0
3.8.4.6 DFD Level 2 Untuk Proses 6.0 Kelola Data Produk
6.3 Hapus data
Produk 6.2 Tambah Data
Produk Admin
6.1 Ubah Data
Produk
T_Produk
Status Data Produk Data Produk yang akan ditambah
Status Data Produk Data Produk
Data Produk yang akan dihapus Data Produk yang akan diubah
Status data Produk
Data Produk yang ditambah
Info Data Produk
Info DataProduk Info data Produk
(42)
42
3.8.4.7 DFD Level 2 Untuk Proses 7.0 Kelola Data pemesanan
Gambar 3.13 DFD Level 2 Untuk Proses 7.0
3.8.5 Tabel Spesifikasi Proses
3.2 Tabel Spesifikasi Proses No Proses 1.0
Nama Proses Login
Deskripsi Pemeriksaan autentifikasi data user
Input Data Login
Output Status Validasi Login Logika proses 1. Tampilkan form login
2. User mengisi data login 3. Periksa data login di database
4. Jika data login salah kembali ke langkah 1 5. Jika data login benar maka login sukses
(43)
43
No Proses 2.0
Nama Proses Pesan Produk
Deskripsi User memesan produk secara langsung
Input data pemesanan
Output info pemesanan produk
Logika Proses 1. User memilih produk yang akan dipesan 2. Produk akan masuk ke keranjang belanja 3. user melakukan checkout
4. user melakukan pembayaran
No Proses 1.1
Nama Proses Pengisian form login Deskripsi proses pengisian data login
Input Data login
Output Data login
Logika Proses 1.User Mengisi form login
2.Sistem akan memeriksa data login
No Proses 1.2
Nama Proses Verifikasi data login
Deskripsi Memeriksa data login yang telah dimasukan
Input data login
(44)
44
Logika Proses 1. Sistem memverifikasi data yang dimasukan dengan data yang ada di database
2. Sistem akan memberikan status login apakah sukses atau gagal
No Proses 1.3 Nama Proses Registrasi
Deskripsi proses registrasi user
Input data user
Output Data Login
Logika Proses 1. Tampilkan form registrasi 2. User mengisi data registrasi
3. Data registrasi disimpan didalam database
No Proses 2.1
Nama Proses Lihat Produk
Deskripsi Tampilan Daftar Produk
Input Data Produk
Output Info Produk
Logika Proses 1. User mengakses data produk 2. Tampilkan data produk
No Proses 2.2
Nama Proses Isi keranjang belanja Deskripsi Proses belanja
(45)
45
Output data pemesanan
Logika Proses 1. Tampilan data produk 2. User memilih produk
3. Produk dimasukan dalam keranjang belanja 4. Isi keranjang belanja dapat dihapus
No Proses 2.3 Nama Proses Checkout
Deskripsi Proses Selesai Belanja
Input data pemesanan, Total Belanja, data user
Output data pemesanan
Logika Proses 1. Tampilan daftar pemesanan 2. User bisa mengedit belanjaannya 3. User melakukan pembayaran
No Proses 2.4
Nama Proses Pilih Pembayaran
Deskripsi Proses pilih Pembayaran produk yang dipesan
Input data Pemesanan
Output info pembayaran
Logika Proses 1. Tampilan pilih pembayaran
2. User memilih cara bayar yang disukai
3. Jika memilih Proses pembayaran online, sistem akan langsung merespon
No Proses 3.0
(46)
46
Deskripsi Pengelolaan data pembeli oleh admin
Input data pembeli
Output info data pembeli
Logika Proses 1. Tampilan daftar data pembeli
2. Admin dapat melakukan perubahan jika diperlukan
No Proses 4.0
Nama Proses Kelola data kategori
Deskripsi Pengelolaan data kategori produk oleh admin
Input data kategori
Output info data kategori
Logika Proses 1. Admin memasukan data kategori 2. Data kategori disimpan dalam database
No Proses 5.0
Nama Proses Kelola data propinsi
Deskripsi pengelolaan data propinsi oleh admin
Input data propinsi
Output info data propinsi
Logika Proses 1. Admin memasukan data propinsi 2. Data propinsi disimpan dalam database No Proses 6.0
Nama Proses Kelola data produk
(47)
47
Input data produk
Output info data produk
Logika Proses 1. Admin mengupdate data produk
2. data produk disimpan didalam tabel produk
No Proses 7.0
Nama Proses Kelola Data pemesanan
Deskripsi pengelolaan data pemesanan
Input data pemesanan
Output info data pemesanan
Logika Proses 1. Tampilan data pemesanan
2. Jika pesanan telah dikirim data dapat dihapus
No Proses 3.1
Nama Proses Ubah data pembeli
Deskripsi Proses pengeditan data pembeli olah admin Input data pembeli yang akan diubah
Output data pembeli yang baru
Logika Proses 1. Tampilan Form Ubah data pembeli 2. Admin mengisi form ubah data pembeli 3. perubahan data disimpan dalam database
No Proses 3.2
Nama Proses Tambah data pembeli
(48)
48
Input data pembeli yang akan ditambah Output data pembeli yang sudah ditambah Logika Proses 1. Tampilan Form tambah data pembeli
2. Admin mengisi form tambah data pembeli 3. penambahan data disimpan dalam database
No Proses 3.3
Nama Proses Hapus data pembeli
Deskripsi Proses menghapus data pembeli Input data pembeli yang akan dihapus Output info data pembeli yang sudah dihapus Logika Proses 1. Tampilan Form hapus data pembeli
2. Admin mengisi form hapus data pembeli 3. penghapusan data disimpan dalam database
No Proses 4.1
Nama Proses Ubah data kategori
Deskripsi Proses pengeditan data kategori olah admin Input data kategori yang akan diubah
Output data kategori yang baru
Logika Proses 1. Tampilan Form Ubah data kategori 2. Admin mengisi form ubah data kategori 3. perubahan data disimpan dalam database
(49)
49
Nama Proses Tambah data kategori
Deskripsi Proses penambahan data kategori Input data kategori yang akan ditambah Output data kategori yang sudah ditambah Logika Proses 1. Tampilan Form tambah data kategori
2. Admin mengisi form tambah data kategori 3. penambahan data disimpan dalam database
No Proses 4.3
Nama Proses Hapus data kategori
Deskripsi Proses menghapus data kategori Input data kategori yang akan dihapus Output info data kategori yang sudah dihapus Logika Proses 1. Tampilan Form hapus data kategori
2. Admin mengisi form hapus data kategori 3. penghapusan data disimpan dalam database
No Proses 5.1
Nama Proses Ubah data propinsi
Deskripsi Proses pengeditan data propinsi olah admin Input data propinsi yang akan diubah
(50)
50
Logika Proses 1. Tampilan Form Ubah data propinsi 2. Admin mengisi form ubah data propinsi 3. perubahan data disimpan dalam database
No Proses 5.1
Nama Proses Ubah data Propinsi
Deskripsi Proses pengeditan data Propinsi oleh admin Input data Propinsi yang akan diubah
Output data Propinsi yang baru
Logika Proses 1. Tampilan Form Ubah data Propinsi 2. Admin mengisi form ubah data Propinsi 3. perubahan data disimpan dalam database No Proses 5.2
Nama Proses Tambah data Propinsi
Deskripsi Proses penambahan data Propinsi Input data Propinsi yang akan ditambah Output data Propinsi yang sudah ditambah Logika Proses 1. Tampilan Form tambah data propinsi
2. Admin mengisi form tambah data propinsi 3. penambahan data disimpan dalam database
No Proses 5.3
(51)
51
Deskripsi Proses menghapus data Propinsi Input data Propinsi yang akan dihapus Output info data Propinsi yang sudah dihapus Logika Proses 1. Tampilan Form hapus data Propinsi
2. Admin mengisi form hapus data Propinsi No Proses 6.1
Nama Proses Ubah data produk
Deskripsi Proses pengeditan data produk oleh admin Input data produk yang akan diubah
Output data produk yang baru
Logika Proses 1. Tampilan Form Ubah data produk 2. Admin mengisi form ubah data produk 3. perubahan data disimpan dalam database
No Proses 6.2
Nama Proses Tambah data produk
Deskripsi Proses penambahan data produk Input data produk yang akan ditambah Output data produk yang sudah ditambah Logika Proses 1. Tampilan Form tambah data produk
2. Admin mengisi form tambah data produk 3. penambahan data disimpan dalam database
No Proses 6.3
(52)
52
Deskripsi Proses menghapus data produk Input data produk yang akan dihapus Output info data produk yang sudah dihapus Logika Proses 1. Tampilan Form hapus data produk
2. Admin mengisi form hapus data produk 3. penghapusan data disimpan dalam database No Proses 7.1
Nama Proses Lihat data pemesanan
Deskripsi melihat seluruh data pemesanan
Input data pemesanan
Output info data pemesanan
Logika Proses 1. Tampilan seluruh data pemesanan
No Proses 7.2
Nama Proses Hapus Data Pemesanan Deskripsi Penghapusan data pemesanan Input Data pemesanan yang akan dihapus Output Status data pemesanan
Logika Proses 1. Tampilan data pemesanan 2. Hapus data pemesanan 3. Konfirmasi penghapusan
4. Perubahan data disimpan dalam database
No Proses 7.3
(53)
53
Deskripsi mengubah status pemesanan Input data pemesanan yang akan diubah Output status data pemesanan
Logika Proses 1. Tampil data pemesanan 2. Pemilihan data pemesanan 3. Cari data pemesanan 4. Ubah Status Pemesanan 5. Konfirmasi perubahan
6. Perubahan data disimpan dalam database
3.8.6 Kamus Data
Kamus data (data dictionary) merupakan katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem. Kamus data dibuat berdasarkan arus data yang ada pada diagram aliran data. Dengan menggunakan kamus data, analisis sistem dapat mendefinisikan data yang mengalir pada sistem secara lengkap. Kamus data digunakan untuk merancang input, merancang laporan dan database. Kamus data yang dibutuhkan untuk membuat aplikasi website E-commerce, yaitu :
Tabel 3.3 Kamus Data
Nama Data Kategori
Deskripsi Berisi seluruh data Kategori Sruktur Data Id+kategori+keterangan Id {0..9}
Kategori {A..Z }
keterangan {A..Z| 0..9}
(54)
54
Nama Data User
Deskripsi Berisi seluruh data user
Sruktur Data UserId+ password + nama +JenisKelamin+perusahaan+Alamat+ propinsi +NoTelp+email+keterangan+previlage
User id {A..Z}|{ 0..9}
password {A..Z}|{ 0..9}
Nama {A..Z }
JenisKelamin {A..Z }
perusahaan {A..Z }|{0..9} Alamat {A..Z }|{0..9}
propinsi {A..Z }
NoTelp {0..9}
Email {A..Z }|{0..9}
keterangan {A..Z }|{0..9} previlage {0..9}
Aliran Proses Proses 1.0, Proses 2.0, Proses 1.1, Proses 1.2, Proses 1.3, Proses 3.1
Nama Data Produk
Deskripsi Berisi seluruh data Produk Sruktur Data KodeProduk +NamaProduk +
Kategori+harga+BeratProduk+gambar+keterangan+status KodeProduk {0..9}
NamaProduk {A..Z | 0..9} Kategori {A..Z | 0..9}
Harga { 0..9}
BeratProduk {..9}
Gambar JPG,jpeg,gif keterangan {A..Z | 0..9}
Status { 0..9}
(55)
55
Proses 2.2.3, Proses 3.4.1, Proses 3.4.2, Proses 3.4.3
Nama Data Pemesanan
Deskripsi data Pemesanan produk
Sruktur Data
NoPemesanan+TglPemesanan+TglPengiriman+UserId +Nama+Perusahaan+Alamat+ propinsi
+NoTelp+Email+TipePembayaran+Shipping+Status+Produk+T otalBayar
NoPemesanan {0..9} TglPemesanan Date TglPengirirma
n Date
UserId {A..Z | 0..9} Nama {A..Z} Perusahaan {A..Z | 0..9} Alamat {A..Z | 0..9} propinsi {A..Z} NoTelp {0..9}
Email {A..Z | 0..9}
TipePembayar
an {A..Z}
Shipping {0..9} Status {A..Z} Produk {A..Z | 0..9} TotalBayar {0..9}
Aliran Proses Proses 2.5, Proses 3.5, Proses 2.5.4, Proses 3.6.1, Proses 3.6.2, Proses 3.6.3,
Nama Data Login
Deskripsi Data untuk melakukan login Struktur Data username+password
(56)
56
password {A..Z| 0..9}
Aliran Proses Proses 1.0, Proses 1.1, Proses 1.2, Proses 1.3, Proses 2.2
Nama Data Detail_pemesanan
Deskripsi Data yang diambil ketika proses belanja telah selesai Struktur Data KodeProduk+NoPemesanan+Harga+qty
KodeProduk {0..9} NoPemesanan {0..9} Harga {0..9} qty {0..9}
Aliran Proses Proses 2.3, Proses 2.4
3.8.7 Skema Relasi
Skema relasi merupakan hasil transformasi dari bentuk relasi diagram E-R yang digambarkan dalam bentuk relasi perancangan antarmuka tabel.
(57)
57 PK Userid Pemesanan PK password nama jeniskelamin alamat email propinsi kota alamat kodepos TglPemesanan TglPengiriman UserId Nama Perusahaan Alamat Id_propinsi Notelp email TipePembayaran Shiping TotalBayar FK FK
Pembeli Pemesanan detail_pemesanan
Kodeproduk Nopemesanan Qty Harga PK FK Produk Kodeproduk Id_kategori NamaProduk PK Harga gambar ket PK Kategori id_kategori Userid_admin PK Kategori keterangan FK Admin PK Userid_admin password nama username Propinsi Userid_admin Propinsi Shipping Id_propinsi PK FK FK Nopemesanan Gambar 3.14 Skema Relasi
3.8.8 Struktur Database
Tabel 3.4 Tabel Pembeli Nama Tabel : pembeli
Primary Key : userid
Nama field Tipe data Ukuran Keterangan
userid Varchar 30 PK
(58)
58
Nama Varchar 100 Nama
JenisKelamin Varchar 10 Jenis kelamin
Perusahaan Varchar 50 Perusahaan user
alamat text - Alamat user
propinsi Varchar 50 propinsi berada
NoTelp int 11 nomer telepon
email Varchar 255 alamat email
keterangan tinytext - Keterangan user
Previlage Varchar 2 Level hak akses
Tabel 3.5 Tabel Admin Nama Tabel : admin
Primary Key : userid_admin
Nama field Tipe data Ukuran Keterangan
userid_admin Varchar 50 PK
password Varchar 30 password admin
nama Varchar 100 Nama Lengkap admin
previlage integer 2 Hak akses admin
Tabel 3.6 Tabel Kategori Nama Tabel : kategori
Primary Key : id_kategori
Nama field Tipe data Ukuran Keterangan
id_kategori Int 11 PK
userid_admin Varchar 50 User yang memasukan data
Kategori Varchar 30 Kategori
(59)
59
Tabel 3.7 Tabel Propinsi Nama Tabel : propinsi
Primary Key : id_ propinsi
Nama field Tipe data Ukuran Keterangan
id_ propinsi Int 11 PK
userid_admin Varchar
50 FK, referensi ke tabel admin
field userid_admin propinsi Varchar 30 Nama propinsi
Kodepos Int 10 Kodepos
Shipping double - Ongkos Kirim
Tabel 3.8 Tabel Produk Nama Tabel : produk
Primary Key : KodeProduk
Nama field Tipe data Ukuran Keterangan
KodeProduk Varchar 8 PK
id_kategori Int 11 FK, referensi ke tabel kategori
field id_kategori
NamaProduk Varchar 100 Nama produk
harga double - Harga Jual yang berlaku
BeratProduk int 2 Berat dari setiap produk
Keterangan Text - Deskripsi produk
Gambar Text - gambar produk
(60)
60
Tabel 3.9 Tabel Pemesanan Nama Tabel : Pemesanan
Primary Key : NoPemesanan
Nama field Tipe data Ukuran Keterangan NoPemesanan Integer 11 No urut pemesanan, PK TglPemesanan date - tanggal Pemesanan produk TglPengiriman date - tanggal pengiriman produk UserId Varchar 30 FK, referensi ke tabel pembeli
field userid
Nama Varchar 100 Nama Pemesan Produk
Perusahaan Varchar 100 Perusahaan dari pemesan produk
Alamat Varchar
100 Alamat untuk mengirimkan produk
id_ propinsi integer 11 propinsi untuk mengirmkan produk
NoTelp Varchar 30 No telepon pemesan produk Email varchar 255 Alamat email pemesan produk TipePembayaran varchar
50 Pembayaran yang dipilih pemesan
Shipping double Ongkos kirim
Status varchar 30 Status pemesanan produk TotalBayar double - Total yang harus dibayar
Tabel 3.10 Tabel Detail_Pemesanan Nama Tabel : detail_pemesanan
Primary Key : KodeProduk, NoPemesanan
Nama field Tipe data Ukuran Keterangan
(61)
61
field KodeProduk NoPemesanan integer
11
FK, referensi ke tabel pemesanan field
NoPemesanan
qty int 11 Jumlah produk yang dipesan
harga double - Harga Produk
3.8.9 Perancangan Antar Muka
Antar muka sistem dibangun dengan menggunakan Macromedia Dreamweaver dan databasenya menggunakan MySQL dengan menggunakan XAMPP sebagai server, saat pertama kali program dijalankan akan masuk pada tampilan menu utama.
3.8.9.1 Perancangan Sruktur Menu
Berikut adalah perancangan struktur menu program dari Aplikasi website E-commerce :
a. Perancangan Struktur Menu Pengunjung
Struktur menu pengunjung terdiri dari menu login, menu produk adalah menu memilih produk, dan menu informasi kemitraan serta menu logout.
(62)
62
Gambar 3.15 Struktur Menu Pengunjung
b. Perancangan Struktur Menu Admin
Gambar 3.16 Struktur Menu Admin
(63)
63
3.8.9.2 Perancangan Antar Muka Menu Utama
Tampilan yang pertama kali muncul ketika website E-commerce ini diakses adalah tampilan halaman utama atau beranda.
(64)
64
Tabel 3.11 Keterangan Rancangan Antar Muka Menu Utama
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Menu Utama Menu Utama Memberi tahu tempat
halaman menu utama 05 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Membertahu tempat pelanggan buat login dsb
08 User Textbox Digunakan untuk mengisi
user name pengunjung untuk login
09 Password Texbox Digunakan untuk mengisi
password pengunjung untuk login
10 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan
11 Tentang Fonterra Tentang Fonterra Informasi tentang PT.Fonterra Brands
Indonesia
12 Login Button Untuk login setelah
mengisi user name dan password
(65)
65
3.8.9.3 Perancangan Antar Muka Register
(66)
66
Tabel 3.12 Keterangan Rancangan Antar Muka Register
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 05 Menu Utama Menu Utama Memberi tahu tempat
halaman menu utama 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Memberitahu tempat pelanggan buat login dsb
08 User Textbox Digunakan untuk mengisi
user name pengunjung untuk login
09 Password Textbox Digunakan untuk mengisi password pengunjung untuk login
10 Login Button Untuk login setelah
mengisi user name dan password
11 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan 12 Pendaftaran Pelanggan Baru Pendaftaran Pelanggan baru Memberitahukan tempat pendaftaran pelanggan baru
(67)
67
isi adalah data pribadi 14 Nama lengkap Textbox Digunakan untuk mengisi
nama lengkap
15 Jenis kelamin Digunakan untuk memilih
jenis kelamin
16 E-mail Textbox Digunakan untuk mengisi
alamat e-mail 17 Data alamat
pengiriman
Data alamat pengiriman Meberitahu data pengiriman
18 Nama Negara Textbox Digunakan untuk mengisi nama Negara
19 Propinsi Combobox Digunakan untuk memilih propinsi
20 Kota Textbox Digunakan untuk mengisi
kota
21 Alamat Textbox Digunakan untuk mengisi
alamat
22 Kode pos Textbox Digunakan untuk mengisi kode pos
23 Data no kontak Data no kontak Memberitahu data no kontak
24 No. Telepon Textbox Digunakan untuk mengisi no telepon
25 No handphone Textbox Digunakan untuk mengisi no. handphone
26 No. Faksimile Textbox Digunakan untuk mengisi no falsimile
27 Data login Data login Memberitahu untuk
mengisi data login
28 Nama user id Textbox Digunakan untuk mengisi user id
29 Password id Textbox Digunakan untuk mnegisi password id
(68)
68
30 Simpan Button Untuk menyimpan semua
data yang telah diisi buat pendaftaraan
3.8.9.4 Perancangan Antar Muka Login Pembeli
PT. Fonterra Brands Indonesia Status: Login User :
Hari, Tanggal Home Profil
Menu Utama
Home Profil
Kategori Produk Koleksi produk Kontak Kami
Pelanggan User : Password : *********
Informasi
Kantong Belanja Lanjutkan Transaksi Daftar Transaksi
01 02
03
Tentang Fonterra
04 05
06
07
08
09
10
11
(69)
69
Tabel 3.13 Keterangan Rancangan Antar Muka login pembeli
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 05 Menu Utama Menu Utama Memberi tahu tempat
halaman menu utama 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Memberitahu tempat pelanggan buat login dsb 08 User dan password User dan password Memberi tahu user dan
password status dah login 09 Link pada menu
utama
Link Terdiri dari kantong
belanja, lanjutkan
transaksi, daftar transaksi
10 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan
11 Tentang Fonterra Tentang Fonterra Informasi tentang PT.Fonterra Brands
(70)
70
3.8.9.5 Perancangan Antar Muka Profil
PT. Fonterra Brands Indonesia
Status: Login User :Hari, Tanggal Home Profil
Menu Utama
Home Profil
Kategori Produk Koleksi produk Kontak Kami
Pelanggan
User : Password : *********
Informasi
Kantong Belanja Lanjutkan Transaksi Daftar Transaksi
01 02
03
Profil Kami
04 05
06
07
08
09
10
11
Nama Perusahaan: Alamat :
Gambar 3.20 Antar Muka Halaman Profil
(71)
71
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 05 Menu Utama Menu Utama Memberi tahu tempat
halaman menu utama 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Memberitahu tempat pelanggan buat login dsb 08 User dan password User dan password Memberi tahu user dan
password status dah login 09 Link pada menu
utama
Link Terdiri dari kantong
belanja, lanjutkan
transaksi, daftar transaksi
10 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan
11 Profil Kami Profil perusahaan Informasi tentang profil PT.Fonterra Brands Indonesia
(72)
72
3.8.9.6 Perancangan Antar Muka Kategori Produk
PT. Fonterra Brands Indonesia
Status: Login User :Hari, Tanggal Home Profil
Menu Utama
Home Profil
Kategori Produk Koleksi produk Kontak Kami
Pelanggan
User : Password : *********
Informasi
Kantong Belanja Lanjutkan Transaksi Daftar Transaksi
01 02
03 04
05
06
07
08
09
10
11
Kategori
Gambar 3.21 Antar Muka Halaman Kategori Produk
(73)
73
Tabel 3.15 Keterangan Rancangan Antar Muka Kategori Produk
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 05 Menu Utama Menu Utama Memberitahu tempat
halaman menu utama 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Memberitahu tempat pelanggan buat login dsb 08 User dan password User dan password Memberi tahu user dan
password status dah login 09 Link pada menu
utama
Link Terdiri dari kantong
belanja, lanjutkan
transaksi, daftar transaksi
10 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan
11 Kategori Kategori Kategori produk
PT.Fonterra Brands Indonesia
(74)
74
3.8.9.7 Perancangan Antar Muka Koleksi Produk
PT. Fonterra Brands Indonesia Status: Login User :
Hari, Tanggal Home Profil
Menu Utama
Home Profil
Kategori Produk Koleksi produk Kontak Kami
Pelanggan User : Password : *********
Informasi
Kantong Belanja Lanjutkan Transaksi Daftar Transaksi
01 02
03 04
05
06
07
08
09
10
11
GAMBAR PRODUK HARGA
Gambar 3.22 Antar Muka Halaman Koleksi Produk
(75)
75
Tabel 3.16 Keterangan Rancangan Antar Muka Koleksi Produk
No Nama Jenis Keterangan
01 Header Header Website Header Website dengan nama PT. Fonterra Brands Indonesia
02 Status dan User Status dan User Status buat setelah login, dan user pengguna 03 Hari, Tanggal Tampil Hari dan tanggal Menampilkan hari dan
tanggal website diakses 04 Home dan Profil Link Sebagai link ke halaman
home dan profil pada bagian atas website 05 Menu Utama Menu Utama Memberi tahu tempat
halaman menu utama 06 Link pada menu
utama
Link Terdiri dari Home, Profil, Kategori Produk, Koleksi produk
07 Pelanggan Menu buat pelanggan Memberitahu tempat pelanggan buat login dsb 08 User dan password User dan password Memberi tahu user dan
password status dah login 09 Link pada menu
utama
Link Terdiri dari kantong
belanja, lanjutkan
transaksi, daftar transaksi
10 Informasi RSS Memberikan informasi
tentang berita terbaru perusahaan
11 Koleksi Koleksi produk Koleksi produk PT.Fonterra Brands Indonesia
(76)
76
3.8.9.8 Perancangan Antar Muka Login Admin
Login Administrator
Login Admin
Login Password
Login
01
02
03
04
Gambar 3.23 Antar Muka Halaman Login Admin
Tabel 3.17 Keterangan Rancangan Antar Muka Login Admin
No Nama Jenis Keterangan
01 Login Administrator Login Administrator Keterangan login administrator
02 Login admin Textbox Digunakan untuk mengisi User login admin
03 Login Paswword Textbox Digunakan untuk mengisi password login admin
(77)
77
3.8.9.9 Perancangan Antar Muka Login Admin
Gambar 3.24 Antar Muka Halaman Login Admin
Tabel 3.18 Keterangan Rancangan Antar Muka Login Admin
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
03 Logout Link Logout
04 Laporan Link Laporan data
05 Laporan data master dan laporan data transaksi
Laporan data master dan laporan data transaksi
Laporan data master dan laporan data transaksi
(78)
78
3.8.9.10 Perancangan Antar Muka Daftar Pelanggan
Menu Utama
Data Pembeli Data Propinsi Tambah Data Kategori Tambah Data Propinsi Ubah Data Kategori Ubah
Logout
LAPORAN Laporan Data
01
02
03
04
05
DAFTAR PELANGGAN
Gambar 3.25 Antar Muka Halaman Daftar Pelanggan
Tabel 3.19 Keterangan Rancangan Antar Muka Daftar Pelanggan
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
(79)
79
04 Laporan Link Laporan data
05 Daftar pelanggan Daftar pelanggan Daftar pelanggan
3.8.9.11 Perancangan Antar Muka Kategori Tambah
(80)
80
Tabel 3.20 Keterangan Rancangan Antar Muka Kategori Tambah
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
03 Logout Link Logout
04 Laporan Link Laporan data
05 Kode kategori Textbox Digunakan mengisi kode produk
06 Nama kategori Textbox Digunakan mengisi nama kategori
07 Keterangan Textbox Digunakan mengisi keterangan
08 Simpan Button Menyimpan data kategori
(81)
81
3.8.9.12 Perancangan Antar Muka Propinsi Tambah
Kode Propinsi
Nama Propinsi
(Rp)
Ongkos Kirim
Gambar 3.27 Antar Muka Halaman Propinsi Tambah
Tabel 3.21 Keterangan Rancangan Antar Muka Propinsi Tambah
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
(82)
82
04 Laporan Link Laporan data
05 Kode Propinsi Textbox Digunakan mengisi kode propinsi
06 Nama Propinsi Textbox Digunakan mengisi nama propinsi
07 Ongkos kirim Textbox Digunakan mengisi ongkos kirim
08 Simpan Button Menyimpan data kategori
yang baru
3.8.9.13 Perancangan Antar Muka Propinsi Ubah
(83)
83
Tabel 3.22 Keterangan Rancangan Antar Muka Propinsi Ubah
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
03 Logout Link Logout
04 Laporan Link Laporan data
05 Daftar data propinsi Textbox Daftar data propinsi yang akan d ubah
3.8.9.14 Perancangan Antar Muka Laporan
Gambar 3.29 Antar Muka Halaman Laporan
(84)
84
Tabel 3.23 Keterangan Rancangan Antar Muka Laporan
No Nama Jenis Keterangan
01 Menu Utama Menu utama Memberitahu bahwa menu utama
02 Menu Link Terdiri dari data pembeli,
data propinsi tambah, data propinsi ubah, data
kategori tambah, data kategori ubah
03 Logout Link Logout
04 Laporan Link Laporan data
05 Laporan data master dan dat transaksi
Link Laporan data master dan dat transaksi
3.8.10 Jaringan Semantik
a. Jaringan semantik antar muka menu Pengunjung
T02 a T06
T04 T03
T01
T08 T09
M01
Gambar 3.30 Jaringan Semantik Menu Pengunjung
(85)
85
b. Jaringan Semantik Antar Muka Menu Admin
T02 c T06 T05 T01 A03 A01 A04 A06 A07 T07 A08 M02 M02 A02 M02 A09 A05 M02 M02 Gambar 3.31 Jaringan Semantik Menu Admin
3.8.11 Implementasi dan Pengujian 3.8.11.1 Implementasi
Tahap implementasi sistem merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin, serta penerapan perangkat lunak pada keadaan yang sesungguhnya. Seluruh kode program yang digunakan dalam pembuatan Website E-Commerce PT. Fonterra Brands Indonesia.
3.8.11.2 Perangkat Lunak Pembangun
Perangkat lunak yang digunakan pada sistem komputer yang digunakan untuk membangun Website E-commerce di PT. Fonterra Brands Indonesia adalah sebagai berikut:
(86)
86
2. XAMPP untuk local internet dan penyimpanan database.
3. Macromedia Dreamweaver 2004 untuk penulisan kode program. 4. Mozilla Firefox sebagai browser.
3.8.11.3 Perangkat Keras Pembangun
Kebutuhan minimum perangkat keras (hardware) yang diperlukan untuk mengimplementasikan program aplikasi yang dibuat adalah perangkat keras komputer PC dengan spesifikasi yang disebutkan dibawah ini. Semakin tinggi spesifikasi komputer yang digunakan untuk menjalankan aplikasi, akan semakin baik. Kebutuhan minimumnya yaitu :
1. Processor : CPU 1.7 GHz 2. Memory : RAM 128 MB 3. Hardisk : 20 GB (Free Space) 4. VGA : 32 MB
3.8.11.4 Implementasi Database
Langkah pertama dalam pembuatan aplikasi ini yaitu pembuatan databasenya berikut adalah tabel - tabel yang dibentuk :
1. Tabel admin
CREATE TABLE `admin` (
`userid_admin` varchar(50) NOT NULL, `password` varchar(30) DEFAULT NULL, `nama` varchar(100) DEFAULT NULL,
(87)
87
`previlage` int(2) NOT NULL, PRIMARY KEY (`userid_admin`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
2. Tabel pembeli
Tabel ini berfungsi untuk menyimpan data identitas user yang akan digunakan pada proses login, dan pemesanan .
CREATE TABLE `pembeli` ( `UserId` varchar(30) NOT NULL, `Password` varchar(30) NOT NULL, `Nama` varchar(100) NOT NULL, `JenisKelamin` varchar(10) NOT NULL, `Perusahaan` varchar(50) NOT NULL, `Alamat` text NOT NULL,
` propinsi ` varchar(50) NOT NULL, `NoTelp` int(11) NOT NULL, `Email` varchar(255) NOT NULL, `Keterangan` tinytext NOT NULL, `Previlage` varchar(2) NOT NULL, PRIMARY KEY (`UserId`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
(88)
88
Tabel ini berfungsi untuk menyimpan data Pemesanan produk yang telah dipesan oleh user.
CREATE TABLE `pemesanan` (
`NoPemesanan` int(11) NOT NULL AUTO_INCREMENT, `TglPemesanan` date NOT NULL,
`TglPengiriman` date NOT NULL, `UserId` varchar(30) NOT NULL, `Nama` varchar(100) NOT NULL, `Perusahaan` varchar(100) NOT NULL, `Alamat` varchar(100) NOT NULL, `id_ propinsi ` int(11) NOT NULL, `NoTelp` varchar(30) NOT NULL, `Email` varchar(255) NOT NULL,
`TipePembayaran` varchar(50) NOT NULL, `Shipping` double NOT NULL,
`Status` varchar(30) NOT NULL, `Produk` text NOT NULL,
`TotalBayar` double NOT NULL, PRIMARY KEY (`NoPemesanan`),
KEY `FK_pemesanan_pembeli` (`UserId`),
KEY `FK_pemesanan_ propinsi ` (`id_ propinsi `),
CONSTRAINT `FK_pemesanan_pembeli` FOREIGN KEY (`UserId`) REFERENCES `pembeli` (`UserId`),
(89)
89
CONSTRAINT `FK_pemesanan_ propinsi ` FOREIGN KEY (`id_ propinsi `) REFERENCES ` propinsi ` (`id_ propinsi `)) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT;
4. Tabel produk
Tabel ini berfungsi untuk menyimpan data produk. CREATE TABLE `produk` (
`KodeProduk` varchar(8) NOT NULL, `NamaProduk` varchar(100) NOT NULL, `id_category` int(11) NOT NULL,
`Harga` varchar(255) NOT NULL, `BeratProduk` int(2) NOT NULL, `gambar` text NOT NULL,
`keterangan` varchar(255) NOT NULL, `Status` varchar(15) NOT NULL, PRIMARY KEY (`KodeProduk`),
KEY `FK_produk_category` (`id_category`),
CONSTRAINT `FK_produk_category` FOREIGN KEY (`id_category`) REFERENCES `category` (`id_category`)) ENGINE=InnoDB DEFAULT CHARSET=latin1;
5. Tabel propinsi
(90)
90
CREATE TABLE ` propinsi ` (
`id_ propinsi ` int(11) NOT NULL AUTO_INCREMENT, `userid_admin` varchar(50) DEFAULT NULL,
` propinsi ` varchar(30) NOT NULL, `Shipping` double NOT NULL, PRIMARY KEY (`id_ propinsi `),
KEY `FK_ propinsi _admin` (`userid_admin`),
CONSTRAINT `FK_ propinsi _admin` FOREIGN KEY (`userid_admin`) REFERENCES `admin` (`userid_admin`)) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT ;
6. Tabel Kategori
Tabel ini berfungsi untuk menyimpan data Kategori produk. CREATE TABLE `category` (
`id_category` int(11) NOT NULL AUTO_INCREMENT, `userid_admin` varchar(50) DEFAULT NULL,
`Category` varchar(30) NOT NULL, `Keterangan` varchar(255) NOT NULL, PRIMARY KEY (`id_category`),
KEY `FK_category_admin` (`userid_admin`),
CONSTRAINT `FK_category_admin` FOREIGN KEY (`userid_admin`) REFERENCES `admin` (`userid_admin`)) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT ;
(91)
91
7. Tabel Berita
Tabel ini berfungsi unutuk menyimpan Data berita dari perusahaan. CREATE TABLE `berita` (
`id` int(11) NOT NULL AUTO_INCREMENT, `userid_admin` varchar(50) NOT NULL, `berita` text NOT NULL,
`gambar` text NOT NULL, `Status` varchar(20) NOT NULL, PRIMARY KEY (`id`),
KEY `FK_berita_admin` (`userid_admin`),
CONSTRAINT `FK_berita_admin` FOREIGN KEY (`userid_admin`) REFERENCES `admin` (`userid_admin`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT ;
8. Tabel detail_pemesanan
CREATE TABLE `detail_pemesanan` ( `NoPemesanan` int(11) NOT NULL, `KodeProduk` varchar(8) NOT NULL, `qty` int(11) NOT NULL,
`harga` double NOT NULL,
(92)
92
KEY `FK_detail_pemesanan_produk` (`KodeProduk`)
CONSTRAINT `FK_detail_pemesanan` FOREIGN KEY (`KodeProduk`) REFERENCES `produk` (`KodeProduk`),
CONSTRAINT `FK_detail_pemesanan_pemesanan` FOREIGN KEY (`NoPemesanan`) REFERENCES `pemesanan` (`NoPemesanan`)) ENGINE=InnoDB DEFAULT CHARSET=latin1;
3.8.11.5 Implementasi Antar Muka
Setelah melakukan implementasi data, maka dilakukanlah implementasi antar muka yang berguna sebagai tampilan untuk pengguna aplikasi ini nantinya. Implementasi antar muka dilakukan pada setiap hasil perancangan antar muka yang telah dibuat ke dalam bentuk aplikasi pada Macromedia Dreamweaver 2004. Untuk mengetahui lebih jelas tentang proses yang ada di dalam sistem beserta hasil implementasinya dapat dilihat dalam tabel di bawah ini:
Tabel 3.24 Implementasi Antarmuka
Menu Deskripsi Nama File
Login Pengunjung
login sebagai user untuk melakukan Pemesanan produk dan
mendapatkan info kemitraan
(1)
123
yang dipesan bertambah di tas belanja
bertambah di tas belanja
[ ] ditolak
Kasus dan hasil uji (data salah)
Data masukan Yang diharapkan Pengamatan Kesimpulan
jumlah produk diisi dengan huruf abjad
Jumlah produk tidak bertambah dan muncul pesan jumlah produk harus angka
Jumlah produk tidak bertambah dan muncul pesan jumlah produk harus angka
[√] diterima [ ] ditolak
c. Hapus Data Produk dari Kantong Belanja
Tabel 3.46 Pengujian Hapus Produk Kasus dan hasil uji (data normal)
Data masukan Yang diharapkan Pengamatan Kesimpulan
Hapus data produk yang dipesan dari tas belanja
Produk terhapus dari tas belanja
Produk terhapus
dari tas belanja [√] diterima [ ] ditolak
(2)
124
3.8.11.7.10Pengujian Menu Beli
a. Menampilkan Konfirmasi Pemesanan Produk
Tabel 3.47 Pengujian Konfirmasi Pemesanan Produk Kasus dan hasil uji (data normal)
Data masukan Yang diharapkan Pengamatan Kesimpulan
nama, Jumlah, harga, total item, dan subtotal Menampilkan produk yang dipesan Menampilkan produk yang dipesan
[√] diterima [ ] ditolak
b. Isi Form Pemesanan
Tabel 3.48 Pengujian Isi Form Pemesanan Kasus dan hasil uji (data normal)
Data masukan Yang diharapkan Pengamatan Kesimpulan
nama, alamat, no telp, email, daftar produk, total bayar,tgl pesan, tgl kirim Data pemesanan masuk kedalam database Data pemesanan masuk kedalam database
[√] diterima [ ] ditolak
(3)
125
3.8.11.8 Kesimpulan Hasil Uji Alpha
Berdasarkan hasil pengujian Alpha yang telah dilakukan dapat ditarik kesimpulan bahwa aplikasi sudah berjalan cukup maksimal, tetapi tidak menutup kemungkinan dapat terjadi kesalahan suatu saat, pada saat aplikasi digunakan, sehingga membutuhkan proses maintenance untuk lebih mengetahui kekurangan dari aplikasi.
(4)
127
DAFTAR PUSTAKA
[1] Abdul Kadir, (1999), Konsep dan Tuntunan Praktis Basis Data, Andi, Yogyakarta.
[2] Adi Nugroho (2006), E-commerce : memahami perkembangan modern di dunia maya, Informatika.
[3] Brenda Kienan (2001), E-commerce untuk perusahaan kecil, P.T Elex Media Komputindo. Jakarta.
[4] Darie, Cristian, and Balanescu, Emilian ( 2008 ), Beginning PHP and
MySQL E-commerce: From Novice to Profesional, Appres.
[5] Pressman, Roger S. (2002), Rekayasa Perangkat Lunak, Andi, Yogyakarta.
[6] Safri, Lubis. (20 februari 2009), Perkembangan E-commerce, http://e-commerce.site90.net
(5)
(6)
MEMBANGUN WEBSITE E-COMMERCE
DI PT.FONTERRA BRANDS INDONESIA
KERJA PRAKTEK
Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek
Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer
Universitas Komputer Indonesia