Perancangan Pesan Perancangan Prosedural

138

3.2.3 Perancangan Pesan

Pada gambar yang merupakan perancangan pesan yang terdapat pada aplikasi e-commerce Moist Clothing. Adapun tampilan pesan yang dijelaskan pada gambar 3.69. M01 Username dan password salah M02 Nama harus diisi M03 Alamat harus diisi M04 Provinsi harus diisi M05 Kota harus diisi M06 Kodepos harus diisi M07 Password harus diisi M08 Maaf, email yang anda masukan telah terdaftar M09 Anda telah berhasil melakukan Registrasi. Silahkan melakukan aktivasi M10 Kategori produk belum dipilih M11 Ukuran produk belum dipilih M12 Stok tidak mencukupi M13 Data berhasil ditambah M14 Data berhasil diubah M15 Data berhasil dihapus M16 Apakah anda yakin? YA TIDAK M17 Data gagal disimpan M18 Maaf, email yang anda masukan salah M19 Maaf, password yang anda masukan salah M20 Terima kasih sudah berkunjung Gambar 3. 69 Perancangan Pesan 3.2.4 Jaringan Semantik Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program akan digambarkan dalam sebuah jaringan semantik. 139

1. Jaringan Semantik pengunjung

Jaringan semantik pengunjung yang dijelaskan pada gambar 3.70. P01 P04 P05 P02 P03 P06 P07 P08 Ms02, Ms03, Ms04, Ms05, Ms06, Ms07, Ms08, Ms09 Ms18, Ms19 Gambar 3. 70 Jaringan Semantik pengunjung

2. Jaringan Semantik Member

Jaringan semantik member yang dijelaskan pada gambar 3.71. 140 F03 F10 F14 F11 F15 F02 F04 F05 F06 F08 F09 F07 F01 M18 , M19 F12 F13 Gambar 3. 71 Jaringan Semantik Member

3. Jaringan Semantik Admin

Jaringan semantik Administrator yang dijelaskan pada gambar 3.72. 141 A01 A02 M s0 3, M s0 6, Ms 07 A03 A04 A05 A06 A07 A08 A09 A10 A11 A12 A13 A14 A15 A16 A17 A18 A19 A20 A22 A23 A24 A25 A26 A27 A28 A29 A30 A31 A32 A33 A34 M 1 3 A35 A36 M13 M 13 M13 M1 3 M 1 3 M 1 5 , M 1 6 M 15 , M 16 M15, M16 M 15 , M 16 Gambar 3. 72 Jaringan Semantik Administrator

3.2.5 Perancangan Prosedural

Sebagai langkah terakhir dalam perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk pembangunan aplikasi e-commerce yang akan dibangun adalah sebagai berikut : 142 1. Prosedur Registrasi Prosedural Registrasi, prosedur ini dilakukan ketika pengguna akan melakukan registrasi yang dijelaskan pada gambar 3.73. start Input data registrasi daftar Valid? Ya finish Tidak Pengecekan data kosong Data kosong? Data terisi Tampil pesan data tidak boleh kosong Ya Tidak Tampil pesan “Data member telah terdaftar” Tampil pesan “Terima kasih Anda telah berhasil registrasi silahkan cek email untuk melakukan aktifasi ” Gambar 3. 73 flowchart registrasi 143 2. Prosedur Login Prosedur login, merupakan prosedur yang terjadi ketika member akan mengakses aplikasi yang dijelaskan pada gambar 3.74. mulai Input email dan password Valid ? selesai ya tidak Tampilkan pesan “Email dan password yang anda masukan salah” Masuk ke halaman member Cek email dan password Gambar 3. 74 flowchart Login 144 145 3. Prosedur Ganti Paassword Prosedur ganti password, merupakan prosedur yang terjadi ketika member ingin mengganti password yang dijelaskan pada gambar 3.75. Mulai Input Data password Baru Ubah Password Valid ? Selesai Tampil pesan data salah “password salah” ya tidak Tampil pesan “password baru berhasil disimpan” Gambar 3. 75 flowchart Ganti Password 146 147 4. Prosedur Edit Data Member Prosedur edit data member, merupakan prosedur yang terjadi ketika member ingin mengedit profil yang dijelaskan pada gambar 3.76. mulai Data member yang akan diubah Ubah Data profil member Data kosong ? ya selesai tidak Tampil pesan data tidak boleh kosong Tampil pesan “data member berhasil diubah” Gambar 3. 76 flowchart Edit Data Member 148 5. Prosedur tambah data ukuran Prosedur edit data admin, merupakan prosedur yang terjadi ketika admin ingin menambahkan ukuran yang dijelaskan pada gambar 3.77. mulai Input data ukuran yang akan diubah Ubah data ukuran Data kosong ? Tidak selesai Ya Tampil pesan data tidak boleh kosong Tampil pesan data ukuran berhasil diubah Gambar 3. 77 flowchart Tambah ukuran 149 6. Prosedur Tambah Data Barang Prosedur tambah data barang, prosedur ini dilakukan ketika admin akan melakukan penambahan data barang yang dijelaskan pada gambar 3.78. Mulai Input Data barang yang akan di tambah Tambah Data Barang Data Kosong Selesai Tampil pesan data tidak boleh kosong Ya Penambahan Tersimpan Tidak Data Barang Berhasil Disimpan Gambar 3. 78 flowchart Tambah Data Barang 150 7. Prosedur Tambah Data Kategori Prosedur tambah data kategori, prosedur ini dilakukan ketika admin akan melakukan penambahan data kategori yang dijelaskan pada gambar 3.79. Mulai Input Data kategori yang akan di tambah Tambah Data Kategori Data Kosong Selesai Tampil pesan data tidak boleh kosong Ya Penambahan Tersimpan tidak Data Barang Berhasil Di tambah Gambar 3. 79 flowchart Tambah Data Kategori 151 8. Prosedur Tambah Data Provinsi Prosedur tambah data provinsi, prosedur ini dilakukan ketika admin akan melakukan penambahan data provinsi yang dijelaskan pada gambar 3.80.. Mulai Input Data provinsi yang akan di tambah Tambah Data Kategori Data Kosong? Selesai Tampil pesan data tidak boleh kosong Ya Penambahan Tersimpan tidak Data Provinsi Berhasil Di Tambah Gambar 3. 80 flowchart Tambah Provinsi 152 9. Prosedur Edit Data Kota Prosedur ubah kota, prosedur ini dilakukan ketika admin akan melakukan perubahan data kota yang dijelaskan pada gambar 3.81. Mulai Input Data kota yang akan di ubah Ubah Data kota Data Kosong Selesai Tampil pesan data tidak boleh kosong Ya Penambahan Tersimpan tidak Data kota Berhasil Di ubah Gambar 3. 81 flowchart Ubah Data Kota 147

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi Sistem

Tahap implementasi sistem merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya.

4.1.1 Perangkat keras yang digunakan

Spesifikasi perangkat keras hardware yang digunakan dalam pembangunan aplikasi E-Commerce di Moist Clothing adalah tercantum pada tabel 4.1 sebagai berikut: Tabel 4. 1 Perangkat keras yang digunakan No Perangkat Keras Spesifikasi 1 Processor Dual Core T4500 2.30GHZ 2 RAM 1.00 Gb 3 Harddisk 320 Gb 4 Mouse -