ANALISA DAN PERANCANGAN SISTEM

JUNKO

GENTA GROUP
Anis Fagustina Chandra Purnamaningsih Dhimas Bagus Sudiro U. Khoirul Syaifudin Lynda Rahmawati Setyo Basuki M0509010 M0509018 M0509020 M0509040 M0509044 M0509064

JURUSAN INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011

DAFTAR ISI

I.

Judul ................................................................................................................................ 1

II. Daftar Isi .................................................................................................................................... 2 III. Tabel Document Revision History............................................................................................... 4 I. II. III. IV. V. VI. VII. VIII. IX. X. XI. Profil Perusahaan........................................................................................ .................. 7 Bussiness Case ....................................................................................... ....................... 7 Bussines Need ............................................................................................................... 9 Project Bunefit ................................................................................................. .............9 Deskripsi Project ................................................................................................... ........10 Scope Project .................................................................................................................10 Scope Sistem ..................................................................................................................10 Functional Requirement ................................................................................................10 Non Functional Requirement .........................................................................................11 Dokumentasi ...................................................................................... ...........................11 Activity Diagram ........................... ........................................... ........................... .........17 1. Activity Diagram Member ........................... ............................................................17 2. Activity Diagram Admin........................... .................................................................18 XII. Use Case ........................... ..............................................................................................19 1. Use Case Diagram ........................... ........................................... .............................19 2. Use Case Description ........................... ........................................... ........................ 19 XIII. XIV. Class Diagram ........................... ........................................... ...........................................25 Sequence Diagram ........................... ........................................... .................................. 26 1. Sequence Diagram Cart Pemesanan ...... .................................................................. 26 2. Sequence Diagram Edit Produk ...... ......................................................................... 26 3. Sequence Diagram Add Produk ...... ........................................... ............................ 27 4. Sequence Diagram Delete Produk ...... .................................................................... 27 5. Sequence Diagram Edit Qty ...... ........................................... .................................28 6. Sequence Diagram Edit Transaksi ...... ....................................................................28 7. Sequence Diagram Konfirmasi Pembayaran ...... ....................................................29 XV. State Machine ...................... ........................................... .............................................30 Page 2

Anapersis Kelompok Genta

1. State Machine Transaksi ...... ............................................................................ 30 2. State Machine Login ...... ........................................... ...................................... 30 3. State Machine Cart ...... ................................................................................... 30 XVI. Data Manajemen Layer ...... ................................................................................... 31 1. Object Persistance Diagram...... ....................................................................... 31 2. Tabel Dictionary ...... ........................................................................................32 XVII. XVIII. XIX. Human Computer Interaction Layer ...... ................................................................ 37 Package Diagram ...... .............................................................................................52 Perancangan User Interface ...... ............................................................................53 1. Windows Navigation Diagram ......................................................................... 53 XX. Physical Architecture Layer...... ..............................................................................56 1. Deployement Diagram .....................................................................................57 2. Hardware dan Software Specification..............................................................58

Anapersis Kelompok Genta

Page 3

III. Tabel Document Revision History

No. 1. Revision History Bussines Case Description Bahan tidak bisa di customize karena pada saat input product sudah beserta bahan. Ada tambahan di bussines case di no 4 ,5 Di Bisniss Proses sebagian besar ada perubahan . Author Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki

2. Bussines Proses -

3.

Funtional Requirement

Pada Functional Requirement terdapat tambahan 4 fungsi

4.

Activity Diagram

Pada Activty Diagram terdapat perubahan pada activity diagram admin dan member

5.

Usecase

6.

Class Diagram

Pada Usecase terdapat perubahan meliputi : fungsi memberi comment dan membalas comment digabung menjadi add comment. Konfirmasi pesanan dihilangkan Konfirmasi terima order dihilangkan Ditambah fungsi melihat data pribadi member dan memanage data pribadi member Ditambah fungsi delete member - Pada Usecase Narative juga mengalami perubahan pada fungsi fungsi di atas. Pada Class Diagram juga mengalami Anis Fagustina , Chandra perubahan meliputi tambahan class : Purnamaningsih, Dhimas

Anapersis Kelompok Genta

Page 4

7.

Sequence Diagram

8.

State Machine

Class Registrasi dihapus Class Member menjadi class User Class Order menjadi class transaksi Ditambah class transaksi detail , Class Produk Detail, Class Qty, Class Pembayaran , Class Cart Pada Sequence Diagram terdapat perubahan meliputi : Pada sequence diagram pemesanan menjadi cart pemesanan karena pada pemesanan harus melalui cart. Pada State Machine terjadi perubahan karena menyesuaikan class yang baru.

Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki

Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki

9.

Data Manajement Layer

10.

Human Computer Interaction Layer

11.

Package Diagram

12.

User Interface

13.

Physical Arcitecture -

Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Telah dirancang Data Management Layer Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Telah dirancang Human Computer Anis Fagustina , Chandra Interaction Layer Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Telah dirancang Package Diagram Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki User Interface Design Prototype Anis Fagustina , Chandra Purnamaningsih, Dhimas Telah dirancang Window Navigation Bagus , Khoirul Diagram Syaifuddin, Lynda Rahmawati, Setyo Basuki Telah dirancang Deployment Diagram Anis Fagustina , Chandra Page 5

Anapersis Kelompok Genta

Layer

14.

Implementasi

Telah dirancang Hardware & Software Purnamaningsih, Dhimas Specification. Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki Telah dirancang Implementasi Anis Fagustina , Chandra Purnamaningsih, Dhimas Bagus , Khoirul Syaifuddin, Lynda Rahmawati, Setyo Basuki

Anapersis Kelompok Genta

Page 6

I.

Profile Perusahaan :
Pada project anapersis kami kali ini, kami mengamati sistem pada suatu distro, menganalisa dan mencoba membuat suatu sistem yang membantu permasalahan distro. Distro yang kami pilih :

Alamat :JL. MT Haryono 14 Manahan Solo, Bag produksi : 085 642 358 168

Ph : 0271-912 8005 / 085 642 358 168 e-mail : theclothingmaker@yahoo.com

Distro ini melayani pemesanan produk pakaian, costum, T-shirt, topi, sepatu dan berbagai produk lain yang diinginkan pelanggan. Distro ini melayani pemesanan dengan design dari distro ataupun dari costumer. Sampai saat ini, distro belum memiliki sistem/web yang digunakan untuk membantu pemesanan produk. Pemesanan produk masih dilakukan secara langsung.

II.

Business Case:
Junko merupakan salah satu distro yang berlokasi di Solo, Jawa Tengah. Junko melayani pemesanan berbagai produk seperti pakaian, kostum, T-shirt, topi, sepatu dan berbagai produk lain. Junko ingin membuat suatu sistem yang dapat memenuhi criteria yang diinginkan oleh Junko. Antara lain : 1. Junko mengutamakan kepuasan customer, sehingga Junko akan mengusahakan untuk memenuhi setiap pesanan dari costumer. Untuk memenuhi kepuasan customer, Junko bersifat fleksible dalam hal berikut: - Ukuran produk Junko memiliki standar ukuran produk-produknya. Akan tetapi ukuran tersebuat masih bisa diubah sesuai dengan keinginan customer. - Design produk Junko bersedia membuatkan produk yang didesain sendiri oleh customer. Junko juga bersedia mendesainkan produk dalam hal model pakaian, dan pendesainan ini tidak dikenakan biaya. Tetapi apabila customer ingin agar Junko mendesainkan motif/gambar-gambar yang ada di produk (misal customer hanya dapat menggambar

Anapersis Kelompok Genta

Page 7

desain secara manual dan ingin agar Junko membuat design dalam bentuk digital), ada biaya yang dikenakan. 2. Junko melayani pemesanan tanpa batasan jumlah, pemesanan 1 buah produk pun tetap dilayani. 3. Junko bisa melayani pemesanan tanpa batasan wilayah. Pesanan dari manapun tetap dilayani dengan syarat apabila ada biaya pengiriman akan ditanggung costumer. 4. Costumer boleh mengcustomize pesanan. Dalam satu kali pemesanan, customer bisa memesan lebih dari satu produk, dengan ukuran bisa lebih dari satu jenis. Tapi dalam satu design produk, harus dengan satu bahan. Setiap satu jenis produk, akan dimasukkan dalam kelas order. Dalam satu pesanan bisa terdiri dari 1 order atau lebih. Setiap pesanan masuk ke kelas produk order. 5. JUNKO memproses produk sesuain dengan design yang diupload customer, baik corak maupun warna. Warna yang dibuat juga berdasarkan design yang diupload, mengingat keanekaragaman warna. Problem : Distro JUNKO merupakan distro baru, sehingga belum banyak permasalahan yang pernah ditemui sampai saat ini. Permasalahan utama yang dihadapi sebatas mengenai cara pemesanan manual yang dinilai kurang efisien. Business prosesnya : Customer dapat melihat sample produk yang ditawarkan oleh distro sebagai sampel apabila ada customer yang ingin membuat produk dengan desain yang sama atau hampir sama. Customer harus mendaftar sebagai member jika ingin memesan product junko atau melakukan transaksi lainnya. Pemesanan dapat langsung menggunakan sampel produk dari Junko, bisa pula dengan menggunakan desain sendiri. Dari halaman produk customer memilih produk yang akan dipesan dengan design yang sama atau hampir sama dengan produk yang dipilih. Apabila customer menggunakan desain dari Junko, customer bisa langsung memesan dan bisa melihat harga yang tertera. harga tersebut sudah tidak ada perubahan. Apabila desain dibuat sendiri, maka customer harus meng-upload design pada field keterangan, dengan jumlah, dan ukuran yang diinginkan. Pesanan yang ingin dipesan akan masuk ke keranjang belanja. Pada keranjang belanja tersebut akan tercamtum harga produk, akan tetapi harga tersebut hanya perkiraan bukan harga pasti. Harga akan menyesuaikan design dari member(tingkat kesulitan pembuatan produk

mempengaruhi harga). Sehingga customer harus menunggu tanggapan dari admin. Admin akan Anapersis Kelompok Genta Page 8

menanggapi design yang diajukan dan mencantumkan harga pesanan di web itu juga. Apabila customer setuju dengan harga yang ditawarkan, maka bisa langsung memesan produk. Setelah melakukan pemesanan secara online customer bisa melakukan pembayaran DP secara langsung (datang ke kantor) atau bisa pula dengan transfer uang minimal sebesar 50% dari total biaya yang dikenakan. Apabila pembayaran dilakukan secara langsung maka pembayaran akan langsung dicatat dan pesanan akan segera diproses. Apabila pembayaran via transfer, costumer harus mengisi halaman konfirmasi pembayaran yang ada di transaksi. Konfirmasi akan dilihat oleh admin dan admin akan mengecek apakah konfirmasi yang ada valid atau tidak. Jika valid kemudian pesanan akan segera diproses. Jika tidak admin akan mengirim pesan kepada customer melalui comment. Apabila customer tidak mengirimkan konfirmasi dalam 1 minggu, maka dianggap tidak melakukan pembayaran dan pesanan batal diproses karena dianggap belum melakukan transfer. Setelah DP selesai, pesanan dibuat oleh Junko. Perubahan model maupun ukuran masih bisa diterima selama pemesanan belum lebih dari 1 minggu dari pesanan. Junko akan melaporkan status pesanan ke customer bila pesanan sudah selesai dibuat, dan memberi sampel produk jadi ke customer. Pesanan yang sudah jadi tidak langsung dikirim, akan tetapi customer harus melunasi biaya yang dikenakan terlebih dahulu. Setelah pembayaran lunas pesanan akan dikirim. Biaya pengiriman pesanan ditanggung oleh customer.

III.

Business Need :
Dari hasil interview yang kami lakukan terhadap pengelola distro. Kami dapat menyimpulkan bahwa : - Saat ini distro belum memiliki sistem informasi yang dapat digunakan sebagai sarana pemesanan secara online bagi costumer. - Distro ingin membuat sustu sistem pemesanan online untuk meningkatkan pemasaran produknya. - Distro ingin agar sistem yang dibuat memenuhi aturan bisnis yang yang tertera pada business case dan memenuhi aturan bisnis proses di atas.

IV.

Project Benefit :
Keuntungan yang dapat diperoleh oleh perusahaan (dalam hal ini Junko) antara lain : - Memperluas jangkauan pemasaran produk. - Memungkinkan semakin banyaknya pesanan karena pemasran semakin luas.

Anapersis Kelompok Genta

Page 9

- Memungkinkan semakin banyaknya keuntungan yang didapat dari pesanan yang bertambah banyak. - Meningkatkan daya saing Junko di kalangan distro.

V. VI.
-

Deskripsi project :
Project ini merupakan proyek pembuatan sistem informasi dan pemesanan bagi distro JUNKO

Scope Project :
Project yang akan dikerjakan oleh kelompok GENTA berupa sistem informasi dan pemesanan secara online. Project ini meliputi : pembuatan sistem, instalasi dan training ke pengguna sistem. Project ini hanya berlaku untuk distro JUNKO.

VII.

Scope Sistem :
Sistem yang akan kami buat merupakan sebuah sistem berbasis web yang dapat digunakan untuk pemesanan produk-produk distro JUNKO. Sistem pemesanan ini berlaku untuk pemesanan dari semua daerah (jangkauan pemesanan tidak dibatasi).

VIII.
-

Functional Requirement :
Sistem dapat digunakan untuk pemesanan produk Semua user dapat melihat profile perusahaan, daftar produk sample, ukuran produk standart dan bahan yang ditawarkan beserta harganya. Sistem memungkinkan User yang login sebagai pelanggan tetap dapat mengelola data pelanggan, tapi tidak bisa mengubah data jumlah transaksi pemesanan. Sistem memungkinkan User yang akan memesan produk bisa memilih sample yang ditawarkan atau mengupload design produknya sendiri. Sistem memungkinkan user dapat memilih ukuran, jumlah dan bahan sesuai keinginan (bisa dengan ukuran standar junko atau member ukuran sendiri) Sistem memungkinkan bagi pelanggan tetap dan admin, bisa melihat data transaksi yang pernah dilakukan Sistem memungkinkan admin untuk mengelola data produk, ukuran dan bahan Junko Sistem memungkinkan admin untuk mengelola data order(pesanan), seperti mengupdate status order, mengubah harga order Sistem dapat digunakan oleh admin dan member untuk saling berkomunikasi dengan saling memberi comment

Anapersis Kelompok Genta

Page 10

Sistem memungkinkan user untuk mendaftar sebagai member

IX.

Non Functional Requirement :

- Sistem memiliki authentifikasi bagi admin dan pelanggan tetap - Authentifikasi memberikan hak akses tersendiri untuk tiap jenis user (admin ataupun pelanggan tetap) - Tampilan design full color - Harus ada logo Junko - Admin dapat mengelola semua content yang ada dalam web.

X.

Dokumentasi :
Metode fact finding yang kami gunakan adalah interview. Kami mendatangi kantor Junko yang terletak di JL. MT Haryono 14 Manahan Solo dan bertemu dengan operasional Junko. Kemudian ada beberapa hal yang disepakati : - Group GENTA akan mengunjungi kantor untuk membahas mengenai project setiap seminggu sekali. - Penandatanganan persetujuan proyek akan dilakukan oleh owner Junko sendiri. Script interview dengan pihak JUNKO 1. Apakah bahan harus dari Junko ? Bahan harus dari junko, tapi JUNKO fleksibel dalam pemilihan jenis bahan. 2. Apakah penentu dasar harga ? Berdasarkan jumlah dan tingkat kesulitan. 3. Darimanakah desain produk ditentukan ? customer langsung ataukah junko ? Customer bisa mendesain sendiri desain yang diharapkan. Akan tetapi junko juga bisa membuatkan desain jikalau customer menghendaki. 4. Apakah pembuatan desain nantinya juga mempengaruhi harga pesanan ? Desain model tidak dikenakan biaya. Tapi untuk motif-motifnya kami kenakan biaya. 5. Terkait ukuran apakah ukuran sudah disiapkan dari Junko ? Ukuran ikut pemesanan tetapi disini juga menyediakan ukuran default. 6. Macam produk yang disediakan ? Jaket, followshirt, blazer, tas, topi. Tergantung pemesanan. 7. Bahan yang tersedia apa saja ?

Anapersis Kelompok Genta

Page 11

Ada stok standard, tapi jika ada pesanan yang berbeda bisa. 8. Berapakah minimal barang pesan yang dilayani ? Kami tidak membatasi jumlah barang pesanan, jumlah satu pun kami layani. 9. Scope pemesanan hanya berlaku untuk wilayah sekitar solo apakah juga menerima pesanan luar kota ? Bisa memenuhi hingga luar daerah dengan biaya pengiriman ditanggung customer. 10. Apakah diberlakukan system member bagi customer yang hendak melakukan transaksi ? Sementara junko belum menerapkan system member. 11. Bagaimakah system pembayarannya ? Berapa persen yang harus dibayar customer terkait pemesanan ? Adakah ketentuan batas waktu pembayaran ? Kami menyediakan dua pilihan. Bisa dilakukan secara langsung tapi juga bisa dilakukan transfer dengan memanfaatkan resi sebagai bukti dengan DP 50% dari total harga pemesanan dengan angsuran 2 kali. Jadi bila sudah ada DP, saat itu juga pesanan baru masuk ke daftar pemesanan kami. Tanpa memberikan batas waktu pembayaran. 12. Apakah ada promo ? Sementara belum pernah ada promo khusus. Hanya saja kami mempunyai kebijakan pemberian hak special berupa harga special bagi customer tetap kami. Customer tetap tidak lain adalah customer yang telah melakukan 3 kali transaksi pemesanan dengan kami. 13. Sudah adakah kerjasama dengan pihak lain ? Sudah. Ada kerjasama dengan beberapa pihak berupa pembuatan catalog. 14. Adakah batas waktu minimal dan maksimal dalam pemenuhan pemesanan ? Sementara ini yang ada hanyalah apabila barang pemesanan tersebut sedikit, maksimal 2 minggu. Dan apabila jumlah pemesanan banyak, maksimal 3 minggu. Tapi semua itu menyesuaikan tingkat kesulitan juga. 15. Bagaimana proses transaksi yang dikehendaki ? Customer yang hendak melakukan transaksi tidak harus melakukan login terlebih dahulu. Kami hanya memerlukan resi dan contact person dari customer. Dalam proses pemesanan selalu di usahakan ada konfirmasi pesanan siap apa belum barang pesanan. Jika barang sudah siap, dan pembayaran lunas. Maka barang akan dikirim ke customer. Akan tetapi jikalau pembayaran belum dilunasi meskipun barang sudah siap, maka barang juga tidak dikirim. 16. Bisakah customer melakukan perubahan pemesanan ? Anapersis Kelompok Genta Page 12

Customer bisa melakukan perubahan pemesanan produk selama 1 minggu setelah hari itu melakukan pemesanan. Apabila lebih dari itu, junko menganggap barang yang di pesan di awal pemesanan adalah barang pesan yang sebenarnya.

Anapersis Kelompok Genta

Page 13

Surat Persetujuan dengan Pihak JUNKO

Anapersis Kelompok Genta

Page 14

Dokumentasi gambar :

Gambar1. JUNKO distro

Gambar2. Group GENTA meminta ijin interview

Anapersis Kelompok Genta

Page 15

Gambar2. Group GENTA dan operasional JUNKO melakukan interview

Anapersis Kelompok Genta

Page 16

XI.

Activity Diagram 1. Activity Diagram Member

Anapersis Kelompok Genta

Page 17

2. Activity Diagram Admin

Anapersis Kelompok Genta

Page 18

XII.

Use Case 1. Use Case Diagram

2. Use Case Description

Kasus Prekondisi Use Case Narative Melihat Produk Nama Proses Actor Deskripsi Melihat Produk User, Member, Admin User dapat melihat data produk yang pernah dibuat oleh JUNKO dan semua data mengenai detail produk JUNKO, seperti bahan yang disediakan, ukuran standar yang dipakai JUNKO : Distro Jungko : Member dan Admin sudah Login

Anapersis Kelompok Genta

Page 19

Pre-Condition Post-Condition

User berada dalam sistem User dapat melihat data produk JUNKO

Memanage Data Produk Nama Proses Actor Deskripsi Memanage Data Produk Admin Admin dapat mengelola segala hal mengenai data produk dari JUNKO, pengelolaan meliputi : add produk, update produk, delete produk Pre-Condition Post-Condition Admin sudah login dan berada di halaman produk Data produk JUNKO pada sistem terupdate

Mendaftar Member Nama Proses Actor Deskripsi Pre-Condition Post-Condition Mendaftar Member User User secara umum dapat mendaftar sebagai member JUNKO. User telah berada pada sistem JUNKO Sistem menampilkan form pendaftaran dan setelah disubmit akan menyimpan data user tersebut.

Melihat Data Member Nama Proses Actor Deskripsi Pre-Condition Post-Condition Melihat Data Member Admin Admin dapat melihat data semua member. Admin sudah login Sistem menampilkan data semua member

Mendelete Member Nama Proses Actor Deskripsi Mendelete Member Admin Admin dapat mendelete member yang dipilih, jika diinginkan Page 20

Anapersis Kelompok Genta

Pre-Condition Post-Condition

Member sudah login dan sudah melihat data member Data member terhapus

Melihat Data Pribadi Member Nama Proses Actor Deskripsi Melihat Data Pribadi Member Member, Admin Member dan admin dapat melihat data member. Pre-Condition Post-Condition Member dapat melihat data-data khusus untuk dirinya sendiri Admin dapat melihat data semua member

Member / Admin sudah login Sistem menampilkan data khusus member

Mendelete Member Nama Proses Actor Deskripsi Pre-Condition Post-Condition Mendelete Member Admin Admin dapat mendelete member yang dipilih, jika diinginkan Member sudah login dan sudah melihat data member Data member yang dipilih terhapus

Memesan produk Nama Proses Actor Deskripsi Pre-Condition Memesan Produk Member Member dapat melakukan pemesanan melalui sistem Member sudah login dan memilih suatu produk dengan design yang sama dengan produk yang dipilih atau hampir mirip dengan produk yang ditawarkan Post-Condition Sistem menampilkan form pesanan

Menginputkan dan Mensubmit Data Pesanan

Anapersis Kelompok Genta

Page 21

Nama Proses Actor Deskripsi

Menginputkan dan mensubmit data pesanan Member Member dapat melakukan pesanan. Input yang diharapkan antara lain : Jenis produk Ukuran Design (jika menggunakan design sendiri)

Sistem menyediakan pilihan input(ada ukuran,design) yang disediakan oleh JUNKO. Tapi member yang ingin memesan produk juga bisa member input lain, misal : member ingin memesan suatu produk dari junko tapi dengan design sendiri, maka user dapat menginputkan mengupload gambar pada keterangan. Jika user ingin ukuran sendiri yang berbeda dengan ukuran default dari JUNKO juga bisa menulis ukuran pada keterangan. Pre-Condition Post-Condition Member telah login dan memilih menu order pada produk yang dipilih. Sistem akan menyimpan pesanan dari member

Melihat Data Pesanan Nama Proses Actor Deskripsi Melihat data pesanan Admin, member Admin maupun member bisa melihat data pesanan, Pre-Condition Post-Condition Admin bisa melihat data pesanan dari semua member Member hanya bisa melihat data pesanan miliknya sendiri

Member, admin sudah login Sistem menampilkan data pasanan

Mengupdate Harga Pesanan Nama Proses Actor Deskripsi Pre-Condition Post-Condition Mengupdate harga pesanan Admin Admin bisa mengupdate harga pesanan yang dipesan oleh member. Admin sudah login dan ada pesanan baru dari member Sistem menyimpan perubahan harga ke database

Anapersis Kelompok Genta

Page 22

Mengkonfirmasi Pembayaran Nama Proses Actor Deskripsi Pre-Condition Post-Condition Mengkonfirmasi Pembayaran Member Member bisa melakukan konfirmasi apabila telah melakukan pembayaran. Member sudah login dan sedang memiliki pesanan Sistem menyimpan konfirmasi dari member

Mengupdate Status Pembayaran Nama Proses Actor Deskripsi Mengupdate Status Pembayaran Admin Setelah admin mengecek apakah pembayaran dari user memenuhi syarat atau tidak, maka admin bisa mengupdate status pembayaran yang ada di data pesanan Pre-Condition Post-Condition Admin sudah login dan ada pesanan Sistem menyimpan perubahan status pembayaran pesanan

Mengupdate Status Pesanan Nama Proses Actor Deskripsi Pre-Condition Post-Condition Mengupdate Status Pesanan Admin Admin dapat merubah status pesanan Admin sudah login dan ada pesanan di daftar pesanan Sistem menyimpan perubahan status pesanan

Mengupload Gambar Pesanan Jadi Nama Proses Actor Deskripsi Mengupload Gambar Pesanan Jadi Admin Admin bisa mengupload gambar pesanan yang sudah jadi sebagai bukti bahwa pesanan telah benar-benar jadi dan sistem akan mengirim report ke member untuk membayar biaya kekurangannya(bila belum lunas), karena pihak JUNKO belum mengirim produk jika pembayaran belum lunas

Anapersis Kelompok Genta

Page 23

Pre-Condition Post-Condition

Admin sudah login dan ada di halaman pesanan Gambar terupload dan report ke member terkirim

Melihat Comment Nama Proses Actor Deskripsi Melihat Comment Admin, Member Admin maupun member dapat melihat semua comment yang antara member itu sendiri dan admin Pre-Condition Post-Condition Admin, member telah login. Halaman comment telah terisi Comment akan ditampilkan, atau pemberitahuan bahwa comment kosong

Add Comment Nama Proses Actor Deskripsi Add comment Admin, member Admin, member dapat memberi comment maupun membalas comment dari member/admin Pre-Condition Post-Condition Admin, member telah login Comment balasan tersimpan

Anapersis Kelompok Genta

Page 24

XIII.

Class Diagram

Anapersis Kelompok Genta

Page 25

XIV.

Sequence Diagram 1. Sequence Diagram Cart Pemesanan

2. Sequence Diagram Edit Produk

Anapersis Kelompok Genta

Page 26

3. Sequence Diagram Add Produk

4. Sequence Diagram Delete Produk

Anapersis Kelompok Genta

Page 27

5. Sequence Diagram Edit Qty

6. Sequence Diagram Edit Transaksi

Anapersis Kelompok Genta

Page 28

7. Sequence Diagram Konfirmasi Pembayaran

Anapersis Kelompok Genta

Page 29

XV.

State Machine 1. State machine Transaksi

2. State machine Login

3. State machine Cart

Anapersis Kelompok Genta

Page 30

XVI.

Data Manajement Layer 1. Object Persistance Diagram

Anapersis Kelompok Genta

Page 31

2. Tabel Dictionary Data Manajement Layer

Tabel Admin Nama Kolom id_admin Nama Alamat Username Password No_telp Email Level Tipe Data int(11) varchar(30) Varchar(50) varchar(30) char(32) varchar(15) varchar(30) Varchar(10) Ya Primary Key Null Tidak Tidak Tidak Tidak Tidak tidak tidak tidak admin Default

Tabel Cart Nama Kolom id_cart Id_member Id_produk Design

Tipe Data int(11) int(11) int(11) Text Ya

Primary Key Tidak Tidak Tidak Tidak

Null

Default

Anapersis Kelompok Genta

Page 32

S M L Xl Other Other_ket tanggal

int(11) int(11) int(11) int(11) int(11) Text Timestamp

Tidak Tidak Tidak Tidak Tidak Tidak Tidak admin

Tabel Comment Nama Kolom id_comment Id_member Isi_comment Date status

Tipe Data int(11) varchar(30) Varchar(50) varchar(30) varchar(32)

Primary Key Ya

Null Tidak Tidak Tidak Tidak Tidak

Default

on update CURRENT_TIMESTAMP

Tabel Member Nama Kolom id_member

Tipe Data int(11) Ya

Primary Key

Null Tidak

Default

Anapersis Kelompok Genta

Page 33

Nama Alamat Username Password No_telp Email Level Status

varchar(30) Varchar(50) varchar(30) char(32) varchar(15) varchar(30) Varchar(10) Varchar(10)

Tidak Tidak Tidak Tidak tidak Ya Ya tidak NULL NULL Member Non aktif

Tabel Pembayaran Nama Kolom id_pembayaran Id_transaksi Tanggal Atas_nama Nama_bank No_rekening Jumlah_uang

Tipe Data int(11) int(11) Date varchar(50) Varchar(50) varchar(30) Int(11) Ya

Primary Key

Null Tidak Tidak Tidak Tidak Tidak Tidak Tidak

Default

Anapersis Kelompok Genta

Page 34

status

Varchar(30)

Tidak

Belum diterima

Tabel Product Nama Kolom id_product Nama_product Keterangan Tipe Data int(11) varchar(50) text Ya Primary Key Null Tidak Tidak Tidak Default

Tabel Product Detail Nama Kolom id_product_detail Id_product Id_qty harga Tipe Data int(11) int(11) int(11) int(11) Ya Primary Key Null Tidak Tidak Tidak Tidak Default

Tabel Qty Nama Kolom Tipe Data Primary Key Null Default

Anapersis Kelompok Genta

Page 35

id_qty min max

int(11) int(11) int(11)

Ya

Tidak Tidak Tidak

Tabel Transaksi Nama Kolom id_transaksi Id_member Tanggal Status_transaksi Status_pembayaran Status_barang keterangan Tipe Data int(11) int(11) Date varchar(30) Varchar(30) varchar(30) text Ya Primary Key Null Tidak Tidak Tidak Tidak Tidak Tidak Tidak Menunggu Konfirmasi Belum lunas Belum diterima Default

Tabel Transaksi Detail Nama Kolom id_transaksi_detail Tipe Data int(11) Ya Primary Key Null Tidak Default

Anapersis Kelompok Genta

Page 36

Id_transaksi Id_member Id_product design s m l xl other Other_ket harga

int(11) int(11) int(11) Varchar(100) int(11) text int(11) int(11) int(11) ket int(11)

Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak Ya Tidak Null Menunggu Konfirmasi Belum lunas Belum diterima

XVII.

Human Computer Interaction Layer

Login Tipe Validasi

Completeness check Semua field harus diisi. Username dan password harus diisi. Apabila masih ada field yang kosong maka Anapersis Kelompok Genta Page 37

akan muncul pesan peringatan dan login belum dapat dilakukan.

Database check Setelah semua field diisi, data yang diinputkan oleh user dicocokkan dengan data yang tersimpan dalam database. Apabila tidak sesuai, maka muncul pesan login gagal dan user belum dapat masuk ke dalam sistem. Apabila sesuai, maka user berhasil masuk ke dalam sistem.

Homepage

Format check Field harus diisi

Pesan Error

Di samping adalah pesan error yang muncul saat field tidak diisi maupun data yang dimasukkan tidak sesuai database.

Registrasi Tipe Validasi

Completeness check

Anapersis Kelompok Genta

Page 38

Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan.

Format check Untuk field No.Telp harus berupa angka dan/atau karakter +. Untuk field E-mail, input yang dimasukkan harus berformat xxx@xxx.xxx yang xxx dapat berupa karakter huruf a-z, angka 0-9, karakter ., _, atau -.

Form Registrasi

Terdiri dari form yang harus diisi sebagai syarat pendaftaran. Dengan click registrasi maka data aktivasi akan dikirim ke email, dan akan menuju window aktivasi.

Pesan Error saat form tidak diisi.

Anapersis Kelompok Genta

Page 39

Pesan Error saat No. Telp dan Email tidak diisi dengan nomor dan format yang benar.

Aktivasi Tipe Validasi

Completeness check Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan. Halaman aktivasi, yang akan muncul setelah registrasi. Database check Saat diisi akan dicocokkan Anapersis Kelompok Genta Page 40

dengan database yang ada. Username dank ode aktivasi yang telah dikirmkan ke email.

Pesan Error saat field tidak diisi, maupun username dan kode aktivasi tidak sesuai.

Terdiri dari dua form, username dank ode aktivasi (didapat dari registrasi lewat email) Button aktivasi akan mengaktifkan akun. Akan muncul pesan aktivasi berhasil jika aktivasi dengan benar telah dilakukan.

Product Order (Menu Member) Tipe Validasi

Completeness check Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan.

Tampilan Menu Product dengan Order.

Format check Untuk field pada ukuran dalam hal ini harus angka, karena inputan merepresentasikan jumlah yang dipesan.

Button order, ketika diclik akan memunculkan window Anapersis Kelompok Genta Page 41

order, yang berisi form inputan jumlah ukuran yang akan dipesan.

Pada window order terdapat button upload yang dapat mengupload gambar. Untuk kebutuhan desain pribadi. Button add to cart akan menyimpan pesanan, dan memindahnya ke keranjang belanja. Form Order yang akan muncul saat button order diclick

Pesan Error saat masukkan pada ukuran tidak berupa angka.

Keranjang Belanja (Menu Member) Anapersis Kelompok Genta Page 42

Pada menu keranjang belanjan menampilkan data order yang telah dilakukan (yang belum disimpan ke transaksi) Terdapat menu edit untuk mengedit data order (memunculkan window order) Keranjang Belanja setelah input order dilakukan. Terdapat menu delete untuk menghapus data, saat diclick maka data akan terhapus.

Menu simpan transaksi akan menyimpan data ke transaksi.

Fungsi Edit pada keranjang belanja yang memunculkan kembali form order untuk keperluan editing jumlah pesanan.

Saat delete atau simpan transaksi dilakukan, keranjang belanja menjadi kosong.

Anapersis Kelompok Genta

Page 43

Transaksi (Menu Member) Tipe Validasi

Completeness check Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan.

Data Transaksi yang tersimpan dengan masukkan dari order.

Format check Untuk field pada jumlah uang dalam hal ini harus angka, karena inputan merepresentasikan nominal rupiah yang ditransfer.

Saat tombol detail diclick maka akan muncul window transaksi secara detail yang terdiri dari tabel order, pembayaran dan form input pembayaran. Detail Transaksi, yang memuat tabel order dan pembayaran. Dengan input untuk keterangan pembayaran.

Form input pembayaran dapat diisi dan disimpan yang kemudian akan disimpan ke database, yang nantinya akan diverifikasi oleh admin.

Anapersis Kelompok Genta

Page 44

Input, pada field jumlah uang harus berupa angka.

Saat data pembayaran disimpan, maka akan masuk ke database. Blog (Menu Admin) Tipe Validasi

Completeness check Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan.

Blog

Pada menu tambah blog, jika diclick akan masuk ke window tambah blog. Di sini dapat menambah berita dengan mengisi judul, tanggal dan isi. Page 45

Anapersis Kelompok Genta

Button simpan akan menyimpan data masukkan ke database.

Menu edit akan mengedit data yang disorot, akan muncul window edit yang terdiri dari judul, tanggal dan isi yang berisi data sebelumnya yang dapat dirubah. Menu tambah blog Button simpan akan menyimpan data masukkan terbaru.

Menu Delete akan menghapus data yang disorot. Akan muncul pesan berisi delete telah sukses.

Penyimpanan blog berhasil.

Anapersis Kelompok Genta

Page 46

Delete blog, dan pesan berhasil

Product (Menu Admin) Tipe Validasi

Completeness check Semua field harus diisi. Jika tidak diisi maka akan muncul peringatan.

Format check Menu Manage Product Untuk field pada tabel quantity (harga) dalam hal ini harus angka, karena inputan merepresentasikan nominal rupiah.

Saat delete dilakukan maka akan muncul pesan tentang penghapusan data berhasil

Anapersis Kelompok Genta

Page 47

Saat edit/update dilakukan akan muncul pesan tentang update berhasil.

Menu tambah product

Pesan sukses saat penambahan dilakukan.

Pesan sukses saat delete berhasil dilakukan.

Daftar Quantity (Menu Admin)

Anapersis Kelompok Genta

Page 48

Saat edit di click maka akan muncul form untuk mngedit interval. Dengan mengeclick update maka data baru yang sudah diinput akan tersimpan.

Menu Daftar Quantity

Menu edit untuk daftar quantity, menampilkan jumlah interval. Dengan mengeclick update maka data interval akan tersimpan.

Saat berhasil diupdate, data tersimpan.

Transaksi (Menu Admin) Saat detail diclik maka akan masuk ke manajemen transaksi, dimana ada manage status dari pembayaran, transaksi, barang. Jika Diclick delete maka data akan terhapus. Transaksi, yang dapat dimanage. Anapersis Kelompok Genta Page 49

Pada detail transaksi, manage status dapat dilakukan dengan mengubah status pada dropdown menu yang tersedia dalam setiap status. Kemudian update untuk menyimpan perubahan.

Manage status, untuk status transaksi, status pembayaran, dan status barang.

Saat delete diclick, maka data dihapus dari data.

Anapersis Kelompok Genta

Page 50

Logout Saat hyperlink logout diclick, maka sistem akan logout dan akam muncul pesan telah keluar dari sistem.

Pilihan menu logout pada admin side.

Pilihan menu logout pada member side.

Message logout telah berhasil

Anapersis Kelompok Genta

Page 51

XVIII.

Package Diagram

Anapersis Kelompok Genta

Page 52

XIX.

Perancangan User Interface Window Navigation Diagram Admin

Anapersis Kelompok Genta

Page 53

Member

Anapersis Kelompok Genta

Page 54

User Umum

Anapersis Kelompok Genta

Page 55

XX.

Physical Arcitecture Layer

Anapersis Kelompok Genta

Page 56

1. Deployment Diagram

Anapersis Kelompok Genta

Page 57

2. Hardware & Software Specification.

Standard Client Standard Web Server Linux Standard Application Server Linux Standard Database Server Linux

Operating system

Special software Hardware

Windows Linux Mac OS Web browser

Apache 80GB HDD Pentium Dual 100 Mbps ethernet

PHP 80GB HDD Pentium Dual 100 Mbps ethernet

MySQL 320GB HDD RAID Quad Pentium Dual 100 Mbps ethernet

Network

40 GB HDD Pentium 15 inch monitor Always on broadband Dial up at 56kbps

Anapersis Kelompok Genta

Page 58