IV. HASIL DAN PEMBAHASAN

IV. HASIL DAN PEMBAHASAN A. ANALISIS SISTEM Menurut Primashanti (2010), analisis sistem didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasilan dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan. Analisis organisasional merupakan langkah pertama dalam melakukan analisis sistem (O‟Brien, 2002). Analisis organisasional meliputi deskripsi sistem yang menjelaskan tentang struktur organisasi, pihak yang terlibat dan aktivitas yang dilakukan. Tahap analisis sistem dilanjutkan dengan analisis kebutuhan informasi dan mengembangkan kebutuhan fungsional.

1. Deskripsi Sistem Sistem bisnis cerdas berbasis internet untuk agroindustri kelapa berorientasi ekspor yang dibuat dinamakan E-Cocotrade. Sistem ini adalah sistem cerdas berbasis internet yang dirancang menggunakan UML (Unified Modeling Language) untuk menyajikan informasi produk agroindustri kelapa dan pemberian rekomendasi produk sebagai pelayanan bisnis bagi pelanggan. Pihak yang terlibat dalam sistem e-business E-Cocotrade adalah distributor (PT. Cocotrade Indonesia), calon pelanggan dan pelanggan. Calon pelanggan adalah pengguna umum baik perseorangan atau perusahaan yang belum terdaftar sebagai anggota PT. Cocotrade Indonesia dan memiliki potensi untuk menjadi pembeli. Pelanggan adalah perseorangan atau perusahaan yang telah atau sedang menjalani transaksi dengan PT. Cocotrade Indonesia. Pembedaan pihak ini disebabkan perbedaan kebutuhan informasi dari kedua pihak tersebut.

2. Analisis Kebutuhan Informasi McLeod (2002) menyatakan bahwa analisis informasi adalah mempelajari informasi yang dibutuhkan oleh pemakai sistem dengan terlibat dalam berbagai kegiatan pengumpulan informasi seperti wawancara, pengamatan, pencarian catatan dan survei. Analisis kebutuhan informasi merupakan dasar dalam penyusunan spesifikasi sistem. Analisis kebutuhan informasi meliputi kebutuhan informasi bagi PT. Cocotrade Indonesia, calon pelanggan dan pelanggan. Awal pengkajian dari suatu sistem adalah tahap analisis kebutuhan. Suatu sistem memiliki beberapa komponen yang saling berinteraksi. Komponen-komponen tersebut mempunyai kebutuhan yang berbeda-beda sesuai dengan tujuan masing-masing dan saling berhubungan satu sama lain serta memiliki pengaruh terhadap sistem yang ada. Komponen yang terlibat dalam aplikasi sistem ebusiness ini adalah produsen produk turunan kelapa (industri/perusahaan/UKM). a. Produsen produk kelapa (industri/perusahaan/UKM) 1. Mendapatkan keuntungan niaga yang tinggi 2. Penguasaan jaringan distribusi dan pemasaran produk 3. Kemudahan informasi pasar 4. Mencari dan mempertahankan pelanggan 5. Mendapatkan kemudahan pasokan bahan baku

23

6. Kemudahan bekerja sama dengan mitra bisnis b. Konsumen kelapa 1. Mendapat rekomendasi produk 2. Kemudahan dalam transaksi jual beli 3. Informasi yang cepat, tepat dan akurat 4. Kemudahan memperoleh produk Kebutuhan informasi yang dikembangkan dalam E-Cocotrade, terbagi dalam beberapa kelompok informasi yaitu : 1. Informasi produk Informasi produk dibutuhkan untuk mempromosikan produk kepada calon pelanggan dan pelanggan. Calon pelanggan hanya dapat melihat saja namun tidak dapat melakukan transaksi pembelian sebelum melakukan pendaftaran pelanggan (registrasi pelanggan), sedangkan pelanggan dapat melakukan transaksi pembelian, setelah melakukan sign in terlebih dahulu. Atribut informasi yang diperlukan adalah nama produk, spesifikasi produk, stok, harga serta gambar produk. 2. Informasi identitas pelanggan Informasi ini dibutuhkan untuk mengetahui identitas pelanggan secara detail. Informasi ini diharapkan dapat mempermudah komunikasi, pengiriman produk, pelayanan pelanggan, dan konfirmasi apabila ada kesalahan. Pengisian informasi identitas pelanggan hanya dilakukan satu kali saat pendaftaran awal. Atribut informasi yang diperlukan terbagi meliputi nama lengkap (full name), alamat email (email address), password, tanggal lahir (date of birth), jenis kelamin (gender), nomor telepon (phone number), alamat (address), kode pos (zip code), propinsi (province), dan negara (country). 3. Informasi rekomendasi produk Informasi yang dibutuhkan adalah database transaksi pelanggan dengan atribut: ID pelanggan, nama produk, tanggal pembelian, kuantitas (amount), dan database rekomendasi yang meliputi rating pelanggan terhadap produk terdiri dari: desain (design), harga (price), merek (brand), ketersediaan produk (product reliable), ketersediaan stok (stock), yang kemudian dilakukan penghubungan data antara database transaksi dan database rekomendasi. Data yang diambil pada database transaksi hanya data amount sedangkan data yang diambil dari database rekomendasi adalah seluruh data yaitu: design, price, brand, product reliable, stock yang kemudian diolah dengan teknik clustering dan radar chart. 4. Informasi transaksi dan status pesanan Informasi status pesanan dibutuhkan untuk memberikan fasilitas pengawasan pengerjaan pesanan terhadap pelanggan. Atribut informasi yang dibutuhkan adalah nomor transaksi, nama lengkap pelanggan, tanggal pembelian, produk yang dibeli, total pembelian, biaya pengiriman dan status pesanan. 5. Informasi tagihan (invoice) Atribut informasi yang terdapat pada informasi ini adalah tujuan tagihan pelanggan, alamat, nomor telepon, tujuan pengiriman, biaya pengiriman, metode pembayaran, produk yang dibeli, total pembelian, serta total biaya yang harus dibayar (biaya produk ditambah biaya pengiriman).

3. Kebutuhan Fungsional Sistem O‟Brien (2002) menyatakan pengembangan kebutuhan fungsional sistem sesuai dengan permintaan dan prioritas pihak yang terlibat dalam sistem. Kebutuhan fungsional sistem menentukan

24

kebutuhan informasi bagi pengguna akhir. Contoh kebutuhan fungsional bagi aplikasi e-commerce adalah kebutuhan antar muka, kebutuhan proses, kebutuhan penyimpanan dan kebutuhan kontrol. Pada kebutuhan antar muka dijelaskan kebutuhan informasi yang dibutuhkan oleh pihak-pihak yang terlibat pada sistem. a. Kebutuhan antar muka Kebutuhan antar muka bagi calon pelanggan dapat dibagi sebagai berikut : 1. Kebutuhan mengenai informasi perusahaan PT. Cocotrade Indonesia 2. Kebutuhan mendapatkan rekomendasi produk 3. Kemudahan melihat informasi produk kelapa yang ditawarkan 4. Kemudahan melakukan pendaftaran sebagai pelanggan baru 5. Kemudahan melakukan komunikasi dengan PT. Cocotrade Indonesia Kebutuhan antar muka bagi pelanggan adalah sebagai berikut : 1. Kebutuhan mengenai informasi perusahaan PT. Cocotrade Indonesia 2. Kebutuhan mendapatkan rekomendasi produk 3. Kemudahan melakukan pembelian secara online 4. Kebutuhan informasi pengerjaan pesanan 5. Kemudahan berkomunikasi dengan PT. Cocotrade Indonesia, 6. Kemudahan berdiskusi dengan pelanggan lain b. Kebutuhan proses Meliputi proses penghitungan secara otomatis total penjualan dan biaya pengiriman secara cepat, selain itu juga melakukan penghitungan transaksi serta nilai laba. c. Kebutuhan penyimpanan Meliputi penerimaan dan update data produk, harga dan data pelanggan serta melihat keuntungan per item produk perbulan secara cepat. d. Kebutuhan kontrol Meliputi peringatan kesalahan pemasukan data dan konfirmasi secara cepat kepada pelanggan serta peringatan mengenai batas stok produk. Adapun matriks kebutuhan informasi pengguna sistem E-Cocotrade antara calon pelanggan, calon pelanggan, dan PT. Cocotrade Indonesia terpapar pada Tabel 4 yang menjelaskan matriks ketersediaan kebutuhan informasi berdasarkan kelompok informasi yaitu: informasi produk, informasi identitas pelanggan, informasi rekomendasi produk, informasi transaksi dan status pesanan, dan informasi tagihan. Kelompok informasi tersebut dibandingkan terhadap pengguna sistem yaitu: PT. Cocotrade Indonesia, calon pelanggan, dan pelanggan. Tabel 4. Matriks Ketersediaan Kebutuhan Informasi Pengguna Sistem E-Cocotrade Pengguna Sistem Kelompok Informasi PT. Cocotrade Calon Pelanggan Indonesia Pelanggan I. Informasi produk 1. Nama produk tersedia tersedia tersedia 2. Spesifikasi produk tersedia tersedia tersedia 3. Stok produk tersedia tersedia tersedia 4. Harga produk tersedia tersedia tersedia 5. Gambar produk tersedia tersedia tersedia

25

II.Informasi identitas pelanggan 1. Nama lengkap 2. Alamat email 3. Password 4. Tanggal lahir 5. Jenis kelamin 6. Telepon 7. Alamat 8. Kode pos 9. Propinsi 10. Negara III. Informasi rekomendasi produk 1.Clustering produk a. High recommended b. Medium recommendation c. Low recommendation 2. Radar chart IV. Informasi transaksi dan status pesanan 1. Identitas pelanggan (nama lengkap) 2. Tujuan pengiriman 3. Tanggal pembelian 4. Produk yang dibeli 5. Metode pembayaran 6. Status pesanan V. Informasi tagihan 1. Identitas pelanggan 2. Alamat pelanggan 3. No telepon pelanggan 4. Tujuan pengiriman 5. Biaya pengiriman 6. Metode pembayaran 7. Produk yang dibeli 8. Jumlah produk yang dibeli 9. Total pembelian 10.Total biaya yang harus dibayar

tersedia tersedia tersedia tersedia tersedia tersedia tersedia tersedia tersedia tersedia

tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia


tersedia tersedia tersedia tersedia tersedia



tersedia tersedia tersedia tersedia tersedia tersedia

tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia tidak tersedia

tersedia tersedia tersedia tersedia tersedia tersedia




3.1 Clustering Method Beberapa data produk kelapa diperoleh dari APCC (Asian Pacific Coconut Community), Dekindo (Dewan Kelapa Indonesia) dan industri-industri kelapa di Jakarta-Bogor-Tangerang-Bekasi. Pada program E-Cocotrade, sistem rekomendasi adalah aplikasi yang berperan penting. Pada sistem ini diprediksi kesukaan pelanggan dari perlakuan para pelanggan sebelumnya dalam memberikan rating produk dan pembelanjaan produk sehingga menjadi rekomendasi bagi pelanggan selanjutnya. Menurut Jianxin (2006), jarak antara dua kebutuhan fungsional menggambarkan ketidaksamaan diantaranya. Dalam rangka mengambil kesamaan antara desain produk, contoh dari kebutuhan fungsional harus dianalisa dan dikelompokkan menurut tingkat kesamaannya (Tseng, 1998).

26

Pada Tabel 5, digambarkan contoh clustering dari 15 produk kelapa yang berbeda. Produk Kelapa tersebut mendapatkan atribut amount (dari database transaksi). Sedangkan design, price, brand, reliable, dan stock adalah atribut-atribut yang diperoleh dari database rekomendasi yang merupakan hasil rating dari pengguna. Produk-produk kelapa akan dikelompokkan ke dalam tiga kelompok yang berbeda. C1 adalah perhitungan terhadap centroid pertama yang didapat dari kalkulasi menggunakan rumus Euclidean. Begitu pula C2 dan C3 yang berturut-turut merupakan perhitungan terhadap centroid kedua dan centroid ketiga yang didapat dari kalkulasi rumus Euclidean pula. Kemudian diperoleh nilai minimum pada tiap centroid yang dipaparkan dalam bentuk matriks. Nilai matriks 1 akan diberikan pada nilai paling minimum dan matriks 0 untuk nilai lainnya. Proses kalkulasi akan terus berlangsung dan berhenti sampai nilai matriks pada iterasi terakhir sama dengan nilai matriks pada iterasi sebelumnya. Tabel 5 merupakan hasil clustering setelah matriks hasil iterasi sama dengan matriks sebelumnya. Diperoleh 3 kelompok cluster yaitu produk high recommended, yaitu produk dengan kode ID 4, 5, 8, dan 15. Cluster medium recommended diperoleh oleh produk dengan kode ID 2, 12. Cluster Low Recommended diperoleh oleh produk dengan kode ID 1, 3, 6, 7, 9, 10, 11, 13, dan 14. Pada program E-Cocotrade, data akan terus berubah sesuai dengan perubahan data transaksi dan data rekomendasi hasil rating dari pelanggan. Proses clustering yang berdasarkan pada data yang terus berubah sesuai perilaku konsumen inilah yang disebut dengan web mining. Tabel 5. Contoh Hasil Clustering Produk Kelapa ID

Amount

Design

Price

Brand

Reliable

Stock

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

3 10 5 25 41 0 3 34 1 5 6 10 2 5 43

5 4 3 2 4 5 2 3 2 3 3 5 3 3 5

5 4 4 5 4 3 5 3 5 4 3 5 3 3 5

4 3 2 3 5 3 5 3 5 3 5 5 5 5 3

2 3 1 2 5 2 3 3 3 3 2 3 5 4 5

5 3 4 3 2 3 2 4 2 3 1 4 3 2 4

C1

C2

C3

3,17 6,81 3,46 21,8 37,8 4,12 2,07 30,7 3,1 2,04 3,54 7,15 2,9 2,55 39,8

32,9 25,8 30,9 11 5,77 35,9 32,9 2,5 34,9 30,8 30 25,9 33,8 30,8 7,6

7,26 1,32 5,98 15,3 31,1 10,2 7,66 24,1 9,53 5,36 5,36 1,32 8,59 5,81 33,1

Matriks

1 0 1 0 0 1 1 0 1 1 1 0 1 1 0

0 0 0 1 1 0 0 1 0 0 0 0 0 0 1

0 1 0 0 0 0 0 0 0 0 0 1 0 0 0

Low Medium High

27

3.2 Radar Chart

Gambar 9. Contoh Hasil Radar Chart Produk Kelapa (Chart Director, 2009) Dalam radar chart, titik yang dekat dengan pusat pada setiap sumbu menunjukkan nilai yang rendah. Sebuah titik dekat tepi adalah nilai tinggi. Pada Gambar 9, terpapar radar chart hasil pemanggilan database rekomendasi dan database transaksi menggunakan modul chart director pada bahasa PHP (Hypertext Preprocessor). Alternatif grafik tersebut adalah Activated Carbon ANK102 Karbosorb (8x30 mesh) sebagai produk industri kelapa dan kriteria-kriterianya adalah: desain (design), harga (price), merek (brand), kepercayaan terhadap produk (product reliability), ketersediaan produk (stock on hand) dan banyaknya produk terjual (amount). Dari enam kriteria, kriteria amount adalah penilaian jumlah produk yang telah terjual yang dipanggil dari database transaksi dan lima kriteria lainnya merupakan hasil rata-rata rating yang dipanggil dari database rekomendasi produk. Database rekomendasi produk terhubung ke database produk, sehingga setiap produk yang dibeli memiliki radar chart sebagai sistem rekomendasi untuk membantu pelanggan dalam pengambilan keputusan. Pada Gambar 9, kriteria desain memiliki nilai 3, kriteria harga bernilai 5, kriteria merek bernilai 3, kriteria kepercayaan terhadap produk bernilai 4, kriteria ketersediaan produk bernilai 3, dan banyaknya produk terjual bernilai 3. Statistik berikut juga dapat dihitung dari radar chart : 1. Rata-rata dari semua nilai dalam alternatif. 2. Nilai maksimum dalam alternatif. 3. Nilai minimum dalam alternatif. 4. Ukuran sampel sebagai jumlah total nilai dalam alternatif. 5. Range sebagai nilai maksimum dikurangi nilai minimum. 6. Standar deviasi menunjukkan berapa banyak data tersebar di sekitar rata-rata.

B. PERANCANGAN SISTEM Menurut O‟Brien (2002), tahapan perancangan sistem meliputi penyediaan perangkat keras, perangkat lunak, pengembangan perangkat lunak, pengujian program dan prosedur, dokumentasi dan pemilihan alternatif konservasi pengujian program meliputi kinerja website, pengujian kesalahan

28

perangkat lunak dan perangkat keras. Pada tahap perancangan awal sistem E-Cocotrade digunakan metode permodelan objek dan basis data atau yang disebut dengan UML (Unified Modeling Language). Tahapan perancangan sistem selanjutnya adalah penyediaan kebutuhan perangkat keras, kebutuhan perangkat lunak dan kebutuhan jaringan yang akan dijelaskan sebagai berikut:

1. Pemodelan Objek dan Basis Data Pada perancangan program E-Cocotrade, tidak semua diagram yang terdapat pada UML dibuat, karena kebutuhan permodelan sistem yang tidak terlalu kompleks. Diagram-diagram yang dibuat pada perancangan sistem ini meliputi diagram kasus (use case), aktivitas (activity), status (state chart), kelas (class). Setelah class diagram selesai dibuat, dilakukan generate Physical Data Model (PDM) agar kelas dan atribut dapat digenerate ke database MySQL. 1.1 Use case diagram (diagram kasus)

Sign Up

View Store

Customer Applicant

Comment

Discuss on Forum Pay Fee

<>

Log In Order

Credit Card System Validation

Customer Edit Account Details Give Product Data View Account Details

Distributor

Recommendation Maintain Inventory

<>

Generate Report Admin Maintain User

Report Invoice

Gambar 10. Diagram Kasus dari E-Cocotrade

29

Langkah awal dalam perancangan sistem berorientasi objek adalah dengan membuat diagram kasus. Diagram kasus menggambarkan fungsionalitas yang diharapkan dari sebuah sistem yang memperlihatkan apa yang akan dilakukan oleh sistem dan bukan bagaimana sistem itu melakukan. Diagram tersebut dihasilkan karena adanya interaksi pelaku yang berinteraksi dengan sistem tersebut atau dapat juga dihasilkan dari kebutuhan pengguna terhadap sistem. Diagram kasus dapat digunakan sebagai prosedur awal pengujian sistem, membantu dalam menyusun kebutuhan sistem, mengkomunikasikan rancangan dengan pihak lain, dan merancang semua fitur yang ada pada sistem. Diagram kasus terdiri dari tiga buah notasi utama yaitu pelaku, kejadian/perilaku, dan relasi/hubungan. Sebuah sistem dibatasi oleh area berbentuk persegi yang diberi nama sesuai sistem tersebut. Selanjutnya aktor yang berperan terhadap sistem berada di luar area tersebut. Aksi atau perilaku yang dapat dilakukan sistem diletakkan dalam sebuah elips. Gambar 10 menyajikan contoh diagram kasus keseluruhan sistem E-Cocotrade. Aktor utama pada E-Cocotrade adalah calon pelanggan (customer applicant) , pelanggan (customer),administrator (admin), sistem kartu kredit (credit card system), dan distributor (distributor). Administrator dapat bertindak membuka sistem database, dan aksi yang dilakukan adalah: diskusi pada forum pelanggan dalam menu Customer Service, melihat akun pelanggan, memberi rekomendasi dengan mengolah database transaksi, mengatur stok persediaan, mengatur laporan keuangan dan keuntungan, mengatur database pelanggan, dan memberikan tagihan belanja kepada pelanggan (Gambar 10).

2.1 Activity diagram (diagram aktivitas) Diagram aktivitas merupakan diagram alir untuk mendeskripsikan aliran kerja atau aktivitas di dalam sistem. Kelebihan diagram aktivitas dibandingkan dengan diagram alir biasa adalah adanya dukungan konkurensi (pelaksanaan aktivitas secara bersama), pengiriman pesan dan swimlane (pelaku aktivitas). Diagram aktivitas diawali dengan lingkaran hitam, dan diakhiri dengan lingkaran putih bersilang. Aktivitas digambarkan dengan bentuk persegi panjang bersudut lengkung. Setiap aktivitas dihubungkan dengan anak panah dari awal hingga akhir diagram aktivitas. Sama halnya dengan diagram alir biasa, diagram aktivitas pun memiliki simbol yang sama untuk menggambarkan keputusan. Keputusan digambarkan dengan bentuk belah ketupat, namun deskripsi kondisi yang menyertai keputusan diletakkan di luar simbol tersebut. Berdasarkan diagram aktivitas pada Gambar 11 dapat diketahui bahwa aktivitas pertama kali dilakukan oleh calon pelanggan yaitu melihat-lihat, kemudian dapat memilih untuk mendaftar (sign up) atau tidak. Jika tidak, calon pelanggan tersebut hanya melihat-lihat saja, jika ya, maka calon pelanggan akan mengisi formulir pendaftaran dilanjutkan dengan kegiatan memasukkan akun (log in). Pada aktivitas log in aktor telah berubah menjadi pelanggan dan dilanjutkan dengan validasi akun pelanggan oleh sistem admin. Seperti kegiatan belanja konvensional, pelanggan dapat memilih produk dan memutuskan berapa jumlah pembelian yang dimasukan ke keranjang pembelian. Pada proses pembelanjaan, pelanggan juga mendapat rekomendasi produk (high recommendation, medium recommendation, dan low recommendation). Proses dilanjutkan dengan pengesahan order oleh pelanggan dan pemilihan metode pembayaran. Pada proses pemilihan pembayaran terdapat percabangan, pelanggan dapat memilih pembayaran menggunakan Paypal atau kartu kredit. Dilanjutkan dengan memasukan akun kredit pelanggan dan memasukkan password. Pihak sistem

30

kartu kredit kemudian melakukan verifikasi kecocokan akun dan password, jika terjadi masalah, maka sistem pembayaran akan tertutup dan kembali ke awal, namun jika proses verifikasi berhasil, dilanjutkan ke administrator dengan memproses pengiriman produk.

Gambar 11. Diagram Aktivitas Proses Order Pelanggan

31

3.1 State chart (diagram status) Menurut Kholik (2007), diagram status menggambarkan transisi dan perubahan keadaan (dari satu status ke status lainnya) suatu objek pada sistem sebagai akibat dari stimulus yang diterima. Pada umumnya digram status menggambarkan kelas (class) tertentu (satu class dapat memiliki lebih dari satu diagram status).

Rating [fill rating]

entry/ rating ... [next] Calculated

[error]

Cancel entry/ record cancellation ... [cancel]

[success]

Request Completed entry/ recommendation ...

[uncomplete]

[complete]

Radar Chart do/ recommendation ... [continue]

[success] Recommendation

Gambar 12. Diagram Status Rekomendasi (Radar Chart) Gambar 12 menjelaskan kondisi/status ketika pengguna melakukan rating, yang dilanjutkan dengan proses kalkulasi terhadap database rekomendasi sebelunya dengan mencari nilai rata-rata. Setelah proses kalkulasi dinyatakan selesai (completed), maka radar chart yang ingin ditampilkan siap untuk tampil dan memberikan rekomendasi Dalam UML, status digambarkan berbentuk segi empat dengan sudut membulat dan memiliki nama sesuai kondisinya saat itu. Transisi antar status umumnya memiliki kondisi guard yang merupakan syarat terjadinya transisi yang bersangkutan, dituliskan dalam kurung siku. Action yang dilakukan sebagai akibat dari event tertentu dituliskan dengan diawali garis miring. Titik awal dan akhir digambarkan berbentuk lingkaran berwarna penuh dan berwarna setengah (Kholik, 2007) 4.1 Class diagram (diagram kelas) Diagram kelas merupakan diagram utama dalam perancangan sistem berorientasi objek. Hal ini disebabkan karena diagram kelas adalah diagram yang menggambarkan keadaan statis sebuah sistem sebagai sebuah objek seperti di kehidupan nyata. Objek menurut Nugroho (2002) di dalam Syaifudin (2011) didefinisikan sebagai konsep abstraksi atau sesuatu yang dianggap memiliki arti bagi sebuah sistem. Objek dapat berupa kata benda seperti orang, hewan, tumbuhan, komputer, printer,

32

ataupun entitas-entitas konseptual seperti rumus persamaan kuadrat, liberalism, marxisme, dan lain sebagainya. Setiap objek akan dilengkapi dengan atribut-atribut dan operasi yang dapat dilakukannya. Sebagai contoh seorang yang bernama Adi akan mempunyai atribut misalnya tinggi, berat badan, alamat, dan lain sebagainya. Sedangkan contoh perilaku misalnya berjalan, berbicara, makan, minum, dan sebagainya. Selanjutnya objek-objek yang mempunyai atribut dan perilaku yang hampir mirip dikelompokkan dalam kelas yang sama yaitu kelas manusia begitu juga manusia dan kera termasuk dalam kelas yang lebih tinggi yaitu kelas primata. Gambar 13 merupakan kesuluruhan kelas yang terdapat pada E-Cocotrade. Pada diagram tersebut digambarkan kelas atau objek yang menyusun sistem. Setiap kelas umumnya terdapat tiga bagian utama yaitu bagian pertama berisi nama kelas, bagian kedua merupakan atribut dari kelas tersebut, dan bagian ketiga adalah operasi yang dapat dilakukan oleh kelas tersebut. Tujuan pembuatan diagram kelas adalah untuk memetakan objek-objek penyusun dari sistem tersebut. Sehingga jika pada saat pemeliharaan sistem ditemukan kesalahan, programmer hanya memperbaiki pada kelas yang salah tersebut dan tidak harus merubah keseluruhan sistem. Begitu juga jika sistem tersebut akan dikembangkan, tidak perlu merubah dari awal sistem, tetapi cukup menambahkan objek-objek yang dikembangkan. Di dalam diagram kelas terdapat pula hubungan/ relasi antar kelas yang disebut CRC (Cardinality Ratio Constraint ). CRC berfungsi untuk menjelaskan jumlah hubungan dari entitasentitas yang berpastisipasi. Terdapat 3 macam CRC yaitu : 1. Hubungan 1 : 1 (One to One Relationship) Suatu entitas yang berada di himpunan A berhubungan dengan paling banyak dengan satu entitas pada himpunan B, dan entitas pada himpunan B berhubungan dengan paling banyak satu entitas di himpunan A. 2. Hubungan 1 : M (One to Many/Many to One Relationship) Suatu entitas pada himpunan A dapat berhubungan dengan sejumlah entitas pada himpunan B, tetapi entitas yang berada pada himpunan B hanya dapat berhubungan dengan hanya satu entitas dari himpunan A atau sebaliknya. 3. Hubungan M : N (Many to Many Relationship) Suatu entitas yang berada di himpunan A dapat berhubungan dengan banyak entitas di himpunan B, dan sebaliknya. Pada diagram kelas terdapat 14 entitas data yaitu: admin, contact, credit card, customer, reply, reply admin, order, order detail, payment, paypal, product, product recommendation, recommendation, dan data topic. Pada entitas tersebut, ada atribut yang ditetapkan sebagai primary key. Primary key merupakan sebuah atribut unik yang terdapat pada entiti tersebut. Primary key tidak dapat diisikan lebih dari satu kali. Semua entiti dalam penelitian ini memiliki primary key, berupa ID. Entitas data customer memiliki hubungan one to many dengan data order. Hubungan ini menunjukan satu customer dapat memiliki satu atau beberapa data order. Entitas data order memiliki hubungan one to many dengan data product. Hubungan ini berarti dalam satu data order dapat memiliki satu atau beberapa data product. Entitas data order memiliki hubungan one to one dengan data order detail, yang berarti dalam satu data order hanya dapat memiliki satu data order detail. Entitas data order memiliki hubungan one to one dengan data payment, yang berarti dalam satu data order hanya dapat memiliki satu data payment. Entitas data order memiliki hubungan one to one dengan data paypal dan data credit card yang berarti dalam satu data order hanya dapat memiliki satu data credit card atau data paypal. Entitas data customer memiliki hubungan one to many dengan data recommendation yang berarti dalam satu data customer dapat memiliki lebih dari satu data recommendation.

33

Entitas customer memiliki hubungan many to many or null terhadap data topic dan data reply. Hal tersebut menunjukkan satu atau lebih atau tidak ada customer yang mengisi satu atau lebih atau tidak ada data topic dan data reply. Entitas admin memiliki hubungan one to many terhadap data topic dan data reply admin, hal tersebut menunjukkan bahwa hanya ada satu admin yang mengisi satu atau lebih atau tidak ada data topic dan data reply.

Recomendation

0..* Line Recommendation

-

Id Product Product Name Produsen Company Spec Selling Price Product Photo Rate by Design Rate by Quality Rate by Price Rate by Brand Rate by Produsen Company Rate by Product Reliability Rate by Stock/Continuity Rate by People Opinion Comment

: int : String : String : String : int : byte : int : int : int : int : int : int : int : int : String

+ calcRate () : int ... 0..* Line Product Rec

0..1

0..1

Product Recommendation -

Contact -

Contact Id Name Address Phone E-mail

: int : String : String : int : String

1..1 Line Contact

Product Id Product Name Produsen Company Spec Stock Purchasing Price Selling Price Product Photo Rating Product

: int : String : String : String : int : int : int : byte : int

1..* Data Product Rec

+ calcPrice () : int + getRate () : int ...

0..* Line Order Product

0..1 0..* Data Customer

0..1 0..1 0..* Line Customer

Customer

0..* Line Customer

Topic -

Topic Id Customer Id Discussion Title Date Content

0..* Data topic

: int : int : String : Date : String

0..* Data Topic

-

Customer Id First Name Last Name Email Address Password Date of Birth Phone Number Fax Number Gender Photo Company Name Address Zip Code CIty Province Country

: int : String : String : String : String : int : int : int : String : int : int : int : int : String : String : String

0..* Line Product Product

0..1

-

0..* Line Product

Product Id Product Name Spec Stock Purchasing Price Selling Price Product Photo Rating Product

Order -

0..* Data Topic 0..* Data Order 0..* Line Reply

-

Reply Id Topic Id Customer Id Date Content

Payment

0..* Line ReplyAdmin

Credit Card Data Reply Admin -

Replyadmin Id Toipc Id Content Date

: int : int 0..* : String Data Reply Admin : Date

0..* Line Payment

Transaction Id Customer Id Product Id Amount Product Payment Id Delivery Id Date

-

Account Id Number Type expDate PIN

: int : int : int : int : int

: int : int : int : int : int : int : Date

+ calcTax () : int + calcTotal () : int + calcWeight () : int ...

- amount : int - transaction : boolean

: int : int : int : Date : String

0..1 Data Product

+ calcPrice () : int + getRate () : int ...

+ authorized () : int + get recommendation () : int ...

Data Reply

: int : String : String : int : int : int : byte : int

0..* 0..* Line Order Line Order Order Detail 0..* Line Order 0..*

Product Id Product Name Price Quantity Total Price Status

: int : String : int : int : int : boolean

+ calcSubtotal () : int + calcWeight () : int ...

Paypal - Account Paypal : int - Password : int + authorized () : int ...

+ authorized () : int ... 1..* Line Admin Admin - Admin Id : int - Username : String - Password : String

Gambar 13. Diagram Kelas E-Cocotrade

34

5.1 Physical Data Model (model data fisik) Model data ini dibuat dengan cara men-generate diagram data konseptual di atas. Diagram data fisik ini menghasilkan table-tabel yangh digunakan dalam mengimplememntasi aplikasi. Dengan Physical Data Model kita dapat mengetahui model fisik hasil pengembangan dari sebuah konsep. Recomendation Id Product Product Name Produsen Company Spec Selling Price Product Photo Rate by Design Rate by Quality Rate by Price Rate by Brand Rate by Produsen Company Rate by Product Reliability Rate by Stock/Continuity Rate by People Opinion Comment ...

Contact Contact Id Name Address Phone E-mail ...

int varchar(254) varchar(254) int varchar(254)

Line Contact FK_contact Data Customer

int varchar(254) varchar(254) varchar(254) int tinyint int int int int int int int int varchar(254) Line Recommendation

Customer Customer Id int First Name INT Last Name varchar(254) Email Address varchar(254) Password varchar(254) Date of Birth int Phone Number int Fax Number int Gender varchar(254) Photo int Company Name int Address int Zip Code int CIty varchar(254) Province varchar(254) Country varchar(254) ... FK_customer Line Customer

FK_recommendation

FK_linerecommendation Line Product Rec FK_lineproduct Line Customer Product Recommendation FK_product_rec Product Id int Product Name varchar(254) Line Order Product FK_linecustomer Produsen Company varchar(254) Spec varchar(254) Stock int Purchasing Price int Selling Price int Product Photo bit Rating Product int ... FK_customer

Line Product Line Product

Order Recommendation Product Id int ProductName INT ProdusenCompany varchar(0) Spec varchar(0) FK_association5 Data Product RecStock int SellingPrice int Photo bit RatingProduct int ... FK_lineorder Line Order

Disscuss Topic Topic Topic Id Customer Id Discussion Title Date Content ...

int int varchar(254) datetime varchar(254)

Data Topic

Data topic TopicId int CustomerId int FK_datatopic DiscussionTitle INT Date date Content varchar(0) ...

Data Topic

FK_replytopic

Order Detail

Product Product Id Product Name Spec Stock Purchasing Price Selling Price Product Photo Rating Product ...

FK_topic

int varchar(254) varchar(254) int int int tinyint int

FK_lineorder Data Product Line Order

Product Id Product Name Price Quantity Total Price Status ...

int varchar(254) int int int bool

FK_order_detail Reply Topic Reply Topic by Admin ReplyadminId int TopicId int Content varchar(0) Date date ... Line ReplyAdmin FK_replyadmin Data Reply Admin Replyadmin Id Toipc Id Content Date ...

int int varchar(254) datetime

ReplyId TopicId CustomerId Date Content ...

int int int date varchar(0)

Transaction Id Customer Id Product Id Amount Product Payment Id Delivery Id Date

Line Reply FK_reply Data Reply Reply Id Topic Id Customer Id Date Content ...

Detail Quantity Order

Order

int int int datetime varchar(254)

ProductId int ProductName int FK_lineorder Line Order Price int Quantity int TotalPrice int Status int ... datetime

int INT int int int bool

Data Order FK_order Payment Method amount BOOL transaction INT

Data Reply Admin FK_replyadmin Data Admin Id Admin int Username int Password varchar(0) ...

Payment amount int transaction bool FK_payment_creditcard

Line Payment FK_payment

FK_payment_paypal

Line Admin FK_lineadmin Admin Admin Id int Username varchar(254) Password varchar(254) ...

Credit Card Account Id Number Type expDate PIN ...

BOOL int int int int

Paypal Account Paypal BOOL Password int

Gambar 14. Physical Data Model E-Cocotrade

35

2. Kebutuhan Perangkat Keras Perangkat keras yang dibutuhkan untuk mengoperasikan dan mengembangkan E-Cocotrade adalah 1. Laptop dengan spesifikasi : a. Processor : AMD Athlon (tm) Neo X2 Dual Core Processor L335 1,60 GHz b. RAM : 2,00 GB c. Operating System : Windows7 Home Premium, 32 bit Operating System d. Harddisk Eksternal : 500 GB 2. CD/CDRW. 3. Modem internet 4. Mouse 5. Printer.

3. Kebutuhan Perangkat Lunak dan Kebutuhan Jaringan Perangkat lunak yang dibutuhkan untuk pengembangan E-Cocotrade adalah Adobe Dreamweaver CS4 (Adobe, 2008) sebagai perangkat lunak pembangun program berbasis internet, Sybase Power Designer 15.3 (Sybase, 2010) sebagai sistem perancangan UML, MySQL (Oracle, 2009) untuk pembuatan basis data dinamis, Adobe Photoshop CS3 (Adobe, 2007) dan Microsoft Visio 2007 (Microsoft, 2007) untuk pengolahan gambar dan foto. Perangkat lunak internet browser yang dibutuhkan minimal Mozilla Firefox atau yang setingkat. Untuk kebutuhan jaringan saat ini, pengoperasian E-Cocotrade membutuhkan hubungan dengan jaringan internet. Namun saat uji coba, masih menggunakan server lokal, yaitu dengan menggunakan localhost / xampp.

C. PENERAPAN SISTEM Tahap akhir dalam proses pengembangan perangkat lunak adalah penerapan sistem. Penerapan sistem merupakan tahap merubah desain arsitektur sistem menjadi sebuah perangkat lunak. Tahap ini dimulai dengan mengidentifikasi atribut setiap objek yang terdapat pada diagram kelas. Atribut-atribut tersebut akan digunakan sebagai acuan pembuatan rancangan database yang dikumpulkan dalam sebuah tabel besar. Selanjutnya, tabel besar tersebut dinormalisasi agar sesuai dengan relasi keadaan nyata. Tahap-tahap dalam penerapan paket program E-Cocotrade meliputi pembuatan struktur data, pembuatan kerangka pengkodean dan tahap pembuatan perangkat lunak.

1. Transformasi Desain E-Cocotrade merupakan program aplikasi simulasi transaksi bisnis produk agroindustri kelapa secara online. Selama tahap pengembangan, E-Cocotrade diimplementasikan pada laptop dengan sistem operasi Windows7 Home Premium, AMD Athlon (tm) Neo X2 Dual Core Processor L335(1,60 GHz, 2,00 GB 32 bit Operating System) Perangkat lunak yang digunakan dalam mengembangkan program E-Cocotrade adalah Microsoft Visio 2007 (Microsoft, 2007) dan Sybase Power Designer 15.3 (Sybase, 2010) sedangkan

36

pada tahap pembuatan paket program menggunakan perangkat lunak Adobe Dreamweaver CS4 (Adobe, 2008) dan Adobe Photoshop CS3 (Adobe, 2007) untuk perancangan antarmuka. Sedangkan MySQL (Oracle, 2009) digunakan sebagai sistem manajemen basis data dinamis.

2. Pembuatan Program a. Database Sistem Tahapan pertama pembuatan program adalah pembuatan struktur database yang dihasilkan dari diagram kelas. Pembuatan struktur database diawali dengan membuat diagram kelas yang kemudian di generate menjadi model data fisik (Physical Data Model) yang sesuai dengan kenyataan. Model data fisik yang dibuat merupakan database sesungguhnya yang selanjutnya digenerate menjadi perintah SQL untuk diaplikasi pada Database Management System (DBMS) MySQL. MySQL merupakan Relational Database Management System (RDBMS) yang didistribussikan secara garis dibawah lisensi GPL (General Public Lisence). Dimana setiap orang bebas untuk menggunakan MySQL namun tidak boleh dijadikan produk turunan yang bersifat closed source atau komersial MySQL. Jenis database di atas sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Lenguage). SQL adalah sebuah konsep operasi database, terutama untuk pemilihan atau seleksi dan pemasukan data. Konsep ini memungkinkan operasi data dikerjakan dengan mudah secara otomatis. Kehandalan suatu sistem DBMS diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah SQL, yang dibuat oleh pengguna maupun programmer. Rancangan data konseptual yang telah dipetakan pada diagram akan diimplementasikan ke dalam lingkungan basis data MySQL. Database yang terdapat pada table merupakan daftar isi database yang tedapat pada program E-Cocotrade. Database juga telah terisi sesuai dengan jumlah yang dibutuhkan oleh program. Rancangan database ini akan memudahkan pengguna karena data yang digunakan akan tersimpan otomatis pada program tersebut. Tabel-tabel basis data yang dibuat dijelaskan pada Tabel 6. Tabel 6. Tabel Database (dbcocotrade) Nama Tabel Tbaddtochart

Keterangan menyimpan data keranjang belanja

Tbadmin

menyimpan data admin

Tbcontact

menyimpan data contact

Tbcustomer

menyimpan data pelanggan

Nama Kolom idaddtochart idcustomer idproduct date quantity idamin username password idcontact name email content idcustomer fullname email password

Type Data int(10) int(10) int(10) date int(15) int(10) varchar(30) varchar(15) int(10) varchar(20) varchar(25) varchar(250) int(10) char(25) varchar(30) varchar(10)

37

Tbdatareply

menyimpan data reply forum

tbdatareplyadmin

menyimpan data reply admin forum

tbdeliverycost

menyimpan data biaya pengiriman

tbdestination

menyimpan data list biaya kirim

tbindustry

menyimpan data industri kelapa

tbpayment

menyimpan data metode pembayaran

tbproduct

menyimpan data produk kelapa

tbrecommendation

menyimpan data rating

tbtopic

menyimpan data topik

birth phone gender address zipcode province country idreply idtopic idcustomer date content idreplyadmin idtopic content sate idcost iddestination weight price status iddestination destination duration cost ln idindustry company address phone cp email product

Date Text char(20) varchar(50) int(5) char(30) char(30) int(10) int(10) int(10) Date varchar(550) int(10) int(10) varchar(550) Date int(10) int(10) int(10) int(10) varchar(15) int(20) varchar(20) int(4) int(15) int(4) int(10) varchar(50) varchar(100) Text varchar(25) varchar(25) varchar(100)

idpayment

int(10)

metode idproduct productname idindustry spec stock purchasingprice sellingprice photo idrecommendation idproduct rtdesign rtprice rtproductreliability rtstock idtopic idcustomer

varchar(15) int(10) varchar(40) idindustry(10) varchar(100) int(4) int(20) int(20) Longblob int(5) int(10) int(1) int(1) int(1) int(1) int(10) int(10)

38

tbtransaction

menyimpan data transaksi

tbvalas

menyimpan data nilai tukar

tbtempcluster

menyimpan hasil akhir clustering

cluster

menyimpan data centroid awal

matrixacuan

menyimpan matriks acuan dan selalu di update

isicluster

menyimpan data kriteria cluster

iklan

menyimpan data iklan

discussiontitle date content idtransaction idcustomer idproduct quantity date idpayment idcost idvalas currency value idtemp idproduct c1 c2 c3 matrix1 matrix2 matrix3 grup idcluster amount design price brand product stock idproduct matrix1 matrix2 matrix3 compare idproduct amount design price brand product stock idiklan idcustomer iklan approve url

varchar(50) Date varchar(550) int(10) int(10) int(10) int(10) Date int(10) int(10) int(10) varchar(10) int(10) int(11) int(11) float float float int(11) int(11) text int(11) float float float float float float int(11) int(11) int(11) int(11) text int(11) int(11) int(11) int(11) int(11) int(11) int(11) int(11) int(11) longblob int(11) text

cu

b. Desain Halaman Beberapa faktor yang perlu diperhatikan dalam membangun sebuah halaman yang menarik dan interaktif adalah ruang gerak mata, sarana komunikasi dan kemudahan penggunaan. Dari segi keergonomisan, beberapa faktor yang perlu diperhatikan adalah penentuan jenis ukuran dan warna huruf, pemilihan warna latar belakang serta tulisan. Latar belakang pada tampilan antar muka website ini berwarna biru. Pemilihan warna biru digunakan untuk memberikan kesan tegas dan elegan serta enak dipandang mata. Penggunaan animasi

39

dan gambar seminimal mungkin untuk mempercepat pemindahan antar halaman. Link menu utama berwarna biru muda, sedang link untuk produk di sisi kiri berwarna biru tua dengan latar sama-sama berwarna biru. Sketsa tampilan E-Cocotrade dapat dilihat pada Gambar 15.

Menu Utama Logo PT. Cocotrade Logo Website Sign In dan Sign Up

Link Menu Produk dan Kolom Iklan Isi Menu Utama

Link Menu Utama Gambar 15. Sketsa Tampilan E-Cocotrade Gambar 15 merupakan sketsa tampilan E-Cocotrade. Pada bagian pojok kiri atas tercantum logo dari PT. Cocotrade Indonesia. Pada bagian ini tercantum logo website, yakni “Cocotrade”. Penulisan logo berwarna coklat kayu dan hijau menandakan warna dari pohon kelapa. Hal ini dimaksudkan untuk menarik perhatian pelanggan. Bagian atas tampilan merupakan tempat menumenu, ada 5 menu utama yang disediakan yaitu: Home, Product, Payment, Contact dan juga Customer Service. Di bawah logo PT. Cocotrade Indonesia terdapat menu yang langsung tehubung melakukan Sign In dan Sign Up. Pada bagian samping kiri tampilan terdapat tempat menaruh kolom iklan dan link menu produk: Food, Beverage, Organic, Personal Care, Others, dan Recommended. Selanjutnya adalah isi menu utama yang terletak di bagian tengah halaman. Isi menu utama merupakan pusat dari penglihatan sehingga penulisan informasi, penempatan untuk isian, dan aktivitas e-commerce lainnya diletakkan pada bagian ini. Hal ini dimaksudkan agar pengguna dapat berkonsentrasi penuh pada bagian tengah halaman untuk melakukan aktivitas, seperti transaksi, memberikan rating, menampilkan radar chart, dan sebagainya. Bagian bawah merupakan link menuju menu Home , Product, Payment, Contact dan juga Customer Service guna mempermudah pelanggan membuka menu-menu utama melalui jalur pintas. Tampilan tersebut kemudian diimplementasikan pada Ms.Visio guna mendesain tahap awal tampilan antar muka E-Cocotrade. Desain tampilan menu utama, form Sign In dan link menu produk (Gambar 16) yang terlihat jelas dapat memberikan acuan programmer dalam mendesain tampilan

40

antarmuka pada pemrograman bahasa PHP (Hypertext Preprocessor) menggunakan Adobe Dreamweaver CS4 (Adobe, 2008).

Gambar 16. Desain Tampilan E-Cocotrade Menggunakan Ms.Visio b. Struktur Program 1. Antar Muka Pengguna Antar muka program E-Cocotrade bagi calon pelanggan dan pelanggan terdiri dari Home, Product, Payment, Contact, dan Customer Services. Pengguna umum atau calon pelanggan hanya dapat membuka menu Home, Product (Food, Beverage, Organic, Personal Care, Others, Recommended), Payment, dan Contact namun tidak dapat melakukan pemesanan (transaksi pembayaran) dan berdiskusi di menu Customer Service sebelum mendaftar terlebih dahulu melalui menu Sign Up atau membuka akun melalui Sign In (Tabel 7).

No 1 2

Tabel 7. Menu/Link untuk Pelanggan dan Calon Pelanggan Menu/ Link Pelanggan Calon Pelanggan Home dapat diakses dapat diakses Product dapat diakses dapat diakses namun tidak dapat berinteraksi -Food dapat diakses dapat diakses namun tidak dapat berinteraksi -Beverage dapat diakses dapat diakses namun tidak dapat berinteraksi -Organic dapat diakses dapat diakses namun tidak dapat berinteraksi -Personal Care dapat diakses dapat diakses namun tidak dapat berinteraksi

41

3 4 5 6 7 8 9

-Others -Recommended Payment Contact Customer Services Sign Up Sign In Give Rate Radar Chart

dapat diakses dapat diakses dapat diakses dapat diakses dapat diakses dapat diakses dapat diakses dapat diakses dapat diakses

dapat diakses namun tidak dapat berinteraksi dapat diakses dapat diakses dapat diakses tidak dapat diakses dapat diakses tidak dapat diakses dapat diakses dapat diakses

2. Antar Muka Administrator Saat pertama kali membuka sistem, antar muka yang disediakan adalah antar muka untuk log in. Administrator harus mengisi username dan password dengan benar. Jika log in berhasil, administrator dapat mengakses halaman menu yang di dalamnya tedapat menu-menu pilihan, yaitu menu Sales Graph, Orders, Manage, User, Recommendation, Comment,dan Sales Profit. Tabel 8 menjelaskan keterangan dan sub menu pada tiap menu pilihan. Tabel 8. Menu untuk Administrator No 1

Menu Sales Graph

Sub Menu -

Keterangan Menu untuk menampilkan grafik penjualan produk keseluruhan setiap bulan dalam setahun

2

Orders

-Transaction Report -Shipment

Menu untuk melihat laporan transaksi dan status pengiriman

3

Manage

-Products -Industries -Delivery Cost

Menu untuk memperbarui data produk, meliputi harga, stok, spesifikasi, gambar, memperbarui data perusahaan industri kelapa, dan biaya pengiriman

4

Users

-Edit User -Admin

Menu untuk memperbaharui akun pelanggan dan memperbaharui akun administrator

5

Recommendation

-Rating -Radar Chart -Clustering

Menu untuk mengecek rating produk, radar chart, dan clustering

6

Comment

-

Menu untuk mengecek komentar pengguna

7

Sales Profit

-

Menu untuk menampilkan keuntungan penjualan tiap produk

Menu Home menyajikan gambaran umum perusahaan PT. Cocotrade Indonesia sebagai wahana e-business produk agroindustri kelapa di Indonesia yang berorientasi ekspor. Menu Product berisi data tentang informasi produk dan menampilkan produk keseluruhan. Jumlah produk keseluruhan adalah sebanyak 97 item. Informasi produk yang disediakan berbentuk tabel yang berisi nama produk, spesifikasi produk, stok produk, harga produk (dalam bentuk rupiah dan dolar) serta gambar produk. Menu produk di kelompokkan menurut kesamaan produknya, terdiri dari menu: Food, Beverage, Organic, Personal Care, Others, dan Recommended. Sesuai dengan namanya, menu Food memaparkan produk agroindustri kelapa yang dapat diklasifikasikan sebagai makanan; menu

42

Beverage memaparkan produk agroindustri kelapa yang dapat diklasifikasikan sebagai minuman; menu Organic adalah menu yang memaparkan produk agroindustri kelapa yang diklasifikasikan sebagai produk mentah, olahan setengah jadi, atau produk kesehatan organik; menu Personal Care memaparkan produk toiletries, kecantikan, dan perawatan tubuh; menu Others memaparkan produk kerajinan tangan dan produk lain diluar klasifikasi menu-menu sebelumnya; sedangkan menu Recommended menawarkan produk-produk dengan penjualan terbaik yang banyak terbeli atau memiliki rating yang baik. Menu Payment berisi panduan cara pembayaran. Terdapat dua tipe pilihan pembayaran yaitu menggunakan kartu kredit atau Paypal dan daftar delivery cost yang berisi pemilihan metode pembayaran sekaligus pemilihan tujuan pengiriman beserta waktu dan biaya pengiriman. Menu Contact dapat diisi oleh pelanggan maupun calon pelanggan yang belum mendaftar untuk melakukan kontak dengan administrator. Terakhir adalah menu Customer Service yang merupakan salah satu bagian dari Customer Relationship Management. Menu ini hanya dapat dibuka oleh pelanggan yang telah mendaftar. Pada menu ini terdapat forum diskusi yang merupakan tempat untuk para pelanggan melakukan diskusi dengan pelanggan lainnya. Untuk detail langkah penggunaan program, akan dibahas lebih lanjut di PAKET PROGRAM E-COCOTRADE (halaman 49). Tahapan Sign In, pengisian komentar, pemesanan produk, pemberian rekomendasi dan radar chart, pengisian forum diskusi, dan penggunaan sistem oleh administrator dapat dilihat berturut-turut pada Gambar 17, 18, 19, 20, 21 dan 22. Cara melakukan Sign In dalam bentuk diagram alir dapat di lihat pada Gambar 17. Pertamatama pengguna memasukan username dan password pada menu Sign In. Kemudian terjadi proses pemanggilan database pelanggan yang kemudiann mencocokkannya dengan username dan password yang dimasukkan pelanggan. Program kemudian menghubungkan pelanggan ke menu Product (Gambar 17).

Start

Sgn In (Masukkan user name dan password)

Program memanggil database customer, jika cocok masuk ke menu product : Mulai/Selesai : Proses

End

: Data

Gambar 17. Diagram Alir Sign In

43

Gambar 18 menggambarkan cara memberi komentar kepada E-Cocotrade. Pertama-tama pengguna membuka menu Contact. Kemudian pengguna mengisi nama, alamat email, beserta saran dan komentar pada kotak yang tersedia. Setelah semua kotak terisi dan dimasukkan, data tersimpan pada program.

Start

Membuka halaman contact

Memasukkan nama, email, saran / komentar

Program menyimpan data : Mulai/Selesai : Proses

End

: Data

Gambar 18. Diagram Alir Memasukkan Komentar di Halaman Contact Selanjutnya adalah proses pemesanan produk pada menu Product. Pertama-tama pelanggan melakukan Sign In terlebih dahulu dengan cara memasukkan username dan password. Kemudian program membuka halaman menu Product. Kemudian pelanggan memili produk yang diinginkan dan melanjutkan proses pembelian dengan menekan tombol “Buy” yang disertai gambar keranjang. Kemudian data pembelian masuk ke keranjang belanja. Pelanggan dapat memilih untuk menambah produk atau membatalkan produk pada keranjang belanja. Selanjutnya proses belanja diakhiri dengan menekan tombol “Check Out”. Proses berlanjut ke pemilihan metode pembayaran dan biaya pengiriman dengan memilih tujuan pengiriman, dan kegiatan penyimpanan tagihan belanja oleh pelanggan (Gambar 19).

44

Start

Melakukan Sign In (memasukkan username dan password

Program membuka halaman product

Memilih produk (Buy) Membeli produk (memasukkan ke keranjang belanja)

Data masuk ke shopping chart

Menambah produk

Membatalkan produk

Mengakhiri proses belanja (Check out)

Memilih cara pembayaran

Memilih tujuan pengiriman

Penyimpanan Invoice : Mulai/Selesai : Proses

End

: Data

Gambar 19. Diagram Alir Pemesanan Produk Diagram alir pemberian rekomendasi dan radar chart dimulai dengan masuk ke halaman produk (menu Product). Dilanjutkan dengan memilih link Give Rating yang masuk ke halaman pemberian rating. Pada halaman tersebut pelanggan dapat memasukkan rating (1-5) dengan meenekan tombol bintang atau menggesernya sesuai dengan tingkatan rating yang diinginkan. Program selanjutnya memasukkan hasil rating ke dalam database. Kemudian pelanggan memilih menu produk dilanjutkan dengan membuka link radar chart. Pada halaman radar chart, program menunjukkan radar chart beserta penjelasannya sebagai bentuk rekomendasi (Gambar 20).

45

Start

Masuk ke halaman produk

Memilih give rating

Memasukkan rating A) Design B) Price C) Product Reliable D) Brand E) Stock on Hand

Program memasukkan rating ke data recommendation

Memilih menu produk

Membuka link radar chart

Program menunjukkan radar chart sebagi rekomendasi : Mulai/Selesai : Proses

End

: Data

Gambar 20. Diagram Alir Pemberian Rekomendasi dan Radar Chart Halaman forum diskusi yang terdapat pada menu Customer Service hanya dapat diakses oleh pelanggan yang telah melakukan sign in yaitu dengan cara memasukkan username dan password. Setelah menu Customer Service dibuka oleh pelanggan, terdapat pilihan dalam forum diskusi. Pilihan pertama adalah membalas diskusi yang sudah ada dengan memilih judul topik dan menekan tombol Reply setelah mengisi formulir untuk membalas. Selanjutnya program akan memasukkan data tersebut ke dalam data reply. Pilihan kedua adalah melakukan pengisisan topik dan mengisi formulir diskusi. Selanjutnya program akan memasukkan data tersebut ke data topic (Gambar 21).

46

Start

Melakukan Sign In (memasukkan username dan password

Membuka halaman customer service

Membalas diskusi yang sudah ada

Pengisian topik dan isi diskusi

Program memasukkan ke data reply

Program memasukkan ke data topic : Mulai/Selesai : Proses

End

: Data

Gambar 21. Diagram Alir Pengisian Forum Diskusi Pengunaan sistem oleh administrator dimulai dengan memasukkan username dan password pada tampilan awal administrator. Selanjutnya administrator dapat memilih tujuh menu utama yaitu: Sales Graph, Orders, Manage, Recommendation, Comment, Users, dan Sales Profit. Pada menu Sales Graph administrator dapat menampilkan laporan penjualan setiap bulan yang disajikan dalam grafik batang. Pada menu Orders administrator dapat melihat laporan transaksi penjualan dan data pengiriman. Pada menu Manage administrator dapat memperbaharui data produk, data industri, dan biaya pengiriman. Pada menu Recommendation administrator dapat mengecek rating produk, radar chart, dan biaya clustering. Pada menu Comment administrator dapat mengecek komentar pengguna. Pada menu Users administrator dapat memperbaharui akun pengguna dan akun administrator. Pada menu Sales Profit administrator dapat menampilkan keuntungan penjualan produk (Gambar 22).

Start Administrator

Log In Admin (memasukkan username password)

Menampilkan laporan penjualan (sales graphic)

Melihat laporan transaksi dan pengiriman

Memperbarui data produk, data industri, dan biaya pengiriman

Mengecek rating produk, radar chart, dan clustering

Mengecek komentar pengguna

Mengedit akun pengguna dan akun admin

Menampilkan keuntungan penjualan produk

End

Gambar 22. Penggunaan Sistem oleh Administrator

47

3. Sistem Pembayaran Sistem pembayaran yang digunakan dalam E-Cocotrade ada dua jenis, yaitu menggunakan kartu kredit (credit card) serta Paypal. Sistem kartu kredit adalah suatu jenis penyelesaian transaksi ritel dan sistem kredit yang namanya berasal dari kartu plastik yang diterbitkan kepada pengguna sistem tersebut. Sebuah kartu kredit berbeda dengan kartu debit di mana penerbit kartu kredit meminjamkan konsumen uang dan bukan mengambil uang dari rekening (Anonim, 2011). Kartu kredit digunakan pada sistem E-Cocotrade karena sistem ini berorientasi ekspor dan dapat digunakan diseluruh dunia yang memiliki otoritas penerbit kartu. Demi kenyamanan pelanggan yang berasal dari manca negara digunakan sistem kartu kredit sebagai salah satu pilihan transaksi pelanggan. PayPal Inc. adalah perusahaan dalam jaringan yang menyediakan jasa transfer uang melalui surat elektronik, menggantikan metode lama yang masih menggunakan kertas, seperti cek dan wesel pos. PayPal juga menyediakan jasa untuk para pemilik situs e-commerce, lelangan, dan jenis usaha lain. Markas perusahaan ini terletak di San Jose, California, Amerika Serikat. (Anonim, 2011). Paypal digunakan pada sistem ini karena paypal merupakan pihak ketiga yang dapat memberikan keamanan dan kenyamanan bagi pelanggan. Pelanggan dapat bertransaksi tanpa memberikan nomor kartu kredit. Saat ini Paypal telah banyak digunakan di seluruh dunia. Menurut Anonim (2011), melihat masa depan PayPal yang menjanjikan, eBay (merchant jual beli online) menyimpulkan PayPal cocok digunakan sebagai perantara pembayaran lelang online mereka. Sebelumnya, ebay telah membeli Billpoint pada bulan Mei 1999 dan menjadikannya sebagai perantara pembayaran satu-satunya yang diakui oleh eBay walaupun pilihan untuk menggunakan metode pembayaran lain masih diizinkan. Pada bulan Februari 2000, rata-rata ada sekitar 200.000 penawaran barang per hari yang menggunakan PayPal, sedangkan yang menggunakan Billpoint hanya mencapai 4.000 penawaran saja. Bahkan pada bulan April 2000, sudah ada lebih dari satu juta penawaran yang menggunakan PayPal

4. Pengujian Sistem Berdasarkan penerapan sistem, program E-Cocotrade telah berfungsi dengan baik. Semua fasilitas pada menu telah dapat dijalankan. Serangkaian pengujian dilakukan untuk memeriksa kesalahan pada sistem E-Cocotrade. Hasil pengujian ini menjadi acuan dalam perbaikan sistem.Pengujian pertama dilakukan dengan mengecek alur sistem secara keseluruhan, apakah sudah benar dan sesuai harapan. Pengujian meliputi peringatan kesalahan apabila terjadi salah input atau kekosongan formulir isian. Pengujian kedua meliputi pengecekan dengan sampel data dan dilakukan penelusuran, apakah prosedur yang digunakan untuk mengolah data menjadi informasi sudah benar dan beroperasi sesuai dengan logika sistem yang tepat. Pengujian dengan menggunakan perhitungan matematis pada jumlah pembayaran telah dilakukan dan menunjukkan hasil yang sama antara perhitungan dengan E-Cocotrade dan perhitungan di luar sistem yang dilakukan secara manual.

48

E. PAKET PROGRAM E-COCOTRADE Pada paket program, terdapat dua tampilan antarmuka. Pertama adalah tampilan antar muka pengguna yang dapat diakses oleh pelanggan dan calon pelanggan atau yang biasa disebut dengan frontend user. Tampilan kedua adalah tampilan antar muka administrator yang dapat diakses khusus oleh administrator atau yang biasa disebut dengan backend user. Gambar 23 memaparkan struktur antar muka pengguna (web mapping) atau yang biasa disebut tampilan frontend user. Struktur tampilan di mulai dari menu Home yang merupakan menu awal yang akan terbuka ketika pengguna masuk ke website E-Cocotrade. Terdapat beberapa pilihan menu dan link. Menu Recommended akan memberi pilihan link high recommended, medium recommended, dan low recommended sebagai bentuk hasil iterasi pada proses clustering. Pada menu Sign Up pelanggan akan memasukan data pribadi dan menyimpannya ke data customer. Pada menu Sign In terjadi proses pengecekkan apakah pengguna memasukkan username dan password yang benar. Jika benar maka proses akan membuka menu Product yang beisi tabel produk-produk kelapa dan juga sub dan link menu. Sub menu produk terdiri dari : Food, Beverage, Organicm Personal Care, dan Others. Pelanggan dapat melakukan proses pembelian dengan memilih produk kemudian melanjutkannya dengan melakukan pemilihan metode pembayaran. Link pada menu Product adalah: Radar Chart, dan Give Rate. Pada link Radar Chart akan dimunculkan data berupa grafik radar sedangkan pada link Give Rate pengguna dapat memberikan rating pada produk yang ingin diberi penilaian. Menu Contact merupakan sarana bagi pengguna yang ingin memberi komentar dan pesan. Menu Customer Service hanya dapat diakses oleh pelanggan yang telah melakukan Sign In. Setelah menu Customer Service dibuka oleh pelanggan, terdapat pilihan dalam forum diskusi. Pilihan pertama adalah membalas diskusi yang sudah ada dengan memilih judul topik dan menekan tombol Reply setelah mengisi formulir untuk membalas. Selanjutnya program akan memasukkan data tersebut ke dalam data reply. Pilihan kedua adalah melakukan pengisisan topik dan mengisi formulir diskusi. Selanjutnya program akan memasukkan data tersebut ke data topic (Gambar 23).

49

1.Struktur Antar Muka Pengguna Antar muka pengguna (Home)

Recommended

Sign Up

Cek Iterasi

High Recommended

Medium Recommended

Product

Sign In

+

Food

Beverage

Organic

Payment

Personal Care

Others

Low Recommended

Proses pembelian (Buy)

Menyimpan data customer

produk cluster High Recommended

produk cluster High Recommended

x

Option

Cek Masukkan komentar / pesan

Rating

Menyimpan data rating

Keranjang Belanja

Customer Service

Give Rate

Masukkan data pribadi

Cek produk cluster High Recommended

Radar Chart

Contact

Menyimpan data comment

Forum

Add Topic

Reply

Submit

Menyimpan data reply

Menyimpan data topic

+

Check Out

Payment Method

: Mulai / Selesai

: Keputusan

: Input Data Manual

: Dokumentasi

: Proses

Invoice

Print

Antar muka pengguna

: Penyimpanan Data Save

Gambar 23. Struktur Antar Muka Pengguna

50

Halaman utama (menu Home) E-Cocotrade memaparkan tentang deskripsi perusahaan yang menjual produk-produk turunan kelapa di Indonesia dari beragam merek, dan perusahaan berbeda. Pada bagian paling atas halaman, tercantum logo dan nama perusahaan. Kemudian di bagian bawahnya terdapat 5 menu, yaitu Home, Product, Payment, Contact, dan Customer Services. Sementara itu di bagian samping kiri halaman utama terdapat menu Sign In dan Sign Up. Terdapat menu produk yang telah dibagi menjadi 6 kategori submenu antara lain Food, Beverage, Organic, Personal Care, Others, dan Recommended (Gambar 24a).

Gambar 24a. Tampilan Halaman Utama (Bagian Atas) Jika tampilan halaman utama digeser ke bawah, maka akan tampil tempat iklan dan 5 menu jalan pintas (shortcut) yang sama dengan 5 menu utama, yaitu menu Home, Product, Payment, Contact, dan Customer Service. Kelima menu shortcut tersebut akan terhubung ke menu utama sesuai dengan judulnya masing-masing (Gambar 24b).

Gambar 24b. Tampilan Halaman Utama (Bagian Bawah)

51

Tampilan menu selanjutnya adalah menu Product, E-Cocotrade menawarkan 97 jenis produk dengan rincian spesifikasi, harga, radar chart, dan link pemberian rating. Pada menu product ini, terdapat mesin pencari (search engine) yang akan mencari produk yang dimasukkan ke dalam kotak pencarian. Selain itu, pengguna juga dapat mencari produk dengan memilih halaman produk, seperti membuka lembaran katalog produk. Tampilan menu Product dapat dilihat pada Gambar 25.

Gambar 25. Tampilan Menu Product Produk-produk tersebut dapat dilihat oleh calon pelanggan yang belum mendaftar, namun untuk melakukan pembelian, maka calon pelanggan tersebut harus mendafar menjadi anggota terlebih dahulu di menu Sign Up atau memasukkan akun di link Sign In. Formulir Sign Up seperti terlihat pada Gambar 26.

Gambar 26. Tampilan Menu Sign Up

52

Jika calon pelanggan salah mengisi konfirmasi password (confirmed password), maka akan keluar kotak dialog yang bertuliskan “Incorrect confirmed password!” seperti yang terlihat pada Gambar 27 di bawah ini.

Gambar 27. Tampilan Kotak Dialog “Incorrect confirmed password!” Jika calon pelanggan tidak mengisi semua form (field), maka akan keluar kotak dialog bertuliskan “Cannot process, there’s field empty” seperti yang terlihat pada Gambar 28.

Gambar 28. Tampilan Kotak Dialog “Cannot process, there’s field empty”

53

Setelah melakukan pendaftaran, maka akan muncul tulisan yang menandakan bahwa registrasi telah berhasil dilakukan, pelanggan di sarankan untuk melakukan log in dan ditampilkan pula isi data diri pengguna sesuai yang dimasukkan oleh pengguna seperti terlihat pada Gambar 29.

Gambar 29. Tampilan Pendaftaran Pelanggan Berhasil Setelah mendaftar, maka calon pelanggan otomatis menjadi pelanggan tetap, dan dapat melakukan pembelian serta dapat berinteraksi dengan pelanggan lainnya melalui submenu discussion forum. Untuk masuk ke dalam web, pelanggan harus melakukan sign in dengan memasukkan email address dan password seperti Gambar 30.

Gambar 30. Tampilan Menu Log In Pelanggan

54

Jika pelanggan melakukan pembelian, tanpa melakukan registrasi terlebih dahulu, maka akan muncul peringatan “You Have To Sign Up or Sign In First” beserta form pendaftaran (Sign Up) seperti yang terlihat pada Gambar 31.

Gambar 31. Tampilan Peringatan untuk Sign Up atau Sign In Berikut tampilan menu produk yang terbagi ke dalam 6 jenis, tersedia menu di sebelah kiri halaman utama, hal ini dimaksudkan agar pelanggan dapat dengan mudah mengakses produk yang diinginkan sesuai dengan klasifikasi produk tersebut. Menu produk terbagi menjadi menu Food, Baverage, Organic, Personal Care, Others, dan Recommended. Tampilan menu produk dapat dilihat pada Gambar 32 sampai 37 seperti Gambar di bawah ini. Tampilan menu Food (Gambar 32) merupakan tampilan produk-produk yang memiliki IDindustri=1 pada database produk. Pada bahasa pemrograman dipanggil produk-produk yang memiliki IDindustri=1 sebagai perwakilan dari produk-produk yang tergolong makanan.

Gambar 32. Tampilan Menu Food

55

Tampilan menu Beverage merupakan tampilan produk-produk yang memiliki IDindustri=2 pada database produk. Pada bahasa pemrograman dipanggil produk-produk yang memiliki IDindustri=2 sebagai perwakilan dari produk-produk yang tergolong minuman (Gambar 33).

Gambar 33. Tampilan Menu Beverage Tampilan menu Organic merupakan tampilan produk-produk yang memiliki IDindustri=3 pada database produk. Pada bahasa pemrograman dipanggil produk-produk yang memiliki IDindustri=3 sebagai perwakilan dari produk-produk yang tergolong produk organik, yaitu produk yang berfungsi untuk kesehatan seperti VCO (Virgin Coconut Oil) dan HCO (Hydrogenated Coconut Oil) (Gambar 34).

Gambar 34. Tampilan Menu Organic

56

Tampilan menu Personal Care merupakan tampilan produk-produk yang memiliki IDindustri=4 pada database produk. Pada bahasa pemrograman dipanggil produk-produk yang memiliki IDindustri=4 sebagai perwakilan dari produk-produk yang tergolong kebutuhan pribadi, seperti perlengkapan mandi (toiletries) dan produk kecantikan (Gambar 35).

Gambar 35. Tampilan Menu Personal Care Tampilan menu Others merupakan tampilan produk-produk yang memiliki IDindustri=5 pada database produk. Pada bahasa pemrograman dipanggil produk-produk yang memiliki IDindustri=5 sebagai perwakilan dari produk-produk yang tidak termasuk golongan makanan, minuman, organik, ataupun kebutuhan pribadi (Gambar 36).

Gambar 36. Tampilan Menu Others

57

Tampilan menu Recommended merupakan tampilan produk-produk hasil clustering pada database hasil iterasi cluster (Gambar 37). Pada menu ini pengguna dapat memilih produk berdasarkan kelompok produk yaitu: high recommended, medium recommended, dan low recommended. Pada bahasa pemrograman dipanggil database dari database transaksi dan database rating yang kemudian dilakukan iterasi sehingga matriks data sama dengan matriks sebelumnya.

Gambar 37. Tampilan Menu Recommended Tampilan rekomendasi akan berubah sesuai dengan perubahan database transaksi dan database rating. Semakin banyak pelanggan yang membeli produk dan semakin tinggi rating yang diberikan, maka produk tersebut akan menjadi produk yang rekomendasi baik bagi pelanggan (high recommended). Setelah melihat produk, pelanggan dapat melakukan pembelian dengan menekan gambar keranjang yang bertuliskan “Buy”. Setelah menekan gambar tersebut maka produk yang dibeli akan muncul di bagian bawah daftar produk (disebut shopping cart), seperti terlihat pada Gambar 38. Pada halaman ini tercantum gambar, nama serta spesifikasi produk yang akan dibeli, beserta jumlah serta harga dan harga total produk. Jika pelanggan ingin menambah produk ke keranjang belanjaan maka bisa menekan tombol add to chart. Jika pelanggan ingin membatalkan pembelian maka bisa menekan tombol cancel yang bergambar tanda silang merah. Namun, jika pembelian sudah pasti (fixed) maka pelanggan akan dipersilahkan menekan perintah check out, yang terletak di sisi kiri bawah.

58

Gambar 38. Tampilan Proses Pembelian Produk Jika produk stoknya sudah habis, maka produk tidak akan dapat dibeli, karena tidak terdapat icon keranjang “Buy” dan digantikan dengan tulisan seperti terlihat pada Gambar 39.

Gambar 39. Tampilan Peringatan Produk Kosong

59

` Langkah selanjutnya setelah melakukan check out adalah memilih jenis metode pembayaran yang akan dilakukan. Info panduan metode pembayaran dapat dilihat di menu Payment seperti terlihat dalam Gambar 40a dan 40 b.

Gambar 40a. Tampilan Menu Cocotrade Purchase Guide (Tampilan Atas) Pada Gambar 40a terdapat link Paypal agar pengguna dapat terhubung ke www.paypal.co.id sehingga pengguna yang belum memiliki akun Paypal, namun ingin mendaftarkan diri dapat memilih link tersebut sehingga terhubung ke website Paypal untuk melakukan pendaftaran. Gambar 40b merupakan perincian cara pembayaran dengan menggunakan Paypal atau Credit Card. Kedua sistem ini merupakan pilihan metode pembayaran yang dapat dipilah dan digunakan oleh pelanggan. Pada menu ini disebutkan bahwa pengguna akan menerima produk pemesanan dengan proses waktu maksimal 4 x 24 jam dari proses transaksi.

Gambar 40b. Tampilan Menu Cocotrade Product Purchase Guide(Tampilan Bawah)

60

Pelanggan akan memilih metode pembayaran yang dilakukan. Kemudian memasukkan berat dari produk. Nilai berat produk yang dimasukkan disesuaikan dengan jumlah produk yang dibeli. Kemudian pelanggan melakukan pemilihan tujuan pengiriman dalam list yang telah disediakan ada 2 kategori tujuan pengiriman, yaitu domestik dan luar negeri. Di dalam pemilihan tujuan pengiriman, telah ada info lama waktu pengiriman dan juga biaya pengiriman. Jika pelanggan ingin kiriman semalam sampai maka dapat memilih menu „one day arrive’. Kemudian, biaya akan dikirimkan secara otomatis ke e-mail pelanggan. Tampilan proses Payment Method dapat dilihat pada Gambar 41.

Gambar 41. Tampilan Proses Payment Method Setelah men-submit data di atas maka akan muncul tulisan “Thaks for Buy” dan link “See Invoice” untuk melihat bukti tagihan seperti pada Gambar 42.

Gambar 42. Tampilan Thanks for buy dan Link See Invoice

61

Pelanggan yang telah menekan link See Invoice seperti gambar di atas maka akan dapat melihat tagihan yang berisi nama pelanggan, alamat, nomor telepon, tujuan pengiriman, biaya pengiriman, metode pengiriman serta daftar produk yang dibeli dan total yang harus dibayar (Gambar 43).

Gambar 43. Tampilan Tagihan Setelah itu, pelanggan dapat menyimpan dan mencetak tagihan tersebut sebagai bukti pembelian dengan menekan link Print Invoice. Setelah memilih link Print Invoice, maka akan muncul kotak penyimpanan (Save As) seperti terlihat pada Gambar 44. Pelanggan dapat memilih lokasi tempat penyimpanan dan judul file bukti pembayaran sesuai keinginan pelanggan dengan format document.

Gambar 44. Tampilan Proses Saving Invoice

62

Setelah menyimpan bukti transaksi pembayaran, proses penguduhan dapat terlihat pada Gambar 45.

Gambar 45. Tampilan Proses Download Invoice Untuk melakukan kontak dengan administrator perusahaan maka pelanggan dan calon pelanggan dapat mengisi di formulir contact seperti Gambar 45. Pengguna baik pelanggan dan calon pelanggan dapat berhubungan secara langsung denga menghubungi contact person yang ada di menu Contact atau dapat pula mengirimkan komentar dan pesan dengan cara mengisi formulir contact terlebih dahulu.

Gambar 46. Tampilan Menu Contact Menu lainnya yaitu Customer Services, menu ini memiliki forum diskusi. Menu Customer Services menjadi ciri khas yang membedakan antara e-commerce dengan e-business. Dalam ebusiness ada sebuah bentuk CRM (Customer Relationship Management). Menu Customer Services

63

merupakan salah satu aplikasi dari CRM, disini pelanggan dapat melakukan diskusi dengan pelanggan lainnya. Topik yang telah ada dapat dilihat di menu, pelanggan juga dapat menambah topik baru yang kemudian nantinya dapat dibalas oleh pelanggan lain. Menu Customer Service dapat dilihat pada Gambar 48. Sebelumnya, pelanggan harus melakukan sign in terlebih dahulu untuk memasuki menu ini, jika tidak, akan keluar kotak dialog yang bertuliskan “ You Have to Sign Up or Sign In First” yang terlihat pada Gambar 47.

Gambar 47. Tampilan Customer Service Jika Belum Sign In

Gambar 48. Tampilan Menu Customer Service Jika pelanggan memilih link Add Topic, maka akan keluar tampilan seperti pada Gambar 49. Menu ini berfungsi untuk menambah topik yang ada pada menu Customer Service. Setelah topik diisi dan dimasukkan, maka akan masuk ke forum diskusi yang ada pada menu Customer Service seperti yang tertera pada Gambar 48.

64

Gambar 49. Tampilan Link Add Topic Jika pelanggan memilih membuka link Topic (judul topik), maka akan keluar tampilan seperti Gambar 50a di bawah ini. Setelah pelanggan mengisi kotak komentar, maka data tersebut akan masuk ke database reply dan tampil di topik tersebut sebagai pemberi tanggapan terhadap komentar sebelumnya. Gambar 50b menunjukkan hasil tanggapan yang telah masuk ke database reply dan tampil di topik yang dipilih.

Gambar 50a. Tampilan Membuka Topic Setelah membuka topik yang dipilih, pelanggan dapat memberikan komentarnya terhadap topik yang ada. Komentar tersebut akan menyantumkan nama pelanggan dan tanggal pemberian komentar. Tampilan hasil pemberian komentar dari pelanggan dapat dilihat pada Gambar 50b.

65

Gambar 50b. Tampilan Memberi Komentar pada Topic Pada menu Product terdapat link Give Rate yang terletak pada baris setiap produk. Link ini digunakan pelanggan untuk memberikan rating produk dengan kriteria-kriteria sebagai berikut: desain (design), harga (price), merek (brand), kepercayaan terhadap produk (product reliability), dan ketersediaan produk (stock on Hand). Gambar 51 merupakan tampilan dari link Give Rate. Rating yang diberikan nantinya akan berpengaruh pada radar chart dan clustering dari tiap produk. Nilai rating akan terus berubah setiap diisi kembali oleh pelanggan selanjutnya.

Gambar 51. Tampilan Give Rate Selain link Give Rate terdapat pula link Radar Chart di setiap produk. Link ini digunakan pelanggan untuk menampilkan radar chart dari kriteria-kriteria hasil rating yaitu: desain (design), harga (price), merek (brand), kepercayaan terhadap produk (product reliability), ketersediaan produk (stock on hand) dan banyaknya produk terjual (amount) yang diambil dari database transaksi. Amount

66

disini berarti banyaknya (dalam persen) produk terjual. Jika di atas atau sama dengan 50% maka akan tertera 5 bintang. Jika diantara 40%-50% , maka akan tertera 4 bintang. Jika diantara 30%-40%, maka akan tertera 3 bintang. Jika diantara 20%-30%, maka akan tertera 2 bintang. Jika diantara 10%-20%, maka akan tertera 1 bintang. Jika di bawah 10 %, maka tidak tertera bintang. Tampilan radar chart dan penjelasannya dapat dilihat pada Gambar 52 di bawah ini.

Gambar 52. Tampilan Radar Chart Setelah membahas tampilan antar muka pengguna atau frontend, selanjutnya akan dibahas tampilan antar muka administrator atau yang biasa disebut backend. Struktur antar muka administrator terdiri dari halaman awal administrator yaitu index. Pada halaman awal administrator dilakukan pengecekkan username dan password untuk melanjutkan ke halaman administrator. Pada halaman tersebut terdapat tujuh pilihan menu yaitu: Sales Graph, Orders, Manage, Recommendation, Comment, Users, dan Sales Profit. Pada menu Sales Graph administrator dapat menampilkan laporan penjualan setiap bulan yang disajikan dalam grafik batang. Pada menu Orders terdapat dua pilihan sub menu, yaitu menu Transaction dan Shipment. Administrator dapat melihat laporan transaksi penjualan pada sub menu Transaction dan data pengiriman pada menu Shipment. Pada menu Manage terdapat tiga sub menu yaitu: Product, Industry, dan Delivery Cost. Administrator dapat memperbaharui data produk pada sub menu Product, memperbaharui data perusahaan industri pada sub menu Industry, dan memperbaharui biaya pengiriman pada menu Delivery Cost. Pada menu Recommendation terapat tiga sub menu yaitu: Rating, Radar Chart, dan Clustering. Administrator dapat mengecek rating produk pada sub menu Rating, mengecek radar chart pada sub menu Radar Chart, dan mengecek clustering pada sub menu Clustering. Pada menu Comment administrator dapat mengecek komentar pengguna dan menghapus data tersebut. Pada menu Users terdapat dua sub menu yaitu: Customer dan Admin. Administrator dapat memperbaharui akun pengguna pada sub menu Customer dan memperbaharui akun administrator pada sub menu Admin. Pada menu Sales Profit administrator dapat menampilkan keuntungan penjualan produk (Gambar 53).

67

2. Struktur Antar Muka Administrator

Antar muka administrator (index)

Cek

Sales Graph

Order

Transaction

Manage

Shipment

Product

Hapus

Update

Menyimpan data produk

: Mulai / Selesai

: Keputusan

: Input Data Manual

: Dokumentasi

: Proses

Recommendation

Industry

Hapus

Update

Menyimpan data industri

Delivery Cost

Hapus

Rating

Radar Chart

Update

Menyimpan data delivery cost

Comment

Clustering

Hapus

Menyimpan data comment

Users

Customer

Hapus

Update

Menyimpan data customer

Sales Profit

Admin

Hapus

Update

Menyimpan data admin

: Penyimpanan Data

Gambar 53. Struktur Antar Muka Administrator

68

Pada tampilan khusus administrator (Gambar 54), disediakan kotak untuk memasukkan user name dan password.

Gambar 54. Tampilan Awal Administrator Jika administrator salah memasukkan username atau password maka akan keluar kotak dialog yang bertuliskan “Username or Password is incorrect!”. Tampilannya dapat dilihat di Gambar 55 di bawah ini. Sebaliknya, jika username dan password sesuai, maka akan masuk ke menu administrator seperti yang terlihat pada Gambar 56.

Gambar 55. Tampilan Kotak Dialog “Username or Password is incorrect!” Kotak dialog pada gambar di atas dibuat menggunakan coding javascript yang dimasukkan ke dalam bagian tubuh PHP (Hypertext Preprocessor). Proses yang dilakukan adalah proses autentiikasi yaitu pencocokan username dan password yang ada pada database pelanggan.

69

Pada menu administrator, terdapat tujuh menu, yaitu: Sales Graph, Orders, Manage, Users, Recommendation, Comment, dan Sales Profit. Tampilan menu administrator dapat dilihat pada Gambar 56 di bawah ini.

Gambar 56. Menu Administrator Pada menu Sales Graph, administrator dapat melihat dalam bentuk grafik perbulan dalam hitungan tahun. Tampilan Sales Graph seperti terlihat pada Gambar 57.

Gambar 57. Tampilan Sales Graph Tampilan Sales Graph di atas menggunakan modul grafik yang disisipkan pada folder htdocs dan di ubah variabelnya sesuai dengan variabel yang ada pada database transaksi.

70

Menu selanjutnya adalah Orders. Pada menu ini, administrator dapat melihat laporan transaksi, seperti terlihat dalam Gambar 58.

Gambar 58. Tampilan Menu Orders Menu selanjutnya adalah Manage. Pada menu ini, terdapat sub menu Products (gambar 59a), sub menu Industries (Gambar 60a), dan sub menu Delivery Cost (Gambar 61a). Administrator dapat menambah produk terbaru, mengupdate, atau menghapus data stok produk yang lama. Tampilan sub menu Product terdapat pada Gambar 59a dan tampilan update product dapat terlihat pada Gambar 59b.

Gambar 59a. Tampilan Sub Menu Product Tampilan sub menu Product ini tidak berbeda jauh dengan tampilan menu Product pada antar muka pelanggan. Yang membedakannya hanya terdapat tombol untuk menghapus (delete) berbentuk silang dan tombol memperbaharui (update) berbentuk pensil.

71

Gambar 59b menampilkan formulir update product yaitu kegiatan untuk memperbaharui data produk berupa nama produk, spesifikasi, ketersediaan stok dan gambar.

Gambar 59b. Tampilan Update Product Administrator dapat pula menambah data industri terbaru, memperbaharui, atau menghapus data industri yang lama. Tampilan sub menu Industries terdapat pada Gambar 60a dan tampilan update industries dapat terlihat pada Gambar 60b.

Gambar 60a. Tampilan Sub Menu Industries Gambar60b menampilkan formulir update industry yaitu kegiatan untuk memperbaharui data industri berupa nama perusahaan, alamat, nomor telepon, contact person, alamat email, dan produk kelapa apa saja yang dijual .

72

Gambar 60b. Tampilan Update Industries Sub menu Delivery Cost berisi daftar ongkos kirim ke berbagai kota, kabupaten dan negara serta mencantumkan lama waktu pengiriman. Tampilan daftar ongkos kirim dapat dilihat pada Gambar 61a. Pada sub menu ini, administrator dapat menambah tujuan pengiriman terbaru, mengupdate, atau menghapus biaya atau tujuan pengiriman yang lama. Tampilan sub menu Delivery Cost terdapat pada Gambar 61a dan tampilan update destination dapat terlihat pada Gambar 61b.

Gambar 61a. Tampilan Daftar Ongkos Kirim (Delivery Cost) Administrator dapat melakukan koreksi jika terdapat perubahan data atau nilai ongkos kirim, begitupula jika ada penambahan info tempat tujuan pengiriman yang baru. Tampilan update add delivery cost dapat dilihat pada Gambar 59b.

73

Gambar 61b. Tampilan Update Delivery Cost Saat ini terdapat 944 data daerah tujuan pengiriman, dari dalam negeri maupun luar negeri, urutan didasarkan pada abjad. Data tersebut meliputi nama daerah (kota, kabupaten, negara), lama waktu pengiriman dan biaya pengiriman. Data diambil dari jasa ekspedisi pengiriman barang, yaitu TIKI JNE dan PT POS INDONESIA. Menu selanjutnya adalah menu Users. Pada menu ini, terdapat sub menu Edit User (Gambar 62a), dan sub menu Admin (Gambar 63a). Administrator dapat menambah user baru, mengupdate, atau menghapus data user yang lama. Tampilan sub menu Edit User terdapat pada Gambar 62a dan tampilan update user dapat terlihat pada Gambar 62b.

Gambar 62a. Tampilan Sub Menu Edit User

74

Gambar 62b. Tampilan UpdateUser Administrator dapat pula menambah data administrator baru, mengupdate, atau menghapus data administrator yang lama pada sub menu Admin. Tampilan sub menu Admin terdapat pada Gambar 63a dan tampilan update administrator dapat terlihat pada Gambar 63b.

Gambar 63a. Tampilan Sub Menu Admin

75

Gambar 63b. Tampilan Update Administrator Menu selanjutnya adalah menu Recommendation. Pada menu ini tertera rata-rata rating dari seluruh pelanggan yang mengisi form rating dan telah tersimpan di database recommendation (Gambar 64).

Gambar 64. Tampilan Menu Recommendation

76

Pada menu Comment, terdapat komentar-komentar pelanggan terhadap E-Cocotrade. Administrator berhak dan dapat menghapus komentar-komentar ini. Tampilan menu Comment dapat dilihat pada Gambar 65.

Gambar 65. Tampilan Menu Comment Menu yang terakhir adalah Sales Profit. Pada menu ini, administrator dapat melihat laporan transaksi sekaligus perhitungan keuntungan setiap item produk. Di bawah ini merupakan menu Sales Profit per item produk yang tersaji dalam bentuk tabel. Tampilan dari menu Sales Profit dapat dilihat pada Gambar 66.

Gambar 66. Tampilan Menu Sales Profit Segmen pasar E-Cocotrade adalah dalam dan luar negeri, sehingga situs ini seluruhnya menggunakan Bahasa Inggris. Data produk didapat dari 40 perusahaan yang berasal dari data APCC

77

(Asian Pacific Coconut Community), Dekindo (Dewan Kelapa Indonesia), internet dan toko online perusahaan produk kelapa. Prosedur sistem E-Cocotrade dapat dilihat pada Lampiran 1. Seluruh coding utama (home.php) dapat dilihat pada Lampiran 2. Sementara itu, panduan pemakaian program simulasi ECocotrade disajikan pada Lampiran 3.

3. Rencana Implementasi dan Pengembangan Sistem Perencanaan dan pengembangan sistem ini masih perlu penyempurnaan. Masih banyak hal yang dapat dikembangkan untuk melengkapinya. Uji coba sistem website E-Cocotrade masih menggunakan server lokal yaitu menggunakan localhost/xampp. Sistem ini direncanakan untuk diterbitkan (upload) ke jaringan internet dengan nama www.cocotrade.net. Proses transaksi yang digunakan adalah sistem kartu kredit dan Paypal. PT. Cocotrade Indonesia pertama-tama harus memiliki akun kartu kredit. Selanjutnya, kerjasama dengan pihak bank yang memiliki otoritas kartu kredit tersebut dapat dilakukan. Tahap kerjasama berbentuk pemasangan sistem kartu kredit dan keamanan pada website E-Cocotrade. Pada sistem Paypal, perusahaan cukup mendaftarkan diri ke www.paypal.com dengan memasukkan akun kartu kredit perusahaan dan memesan otorisasi pelayanan Paypal pada website E-Cocotrade. Sehingga Paypal dapat menjadi mitra transaksi online E-Cocotrade. Oleh karena itu, rencana implementasi yang diperlukan selanjutnya adalah kerjasama dengan pihak bank dan Paypal Inc. Program ini dapat dikembangkan dengan penambahan aplikasi e-business lainnya seperti ERP (Enterprise Resource Planning). ERP adalah sistem informasi pendukung e-business, yang menyediakan berbagai macam kebutuhan perusahaan seperti supply chain, marketing, warehouse, shipping, dan payment. Sebagai salah satu aplikasi e-business, ERP merupakan aplikasi terlengkap jika dilihat dari segi kelengkapan fasilitasnya. Pengembangan sistem ini dapat dilakukan pada penelitian selanjutnya. Selain itu, sistem ini dapat dikembangkan menjadi situs pelelangan (auction web) sehingga memungkinkan orang-orang dari seluruh dunia dapat membeli dan menjual berbagai barang dan jasa produk untuk agroindustri kelapa. Selama ini, sistem pelelangan yang ada seperti www.e-bay.com, www.amazone.com, dan lain sebagainya terlalu luas karena mencakup berbagai komoditas mulai dari barang elektronik, buku, kebutuhan rumah tangga, produk kesehatan sampai perlengkapan pribadi. Tak menutup kemungkinan untuk meningkatkan E-Cocotrade menjadi sistem pelelangan khusus produk agroindustri kelapa dari seluruh dunia. Peningkatan sistem pelelangan E-Cocotrade ini dapat dilakukan pula pada penelitian selanjutnya.

78

IV. HASIL DAN PEMBAHASAN

Recommend Documents