BAB 3 ANALISIS DAN PERANCANGAN. 3.1 Riwayat PT Metrotech Jaya Komunika Sejarah Umum PT Metrotech Jaya Komunika

BAB 3 ANALISIS DAN PERANCANGAN

3.1

Riwayat PT Metrotech Jaya Komunika 3.1.1

Sejarah Umum PT Metrotech Jaya Komunika Didirikan pada bulan April 2003, awalnya bernama PT Hexindo International, PT Metrotech Jaya Komunika mengkhususkan diri pada pemasaran dan penjualan produk CDMA, yaitu perangkat yang dinamakan Fixed Wireless Terminals. Selama kurun waktu ini, perusahaan tersebut telah banyak melakukan joint promotion dan aktivitas pemasaran dengan beberapa operator CDMA di Indonesia, termasuk Telkom Flexi dan Bakrie Telecom (Esia). Pada bulan Januari 2005, perusahaan ini meluaskan jaringan bisnisnya ke GSM, seiring dengan pengenalan image perusahaan yang baru. Disinilah PT Metrotech Jaya Komunika diumumkan. Bertempat di Gedung Blue Dot Centre Blok H Jl. Gelong Baru Utara, Jakarta Barat, PT Metrotech Jaya Komunika sekarang merupakan sole distributor dari BENQ Mobile di Indonesia, sambil tetap

meneruskan

pemasaran

dan

penjualan

produk

CDMA.

Perusahaan ini juga ikut terlibat dalam pengembangan Wireless Broadband Network bersama dengan PT Digital Network Knowledge dalam wilayah daerah Jakarta. Kemudian bersama dengan PT Indika Multimedia, PT Metrotech Jaya Komunika juga berperan sebagai content provider untuk beberapa operator di Indonesia. 39

40 PT Metrotech Jaya Komunika sekarang siap menghadapi tantangan waktu dengan usaha, inovasi, teknologi dan investasi, untuk kemudian mampu berkembang pesat sebagai pemimpin domestik dan sebuah

nama

yang

terus

berkembang

dalam

industri

pertelekomunikasian.

3.1.2

Struktur Organisasi PT Metrotech Jaya Komunika Sebagai sebuah perusahaan yang sedang berkembang, PT Metrotech Jaya Komunika memiliki struktur organisasi perusahaan yang cukup lengkap. Berikut ini adalah bagan struktur organisasi PT Metrotech Jaya Komunika beserta dengan tugas dan wewenang masing-masing bagian: President Director

Vice President

Corporate Secretary

Financed

General

Marketing

Accounting

Division

Division

Division

Gambar 3.1

Business

Technical &

Inventory &

Development

Product

Logistics

Division

Division

Division

Struktur Organisasi PT Metrotech Jaya Komunika

41 1. President Director Tugas: •

Membuat ketetapan-ketetapan yang berlaku dalam perusahaan

•

Membuat rencana-rencana kerja untuk perusahaan

•

Mengawasi jalannya perusahaan agar sesuai dengan yang telah direncanakan

Wewenang: •

Mengambil keputusan untuk segala sesuatu hal yang berhubungan dengan perusahaan

•

Membuat perjanjian dengan pihak-pihak lain yang ingin bekerja sama dengan perusahaan

•

Mempekerjakan atau memberhentikan karyawan perusahaan

2. Vice President Tugas: •

Memberikan support untuk tugas-tugas dari President Director

•

Menggantikan tugas atau kepentingan President Director jika yang bersangkutan berhalangan hadir

Wewenang: •

Mengambil keputusan yang berhubungan dengan kepentingan perusahaan

42 3. Corporate Secretary Tugas: •

Mengatur perjanjian dengan pihak-pihak yang ingin bekerja sama dengan perusahaan

•

Membuat surat-surat perjanjian yang berhubungan dengan kepentingan perusahaan

•

Memberikan support untuk tugas-tugas dari President Director dan Vice President

•

Membuat laporan mingguan dan bulanan mengenai stok barang

Wewenang: •

Mengetahui dan menyetujui pemasukan dan pengeluaran dari stok-stok barang perusahaan

4. Financed Accounting Division Tugas: •

Membuat laporan keuangan, neraca, dan laporan pajak perusahaan

•

Membuat invoice dan sales order untuk pengeluaran barang

•

Membuat surat tagihan dan menagihnya kepada pihak yang bersangkutan

Wewenang: •

Menolak pengeluaran barang (invoice) jika dianggap perlu

43 •

Meminta hasil stok barang dari divisi lain jika memang digunakan oleh divisi tersebut

5. General Division Tugas: •

Berfungsi sebagai Human Resources Department

•

Melakukan interview atau wawancara kerja terhadap calon karyawan

•

Memberikan laporan mengenai kinerja karyawan perusahaan

•

Ikut melakukan perjanjian dengan pihak lain

Wewenang: •

Memberikan masukan mengenai pantas tidaknya seseorang untuk dipekerjakan pada perusahaan

6. Marketing Division Tugas: •

Melakukan promosi dan pemasaran produk

•

Mengatur joint-promo dan perjanjian dengan pihak lain

•

Melakukan update terhadap stok barang

Wewenang: •

Membuat keputusan-keputusan yang berhubungan dengan strategi marketing selama di lapangan

44 7. Business Development Division Tugas: •

Membuat rencana-rencana pengembangan market perusahaan

•

Melakukan lobby terhadap pihak-pihak lain untuk diajak bekerja sama

Wewenang: •

Ikut melakukan perjanjian dengan pihak-pihak yang telah setuju untuk bekerja sama dengan perusahaan

8. Technical & Product Division Tugas: •

Melakukan QC (Quality Control) terhadap produk-produk yang akan dipasarkan

•

Melakukan pelayanan after sales terhadap produk yang telah dipasarkan

Wewenang: •

Memberikan masukan terhadap layak atau tidaknya suatu produk untuk dipasarkan

9. Inventory & Logistics Division Tugas: •

Mengatur pemasukan dan pengeluaran barang

•

Membuat laporan mingguan dan bulanan mengenai stok barang yang diserahkan kepada Corporate Secretary

45 Wewenang: •

Meminta penambahan stok barang jika barang tersebut telah out of order

3.2

Analisis Sistem Berjalan Sampai sekarang, sistem yang sedang berjalan dalam perusahaan ini kebanyakan masih bersifat manual, mulai dari promosi dan pemasaran barang, pemesanan atau permintaan barang dari konsumen kepada perusahaan, sampai kepada pelayanan after sales. Pada awalnya, Divisi Marketing akan melakukan promosi ke konsumen dengan cara terjun langsung ke daerah yang bersangkutan, memasang iklan di surat kabar, dan melakukan pameran. Kemudian konsumen akan melakukan order ke pihak Marketing via telepon atau datang langsung ke kantor. Setelah menerima order, Divisi Marketing akan membuat Sales Order (SO) ke Divisi Keuangan melalui persetujuan Corporate Secretary. Divisi Keuangan akan mengeluarkan invoice dan menyerahkan Sales Order ke Divisi Inventaris dan Logistik. Divisi Inventaris dan Logistik mengeluarkan barang berdasarkan Sales Order, kemudian barang diserahkan kembali ke Divisi Marketing. Tugas pengiriman barang diatur oleh Divisi Marketing. Untuk pengiriman dalam kota Jakarta, digunakan jasa kurir dari perusahaan sendiri. Sedangkan untuk pengiriman ke luar kota Jakarta, akan menggunakan jasa perusahaan pengiriman barang.

46 Bukti pengiriman barang oleh kurir ataupun jasa pengiriman akan diserahkan ke Divisi Finance dan Accounting. Berdasarkan invoice yang telah dibuat, Divisi Finance dan Accounting kemudian akan melakukan penagihan ke pihak konsumen. Jika konsumen mempunyai keluhan akan kerusakan setelah menerima dan menggunakan barang, maka dapat disalurkan via telepon atau datang langsung ke kantor menemui bagian after sales yang termasuk dalam Divisi Technical dan Product. Bagian after sales akan menjawab keluhan dan memperbaiki kerusakan yang terjadi.

3.3

Data Flow Diagram (DFD) Berjalan Dalam sub bab ini akan diuraikan gambaran mengenai Data Flow Diagram (DFD) pada sistem yang sedang berjalan.

47

3.3.1

Diagram Konteks

Customer

Financed Accounting Division sales_order sales_order_ditolak

invoice

laporan_penjualan_detail Sistem Pemasaran pada PT Metrotech Jaya Komunika

surat_jalan

total_order_detail

order_ditolak invoice order_barang

surat_jalan

Master Dealer

Gambar 3.2

Diagram Konteks Sistem Berjalan

48

3.3.2

Diagram Nol order_ditolak Customer order invoice surat_jalan 1.0* Transaksi Manual

Product Customer Order

2.0* Pemesanan Barang

3.0* Buat Invoice dan Surat Jalan

order_ditolak invoice

Product order_barang surat_jalan

Master Dealer

invoice

laporan_penjualan_detail Financed Accounting Division

Order

total_order_detail 4.0* Cetak Laporan

Gambar 3.3

Customer

Diagram Nol Sistem Berjalan

49 3.4

Analisis Kuisioner dan Wawancara Ada beberapa cara yang dilakukan untuk menganalisis permasalahan yang terjadi pada perusahaan, antara lain dengan cara menganalisis hasil kuisioner yang disebarkan dan dengan cara analisis hasil wawancara.

3.4.1

Analisis Kuisioner Analisis kuisioner ini dilakukan dengan cara membagikan kuisioner yang berjumlah 40 lembar, dimana masing-masing lembar kuisioner berisi 8 pertanyaan. Kuisioner ini dibagikan serentak di 3 tempat yang berlainan, yaitu di kantor PT Metrotech Jaya Komunika dengan posisi di bagian Customer Service-nya (20 lembar), di outlet Metroshop di Plaza Semanggi (10 lembar), dan di outlet Telesindo Shop Blok M Plaza (10 lembar) yang merupakan salah satu dealer PT Metrotech Jaya Komunika. Kuisioner dibagikan selama 3 hari yaitu pada tanggal 19 – 21 Oktober 2005, dan yang mengisinya adalah 40 orang random customer yang sangat mengetahui akan produk dari perusahaan dan yang hanya tahu sedikit mengenai produk dari perusahaan. Dari 40 kuisioner yang dibagikan, semua jumlah kuisioner kembali, namun hanya 31 orang yang dapat mengisi pertanyaanpertanyaan yang ada hingga tuntas, sedangkan 9 orang lainnya terpaksa berhenti pada pertanyaan tertentu dikarenakan tidak adanya ketertarikan

50 dari mereka. Berikut ini adalah hasil dari kuisioner tersebut beserta analisisnya: 1.

Apakah Anda pernah mengalami kesulitan untuk mendapatkan informasi tentang produk-produk handphone (GSM BenQ Mobile dan FWT Aiji) yang dipasarkan oleh PT Metrotech Jaya Komunika: a. Ya b. Tidak

Hasil: Jawaban

Total Responden

Persentase

Ya

27

67,50%

Tidak

13

32,50%

Tabel 3.1

Jawaban analisis kuisioner 1

32.50%

Ya 67.50%

Gambar 3.4

Tidak

Pie Chart jawaban analisis kuisioner 1

51 Analisis: Sebanyak 27 responden menyatakan bahwa mereka masih kesulitan untuk mendapatkan informasi mengenai produk-produk handphone yang dipasarkan oleh PT Metrotech Jaya Komunika. Hal ini berarti bahwa masih banyak customer yang membutuhkan sarana pemberian informasi yang lebih baik untuk memudahkan mereka dalam mendapatkan informasi.

2.

Menurut Anda, apakah informasi dan sistem pemasaran yang dilakukan selama ini sudah cukup: a. Ya b. Tidak

Hasil: Jawaban

Total Responden

Persentase

Ya

11

27,50%

Tidak

29

72,50%

Tabel 3.2


52

27.50% Ya Tidak 72.50%

Gambar 3.5


Analisis: Sejalan dengan hasil yang didapat dalam analisis jawaban no.1, sebanyak 29 orang customer menyatakan bahwa pemberian informasi dan cara pemasaran yang dilakukan oleh perusahaan selama ini belumlah cukup untuk memenuhi kebutuhan mereka. Karena itu dibutuhkan sebuah sistem pemberian informasi dan pemasaran yang dapat menjangkau ke seluruh customer.

3.

Menurut Anda, perlukah dibuat suatu sistem pemasaran dan sarana informasi yang lebih dari sekarang: a. Ya b. Tidak

53 Hasil: Jawaban

Total Responden

Persentase

Ya

31

77,50%

Tidak

9

22,50%

Tabel 3.3


22.50% Ya Tidak 77.50%

Gambar 3.6


Analisis: Sebanyak 77,5% dari responden menyatakan bahwa perlu dibuat sebuah sistem pemberian informasi dan pemasaran yang lebih baik dari yang telah ada sekarang. Sebuah aplikasi sistem pemasaran berbasis web dapat menjadi salah satu solusi dalam masalah ini.

4.

Apakah Anda pernah menggunakan internet sebelumnya: a. Sering (>= 6 jam / minggu) b. Jarang (1 -2 jam / minggu) c. Tidak pernah – silakan lanjutkan ke no. 6

54 Hasil: Jawaban

Total Responden

Persentase

Sering

15

37,50%

Jarang

25

62,50%

Tidak Pernah

0

0%

Tabel 3.4


0.00% 37.50%

Sering Jarang

62.50%

Tidak Pernah

Gambar 3.7


Analisis: Dari

hasil

pertanyaan

apakah

responden

pernah

menggunakan internet sebelumnya, sebayak 15 orang menjawab bahwa mereka telah sering menggunakannya, 25 orang lainnya menjawab jarang menggunakan, dan tidak ada yang belum pernah menggunakan internet. Hal ini berarti bahwa penggunaan internet bukan lagi menjadi hal yang asing bagi para customer. Mayoritas dari customer sudah akrab dengan penggunaan internet dan aplikasinya, meskipun dalam intensitas penggunaan yang jarang.

55 Dengan demikian, untuk menerapkan aplikasi sistem pemasaran berbasis web bagi para customer-nya, perusahaan tidak akan mengalami kesulitan untuk memperkenalkan aplikasi baru tersebut kepada customer.

5.

Apakah Anda pernah melakukan pemesanan atau pembelian barang melalui internet: a. Ya b. Tidak

Hasil: Jawaban

Total Responden

Persentase

Ya

21

52,50%

Tidak

19

47,50%

Tabel 3.5


Ya

47.50% 52.50%

Gambar 3.8

Tidak


56 Analisis: Sebanyak 52,5% persen dari responden menyatakan bahwa mereka pernah memesan atau membeli barang melalui internet, hampir

berimbang

dengan

jumlah

responden

47,5%

yang

menyatakan bahwa mereka tidak pernah memesan atau membeli barang melalui internet. Namun kiranya hal ini tidak menjadi masalah karena penggunaan aplikasi sistem pemasaran berbasis web dalam hal pemesanan dan pembelian barang melalui internet dapat dengan mudah diperkenalkan kepada mereka yang belum pernah menggunakannya, mengingat ketidakasingan mereka dengan dunia internet.

6.

Menurut Anda, bermanfaatkah jika diadakan promosi dan penjualan produk secara online melalui internet? a. Ya – jika ya, silakan lanjutkan ke no. berikutnya b. Tidak – jika tidak, cukup sampai disini saja. Terima kasih atas waktunya. Hasil: Jawaban

Total Responden

Persentase

Ya

31

77,50%

Tidak

9

22,50%

Tabel 3.6


57

22.50% Ya Tidak 77.50%

Gambar 3.9


Analisis: 31 orang responden menjawab bahwa akan bermanfaat jika diadakan promosi dan penjualan produk secara online melalui internet. Hal ini berarti bahwa aplikasi tersebut dapat diterapkan dalam sistem pemasaran berbasis web yang akan dirancang bagi perusahaan. Sedangkan 9 orang lainnya menjawab tidak bermanfaat, sehingga untuk pertanyaan selanjutnya tidak akan diteruskan oleh mereka yang tidak berminat.

7.

Jika promosi dan penjualan produk dari PT Metrotech Jaya Komunika

dapat

diadakan

melalui

internet,

maukah

Anda

menggunakan fasilitasnya? a. Ya – jika ya, silakan lanjutkan ke no. berikutnya b. Tidak – jika tidak, cukup sampai disini saja. Terima kasih atas waktunya.

58

Hasil:

Jawaban

Total Responden

Persentase

Ya

31

100%

Tidak

0

0%

Tabel 3.7


0.00% Ya Tidak 100.00%

Gambar 3.10 Pie Chart jawaban analisis kuisioner 7

Analisis: Sebanyak 31 orang atau 100% dari responden menyatakan bahwa jika diterapkan sistem promosi dan penjualan produk melalui internet, mereka akan menggunakan fasilitas-fasilitas yang ada dalam sistem tersebut. Karenanya sistem pemasaran berbasis web tersebut dapat dibuat dan diterapkan oleh perusahaan demi kebutuhan customer-nya.

59 8.

Metode pembayaran seperti apakah yang ingin Anda gunakan untuk bertransaksi secara online: a. Cash On Delivery b. Credit Card c. Transfer via bank

Hasil:

Jawaban

Total Responden

Persentase

Cash on Delivery

16

51,61%

Credit Card

6

19,36%

Transfer via bank

9

29,03%

Tabel 3.8


Cash on Delivery

29.03%

Credit Card 51.61% 19.36%

Transfer via Bank

Gambar 3.11 Pie Chart jawaban analisis kuisioner 8

60 Analisis: Dalam analisis metode pembayaran seperti apakah yang diinginkan customer dalam melakukan transaksinya secara online, sebanyak 51,61% responden memilih metode pembayaran dengan Cash on Delivery. 19,36% lebih memilih untuk menggunakan Credit Card dan 29,03% dari total responden memilih cara transfer via bank sebagai metode pembayaran yang mereka inginkan. Hasil analisis ini dapat digunakan sebagai bahan pertimbangan untuk dimasukkan dalam aplikasi transaksi online sistem pemasaran berbasis web yang akan dibuat bagi perusahaan.

3.4.2

Analisis Wawancara Untuk melengkapi hasil analisis permasalahan yang terjadi pada PT Metrotech Jaya Komunika dan demi menemukan solusinya, penulis sebelumnya telah melakukan wawancara terhadap salah satu petinggi di perusahaan tersebut, yaitu Bapak Riki Irawan selaku General Manager dari PT Metrotech Jaya Komunika. Wawancara tersebut telah dilakukan pada tanggal 18 September 2005 bertempat di kantor PT Metrotech Jaya Komunika, Gedung Blue Dot Centre Blok H, Jl. Gelong Baru Utara, Jakarta Barat. Berikut ini adalah hasil wawancara dengan beliau:

61 1. PT Metrotech Jaya Komunika bergerak di bidang apa? “PT Metrotech Jaya Komunika bergerak di bidang perdagangan. Pada awalnya kami mengkhususkan diri pada penjualan produk-produk CDMA yaitu Fixed Wireless Terminal atau bagi orang awam dikenal dengan jenis telepon rumah CDMA yang dapat dibawa kemana saja. Dalam hal ini kami banyak melakukan joint promotion dengan beberapa operator CDMA antara Telkom Flexi dan Bakrie Telecom (Esia).” 2. Jenis usaha seperti apakah yang dijalankan oleh perusahaan ini? “Kami lebih banyak berperan sebagai distributor untuk beberapa jenis handphone CDMA seperti yang sudah saya katakan di atas. Hal ini berlangsung dari awal perusahaan berdiri yang pada waktu itu masih menggunakan nama PT Hexindo International. Baru sekarang setelah berganti nama menjadi PT Metrotech Jaya Komunika, perusahaan semakin mengembangkan usahanya dengan mulai menjangkau pengguna GSM sehingga kini kami menjadi sole distributor dari BenQ Mobile Indonesia.” 3. Bagaimanakah sistem yang berjalan dalam perusahaan ini, baik dalam hal pemasaran, promosi, maupun penjualan produk? “Sejak menjadi sole distributor BenQ Mobile Indonesia, kami melakukan pemasaran dan promosi dengan mengadakan pameran, beberapa joint promo, dan penjualan produk sampai ke daerah-daerah. Jadi, Marketing team kami ikut turun ke daerah-daerah dalam rangka

62 melakukan promosi, pemasangan iklan di media cetak lokal maupun daerah. Customer bisa langsung memesan barang kepada kami, maupun melalui dealer-dealer kami di sekitar Jakarta dan di daerah.“ 4. Adakah masalah yang dihadapi selama ini dalam menjalankan perusahaan? ”Masalah terbesar yang kami hadapi adalah beratnya biaya yang harus kami keluarkan untuk melakukan promosi hingga ke daerah-daerah, maupun berbagai pameran. Selain itu sumber daya manusia kami juga terbatas untuk bisa meng-handle semua hal itu. Oleh karena itu, terkadang penyampaian informasi agak terhambat dan customer yang berada di luar kota kurang dapat terjangkau.” 5. Apakah perusahaan Bapak mau jika dibuatkan suatu sistem pemasaran yang lebih baik? ”Tentu saja kami berharap bahwa akan ada suatu sistem pemasaran baru yang dapat membantu kami dalam mempromosikan dan menjual produk kami dengan lebih baik. Salah satunya dengan melalui aplikasi online.” 6. Apa yang Bapak harapkan ada dalam aplikasi sistem pemasaran tersebut? ”Jika memang ada suatu aplikasi sistem pemasaran berbasis web tersebut, kami tentunya berharap bahwa ada sebuah sarana sebagai media informasi mengenai produk-produk kami, tentang event-event

63 dan promo yang sedang kami lakukan, juga aplikasi penjualan produk yang dapat dilakukan secara online.” 7. Siapakah kompetitor dari PT Metrotech Jaya Komunika? ”Sebenarnya cukup banyak kompetitor dari perusahaan kami, namun di antara semuanya mungkin salah satu yang dapat kami sebutkan disini adalah PT Cronos Tel.” 8. Sudah adakah di antara para kompetitor yang menerapkan fasilitas web dalam sistem pemasarannya? ”Sejauh pengetahuan saya, belum ada di antara kompetitor kami yang menerapkan fasilitas web dalam sistem pemasarannya. Karena itu kami berharap dapat menjadi perusahaan pertama yang bergerak di bidang sole distributor handphone-handphone CDMA dan GSM yang menerapkan sebuah sistem pemasaran berbasis web tersebut.”

3.5

Permasalahan yang Dihadapi Perusahaan

menghadapi

beberapa

masalah

dalam

menjalankan

kegiatannya selama ini. Permasalahan tersebut antara lain: 1. Biaya yang dikeluarkan untuk media promosi dan pemasaran produk semakin meningkat. Biaya ini menyangkut biaya akomodasi Marketing team yang biasanya terjun langsung ke lapangan hingga ke daerah-daerah di luar Jabotabek, serta biaya pemasangan iklan di berbagai media cetak lokal maupun daerah.

64 2. Pelayanan konsumen hanya dilakukan via telepon sedangkan SDM yang melayani masih terbatas, karena perusahaan hanya memiliki 1 orang Customer Service. Selain itu belum ada suatu sistem khusus yang dapat menampung saran dan kritik dari pelanggan. 3. Pemesanan barang oleh konsumen masih di-record secara manual sehingga terkadang membingungkan untuk mencari datanya kembali. Pemesanan barang juga belum dapat dilakukan secara online. 4. Daerah yang jaraknya di luar jangkauan kurang dapat dilayani atau bahkan tidak dapat dilayani dengan baik karena keterbatasan biaya, waktu, dan SDM.

3.6

Usulan Pemecahan Masalah Meninjau dari masalah-masalah yang dihadapi oleh perusahaan, maka disimpulkan bahwa PT Metrotech Jaya Komunika hendaknya mempunyai sebuah media pemasaran yang memungkinkan promosi dan pemasaran produk tetap dapat menjangkau wilayah yang luas namun menghemat pengeluaran, serta sebuah media yang dapat diakses dengan lebih mudah oleh konsumen. Untuk itulah diusulkan pembuatan sebuah sistem aplikasi pemasaran berbasis web. 1. Promosi dan pemasaran produk dapat ditampilkan di web. Para konsumen dapat mengakses secara up-to-date untuk melihat produk-produk apa saja yang sedang dipasarkan, event-event dari perusahaan yang sedang berlangsung, dan joint-promo yang ditawarkan ke konsumen. Dengan adanya fasilitas web ini juga memungkinkan informasi-informasi tersebut dapat

65 diakses dengan lebih cepat, khususnya bagi para konsumen atau dealer yang berada di luar kota. 2. e-Care yang merupakan Services berupa Forum dan Frequently Asked Question (FAQ) memungkinkan para konsumen lebih mempunyai banyak peluang untuk bertanya ataupun mengajukan saran dan kritik terhadap perusahaan, ataupun hanya sekedar sharing di antara para customer. Customer Service dari perusahaan dapat meng-handle konsumen dengan lebih teratur dan jika ada konsumen mengajukan bentuk pertanyaan yang sama seperti yang telah sering diajukan, ia dapat langsung menemukan jawabannya di bagian FAQ. 3. Fasilitas web memungkinkan pemesanan barang dapat dilakukan secara online. Pemesanan barang yang dilakukan dapat langsung disimpan di database perusahaan sehingga memudahkan dalam menyusun, me-record, dan mencari datanya kembali. 4. Dengan adanya aplikasi melalui internet yang dapat diakses oleh siapa saja, pelayanan tidak dibatasi oleh jarak dan waktu.

3.7

Prosedur yang Diusulkan Untuk menyelesaikan masalah-masalah yang dihadapi oleh PT Metrotech Jaya Komunika maka diusulkan suatu sistem baru yang diharapkan dapat mengatasi kelemahan-kelemahan yang ada pada sistem lama yang masih berjalan secara manual. Sistem baru yang akan diterapkan pada PT Metrotech Jaya Komunika merupakan sistem berbasis web yang mempunyai target pasar yang

66 luas sehingga dapat menjangkau konsumen yang sebelumnya tidak dapat dilayani dengan sistem lama. Dalam web ini akan dirancang fasilitas untuk memudahkan pengunjung dalam memperoleh info-info produk yang ditawarkan serta kemudahan dalam proses transaksi. Fasilitas-fasilitas yang ada antara lain: •

Services Fasilitas ini terdiri dari Forum dan FAQ. Forum berfungsi sebagai sarana untuk bertukar pikiran, mengeluarkan saran dan kritik, yang akan ditanggapi oleh Customer Service perusahaan. Sedangkan FAQ menyediakan informasi mengenai pertanyaan-pertanyaan yang sering muncul yang berhubungan dengan sistem ini.

•

Shopping Cart Fasilitas ini memberikan kemudahan pengunjung dalam memilih produkproduk yang diinginkan, lalu meletakkannya dalam suatu tempat yang kemudian secara keseluruhan akan diikutsertakan dalam proses transaksi.

•

Search Berfungsi sebagai fasilitas pencarian produk berdasarkan kategori yang ada ataupun secara keseluruhan berdasarkan masukan dari pengunjung.

•

Distribution Fasilitas ini berisi nama dan alamat distributor-distributor dari perusahaan.

•

News Center Fasilitas ini terdiri dari Articles, Events, Hotline, Metroshop, dan Promotion. Articles menyediakan informasi media yang memuat berita seputar pemasaran

67 produk-produk perusahaan. Events menyediakan informasi hasil pameran produk yang dilakukan beserta dengan foto-fotonya. Hotline berisi pemberitahuan nomor-nomor telepon yang dapat dihubungi sehubungan dengan produk yang juga disertai dengan link ke website-website yang berhubungan. Metroshop berisi informasi mengenai showroom-showroom perusahaan. Promotion berisi berita-berita promosi yang sedang dan akan dilakukan oleh perusahaan. •

About Us Fasilitas ini berisi pengetahuan mengenai latar belakang perusahaan, sejarah perusahaan dan struktur organisasi perusahaan.

•

Contact Us Fasilitas ini menyediakan nomor telepon, alamat e-mail, dan alamat kantor perusahaan yang dapat dihubungi.

•

Help Fasilitas ini menyediakan informasi mengenai cara penggunaan sistem web baik dalam hal fasilitas web maupun cara bertransaksi.

3.8

Perancangan Sistem yang Diusulkan 3.8.1

Data Flow Diagram (DFD) Berikut adalah Data Flow Diagram (DFD) yang terdiri dari diagram konteks dan diagram nol untuk sistem yang diusulkan.

68

3.8.1.1

Diagram Konteks login_id

Customer

order_online order_online_dibatalkan

Financed Accounting Division kode_order_online

sales_order sales_order_ditolak form_pendaftaran_customer_baru login_id_customer_baru invoice

laporan_penjualan_detail Sistem Pemasaran pada PT Metrotech Jaya Komunika

surat_jalan

total_order_detail

order_ditolak invoice order_barang

surat_jalan

Master Dealer

Gambar 3.12 Diagram Konteks Sistem yang Diusulkan

69

3.8.1.2

Diagram Nol

Gambar 3.13 Diagram Nol Sistem yang Diusulkan form_pendaftaran_customer_baru

Customer

login_id order_online Customer

order_online_ditolak

1.0* Transaksi Online

3.0* Pendaftaran Customer Baru

Order

kode_order_online Order_items order order_ ditolak

login_id_customer_baru 2.0* Transaksi Manual

Product

Customer

Customer

invoice 4.0* Buat Invoice dan Surat Jalan

Order 5.0* Pemesanan Barang

surat_jalan

order_ditolak invoice Faktur

Product

order_barang Master Dealer surat_jalan

Customer total_order_detail

Financed Accounting Division

laporan_penjualan_detail

6.0* Cetak Laporan

Order

70 3.8.2

Spesifikasi File Di bawah ini adalah spesifikasi file database yang akan digunakan dalam pembuatan sistem: Nama tabel

: product_type

Keterangan

: Daftar Type Product

Primary Key : type_id Nama Field

Tipe

Panjang

Keterangan

type_id

TinyInt

Id untuk primary key

type_name

Varchar 50

Nama type product

Tabel 3.9 product_type

Nama tabel

: product

Keterangan

: Daftar Product

Primary Key : id Nama

Tipe

Panjang

Keterangan

Field id

Int


code

Varchar 10

Kode Product

type_id

enum

Id type Product

description

Text

Keterangan dari product

pimage

Varchar 50

Gambar product dari depan

back_image

Varchar 50

Gambar product dari belakang

merk_id

enum

Id merk product

71 availability

enum

Available product

price

double

Harga product

Tabel 3.10 product

Nama tabel

: product_features

Keterangan

: Daftar Fitur product

Primary Key : id Nama

Tipe

Panjang

Keterangan

Field id

Int


code

Varchar 10

Kode product

Feature_name

Varchar 255

Nama Fitur product

Feature_content

Text

Content Fitur Product

Feature_image

Varchar 100

Gambar Fitur Product

Feature_type

Enum

Type Fitur Product

Tabel 3.11 product_features

Nama tabel

: benq_gsm_spec

Keterangan

: Daftar Spesifikasi product BenQ GSM

Primary key

: code

Nama Field

Tipe

Panjang

Keterangan

code

Varchar 10


operating_system

Varchar 100

System operasi product

72 processor

Text

Prosesor product

display

Text

Display product

integrated_camera Text

Kamera terintegrasi product

video_function

Text

Fungsi video product

audio_function

Text

Fungsi Audio product

document_editor

Text

Editor dokumen product

text_input

Text

Input text product

memory

Varchar 50

Memory product

pim

Varchar 100

Pim product

enjoyment

Text

Enjoyment product

other

Text

Other product

memory_size

Text

Memory size product

accessories

Text

Aksesoris product

others

Text

Others product

dimension

Varchar 50

Dimensi product

weight

Varchar 10

Berat product

system

Varchar 50

System product

color

Varchar 255

Warna product

battery

Varchar 50

Baterai product

talk_time

Varchar 50

Talk time product

standby_time

Varchar 50

Standby time product

ring_tone

Text

Ring tone product

message_service

Text

Message service prduct

73 application

Text

Application product

pc_sync

Text

Pc sync product

network

Text

Network product

Connectivity

Text

Connectivity product

phone_type

Varchar 20

Phone type product

user_interface

Varchar 15

User interface product

touch_panel

Enum

Touch panel product

predict_text_input Varchar 20

Predict text input product

pim_with_sync

Enum

Pim with sync product

wap_browser

Varchar 15

Wap browser product

gprs

Varchar 15

Gprs product

java_support

Varchar 15

Java support product

wifi_enabled

Varchar 20

Wifi enabled product

Tabel 3.12 benq_gsm_spec

Nama tabel

: benq_cdma_spec

Keterangan

: Daftar Spesifikasi product BenQ CDMA

Primary key

: code

Nama Field

Tipe

Panjang

Keterangan

Code

Varchar 10


wireless_net_protocol

Varchar 20

Wireless net protocol

Standard

Varchar 20

Standard

Size

Varchar 50

Size

74 volume

Varchar 50

Volume

Dimension

Varchar 20

Dimension

Weight

Varchar 10

Berat product

Display

Varchar 100

Display

bat_life

Text

bat_life

language_option

Varchar 255

language_option

data_trans

Enum

data_trans

otasp_support

Enum

otasp_support

real_time_clock

Varchar 50

real_time_clock

backlight_keypad

Varchar 50

backlight_keypad

vibrating_alert

Varchar 50

vibrating_alert

dtmf_support

Enum

dtmf_support

ring_tone

Varchar 20

ring_tone

Vocoder

Varchar 50

Vocoder

Wap

Varchar 50

Wap

Ruim

Enum

Ruim

standby_time

Varchar 255

standby_time

call_time

Varchar 255

call_time

Tabel 3.13 benq_cdma_spec

75 Nama tabel

: wll_spec

Keterangan

: Daftar Spesifikasi product fixed CDMA wireless

Primary key

: code

Nama Field

Tipe

Panjang

Keterangan

code

Varchar 10


tx_power

Varchar 15

tx_power

gain

Varchar 100

Gain

work_freq_range

Varchar 100

work_freq_range

operation_temp_range

Varchar 20

operation_temp_range

storage_temp_range

Varchar 20

storage_temp_range

humidity

Varchar 50

Humidity

dc_work_voltage

Varchar 15

dc_work_voltage

bat_voltage

Varchar 15

bat_voltage

lcd_display

Varchar 255

lcd_display

antenna

Varchar 255

Antenna

switch_ps

Varchar 50

switch_ps

standby_time

Varchar 15

standby_time

weight

Varchar 20

Weight

size

Varchar 20

Size

vocoder

Varchar 50

Vocoder

receive_sensitivity

Varchar 20

receive_sensitivity

max_output_power

Varchar 20

max_output_power

76 rx_sensitivity

Varchar 20

rx_sensitivity

Tabel 3.14 wll_spec

Nama tabel

: news_category

Keterangan

: daftar kategori news

Primary key

: category_id

Nama Field

Tipe

category_id

Int

category_name

Varchar

Panjang

Keterangan Id untuk primary key

50

Nama category news

Tabel 3.15 news_category

Nama tabel

: news

Keterangan

: daftar news

Primary key

: id

Nama Field

Tipe

Panjang

Keterangan

Id

Int

title

Varchar

255

Title news

page

Varchar

255

Page news

news_source

Varchar

100

News source

category_id

enum

link_title

Varchar

50

Link title news

news_image

Varchar

100

Gambar news


Category id news

Tabel 3.16 news

77 Nama tabel

: distributor

Keterangan

: daftar distributor

Primary key

: id

Nama

Tipe

Panjang

Keterangan

Field id

int


name

Varchar

50

Nama distributor

address

Varchar

255

Alamat distributor

city

Varchar

20

Kota distributor

telephone

Varchar

20

Telepon distributor

fax

Varchar

20

Faksimil distributor

Tabel 3.17 distributor

Nama tabel

: merk

Keterangan

: daftar merk

Primary key

: merk_id

Nama

Tipe

Panjang

Keterangan

Field merk_id

int


merk_name

Varchar

50

Nama merk product

merk_address

Varchar

50

Alamat merk product

Tabel 3.18 merk

78 Nama tabel

: inquiry

Keterangan

: daftar inquiry

Primary key

: id

Nama Field

Tipe

Panjang

Keterangan

id

int

name

Varchar

255

Nama inquiry

company_name

Varchar

255

Nama perusahaan inquiry

country

Varchar

100

Asal Negara inquiry

fax_number

Varchar

20

Nomor Fax inquiry

phone_number

Varchar

20

Phone number inquiry

email_address

Varchar

50

Alamat email inquiry

inquiry_msg

Text


Isi inquiry

Tabel 3.19 inquiry

Nama tabel

: forum

Keterangan

: daftar forum

Primary key

: message_id

Nama Field

Tipe

message_id

int

Panjang


message_parent_id int

Message parent id forum

topic

text

Topic forum

author

Varchar

date_entered

Datetime

50

Author forum Waktu posting forum

79 message

text

Isi pesan

cust_id

int

Id customer

Tabel 3.20 forum

Nama tabel

: metroshop

Keterangan

: daftar metroshop

Primary key

: id

Nama Field

Tipe

id

int

name

Varchar

address

text

telp

Varchar

Panjang


50

Nama metroshop Alamat metroshop

20

No telepon metroshop

Tabel 3.21 metroshop

Nama tabel

: telesindo

Keterangan

: daftar telesindo

Primary key

: id

Nama Field

Tipe

Panjang

Keterangan

id

int

place

Varchar

255

Letak telesindo

city

Varchar

50

Kota telesindo


Tabel 3.22 telesindo

80 Nama tabel

: customer

Keterangan

: daftar customer

Primary key

: cust_id

Nama Field

Tipe

Panjang

Keterangan

cust_id

int

username

Varchar

30

Username customer

passwords

Varchar

20

Password customer

name

Varchar

50

Nama customer

address

Varchar

100

Alamat customer

telp

Varchar

20

No telepon customer

email_address

Varchar

50

Alamat email customer

hint

Varchar

100

Hint untuk forgot password

hint_answer

Varchar

100

Jawaban hint


Tabel 3.23 customer

Nama tabel

: admin

Keterangan

: daftar admin

Primary key

: admin_id

Nama Field

Tipe

admin_id

int

username

Varchar

30

Username admin

passwords

Varchar

20

Password admin

name

Varchar

50

Nama admin

Panjang


81 address

Varchar

100

Alamat admin

telp

Varchar

20

No telepon admin

email_address

Varchar

50

Alamat email admin

hint

Varchar

100

Hint untuk forgot password

hint_answer

Varchar

100

Jawaban hint

Tabel 3.24 admin

Nama tabel

: orders

Keterangan

: daftar pemesanan

Primary key

: order_id

Nama Field

Tipe

order_id

int


date_trans

Date

Tanggal transaksi

time_trans

Time

Waktu transaksi

cust_id

int

Id customer

payment_method

enum

Metode pembayaran

Panjang

Tabel 3.25 orders

Keterangan

82 Nama tabel

: order_item

Keterangan

: daftar pemesanan barang

Primary key

: order_item_id

Nama Field

Tipe

order_item_id

int


order_id

int

Id pemesanan

code

int

Kode product

quantity

int

Jumlah pesanan

Panjang

Keterangan

Tabel 3.26 order_item

3.8.3

Entity Relationship Diagram (ERD) ERD (Entity Relationship Diagram) atau disebut juga diagram hubungan

antar

entitas

digunakan

untuk

mengetahui

hubungan

(relationship) dari setiap label dalam database. Berikut ini akan digambarkan Entity Relationship Diagram (ERD) dari spesifikasispesifikasi file yang ada:

83 product_features PK

benq_cdma_spec

id

PK

code

product code feature_name feature_content feature_image feature_type

product_type PK

PK

id

FK3,FK4,FK5,FK6 FK1

code type_id description p_image back_image merk_id availability price

type_id type_name

FK2

w ireless_net_protocol standard size volume dimension w eight display bat_life language_option data_trans otasp_support real_time_clock backlight_keypad vibrating_alert dtmf_support ring_tone vocoder wap ruim standby_time call_time

merk PK

m erk_id merk_name merk_address

order_item PK

order_item _id

FK1

order_id code quantity

benq_gsm_spec PK

orders PK

order_id w ll_spec

FK1

date_trans time_trans cust_id payment_method

customer PK

cust_id username passw ords name address telp email_address hint hint_answ er

forum PK

m essage_id

FK1

message_parent_id topic author date_entered message cust_id

PK

code tx_pow er gain w ork_freq_range operation_temp_range storage_temp_range humidity dc_w ork_voltage bat_voltage lcd_display antenna sw itch_ps standby_time w eight size vocoder receive_sensitivity max_output_pow er rx_sensitivity

Gambar 3.14 Entity Relationship Diagram

code operating_system processor display integrated_camera video_function audio_function document_editor text_input memory pim enjoyment other memory_size accessories others dimension w eight system color battery talk_time standby_time ring_tone message_service application pc_sync netw ork Connectivity phone_type user_interface touch_panel

84

3.8.4

Struktur Menu Di bawah ini dapat dilihat beberapa bagan struktur menu pada sistem yang sedang dirancang.

3.8.4.1

Struktur Menu sebelum Login Home

Home

Product

Services

Distribution

News Center

Forum

GSM Mobile

Articles Search

CDMA Mobile

FAQ

Events

CDMA Fixed Wireless

Hotline Metroshop Shopping Cart Promotion

Gambar 3.15 Struktur Menu sebelum Login

Contact Us

About Us

Help

85

3.8.4.2

Struktur Menu setelah Login Home

Home

Product

Services

Distribution

News Center

Forum

GSM Mobile

Contact Us

Articles

Search CDMA Mobile

Events

FAQ

CDMA Fixed Wireless

Hotline Metroshop Promotion Shopping Cart

View Account

Edit Account

Order History

Change Password

Gambar 3.16 Struktur Menu setelah Login

Log Out

About Us

Help

86

3.8.5

State Transition Diagram (STD) – Client Side Berikut ini digambarkan State Transition Diagram (STD) Client Side yang akan menjelaskan perpindahan setiap state untuk client pada sistem yang dirancang. 3.8.5.1

STD Navigation Bar Home

ke state lainnya* klik ‘Help’ tampilkan Help

klik ‘Home’ tampilkan Home Menunggu pilihan atau input

Klik ‘about us’ Tampilkan about us

klik ‘Product’ tampilkan Product klik ‘Services’ tampilkan Services Home

Product

Services

klik ‘Distribution’ tampilkan Distribution Distribution

Forum FAQ

klik ‘News Center’ klik ‘Contact Us’ tampilkan News tampilkan Contact Us Center

News Center

Contact Us

About Us

Help

87

GSM Mobile

CDMA Mobile

CDMA Fixed Wireless

daftar product

Gambar 3.17 STD Navigation Bar

88

3.8.5.2

STD Home Content

Home ke state lainnya* klik ‘Login’ cek validasi user name dan password

klik pada gambar atau ‘More Info’ tampilkan detail produk Menunggu pilihan atau input klik ‘Shopping Cart’ tampilkan isi Shopping Cart

klik ‘Register’ tampilkan form Register View Detail

Shopping Cart

Register

klik ‘News Center’ tampilkan isi News klik ‘Forgot Password’ tampilkan form Forgot Password News Center

Forgot Password

Gambar 3.18

STD Home Content

Login

89

3.8.5.3

STD Home Content setelah Login

Home ke state lainnya* klik pada gambar atau ‘More Info’ tampilkan detail produk

klik ‘change password’ Tampilkan hal. change password Menunggu pilihan atau input

klik ‘Shopping Cart’ tampilkan isi Shopping Cart

Klik ‘order history Tampilkan hal. order history Klik ‘edit account’ Tampilkan hal. edit account

View Detail

Shopping Cart

Change Password

Edit Account

klik ‘News Center’ tampilkan isi News

Klik ‘view account’ Tampilkan hal.view account View Account

News Center

klik ‘Back’ kembali ke Home Log out

Gambar 3.19

STD Home Content setelah Login

Order History

90

3.8.5.4

STD Shopping Cart

tidak ada item di cart tampil “No item in Cart” Shopping Cart

ke state lain*

no item Menunggu pilihan atau input Klik continue shopping Tampilkan hal. product

Continue Shopping

klik Check Out cek status login

Status Login

Klik empty cart Kosongkan cart

Empty Cart

No / user belum login Yes / user sudah login tampilkan form login tampilkan form check out Check Out

Login login sukses tampilkan form check out

Gambar 3.20 STD Shopping Cart

klik remove item delete item

Remove Item

91 3.8.5.5

STD Check Out

ke state lainnya* Check Out

Menunggu pilihan atau input

klik ‘Submit tampilkan “Thank’s for purchasing with us” dan simpan dalam database ke state lainnya*

Terima Kasih klik ’Go Home’ kembali ke Halaman Utama Home

Gambar 3.21

STD Check Out

92 3.8.5.6

STD Register

Register klik ‘Reset’ kosongkan isi form ke state lainnya* Menunggu pilihan atau input klik ‘Submit’ username belum diisi lakukan validasi input phone number belum diisi tampilkan “Please fill your username” tampilkan “Please fill your password ≠ confirm password phone email belum diisi tampilkan “Password and confirm number” tampilkan “Your email isn’t valid” password” Validasi input name belum diisi tampilkan “Please fill hint belum diisi your name” tampilkan “please fill your hint”

address belum diisi tampilkan “Please fill your address”

Answer hint belum diisi tampilkan “please fill your hint answer”

Error

form register valid tampilkan ‘Home’ Home

Gambar 3.22 STD Register

93 3.8.5.7

STD Product Catalog

Product Catalog

ke state lainnya*

Menunggu pilihan atau input

klik gambar produk tampilkan Feature produk Gambar Product

Add to Cart

Gambar 3.23

3.8.5.8

klik ‘Add to Cart’ tampilkan isi Shopping Cart

STD Product Catalog

STD Search

product tidak ditemukan tampilkan “Product’s Not Found” No Product

Search produk ditemukan tampilkan Feature Product Search Result

Menunggu pilihan atau input klik ‘specification’ Tampilkan spesifikasi product

Spesifikasi product

Gambar 3.24

STD Search

94 3.8.5.9

STD Login

Login password atau username kosong kembali ke form login Validasi Input password tidak valid tampilkan ’Form Errlogin’

username dan password valid masuk ke session login Session Login

error

ke state berikutnya

Gambar 3.25

STD Login

95 3.8.5.10 STD Forgot Password

Forgot Password

ke state lainnya*

Menunggu pilihan atau input klik ‘Submit’ validasi e-mail Validasi input e-mail tidak valid tampilkan “Your e-mail is wrong”

e-mail valid tampilkan password hint Password hint klik ‘Go Home’ kembali ke halaman Home

error

Home klik ‘Go Home’ kembali ke halaman Home

Gambar 3.26

STD Forgot Password

96 3.8.5.11 STD Edit Account

Edit Account klik ‘Reset’ hapus isi form ke state lainnya* Menunggu pilihan atau input klik ‘Submit’ username belum diisi lakukan validasi input phone number belum diisi tampilkan “Please fill your username” tampilkan “Please fill your phone password ≠ confirm password email belum diisi tampilkan “Password and confirm number” tampilkan “Your email isn’t password” Validasi input valid” name belum diisi tampilkan “Please fill your name” hint belum diisi tampilkan “please fill your hint”

address belum diisi tampilkan “Please fill your address”

Answer hint belum diisi tampilkan “please fill your hint answer”

Error

semua input valid tampilkan ‘Home’ dan simpan perubahan dalam database Home

Gambar 3.27 STD Edit Account

97 3.8.5.12 STD View Account

View Account ke state lainnya*

Menunggu pilihan atau input klik ‘Edit Account’ tampilkan form edit account

klik ‘Home’ tampilkan ‘Home’ Edit Account

Home

Gambar 3.28

STD View Account

3.8.5.13 STD Forum

Forum ke state lainnya*

Menunggu pilihan atau input klik ‘Search’ tampilkan hasil pencarian

klik ‘New Thread’ tampilkan hl. New thread klik ‘Topic’ tampilkan isi pesan

Search

Thread

Gambar 3.29 STD Forum

New Thread

98 3.8.5.14 STD FAQ

FAQ ke state lainnya* Menunggu pilihan atau input

Daftar Pertanyaan dan Jawaban

Gambar 3.30 STD FAQ

3.8.5.15 STD Distribution

Distribution

Ke state lainnya *

Menunggu pilihan atau input Klik telesindo Tampil hal. telesindo

Klik metroshop Tampil hal. metroshop Metroshop

Telesindo

Gambar 3.31 STD Distribution

99 3.8.5.16 STD News Center

Ke state lainnya *

News center

Menunggu pilihan atau input Klik articles Tampil hal articles Klik event Tampil hal event

articles

Event

Klik metroshop Tampil hal metroshop

Klik promotion Tampil hal promotion

Klik hotline Tampil hal hotline

Hotline

Gambar 3.32 STD News Center

metroshop

promotion

100 3.8.5.17 STD Contact Us

Ke state lainnya * Contact Us Menunggu pilihan atau input Name belum diisi Tampilkan “please fill your name” country belum diisi Tampilkan “please fill your country”

Validasi input

Phone number belum diisi Tampilkan “please fill your phone”

email belum diisi Tampilkan “your email isn’t valid”

enquiry belum diisi Tampilkan “please fill your enquiry”

error From contact us valid Tampilkan “thanks for contact us” Contact us

Gambar 3.33 STD Contact Us

101 3.8.5.18 STD About Us Ke state lainnya * About Us klik “management” Tampilkan management

Menunggu pilihan atau input klik “greeting from metrotech” Tampilkan greeting from metrotech klik “history” Tampilkan history Greetings From Metrotech

klik “vision” Tampilkan vision

History

Vision

klik “mission” Tampilkan mission Mission

Management

Gambar 3.34 STD About Us

3.8.5.19 STD Help

Ke state lainnya * Help Menunggu pilihan atau input Tampilkan help

Metrotech help

Gambar 3.35 STD Help

102

3.8.6

State Transition Diagram (STD) – Admin Side Berikut ini digambarkan State Transition Diagram (STD) Admin Side yang akan menjelaskan perpindahan setiap state untuk admin pada sistem yang dirancang. 3.8.6.1

Gambar 3.36 STD Menu Utama Admin

STD Menu Utama Admin Administrator

username atau password salah ulangi login Admin Login klik ‘Admin’ tampilkan ‘Admin Menu’ Menunggu pilihan atau input klik ‘Customer’ tampilkan ‘Menu Customer’

Admin

Customer

klik ‘Report’ Tampilkan report

report

total order total order detail

klik ‘Product’ tampilkan ‘Menu Product’

Product

103

3.8.6.2

STD Menu Admin

input valid simpan dalam database

input valid simpan dalam database Admin

Menunggu pilihan atau input klik ‘Add User’ tampilkan form add user

klik ‘Edit User’ tampilkan form edit user klik ‘Delete User’ hapus user dari database

Add user

Delete user

klik ‘Submit’ lakukan validasi input Validasi input

Edit user

klik ‘Submit’ lakukan validasi input Error

input tidak valid tampilkan pesan kesalahan

Gambar 3.37 STD Menu Admin

Validasi input

104 3.8.6.3

STD Menu Customer – Admin

Customer

klik ‘Delete Customer’ hapus customer dari DB

klik ‘edit Customer’ tampilkan form edit customer Menunggu pilihan atau input

Delete Customer

Edit Customer

Gambar 3.38

STD Menu Customer – Admin

105 3.8.6.4

STD Menu Product – Admin

input valid simpan dalam database

input valid simpan dalam database Product

Menunggu pilihan atau input klik ‘Add Product’ tampilkan form add user

klik ‘Edit Product’ tampilkan form edit product klik ‘Delete Product’ hapus user dari database

Add Product

Delete Product

klik ‘Submit’ lakukan validasi input Validasi input

Edit Product

klik ‘Submit’ lakukan validasi input Error

Validasi input

input tidak valid tampilkan pesan kesalahan

Gambar 3.39

3.8.7

STD Menu Product – Admin

Spesifikasi Proses Spesifikasi proses merupakan uraian dari perancangan sistem pemasaran

berbasis web ini yang kemudian dijabarkan ke dalam Pseudocode. 1. Modul Default Tampilkan halaman home Pilihan Link “Home” diklik, panggil modul Default

106 Link “Product” diklik, panggil modul Product Link “GSM Mobile” diklik, panggil modul GSM_Mobile Link “CDMA Mobile” diklik, panggil modul CDMA_Mobile Link “CDMA Fixed Wireless” diklik, panggil modul CDMA Fixed Wireless Link “Services” diklik, panggil modul Services Link “Forum” diklik, panggil modul Forum Link “FAQs” diklik, panggil modul FAQs Link “Distribution” diklik, panggil modul Distribution Link “News Center” diklik, panggil modul News Center Link “Contact Us” diklik, panggil modul Contact Us Link “About Us” diklik, panggil modul About Us Link “Help” diklik, panggil modul Help Link “Shopping Cart” diklik, panggil modul Shopping Cart Link “Register” diklik, panggil modul Register Link “Forgot Password” diklik, panggil modul Forgot Password Link “Login” diklik, panggil modul Login Akhir Pilihan Akhir Modul

2. Modul Login Minta user mengisi username dan password Jika user menekan tombol “Login” maka

107 Validasi input Jika input kosong maka Tampilkan modul Default Dan jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Tampilkan modul Default Akhir jika Akhir jika Akhir modul

3. Modul Register Tampilkan halaman register Jika user menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses maka Tampilkan modul Register sukses dan login Selain itu Tampilkan modul Default Akhir jika Akhir jika

108 Jika user menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

4. Modul Forgot Password Tampilkan halaman Forgot Password Jika user menekan tombol “Submit” maka jika required field = true maka tampilkan modul Hint jika jawaban hint=true maka tampilkan modul username dan password selain itu tampilkan pesan kesalahan akhir jika selain itu tampilkan pesan kesalahan akhir jika selain itu tampilkan modul Default Akhiri jika Akhir modul

109 5. Modul Shopping Cart Tampilkan halaman Shopping Cart Jika user menekan link “Continue Shopping” maka Tampilkan halaman Product Dan jika user menekan link “Checkout” maka jika user sudah melakukan login maka tampilkan halaman Checkout selain itu tampilkan halaman Login akhir jika Dan jika user menekan link “Remove” maka Delete item dari cart Tampilkan halaman Shopping Cart Dan jika user menekan link “Remove All” maka Delete semua item dari cart Tampilkan halaman Shopping Cart selain itu tampilkan modul Default Akhiri jika Akhir modul

110 6. Modul Check Out Tampilkan halaman check out Akhir modul

7. Modul Product Tampilkan halaman Product Pilihan Link “Show All” diklik, tampilkan modul Product Link “GSM Mobile” diklik, tampilkan modul GSM Mobile Link “CDMA Mobile” diklik, tampilkan modul CDMA Mobile Link “CDMA Fixed Wireless” diklik, tampilkan modul CDMA Fixed Wireless Akhir pilihan Jika gambar image product diklik maka Tampilkan modul Feature Product dan Spesifikasi Product Dan jika user menekan link “Buy” maka Tampilkan modul Shopping Cart Selain itu Tampilkan modul Default Akhir jika Akhir modul

111 8. Modul GSM Mobile Tampilkan halaman GSM Mobile Jika gambar image product diklik maka Tampilkan modul Feature Product dan Spesifikasi Product Dan jika user menekan link “Buy” maka Tampilkan modul Shopping Cart Selain itu Tampilkan modul Default Akhir jika Akhir modul

9. Modul CDMA Mobile Tampilkan halaman CDMA Mobile Jika gambar image product diklik maka Tampilkan modul Feature Product dan Spesifikasi Product Dan jika user menekan link “Buy” maka Tampilkan modul Shopping Cart Selain itu Tampilkan modul Default Akhir jika Akhir modul

112 10. Modul CDMA Fixed Wireless Tampilkan halaman CDMA Fixed Wireless Jika gambar image product diklik maka Tampilkan modul Feature Product dan Spesifikasi Product Dan jika user menekan link “Buy” maka Tampilkan modul Shopping Cart Selain itu Tampilkan modul Default Akhir jika Akhir modul

11. Modul Services Tampilkan halaman Services Jika user menekan link “Forum” maka Tampilkan modul Forum Dan jika user menekan link “FAQs” maka Tampilkan modul FAQs Selain itu Tampilkan modul Default Akhir jika Akhir modul

113 12. Modul Forum Tampilkan halaman Forum Jika user menekan tombol “Home” maka Tampilkan modul Forum Dan jika user menekan tombol “New Thread” maka Tampilkan modul New Thread Dan jika user menekan tombol “Search” maka Validasi input Tampilkan modul Viewthread Dan jika user menekan link “Thread” maka Tampilkan modul Viewthread Selain itu Tampilkan modul Default Akhir jika Akhir modul

13. Modul New Thread Tampilkan halaman New Thread Jika user menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses maka

114 Tampilkan modul Forum Akhir jika Dan jika user menekan tombol “Home” maka Tampilkan modul Forum Dan jika user menekan tombol “New Thread” maka Tampilkan modul New Thread Selain itu Tampilkan modul Default Akhir jika Akhir modul

14. Modul View Thread Tampilkan halaman View Thread Jika user menekan tombol “Create New Thread” maka Tampilkan modul Reply Dan jika user menekan tombol “Home” maka Tampilkan modul Forum Dan jika user menekan tombol “New Thread” maka Tampilkan modul New Thread Selain itu Tampilkan modul Default Akhir jika Akhir modul

115 15. Modul Reply Jika user menekan tombol “Reply” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses maka Tampilkan modul Forum Akhir jika Dan jika user menekan tombol “Home” maka Tampilkan modul forum Dan jika user menekan tombol “New Thread” maka Tampilkan modul New Thread Selain itu Tampilkan modul Default Akhir jika Akhir modul

16. Modul FAQ Tampilkan halaman FAQ Akhir modul

116 17. Modul Distribution Tampilkan halaman Distribution Jika user menekan link”Metroshop” maka Tampilkan modul Metroshop Dan jika user menekan link “Telesindo” maka Tampilkan modul Telesindo Selain itu Tampilkan modul Default Akhir jika Akhir modul

18. Modul News Center Tampilkan halaman News Center Akhir modul

19. Modul Contact Us Tampilkan halaman Contact Us Jika user menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Tampilkan modul Default

117 Akhir jika Selain itu Tampilkan modul Default Jika user menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

20. Modul About Us Tampilkan halaman About Us Akhir modul

21. Modul Help Tampilkan halaman Help Akhir modul

22. Modul View Account Tampilkan halaman View Account Jika user menekan link “Edit Account” maka Tampilkan modul Edit Account Dan jika user menekan link “Back” maka Tampilkan modul Default Selain itu

118 Tampilkan modul Default Akhir jika Akhir modul

23. Modul Edit Account Tampilkan halaman Edit Account Jika user menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Tampilkan modul View Account Akhir jika Selain itu Tampilkan modul Default Jika user menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

24. Modul Order History Tampilkan halaman Order History Akhir modul

119 25. Modul Change Password Tampilkan halaman Change Password Jika user menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Tampilkan modul Default Akhir jika Selain itu Tampilkan modul Default Jika user menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

26. Modul Logout tampilkan halaman Default akhir modul

27. Modul Login Admin Tampilkan halaman Login Admin Minta admin mengisi username dan password

120 Jika admin menekan tombol “Login” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Tampilkan halaman Home Admin Akhir jika Akhir jika Akhir modul

28. Modul Home Admin Tampilkan halaman Home Admin Pilihan Link “Admin” diklik, panggil modul Home Admin Link “Customer” diklik, panggil modul Customer Link “Product” diklik, panggil modul Product Link “Report” diklik, panggil modul Report Link “Logout” diklik, panggil modul Login Admin Akhir pilihan Jika admin menekan link “Edit” maka Tampilkan halaman Edit Admin Dan jika admin menekan link “Delete” maka Delete record dari table admin

121 Tampilkan halaman Home Admin Dan jika admin menekan tombol “Add New Admin” maka Tampilkan halaman Add New Admin Akhir jika Akhir modul

29. Modul Edit Admin Account Tampilkan halaman Edit Admin Account Jika admin menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Update database Tampilkan modul Home Admin Akhir jika Selain itu Tampilkan modul Home Admin Jika admin menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

122 30. Modul Add New Admin Tampilkan halaman Add New Admin Jika admin menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Update database Tampilkan modul Home Admin Akhir jika Selain itu Tampilkan modul Home Admin Jika admin menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

31. Modul Customer Tampilkan halaman customer Jika admin menekan tombol “Search” maka Validasi input Tampilkan list customer Dan jika user menekan link “Edit” maka

123 Tampilkan halaman Edit Customer Acccount Dan jika user menekan link “Delete” maka Delete record dari table customer Tampilkan Halaman Customer Akhir jika Akhir modul

32. Modul Edit Customer Account (admin) Tampilkan halaman Edit Customer Account Jika admin menekan tombol “Submit” maka Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Dan jika validasi sukses Tampilkan modul Customer Akhir jika Selain itu Tampilkan modul Home Admin Jika admin menekan “Reset” maka Hapus semua inputan Akhir jika Akhir modul

124 33. Modul Product Tampilkan halaman Product Jika admin menekan link “Edit” maka Tampilkan halaman Edit Product Dan jika admin menekan link “Delete” maka Delete record dari table product Tampilkan halaman Product Dan jika admin menekan tombol “Add new product” maka Tampilkan halaman Add New Product Akhir jika Akhir modul

34. Modul Edit Product Tampilkan halaman Edit Product Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Product Akhir jika Akhir modul

125 35. Modul Add New Product Tampilkan halaman Add New Product Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Product Akhir jika Akhir modul

36. Modul Add Features Tampilkan halaman Add Features Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Features Akhir jika Akhir modul

126 37. Modul Edit Features Tampilkan halaman Edit Features Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Features Akhir jika Akhir modul

38. Modul Add Specification Tampilkan halaman Add Specification Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Specification Akhir jika Akhir modul

127 39. Modul Edit Specification Tampilkan halaman Edit Specification Validasi input Jika validasi gagal maka Tampilkan pesan kesalahan Selain itu Update database Tampilkan halaman Specification Akhir jika Akhir modul

40. Modul Report Tampilkan halaman Report Jika admin menekan link “Total Order Detail” maka Tampilkan halaman Total Order Detail Akhir jika Akhir modul

41. Modul Total Order Detail Tampilkan halaman Total Order Detail Jika admin menekan link “Back” maka Tampilkan Halaman Report

128 Akhir jika Akhir modul

42. Modul Logout Tampilkan halaman home admin Akhir modul

3.8.8

Rancangan Layar – Client Side Berikut ini akan digambarkan perancangan-perancangan layar Client Side.

129 3.8.8.1

Rancangan Layar Home sebelum Login

LOGO

Shopping Cart

Nama Perusahaan Welcome,user Menu

Welcome

Home

Deskripsi awal

Product GSM Mobile

search

User Login

CDMA Mobile Register

Forgot pasword

CDMA Fixed Wireless

Services Forum FAQs

Distribution News Center Contact Us

Gambar Produk

Deskripsi produk dan link untuk melihat fitur dan spesifikasi

About Us Help

Now, METROTECH CENTER can be reached at :

Alamat Perusahaan

Copyright 2005. Metrotech Corp. All Right Reserved.

Gambar 3.40 Rancangan Layar Home sebelum Login

Metrotech News

130 3.8.8.2

Rancangan Layar Home setelah Login

LOGO

Shopping Cart

Nama Perusahaan

Welcome,user Menu Home Product

[ Logout]

Welcome

Deskripsi awal

GSM Mobile

View Account Edit Account Order History Change Password

CDMA Mobile CDMA Fixed Wireless

Services Forum FAQs


search

Gambar Produk

Deskripsi produk dan link untuk melihat fitur dan spesifikasi

About Us Help


Alamat Perusahaan


Gambar 3.41 Rancangan Layar Home setelah Login

Metrotech News

131 3.8.8.3

Rancangan Layar Register

LOGO Nama Perusahaan

Welcome,user Menu Home Product GSM Mobile CDMA Mobile CDMA Fixed Wireless

Services

Register User Name Password Confirm Password Name Address

Forum

Phone Number

FAQs

Email Address

Distribution

Hint

News Center

Hint Answer

Contact Us

Submit

Reset

About Us Help


Alamat Perusahaan


Gambar 3.42 Rancangan Layar Register

Shopping Cart

132 3.8.8.4

Rancangan Layar Forgot Password

LOGO

Shopping Cart

Nama Perusahaan

Welcome,user Menu Home

[ Logout ]

Forgot Password

Product GSM Mobile

Email Address

CDMA Mobile

xxxxxxxx

CDMA Fixed Wireless

Services

Submit

Forum FAQs

Distribution News Center Contact Us About Us Help


Alamat Perusahaan


Gambar 3.43 Rancangan Layar Forgot Password

133 3.8.8.5

Rancangan Layar View Account

LOGO

Shopping Cart

Nama Perusahaan Welcome,user Menu Home

[ Logout ]

View Account username

xxxxxxxxx

password

xxxxxxxxx

name

xxxxxxxxx

address

xxxxxxxxx

telp

xxxxxxxxx

Forum

email address

xxxxxxxxx

FAQs

hint

xxxxxxxxx

hint answer

xxxxxxxxx

Product GSM Mobile CDMA Mobile CDMA Fixed Wireless

Services


Back

Edit Account

About Us Help


Alamat Perusahaan


Gambar 3.44 Rancangan Layar View Account

134 3.8.8.6

Rancangan Layar Edit Account

LOGO

Shopping Cart

Nama Perusahaan


Services Forum FAQs

Distribution News Center

[ Logout ]

Edit Account username password name address telp email address hint hint answer

Submit

Reset

Contact Us About Us Help


Alamat Perusahaan


Gambar 3.45 Rancangan Layar Edit Account

135 3.8.8.7

Rancangan Layar Order History

LOGO

Shopping Cart

Nama Perusahaan

Welcome,user Menu Home Product GSM Mobile CDMA Mobile

[ Logout ]

Order History Order id

Merk

Code

Price

Quantity

Date trans

xxxxxxx xxxxxxx

xxxxx

xxxx xxxx

xxxx xxxx

xxxxxx xxxxxx

xxxxxxx xxxxxxx

xxxxx

CDMA Fixed Wireless

Services

Back

Forum FAQs



Alamat Perusahaan


Gambar 3.46 Rancangan Layar Order History

136 3.8.8.8

Rancangan Layar Change Password

LOGO

Shopping Cart

Nama Perusahaan


[ Logout ]

Change Password

Product

Username

GSM Mobile CDMA Mobile

Old Password

CDMA Fixed Wireless

New Password

Services

Confirm New Password

Forum FAQs

Distribution

Submit

Reset

News Center Contact Us About Us Help


Alamat Perusahaan


Gambar 3.47 Rancangan Layar Change Password

137 3.8.8.9

Rancangan Layar Shopping Cart

LOGO

Shopping Cart

Nama Perusahaan


Shopping Cart

Order id: xxxxx

GSM Mobile CDMA Mobile CDMA Fixed Wireless

Services Forum

Code

Merk

type

Pric

Qty

Subtotal

Action

xxxx xxxx

xxxxx

xxxx xxxx

xxxx xxxx

xxxx xxxx

xxx

remove

xxx

remove

xxxxx

xxx

total

FAQs

Empty cart

Distribution News Center

Continue Shopping

Contact Us About Us Help


Alamat Perusahaan


Gambar 3.48 Rancangan Layar Shopping Cart

Check Out

138 3.8.8.10

Rancangan Layar Checkout

LOGO

Shopping Cart

Nama Perusahaan [ Logout ]


Check Out Order id

GSM Mobile

date

CDMA Mobile

time

CDMA Fixed Wireless

name

Services

total

xxx xxx xxxx xxx xxxx

Forum FAQs

Payment method

xxxxx


submit

About Us Help


Alamat Perusahaan


Gambar 3.49 Rancangan Layar Checkout

139 3.8.8.11

Rancangan Layar Product

LOGO

Shopping Cart

Nama Perusahaan


Product

GSM Mobile

Search

Product Search

Product :: Show all

:: GSM Mobile

:: CDMA Mobile

:: CDMA Fixed wireless

CDMA Mobile

Available Now

CDMA Fixed Wireless

Services Forum

Code Gambar “Price” cart



FAQs

Coming soon











Alamat Perusahaan


Gambar 3.50 Rancangan Layar Product

140 3.8.8.12

Rancangan Layar GSM Mobile

LOGO

Shopping Cart

Nama Perusahaan Welcome,user Menu Home Product

Search

Product Search :: Show all

:: GSM Mobile

:: CDMA Mobile


GSM Mobile CDMA Mobile

GSM Mobile

Available Now

CDMA Fixed Wireless

Services Forum


Deskripsi produk

FAQs

Coming soon


Code Gambar “Price” cart Code Gambar “Price” cart

Deskripsi produk

Deskripsi produk


Alamat Perusahaan


Gambar 3.51 Rancangan Layar GSM Mobile

141 3.8.8.13

Rancangan Layar CDMA Mobile

LOGO

Shopping Cart

Nama Perusahaan Welcome,user Menu Home GSM Mobile

Search

Product Search

Product :: Show all

:: GSM Mobile

:: CDMA Mobile


CDMA Mobile CDMA Fixed Wireless

CDMA Mobile

Available Now

Services Forum FAQs

Distribution


Coming soon


Deskripsi produk


Deskripsi produk


Deskripsi produk


Alamat Perusahaan


Gambar 3.52 Rancangan Layar CDMA Mobile

142 3.8.8.14

Rancangan Layar CDMA Fixed Wireless

LOGO

Shopping Cart

Nama Perusahaan Welcome,user Menu Home

Search

Product Search


:: Show all

:: GSM Mobile


CDMA Fixed Wireless

Services

Available Now

Forum FAQs

Distribution

Code Gambar “Price” Buy


:: CDMA Mobile

Deskripsi produk

Coming soon Code Gambar “Price” Buy

Deskripsi produk

Code Gambar “Price” Buy

Deskripsi produk


Alamat Perusahaan


Gambar 3.53 Rancangan Layar CDMA Fixed Wireless

143 3.8.8.15

Rancangan Layar Services



Metrotech Services

Description Metrotech Services


Services Forum

Forum

FAQs

Distribution

FAQs



Alamat Perusahaan


Gambar 3.54 Rancangan Layar Services

Shopping Cart

144 3.8.8.16

Rancangan Layar Forum

LOGO

Shopping Cart

Nama Perusahaan

Welcome,user Menu Home Product GSM Mobile

Metrotech E-Care Home

New Thread

CDMA Mobile

Search

CDMA Fixed Wireless

Services

Discussions

Forum

Thread

Author

Date Entered

FAQs

xxxx xxxx

xxxx xxxx

xxxx xxxx


Create New Thread

About Us Help


Alamat Perusahaan


Gambar 3.55

Rancangan Layar Forum

145 3.8.8.17

Rancangan Layar FAQ



Services Forum FAQs

Distribution

FAQ

1. Question? Answer…. 2. Question? Answer…. 3. Question? Answer…. 4. Question? Answer…. 5. Question? Answer….



Alamat Perusahaan


Gambar 3.56 Rancangan Layar FAQ

Shopping Cart

146 3.8.8.18

Rancangan Layar Distribution

LOGO

Shopping Cart

Nama Perusahaan


Distributors Jakarta

Metroshop

Product GSM Mobile CDMA Mobile

Telesindo Distributors Regional

CDMA Fixed Wireless

Services Forum FAQs


xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx

xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx

xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx

xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx


Alamat Perusahaan


Gambar 3.57 Rancangan Layar Distribution

147 3.8.8.19

Rancangan Layar News Center

LOGO

Shopping Cart

Nama Perusahaan


Metrotech News Center

logo news center


Articles

Event

Hotline

Metroshop

CDMA Fixed Wireless

Services Forum

gambar

Deskripsi news

FAQs



Alamat Perusahaan


Gambar 3.58 Rancangan Layar News Center

Promotion

148 3.8.8.20

Rancangan Layar Contact Us



Contact Us

Telp: +62 21 5602 111


Fax :

+62 21 56940 111

Or Fill The Informations below :

CDMA Fixed Wireless

Services

Name

Forum

Company Name

FAQs

Country

Distribution

Phone Number

News Center

Fax. Number

Contact Us About Us

Email Address

Enquiry

Help

Submit

Reset


Alamat Perusahaan


Gambar 3.59 Rancangan Layar Contact Us

Shopping Cart

149 3.8.8.21

Rancangan Layar About Us

LOGO

Shopping Cart

Nama Perusahaan


About Us Gambar gedung


Services Forum FAQs

Distribution

Greeting History Vision Mision management Penjelasan dari masing-masing bagian deskripsi perusahaan



Alamat Perusahaan


Gambar 3.60 Rancangan Layar About Us

150 3.8.8.22

Rancangan Layar Help



Help

HELP


Services Forum FAQs



Alamat Perusahaan


Gambar 3.61 Rancangan Layar Help

Shopping Cart

151 3.8.9

Rancangan Layar – Admin Side Berikut ini adalah gambar-gambar perancangan layar untuk Admin Side. 3.8.9.1

Rancangan Layar Login Admin

LOGO Nama Perusahaan Admin Login

Admin Password Login


Alamat Perusahaan


Gambar 3.62 Rancangan Layar Login Admin

152 3.8.9.2

Rancangan Layar Halaman Utama Admin

LOGO Nama Perusahaan Welcome, admin Admin

Customer

Category Product Product Report

[ Logout ]

Admin Account List User Name

xxxx xxxx

Password

xxxx xxxx

Name

Address

Phone

Email

xxx xxx

xxxx xxxx

xxxx xxxx

xxx xxx

Add New Admin


Alamat Perusahaan


Gambar 3.63 Rancangan Layar Halaman Utama Admin

Action Edit / Delete Edit / Delete

153 3.8.9.3

Rancangan Layar Edit Admin


Customer


[ Logout ]

Edit Account Admin User Name Password Name Address Phone Email

Submit

Reset


Alamat Perusahaan


Gambar 3.64 Rancangan Layar Edit Admin

154

3.8.9.4

Rancangan Layar Add Admin


Customer


[ Logout ]

Add New Account Admin User Name Password Name Address Phone Email

Submit

Reset


Alamat Perusahaan


Gambar 3.65 Rancangan Layar Add Admin

155 3.8.9.5

Rancangan Layar Customer – Admin


Customer


[ Logout ]

Customer Account List Search

User Name

Password

Name

Address

Phone

Email

hint

Hint answer

Action

xxxx

xxxx

xx

xxx

xx

xxx

xx

xxxxx

Edit/Delete

xxxx

xxxx

xx

xxx

xx

xxx

xx

xxxxx

Edit/Delete


Alamat Perusahaan


Gambar 3.66 Rancangan Layar Customer – Admin

156 3.8.9.6

Rancangan Layar Edit Account Customer – Admin


Customer


[ Logout ]

Edit Account Customer User Name Password Name Address Phone Email Hint Hint Answer

Submit

Reset


Alamat Perusahaan


Gambar 3.67 Rancangan Layar Edit Account Customer – Admin

157 3.8.9.7

Rancangan Layar Product – Admin


Customer

Product

Report

[ Logout ]

Product List Search Code

x x

Merk name

Type name

xxxx xxxx

xxxx xxxx

Action View product

View features

View product

View features

Add New product


Alamat Perusahaan


Gambar 3.68

Rancangan Layar Product – Admin

View spec View spec

delete delete

158 3.8.9.8

Rancangan Layar View Product – Admin


Customer


[ Logout ]

Product Detail id

xxx

Code

xxx xxx xxx xxx xxx xxx

Type_id Description pimage backImage Merk_id Availabiity

xxx xxx

Price

back

edit


Alamat Perusahaan


Gambar 3.69 Rancangan Layar View Product – Admin

159 3.8.9.9

Rancangan Layar Add Product


Customer


[ Logout ]

Add Product id Code Type_id Description pimage backImage Merk_id Availabiity Price

Submit

Reset


Alamat Perusahaan


Gambar 3.70 Rancangan Layar Add Product

160 3.8.9.10

Rancangan Layar Report


Customer

Product

Report

[ Logout ]

Report List search

Total Order Summary Order id

Date trans

xxx xxx

xxx xxx

Cust_id

xxxx xxxx

Payment method

xxxx xxxx

Action View Order Detail View Order Detail


Alamat Perusahaan


Gambar 3.71 Rancangan Layar Report

161 3.8.9.11

Rancangan Layar Total Order Detail


Customer

Product

Report

[ Logout ]

Report List Total Order Detail Order id Date trans Time trans Name

code

quantity

price

subtotal

xxx

xxxx

xxx

xxxx

total

xxxx Back


Alamat Perusahaan


Gambar 3.72 Rancangan Layar Total Order Detail

BAB 3 ANALISIS DAN PERANCANGAN. 3.1 Riwayat PT Metrotech Jaya Komunika Sejarah Umum PT Metrotech Jaya Komunika

Recommend Documents