Perancangan Skema Relasi Perancangan Struktur Menu Jaringan Semantik

Struktur Data user_id, log_timestamp, log_note user_id log_timestamp log_note [0-9] [0-9] [A-Z|a-z|0-9] Nama Info Akses Log Where used how used Proses 7, Proses 7.1, Proses 7.2 Deskripsi Informasi ini merupakan informansi catatan akses login pengguna masuk aplikasi

3.6 Perancangan Sistem

3.6.1 Perancangan Skema Relasi

Skema relasi adalah proses perubahan dari bentuk diagram menjadi bentuk tabel untuk menunjukkan data yang dibutuhkan sistem. Dari ERD diatas diperoleh tabel, yang dapat dilihat pada gambar 3.9 di bawah ini. Gambar 3.15 Skema Relasi

3.6.2 Perancangan Struktur Tabel

Struktur tabel yang digunakan untuk merancang aplikasi peramalan penjualan ini adalah sebagai berikut.

3.6.2.1 Tabel tuser

Primary Key : user_id Fungsi : Untuk merekam data pengguna aplikasi Tabel 3.6 Tabel tuser No Nama Field Tipe Lebar Keterangan 1 user_id integer 11 PRIMARY KEY 2 user_name varchar 32 UNIQUE 3 user_password varchar 128 4 user_role varchar 8 5 user_fullname varchar 64 6 user_jobtitle varchar 32 7 user_phone varchar 16 8 user_email varchar 64 9 user_menu boolean 1 10 user_active boolean 1

3.6.2.2 Tabel tlog

Primary Key : id_log Fungsi : Untuk merekam data aktifitas pengguna aplikasi Tabel 3.7 Tabel tlog No Nama Field Tipe Lebar Keterangan 1 log_id integer 11 PRIMARY KEY 2 user_id integer 11 FOREIGN KEY 3 log_table varchar 32 4 log_row integer 11 5 log_timestamp timestamp - 6 log_note varchar 64

3.6.2.3 Tabel tdatareal

Primary Key : datareal_year Fungsi : Untuk merekam data realisasi penjualan Tabel 3.8 Tabel tdatareal No Nama Field Tipe Lebar Keterangan 1 datareal_year year 4 PRIMARY KEY 2 user_id integer 11 FOREIGN KEY 3 datareal_value text - 4 datareal_modified timestamp -

3.6.2.4 Tabel tdataplan

Primary Key : dataplan_id Fungsi : Untuk merekam data perencanaan penjualan Tabel 3.9 Tabel tdataplan No Nama Field Tipe Lebar Keterangan 1 dataplan_id integer 11 PRIMARY KEY 2 factor_id integer 11 FOREIGN KEY 3 dataplan__no tinyint 4 4 dataplan_value float -

3.6.2.5 Tabel tdarareference

Primary Key : datareference_id Fungsi : Untuk merekam data detail perenjanaan penjualan Tabel 3.10 Tabel tdatareference No Nama Field Tipe Lebar Keterangan 1 datareference_id integer 11 PRIMARY KEY 2 factor_id integer 11 FOREIGN KEY 3 datareference_no datetinyint 4 4 datareference_value float

3.6.2.6 Tabel tfactor

Primary Key : factor_id Fungsi : Untuk merekam data keterangan faktor dan satuannya Tabel 3.11 Tabel tfactor No Nama Field Tipe Lebar Keterangan 1 factor_id integer 11 PRIMARY KEY 2 plan_id integer 11 FOREIGN KEY 3 factor_name varchar 32 4 factor_unit varchar 16

3.6.2.7 Tabel tconfig

Primary Key : - Fungsi : Untuk merekam data konfigurasi aplikasi Tabel 3.12 Tabel tconfig No Nama Field Tipe Lebar Keterangan 1 api_url varchar 140 2 number_poin tinyint 2 3 system_down boolean -

3.6.3 Perancangan Struktur Menu

Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan aplikasi. Struktur menu pada aplikasi peramalan penjualan ini terdiri dari Halaman Login, Halaman Selamat Datang, Halaman Dashboard, Halaman Planning, Halaman Monitoring, Halaman Profil Pengguna, dan Halaman Bantuan Penggunaan Aplikasi. Gambar 3.16 Struktur Menu Manager Gambar 3.17 Struktur Menu Assistant Manager Gambar 3.18 Struktur Menu Admin

3.6.4 Perancangan Antarmuka Interface

Desain antarmuka menggambarkan bagaimana pengguna aplikasi dapat berkomunikasi dengan sistem. Komunikasi ini dapat terdiri dari proses memasukkan data ke sistem, menampilkan informasi ke pengguna atau keduanya. Halaman–halaman yang dibuat dengan perancangan antarmuka yang menarik dan mudah digunakan user friendly dengan disertai petunjuk pada masing-masing halaman untuk memudahkan pengguna dalam mengoperasikan aplikasi.

3.6.4.1 Rancangan Antarmuka Halaman Login

Gambar 3.19 Form F01 Rancangan Antarmuka Login

3.6.4.2 Rancangan Antarmuka Menu Utama

Gambar 3.20 Form F02 Rancangan Antarmuka Menu Utama Manager Gambar 3.21 Form F02 Rancangan Antarmuka Menu Utama Assistant Manager Gambar 3.22 Form F02 Rancangan Antarmuka Menu Utama Admin

3.6.4.3 Rancangan Antarmuka Halaman Dashboard

Gambar 3.23 Form F03 Rancangan Antarmuka Halaman Dashboard

3.6.4.4 Rancangan Antarmuka Halaman Sales Planning

Gambar 3.24 Form F04 Rancangan Antarmuka Halaman Sales Planning Gambar 3.25 Form F04-1 Rancangan Antarmuka Halaman Tambah Planning Gambar 3.26 Form F04-2 Rancangan Antarmuka Halaman Detail Planning

3.6.4.5 Rancangan Antarmuka Halaman Sales Data

Gambar 3.27 Form F05 Rancangan Antarmuka Halaman Sales Data

3.6.4.6 Rancangan Antarmuka Halaman Profil Pengguna

Gambar 3.28 Form F06 Rancangan Antarmuka Halaman Profil Pengguna

3.6.4.7 Rancangan Antarmuka Halaman Bantuan Penggunaan

Gambar 3.29 Form F07 Rancangan Antarmuka Halaman Bantuan Penggunaan

3.6.4.8 Rancangan Antarmuka Halaman Pengaturan Pengguna

Gambar 3.30 Form F08 Rancangan Antarmuka Halaman Pengaturan Pengguna

3.6.4.9 Rancangan Antarmuka Halaman Pengaturan Aplikasi

Gambar 3.31 Form F09 Rancangan Antarmuka Halaman Pengaturan Aplikasi

3.6.4.10 Rancangan Antarmuka Halaman Pengelolaan Akses Log

Gambar 3.32 Form F10 Rancangan Antarmuka Halaman Pengelolaan Akses Log

3.6.4.11 Rancangan Antarmuka Pesan

Gambar 3.33 Rancangan Antarmuka Pesan

3.6.5 Jaringan Semantik

Jaringan semantik adalah alat yang efektif untuk merepresentasikan pemetaan data, yang bertujuan mencegah terjadinya duplikasi data. Berikut adalah uraian mengenai jaringan semantik pada sistem ini. Gambar 3.34 Jaringan Sematik Admin Keterangan : F01 Halaman Login F02 Halaman Menu Utama Admin F06 Halaman Ubah Profil Admin F07 Halaman Bantuan Penggunaan Aplikasi F08 Halaman Pengelolaan Pengguna Aplikasi F09 Halaman Pengelolaan Konfigurasi Aplikasi F10 Halaman Pengelolaan Akses Log Gambar 3.35 Jaringan Sematik Manager Keterangan : F01 Halaman Login F02 Halaman Menu Utama Manager F03 Halaman Dashboard F04 Halaman Pengelolaan Perencanaan F04-1 Halaman Form Perencanaan F04-2 Halaman Detail Perencanaan F05 Halaman Monitoring Penjualan F06 Halaman Ubah Profil Manager F07 Halaman Bantuan Penggunaan Aplikasi Gambar 3.36 Jaringan Sematik Assistant Manager Keterangan : F01 Halaman Login F02 Halaman Menu Utama Manager F03 Halaman Dashboard F04 Halaman Pengelolaan Perencanaan F04-2 Halaman Detail Perencanaan F05 Halaman Monitoring Penjualan F06 Halaman Ubah Profil Manager F07 Halaman Bantuan Penggunaan Aplikasi 108

BAB IV IMPLEMENTASI DAN PENGUJIAN

Bab ini merupakan lanjutan dari bab sebelumnya, yaitu tahap penerjemahan kebutuhan pembangunan aplikasi kedalam representasi perangkat lunak, sesuai dengan hasil analisis pada bab sebelumnya. Setelah tahap implementasi maka dilakukaan tahap pengujian sistem yang dibangun bertujuan untuk melihat kekurangan yang ada pada aplikasi.

4.1 Implementasi

Setelah sistem dianalisis dan dirancang, maka tahap selanjutnya adalah implementasi sistem. Implementasi sistem merupakan terjemahan perancangan yang berdasarkan hasil analisis pada bab sebelumnya sehingga siap untuk dioperasikan.

4.1.1 Implementasi Perangkat Lunak

Perangkat lunak yang digunakan dalam membangun sistem ini adalah sebagai berikut : 1. Sistem Operasi Windows XP SP 3 2. XAMPP 1.7.3 untuk Web Server dan Database Server 3. Google Chrome 12 sebagai Browser 4. Notepad++ 5.8.6 5. Power Designer 6