BAB II ANALISIS DAN PERANCANGAN

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB II ANALISIS DAN PERANCANGAN"

Doddy Santoso
6 tahun lalu
Tontonan:

1 BAB II ANALISIS DAN PERANCANGAN 2.1. Deskripsi Sistem Website kitajual.in adalah website untuk promosi barang / jasa bagi penjual. Penjual bebas untuk memasukkan informasi barang / jasanya sesuai dengan kategori / wilayah yang ada. Sedangkan pengunjung yang membutuhkan barang / jasa, dapat melakukan pencarian dengan mudah dan nyaman Analisis Kebutuhan seperti : Sistem yang akan di bangun di harapkan mempunyai fitur fitur Untuk member : 1. Input Iklan 2. Edit iklan 3. Hapus iklan 4. Lihat iklan 5. Edit profil 6. Ganti password Untuk tamu : 8

2 1. Lihat iklan terbaru 2. Lihat iklan per-kategori 3. Lihat iklan per-jenis 4. Pencarian iklan dengan keyword tertentu. 5. Pencarian iklan pada wilayah tertentu Prototype Interface 1. Halaman Login 2. Menu Member Gambar 2.1 Gambar Menu PASANG IKLAN digunakan untuk menambah iklan baru. 9

3 - Menu LIHAT IKLAN digunakan untuk melihat list iklan iklan yang pernah ditambahkan. - Menu PROFIL digunakan untuk melihat / mengubah data profil member. - Menu GANTI PASSWORD digunakan untuk mengganti password member. 3. Pasang Iklan Gambar

4 4. List Iklan Gambar Edit Iklan Gambar

5 6. Profil Gambar Ganti Password Gambar Menu Tamu Gambar

6 - Menu ABOUT digunakan untuk menjelaskan informasi situs web. - Menu CONTACT digunakan untuk menampilkan form input untuk saran, kritik, pertanyaan atau informasi terkait web, yang nanti akan diteruskan kepada pengurus website. - Menu PETUNJUK & FAQ digunakan untuk menampilkan petunjuk penggunaan situs / jawaban dari pertanyaan yang sering muncul. - Menu PETA SITUS digunakan untuk menampilkan daftar menu yang ada di website. - Menu JUAL digunakan untuk menampilkan iklan iklan dengan jenis JUAL. - Menu BELI digunakan untuk menampilkan iklan iklan dengan jenis BELI. - Menu SEWA digunakan untuk menampilkan iklan iklan dengan jenis SEWA. - Menu JASA digunakan untuk menampilkan iklan iklan dengan jenis JASA. - Menu PENCARIAN digunakan untuk melakukan pencarian iklan di website. 9. Lihat Iklan Terbaru 10. Lihat Iklan Per - Kategori Gambar

7 Gambar Lihat Iklan Per - Jenis Gambar

8 12. Pencarian Gambar

9 2.4. Perancangan Sistem Untuk merancang sistem yang akan di bangun, terlebih dahulu kita membuat use case kemudian kita membuat sequence diagram, kemudian class diagram. - Use case menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah APA yang diperbuat sistem, dan bukan BAGAIMANA. - Sequence diagram menggambarkan interaksi antar objek didalam dan di sekitar sistem. Sequence diagram biasa digunakan untuk menggambarkan skenario atau langkah langkah yang dilakukan sebagai respon dari sebuat event untuk menghasilkan output. - Class diagram menggambarkan keadaan(atribut / properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut(metode / fungsi) Use Case tamu. Ada 2 aktor yang akan di buat use case nya, yaitu member dan 16

10 Use Case member : <<include>> MemberA (from Use Case View) Pasang Iklan <<include>> Login Lihat Iklan <<include>> <<include>> Edit Iklan <<include>> <<include>> Hapus Iklan Ganti Password Edit Profil Logout Gambar 2.13 Use Case Tamu Use Case tamu: Pencarian TamuA (from Use Case View) Lihat satu iklan Lihat iklan perkategori LIhat iklan perjenis LIhat iklan terbaru Lupa Password Pendaftaran Gambar 2.14 Use Case Member 17

11 Sequence Diagram Untuk member : : MemberA : Form_pasang_iklan : Member : Model_user_free : Model_wilayah : Model_kategori : Model_iklan_gratis 1: cek_aktif() 2: Data_aktif 3: Data_wilayah 5: pasang_iklan() 4: Data_kategori 6: Pasang_iklan 7: Pasang_iklan() 8: pasang_iklan() Gambar 2.15 Sequence diagram Pasang_iklan : MemberA : Form_list_iklan : Member : Model_iklan_gratis 2: list_iklan() 1: *lihat_iklan_permember() 3: Lihat iklan Gambar 2.16 Sequence diagram Lihat_iklan 18

12 : MemberA : Form_edit_iklan : Member 1: ambil_data_edit() : Model_iklan_gratis 2: edit_iklan() 3: Edit Iklan 4: edit_iklan() 5: edit_iklan() Gambar 2.17 Sequence diagram Edit_iklan : MemberA : Form_list_iklan : Member : Model_iklan_gratis 1: lihat_iklan_permember() 2: hapus_iklan() 3: Hapus Iklan 4: hapus_iklan() 5: hapus_iklan() Gambar 2.18 Sequence diagram Hapus_iklan 19

13 : MemberA : status_ganti_password : Member : Model_user_free 1: ganti_password() 2: Ganti password 3: ganti_password() 4: cek_password_lama() 5: update_password() Gambar 2.19 Sequence diagram Ganti_password : MemberA : Form_profil : Member : Model_user_free 1: ambil_data_profil() 2: profil() 3: Ubah profil 4: profil() 5: update_profil() Gambar 2.20 Sequence diagram Edit_profil 20

14 : MemberA : Form_login : Member 1: logout() 2: logout Gambar 2.21 Sequence diagram Logout Model_iklan_gratis id_iklan : Integer id_user id_wilayah jenis id_kategori message judul tgl_buat aktif keterangan keyword hit last_update_hit ambil_data_edit() ambil_hasil_pencarian() ambil_iklan_perjenis() ambil_iklan_perkategori() ambil_satu_iklan() ambil_semua_iklan_terbaru() ambil_semua_iklan_terpopuler() ambil_total_records_perjenis() ambil_total_records_perkategori() edit_iklan() hapus_iklan() pasang_iklan() update_hit() 1..* 1..* 1 1..* Model_user_free id_user nama password alamat perusahaan ym telp hp aktif _token valid_ ambil_data_profil() cek_aktif() cek_ _unik() cek_login() cek_password_lama() generate_password() konfirmasi_ () lihat_iklan_permember() lihat_total_iklan_member() logged_in() set_session() simpan_pendaftaran() update_password() update_profil() 1 Model_kategori id_kategori nama_kategori path keterangan 1 Model_wilayah id_wilayah nama_wilayah ambil_data_dropdown() ambil_data_dropdown() Gambar 2.22 Class diagram Stereotipe Entitas 21

15 Framework Codeigniter Pembuatan website ini menggunakan framework Codeigniter. Codeigniter merupakan alat bantu pembuatan website berbasis PHP. Dengan codeigniter waktu pembuatan menjadi lebih cepat, karena telah disediakan berbagai code untuk tujuan yang umum / biasa digunakan dalam pembuatan website. Codeigniter menggunakan konsep MVC (Model View Controller), yang memungkinkan pemisahan antara bagian logic dan presentation. Model mewakili struktur data, biasanya model berisi kode untuk memasukkan, mengambil dan menghapus data. View merupakan informasi yang ditampilkan kepada pengunjung web. Bisa berupa halaman utuh atau bagian bagian halaman. Controlller merupakan pengatur dari kerja Model dan View. Setiap pengunjung membuka halaman website, Controller yang bertugas memproses permintaan tersebut, bila membutuhkan data maka ia memanggil Model, bila ingin menampilkan hasil memanggil View. 22

dokumen-dokumen yang mirip

BAB II ANALISIS DAN PERANCANGAN. pendekatan perancangan sistem berorientasi objek. Perancangan sistem

BAB II ANALISIS DAN PERANCANGAN 2.1 Deskripsi Sistem Sistem informasi penjualan dan pembelian Gamis Batik dengan pendekatan perancangan sistem berorientasi objek. Perancangan sistem berorientasi objek