Admin Sistem pemesanan barang dengan sms gateway dan aplikasi mobile (studi kasus CV: surya indah folding gate dan harmonika)

1. Aplikasi yang dikembangkan merupakan stand alone computer, dan menggunakan sistem operasi Windows XP. 2. User pemesan akan secara otomatis mendapatkan SMS informasi pemesanan, jika pemesan yang bersangkutan melakukan pemesanan. 3. Untuk mendapatkan informasi pemesanan, admin terlebih dahulu menginput data pelanggan dan apa yang di pesan oleh pemesan . 4. Untuk mendapatkan SMS informasi pesanan pemesan maka pelanggan terlebih dahulu menginput data pelanggan. 4.2.2. Analisis Input Pada tahap analisa inputan ini terdapat 1 tipe penggunauser yang terlibat dalam sistem yang akan berfungsi sebagai penginput data diantaranya :

1. Admin

Adalah orang yang dapat melakukan login ke aplikasi untuk menambah, mengubah, dan menghapus data pesanan serta mengubah user account dan passwordnya sendiri, dan mencetak report data.

4.2.3. Analisis Output

Analisa output berupa laporan yang akan diberikan kepada pelanggan, diantaranya : 1. SMS informasi mengenai pesanan yang dilakukan oleh pelanggan. 2. SMS informasi pemberitahuan berkaitan dengan update harga dan status pesanan pelanggan. Analisa output berupa laporan yang akan diberikan kepada admin dan pemilik perusahaan , diantaranya : 1. Printout data pesanan lengkap dengan nomer register pelanggan, nama pelanggan, alamat pelanggan, jenis pesanan, jumlah harga pesanan bersangkutan.

4.2.4. Lingkungan Pengembangan Program

1. Jenis perangkat lunak yang digunakan Untuk perancangan sistem penulis menggunakan tools untuk perancangan aplikasi menggunakan xampp win 32 1.5.1, perancangan SMS gateway menggunakan Microsoft netbean 6.5, database MySQL menggunakan premiumsoft Navicat 8.0 for MySQL, sistem operasi Windows XP SP 3, dan tools grafis yakni Photoshop. 2. Jenis perangkat keras yang digunakan Dirancang pada personal komputer yang menggunakan sistem operasi windows XP. Spesifikasi hardware yang digunakan adalah laptop TOSHIBA seri M300 dengan spesifikasi prosesor Intel Pentium Dual CPU 1.8 GHz, memori 2GB, free space harddisk minimum 5 GB, SMS Menggunakan telepon selular Sony Ericsson.

4.3. Perancangan Sistem

Peneliti menggunakan UML untuk pemodelan sistem. Pada pemodelan ini Peneliti akan membuat requirement actor dan use case, use case diagram, spesifikasi use case, activity diagram, Untuk mendeskripsikan use case apa saja dan actor yang terlibat dalam use case tersebut, biasanya digunakan tabel requirement actor dan use case. Selanjutnya dengan adanya tabel tersebut maka akan didapat use case diagram yang sesuai dengan requirement Munawar, 2005:209. Tabel 4.1 Requirement Actor dan Usecase No Requirement Aktor Use Case 1. User melakukan login ke sistem Admin dan Member Login dan register 2. User dapat menggunakan atau memanipulasi semua data dan fasilitas Aplikasi Sistem informasi Pemesanan barang. Admin Manipulasi data 3. User dapat menginput dan mengupdate harga dan jenis Admin Inputupdate Harga Jenis barang Barang 4. User dapat menginput dan mengupdate Jadwal pengiriman Admin Inputupdate Jadwal Pengiriman 5. User dapat menginput dan mengupdate data Jenis barang Admin Inputupdate data Jenis barang 6. User dapat menginput dan mengupdate data pemesan Admin Inputupdate data pemesan 7. User dapat mencetak data pesanan dan waktu pengiriman barang. member Cetak data pesanan dan jadwal pengiriman 8. User dapat menerima informasi update jenis dan harga. member Kirim SMS

4.3.1. Use Case Diagram

Gambar 4.1 Use case Diagram Sistem. Usecase ini merupakan bagian dari pengembangan aplikasi sistem informasi pemesanan folding gate yang penulis integrasikan dengan SMS Gateway yang diusulkan kepada CV Surya Indah Folding Gate dan Harmonika .

4.3.1.1. Admin

Hal yang dilakukan oleh Admin antara lain: 1 Melakukan inputupdate data harga dan jenis folding gate. 2 Melakukan pengiriman SMS informasi update harga dan jenis ke member. 3 Melakukan inputupdate stok barang yang tersedia. 4 Menginputupdate data member, status member, dan data pesanan. 5 Mencetak laporan data pesanan member. 6 Dapat melakukan seluruh aktifitas yang tersedia pada sistem.

4.3.1.2. Member

Member adalah user yang mendapat SMS report dari sistem mengenai update jenis dan harga dan juga proses pemesanan.

4.3.2. Analisis Use Case

Pada analisis use case ini penulis menjelaskan urutan kegiatan yang dilakukan sistem aktor, obyek dan fungsi apa saja yang berhubungan langsung dengan usecase tersebut.

4.3.2.1. Login

Tabel 4.2 Spesifikasi Naratif Use Case Login Use case Login Brief Description Use case ini user melakukan login aplikasi ini dengan menginputkan user name dan password maka sistem akan check user name dan password tersebut. Actor Admin Main Flow User mengetikkan nama username dan password pada form yang disediakan. Sistem akan menampilkan halaman aplikasi jika user name dan password benar, tetapi jika salah maka sistem akan tetap menampilkan form login tidak dapat mengakses halaman utama sistem. Pre condition User harus mengetahui username dan password yang dimiliki. Postcondition User dapat masuk aplikasi dan sistem menampilkan menu utama.

4.3.2.2. InputUpdate Data Member

Tabel 4.3 Spesifikasi Naratif Use Case InputUpdate Data member Use case Inputupdate Data Member Brief Description Pada Use case ini user dapat memodify data dengan menginputmengupdate data member. Actor Admin dan Member Main Flow Use case ini dimulai saat user memilih sub menu Barang yaitu data member. Sistem akan menampilkan tampilan data member. User dapat memilih menu addedit data member untuk melakukan perubahan data modify. Postcondition User dapat melihat data member dan melakukan modify data member.

4.3.2.3. InputUpdate Data barang

Tabel 4.4 Spesifikasi Naratif Use Case inputupdate Jenis Barang Use case Inputupdate Data Jenis Barang

4.3.2.4. Inputupdate Pesanan Barang

Tabel 4.5 Spesifikasi Deskripsi Use Case Inputupdate Pesanan Barang Use case InputUpdate Pesanan Barang Brief Description Pada Use case ini Admin menginput definisi Barang kode, nama Barang dan tingkatan Jenis Barang. Admin menginput pesanan yang dilakukan member berdasarkan jenis pesanan yang telah didefinisikan sebelumnya. Actor Admin Main Flow Use case ini dimulai saat Admin telah memilih menu Pesanan dan sub menu Pesanan member. Brief Description Pada Use case ini Admin dapat memodify data dengan inputupdate data Barang. Actor Admin Main Flow Use case ini dimulai saat Admin memilih sub menu data barang pada menu pesanan. Sistem akan menampilkan tampilan data barang. Member dapat memilih sub menu input atau update data barang untuk melakukan perubahan data modify. Alternatif Flow User yg telah memiliki kelas tidak dapat memilki lebih dari satu member, jika salah menginput member yang telah memiliki login maka sistem akan menampilkan pesan bahwa member telah terinput. Postcondition User sebagai admin dapat melihat data barang dan melakukan modify data barang. Sistem akan menampilkan tampilan nama definisi pesanan member. member menginput definisi, kode, dan tingkat Pesanan member. Pemesanan menginputkan data pesanan yang dilakukan Member berdasarkan definisi pesanan yang telah dibuat tersebut. Postcondition Pesanan member telah terinput. Jika pemesanan telah selesai dalam memesan melalui sms gateway maka sistem akan mengirimkan SMS broadcast ke Pemesan secara otomatis.

4.3.2.5. Mencetak data pesanan

Tabel 4.6 Spesifikasi Naratif Use Case Mencetak Data Pesanan Use case Mencetak Data Pesanan Brief Description Use case ini Admin dapat mencetak data pesanan pemesan per pesanan atau cetak master pesanan. Actor Admin Main Flow Use case ini dimulai saat user memilih sub menu data pesanan pada menu laporan. Member memilih Data Pesanan Barang, kemudian button print. Alternatif Flow Pastikan bahwa printer telah terinstal. Postcondition Jika use case sukses dijalankan akan didapat data pesanan Member yang dapat dicetakprint.

4.4. Activity Diagram

Activity diagrams menggambarkan berbagai alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal, decesion yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram yang diusulkan seperti: Gambar 4.2 Activity Diagram Pesanan Pelanggan

4.5. Class Diagram

Class diagram ini digunakan untuk menggambarkan kumpulan dari Class dan hubungannya. Diagram ini merupakan diagram yang paling umum ditemukan dalam pemodelan sistem berorientasi obyek. Class menggambarkan keadaan suatu sistem, sekaligus layanan untuk memanipulasi keadaan metodefungsi sehingga Class memiliki tiga area pokok yaitu: nama, atribut, dan metode. Selain itu setiap Class yang ada dapat menjadi sebuah form saat pembuatan program. Class biasanya digunakan untuk mendefinisikan obyek-obyek bisnis. Class diagram sangat membantu dalam visualisasi struktur kelas dari suatu sistem. Hal ini disebabkan karena Class adalah deskripsi kelompok obyek-obyek dengan properti, perilaku operasi dan relasi yang sama. Di samping itu Class diagram bisa memberikan pandangan global atas sebuah sistem. Hal tersebut tercermin dari Class-Class yang ada dan relasinya satu dengan lainnya. Merujuk ke permasalahan CV Surya Indah di atas, fokus utama pada permasalahan ini adalah menyampaikan informasi secara cepat. Oleh karena itu pusat perhatian pada Class ini adalah informasi yang dihasilkan oleh Aplikasi ini. Aplikasi ini akan mengirimkan data pelanggan beserta pesanan dan waktu pengiriman yang dilakukan oleh pemesan yang bersangkutan kepada member yang melakukan pemesanan mereka melalui SMS gateway Dibawah ini rancangan Class diagram dari Aplikasi ini:

4.5.1. Struktur Data Class

Pada struktur data ini, semua jenis data yang terlibat dalam proses yang terjadi, di definisikan dan dikumpulkan dalam bentuk penyajian sebagai berikut:

4.5.1.1. Tabel utama

a Nama Tabel : pelanggan Isi : Data pelanggan Media : Harddisk Primary Key : kd_plg Tabel 4.7 Spesifikasi Tabel pelanggan Field Type Length Keterangan kd_ plg Varchar 6 Kode pelanggan no_hp Varchar 14 Nomor handphone pelanggan nm_plg Varchar 35 Nama pelanggan alamat Varchar 100 Alamat pelanggan Tlp Varchar 13 Telopon rumah pelanggan Status Varchar 1 Status keaktifan pelanggan b Nama Tabel : pesan Isi : Data pesanan pelanggan Media : Harddisk Primary Key : kd_pesan Tabel 4.8 Spesifikasi Tabel pesan Field Type Length Keterangan kd_pesan varchar 6 Kode pesanan tgl_pesan datetime - Tanggal pesanan alamat_antar varchar 100 Alamat tujuan antar status_antar Char 1 Status antar tgl_antar Date - Tanggal antar Validasi Char 1 Konfirmasi pesanan c Nama Tabel : isi Isi : Data isi pesanan pelanggan Media : Harddisk Key : kd_pesan, kd_brg, kd_spesifikasi Tabel 4.9 Spesifikasi Tabel isi Field Type Length Keterangan kd_pesan varchar 6 Kode pesanan kd_brg varchar 3 Kode barang kd_spesifikasi varchar 6 Kode spesifikasi Jumlah Int 3 Jumlah pesan Harsat Int 8 Harga satuan d Nama Tabel : barang Isi : Data master barang Media : Harddisk Primary Key : kd_brg Tabel 4.10 Spesifikasi Tabel barang Field Type Length Keterangan kd_brg varchar 3 Kode barang nm_brg varchar 12 Nama barang Tebal Double - Ketebalan barang harga_brg Int 3 Harga barang e Nama Tabel : spesifikasi Isi : Data spesifikasi barang pesanan Pelanggan Media : Harddisk Primary Key : kd_spesifikasi Tabel 4.11 Spesifikasi Tabel spesifikasi Field Type Length Keterangan kd_ spesifikasi Varchar 6 Kode spesifikasi Lebar Int 5 Lebar tinggi Int 5 Tinggi Warna Char 10 Warna Pintu Char 6 Letak pintu

4.5.1.2. Tabel pendukung

a Nama Tabel : inbox Isi : Data SMS masuk Media : Harddisk Primary Key : id Tabel 4.12 Spesifikasi Tabel inbox Field Type Length Keterangan Id varchar 6 Identitas Sms yang masuk Nohp varchar 14 No.Handphone pelanggan waktu_sms datetime - Waktu SMS masuk Isipesan Char 160 Isi SMS yang masuk Status varchar 1 Status SMS inbox b Nama Tabel : outbox Isi : Data SMS keluar Media : Harddisk Primary Key : id Tabel 4.13 Spesifikasi Tabel outbox Field Type Length Keterangan id varchar 6 Identitas SMS yang keluar Nohp varchar 14 No.Handphone Pelanggan Waktu datetime - Waktu keluar SMS Isipesan Char 160 Isi SMS yang keluar Status varchar 1 Status SMS outbox c Nama Tabel : user Isi : Data master user Media : Harddisk Primary Key : uid Tabel 4.14 Spesifikasi Tabel user Field Type Length Keterangan uid varchar 3 ID user nama Char 35 Nama user Pwd Char 32 Password user

4.6. Sequence Diagram

Dalam pengembangan ini ada beberapa sequence diagram diantaranya.

a. Sequence diagram Admin terhadap sistem

Pada sequence diagram ini dijelaskan bagaimana admin berinteraksi pada sistem. Fasilitas yang tersedia untuk admin diantaranya input data barang, data pelanggan dan cetak datalaporan. Berikut gambaran detail sequance diagram admin. Gambar 4.3 Sequence Diagram Admin

b. Sequence diagram pelanggan

Pada sequence diagram ini dijelaskan bagaimana pelanggan ingin berinteraksi pada sistem. Fasilitas yang tersedia untuk pelanggan diantaranya ubah user account , password dan pesan barang. Berikut gambaran detail sequance diagram pada halaman pelanggan. Gambar 4.4 Sequence Diagram Pelanggan Pada sequence diagram diatas digambarkan secara detail proses input data yang dilakukan oleh pelanggan.

c. Sequence diagram pemesanan

Pada sequence diagram ini dijelaskan bagaimana karyawan ingin berinteraksi pada sistem. Fasilitas yang tersedia untuk pemesanan adalah dapat mengakses informasi barang dan pemesanan melalui SMS. Berikut gambaran detail sequance diagram pada halaman administrator. Gambar 4.5 Sequence Diagram Pesanan pelanggan Pada sequence diagram diatas digambarkan secara detail proses Pemesanan barang yang dilakukan oleh pelanggan.

4.7. Deployment Diagram

Untuk spesifikasi sistem yang digunakan menggunakan 3-tier. Sistem dibangun 3-tier dengan pembagian: 1. Client layer Client digunakan untuk proses input dan update data. 2. Server layer Server digunakan sebagai mesin penyimpanan data sekaligus sebagai SMS Server. Database server menggunakan MySQL. 3. Mobile System layer Tier ini merupakan teknologi yang dapat mengirimkan SMS ke Server dengan menggunakan jaringan telefon selular. Gambar 4.6 Deployment Diagram

4.8. Integrasi Report

Sistem yang penulis kembangkan merupakan sistem yang memberikan keluaran kepada admin atau pegawai berupa report pdf dan sms kepada pelanggan yang berisi data id pelanggan dan pesanan yang sudah di pesan. Untuk pembuatan report pdf dilakukan dengan menggunakan perangkat lunak IReport dan Jasper Assistant, sedangkan report untuk sms penulis menggunakan perangkat lunak Microsoft Visual Studio 2008 dengan bahasa program .NET, berikut Integrasi Report : 1. Integrasi report Menggunakan perangkat lunak IReport a. Membuat koneksi baru ke basis data Untuk membuat sebuah report dengan data yang diambil dari basis data, pertama-tama harus dibuat sebuah koneksi ke basis data yang digunakan. Parameter-parameter yang dibutuhkan adalah tipe basis data mysql,oracle,hsql, dan lain-lain, user name , dan password serta nama basis data yang digunakan.

b. Menentukan query yang akan dijalankan

Setelah membuat koneksi, langkah selanjutnya adalah menentukan query yang akan dieksekusi. Karena penulis menggunakan basis data mysql, maka query yang dibuat juga menggunakan mysql. Setelah selesai membuat query, maka akan didapatkan field-field yang sesuai dengan query tersebut.

c. Menyusun tampilan report

Setelah mendapatkan field-field yang dibutuhkan, maka langkah berikutnya adalah menyusun field-field tersebut sesuai dengan tampilan report yang diinginkan.

d. Melakukan kompilasi report

File report yang telah jadi harus disimpan dalam bentuk file berekstensi .jrxml. Untuk menjalankannya, file tersebut harus dikompilasi terlebih dahulu menjadi file berekstensi .jasper yang nantinya akan dijalankan oleh sistem.

e. Mengintegrasikan report dengan sistem yang ada.

Pada pengembangan sistem ini, penulis menggunakan servlet untuk melakukan generating pada report yang telah dibuat. Pada servlet ini, penulis menerapkan injection variabel

4.9. Perancangan Antarmuka

Suatu aplikasi akan dapat dibilang baik apabila memenuhi beberapa kriteria tentang pemrograman, yang salah satunya adalah memiliki struktur tampilan antar muka user interface yang baik, karena dengan user interface yang baik akan membuat pengguna aplikasi merasa nyaman dan tidak cepat jenuh dalam menjalankannya. Berikut ini adalah rancangan layar untuk aplikasi desktop yang digunakan sebagai server dan aplikasi mobile yang digunakan sebagai client.

4.9.1. Rancangan Layar Aplikasi Server

Aplikasi Server ini merupakan sebuah aplikasi yang di install pada komputer dan digunakan sebagai aplikasi yang menangani semua proses request dari client secara otomatis. Pada aplikasi ini juga dapat dilakukan beberapa proses yang dibutuhkan untuk proses request seperti misalnya memasukkan data master, pengiriman SMS Broadcast dan lainnya. Berikut ini akan diberikan rancangan layar dari beberapa tampilan yang memiliki fungsinya masing-masing.

4.9.2. Rancangan Layar Form Login

Pada gambar 4.7 ini adalah tampilan dari Form Login. Pada aplikasi ini seseorang yang ingin menggunakan aplikasi server harus melengkapi username dan password secara benar untuk digunakan sebagai validasi pengguna sistem. Apabila login berhasil maka akan muncul Form Menu Utama aplikasi server, namun apabila login gagal akan keluar pesan “Gagal Login” dan Form Menu Utama tidak dapat digunakan. Gambar 4.7 Rancangan Layar Form Login

4.9.3. Rancangan Layar Form Menu Utama

Pada gambar 4.8 adalah tampilan dari Form Menu Utama aplikasi Server. Pada Menu Utama ini user dapat membuka form- form lainnya melalui menu yang tersedia pada panel sebelah kiri atas untuk melakukan semua proses dalam aplikasi ini. Seperti misalnya membuka form master untuk melakukan manipulasi data, membuka Form SMS Server yang ditampilkan pada Form Server untuk melakukan pengaturan SMS dan melakukan pengiriman SMS kepada customer dan user serta menampilkan form-form lainnya dengan fungsi dan kegunaanya masing-masing. Gambar 4.8 Rancangan Layar Form Menu Utama

4.9.4. Rancangan Layar Form Master user – pada submenu Entry User

Pada gambar 4.9 adalah tampilan dari Submenu Entry User yang dapat digunakan untuk memanipulasi data user. User yang berwenang dapat menambah, mengubah dan menghapus data melalui tombol yang ada sesuai kebutuhan. Form ini dilengkapi dengan fungsi “cari” untuk mempermudah menemukan data user. Form Master User Master User Cari Berdasarkan : Pilih Daftar User X - 3 -X X - 15 - X Nama user User ID Tambah Ubah Hapus Keluar X - 35 - X Gambar 4.9 Rancangan Layar Form Master User

4.9.5. Rancangan Layar Form Entry User ID – Pada Form Master

User Pada gambar 4.10 adalah tampilan ini akan muncul ketika tombol “Tambah” pada Form Master User di pilih. Form ini digunakan untuk meng-input user baru yang nantinya akan dapat mengoperasikan aplikasi ini. Data seperti User ID, Nama user, Password harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan untuk menambah user ID. Tambah Master User Simpan Keluar User ID Nama User Password auto X - 35 - X X - 15 - X Tambah Master User Gambar 4.10 Rancangan Layar Form Tambah User – Pada Form Master User

4.9.6. Rancangan Layar Form Ubah User ID – Pada Form Master User

Pada gambar 4.11 adalah tampilan ini akan muncul ketika tombol “Ubah” pada Form Master User di pilih. Form ini digunakan untuk merubah data user yang sebelumnya pernah diinput. Data seperti User ID, Nama user, Password harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan dan menutup form ini. Ubah Master User Simpan Keluar User ID Nama User Password auto X - 35 - X X - 15 - X Ubah Master User Gambar 4.11 Rancangan Layar Form Ubah Master User – Pada Form Master User

4.9.7. Rancangan Layar Form Master Pelanggan – pada submenu

Entry Pelanggan Pada gambar 4.12 adalah tampilan dari Submenu Entry Pelanggan yang dapat digunakan untuk memanipulasi data pelanggan. Dalam Form ini, user dapat menambah, merubah, dan menghapus data pelanggan. Form ini dilengkapi dengan fungsi “cari” untuk mempermudah menemukan data pelanggan. Form Master Pelanggan Master Pelanggan Cari Berdasarkan : Pilih Daftar Pelanggan X - 15 - X X - 1 - X Status Tlp Rumah X - 6 - X X - 15 - X X - 35 - X X - 100 - X Alamat Nama No.HP Kode Pelanggan Tambah Ubah Hapus Keluar X - 50 - X Gambar 4.12 Rancangan Layar Form Master Pelanggan

4.9.8. Rancangan Layar Form Entry Pelanggan – Pada Form Master

Pelanggan Pada gambar 4.13 adalah tampilan ini akan muncul ketika tombol “Tambah” pada Form Master Pelanggan di pilih. Form ini digunakan untuk mendaftarkan pelanggan baru. Data seperti Kode Pelanggan, No. HP, Nama, Alamat, Telepon Rumah, dan Status harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan untuk menambah data pelanggan. Entry Pelanggan Simpan Keluar Kode Pelanggan No Hp Nama auto X - 14 - X X - 35 - X Entry Pelanggan Alamat Telepon Rumah Status X - 13 - X X - 100 - X Pilih Gambar 4.13 Rancangan Layar Form Entry Pelanggan – Pada Form Master Pelanggan

4.9.9. Rancangan Layar Form Ubah Pelanggan – Pada Form Master

Pelanggan Pada gambar 4.14 adalah tampilan ini akan muncul ketika tombol “Ubah” pada Form Master User di pilih. Form ini digunakan untuk merubah data pelaggan yang sebelumnya pernah diinput. Data seperti Kode Pelanggan, No. HP, Nama, Alamat, Telepon Rumah, dan Status harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan pengubahan data pelanggan. Ubah Pelanggan Simpan Keluar Kode Pelanggan No Hp Nama auto X - 14 - X X - 35 - X Ubah Pelanggan Alamat Telepon Rumah Status X - 13 - X X - 100 - X Pilih Gambar 4.14 Rancangan Layar Form Ubah Pelanggan – Pada Form Master Pelanggan

4.9.10. Rancangan Layar Form Master Barang – pada submenu Entry

Barang Pada gambar 4.15 adalah tampilan dari Submenu Entry Barang yang dapat digunakan untuk memanipulasi data barang yang dijual. Dalam Form ini, user dapat menambah, merubah, dan menghapus data barang. Form ini dilengkapi dengan fungsi “cari” untuk mempermudah menemukan data barang. Cari Berdasarkan : Pilih Tambah Rubah Hapus X - 50 - X Form Master Barang Master Barang Cari Berdasarkan : Pilih Daftar Barang X - 3 -X X - 12 - X 9,99 X - 5 - X Harga cm persegi Ketebalan Nama Barang Kode Barang Tambah Ubah Hapus Keluar X - 50 - X Gambar 4.15 Rancangan Layar Form Master Barang

4.9.11. Rancangan Layar Form Entry Barang – Pada Form Master

Barang Pada gambar 4.16 adalah tampilan ini akan muncul ketika tombol “Tambah” pada Form Master Barang di pilih. Form ini digunakan untuk mendaftarkan jenis barang baru. Data seperti kode barang, nama, harga harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan untuk menambah data barang. Tambah Data Barang Simpan Keluar Kode Barang Nama Harga auto X - 12 - X 999 Tambah Data Barang Ketebalan Pilih cm persegi Gambar 4.16 Rancangan Layar Form Tambah Data Barang– Pada Form Master Barang

4.9.12. Rancangan Layar Form Ubah Barang – Pada Form Master

Barang Pada gambar 4.17 adalah tampilan ini akan muncul ketika tombol “Ubah” pada Form Master Barang di pilih. Form ini digunakan untuk merubah data barang yang sebelumnya pernah diinput. Data seperti kode barang, nama, harga harus diisi sebenar- benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan perubahan data barang. Ubah Data Barang Simpan Keluar Kode Barang Nama Harga auto X - 12 - X 999 Ubah Data Barang Ketebalan Pilih cm persegi Gambar 4.17 Rancangan Layar Form Ubah Data Barang – Pada Form Master Barang

4.9.13. Rancangan Layar Form Master Spesifikasi – pada submenu

Entry Spesifikasi Pada gambar 4.18 adalah tampilan dari Submenu Entry Spesifikasi yang dapat digunakan untuk memanipulasi spesifikasi barang yang dipesan. Dalam Form ini, user dapat menambah, merubah, dan menghapus data barang. Form ini dilengkapi dengan fungsi “cari” untuk mempermudah menemukan data spesifikasi yang dimaksud. Form Master Spesifikasi Spesifikasi Barang Cari Berdasarkan : Pilih Daftar Spesifikasi Barang X - 6 - X 99.999 99.999 Tinggi Lebar Kd Spes Tambah Ubah Hapus Keluar X - 50 - X X - 10 - X X - 6 - X Pintu Warna Gambar 4.18 Rancangan Layar Form Master Spesifikasi

4.9.14. Rancangan Layar Form Entry Spesifikasi – Pada Form Master

Spesifikasi Pada gambar 4.19 adalah tampilan ini akan muncul ketika tombol “Tambah” pada Form Master Spesifikasi di pilih. Form ini digunakan untuk mendaftarkan spesifikasi untuk tiap pesanan. Data seperti kode spesifikasi, lebar, tinggi, warna, pintu harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan untuk menambah data spesifikasi. Tambah Daftar Spesifikasi Simpan Keluar Kode Spesifikasi auto Tambah Daftar Spesifikasi Lebar Tinggi 99.999 Pilih Warna Pintu 99.999 Pilih Gambar 4.19 Rancangan Layar Form Tambah Daftar Spesifikasi – Pada Form Master Spesifikasi

4.9.15. Rancangan Layar Form Ubah Spesifikasi – Pada Form Master

Spesifikasi Pada gambar 4.20 adalah tampilan ini akan muncul ketika tombol “Ubah” pada Form Master Spesifikasi di pilih. Form ini digunakan untuk merubah data spesifikasi barang. Data seperti kode spesifikasi, lebar, tinggi, warna, pintu harus diisi sebenar-benarnya sebelum tombol “Simpan” di-click dan tersimpan di database. Tombol “Keluar” digunakan untuk membatalkan untuk pengubahan data spesifikasi. Ubah Daftar Spesifikasi Ubah Daftar Spesifikasi Simpan Keluar Kode Spesifikasi auto Lebar Tinggi 99.999 Pilih Warna Pintu 99.999 Pilih Gambar 4.20 Rancangan Layar Form Ubah Daftar Spesifikasi – Pada Form Master Spesifikasi

4.9.16. Rancangan Layar Form Master Pesanan– pada submenu Entry

Pesan Form Data Pesanan terdapat pada Submenu Entry Pesan yang dapat digunakan untuk meng-input pesanan dan isi pesannya. Dalam Form ini, terdapat 2 tab antara lain tab “Master Pesanan” dan “Isi Pesanan”. Berikut adalah tampilan dan fungsi dari kedua tab : a Tab Master Pesanan Tab ini berisi tabel yang menampilkan kode pesan, tanggal pesan, tanggal antar, alamat antar, kode pelanggan. Tombol yang ada digunakan untuk memanipulasi data. Form Master Pesanan Master Pesanan Isi Pesanan Master Pesanan Cari Berdasarkan : Pilih Daftar Master Pesanan X - 6 - X yyyy-MM-dd yyyy-MM-dd X - 100 - X Alamat Antar Tanggal Antar Tanggal Pesan Kode Pesan Tambah Ubah Hapus Keluar X - 35 - X X - 6 - X Kode Pelanggan Gambar 4.21 Rancangan Layar Form Master Pesanan – Tab Master Pesanan b Tab Tabel Pesanan Tab ini berisi tabel yang menampilkan kode pesan, kode barang, kode spesifikasi, jumlah, harsa satuan. Tombol yang ada digunakan untuk memanipulasi data. Form Master Pesanan Master Pesanan Isi Pesanan Master Isi Pesanan Cari Berdasarkan : Pilih Daftar Isi Pesanan X - 6 - X X - 3 - X X - 6 - X X - 8 - X Jumlah Kode Spesifikasi Kode Barang Kode Pesan Tambah Ubah Hapus Keluar X - 35 - X 99.999 Harga Satuan Gambar 4.22 Rancangan Layar Form Master Pesanan – Tab Isi Pesanan

4.9.17. Rancangan Layar Form Data Pesanan – pada submenu Entry

Pesanan Form Data Pesanan terdapat pada Submenu Entry Pesanan yang dapat digunakan untuk menampilakan semua pesanan yang sudah dikonfirmasi pada CV Surya Indah. Dalam Form ini, terdapat 2 tab antara lain tab “Tabel Pesanan” dan “Detail Pesanan”. Berikut adalah tampilan dan fungsi dari kedua tab : a Tab Tabel Pesanan Tab berisi tabel yang menampilkan kode spesifikasi, kode pesanan, kode pelanggan, tanggal pemesanan, alamat kirim, dan tanggal kirim. Form Data Pesanan Tabel Pesanan Detil Pesanan Cari Berdasarkan : X - 100 - X Pesanan X - 6 - X X - 6 - X X - 6 - X dd-mm-yyyy Tanggal Pesan Kd pelanggan Kd Pesan Kd Spes Refresh Keluar X - 100 - X dd-mm-yyyy Tanggal Kirim Alamat Kirim Cari Tampil perbulan Pilih Pilih Tampil perstatus kirim Pilih Gambar 4.23 Rancangan Layar Form Data Pesanan – Tab Tabel Pesanan b Tab Detil Pesanan Tab berisi tabel yang menampilkan kode spesifikasi, jumlah, harga, total dan total yang harus dibayar oleh pelanggan untuk barang yang telah dipesan. Pada tab ini user dapat memilih status kirim untuk pesanan yang bersangkutan. Form Data Pesanan Tabel Pesanan Detil Pesanan Status Kirim : Pesanan X - 6 - X 99 99.999.999 999.999.999 Total Harga Satuan Jumlah Kd Spes Simpan Keluar Nama Pelanggan Pilih Kode Pesanan Tanggal Pesan Tanggal Kirim display display display Alamat Kirim display display Total Bayar : 9.999.999.999 Gambar 4.24 Rancangan Layar Form Data Pesanan – Tab Detil Pesanan

4.9.18. Rancangan Layar Form Server– pada submenu Server

Form Server terdapat pada submenu Server yang berfungsi sebagai alat penghubung antara aplikasi dengan handphone GSM yang digunakan sebagai media penerima atau sebagai server pada aplikasi ini. Dalam form ini terdapat 4 tab yang dimasing-masing tab terdapat panel “Proses” yang memiliki fungsi general yaitu untuk memantau proses yang sedang berjalan. Selain itu, terdapat tombol “Keluar” yang berfungsi untuk mengakhiri koneksi terhadap perangkat yang berhubungan pada tiap tab yang tersedia. Sebelum perangkat terhubung, user tidak dapat mengakses tab – tab tersebut. Berikut adalah rincian dan untuk masing – masing tab pada Form Server : a Tab Inbox Tab ini berfungsi untuk menampung semua SMS yang masuk ke handphone server dan menyimpannya kedalam database dan tabel yang tersedia. Tabel berisi nomor handphone pengirim, waktu pengiriman dan isi SMS dari pengirim. Form Server Inbox Outbox Keluar Connection Broadcast Proses display display display display display display display X - 14 - X dd-mm-yyyy hh:mm:ss X - 160 - X Isi Pesan Waktu No. Telp Gambar 4.25 Rancangan Layar Form Server – Tab Inbox b Tab Outbox Tab ini berfungsi untuk menampung semua SMS yang keluar atau telah dikirim secara otomatis oleh sistem ini ke handphone client serta menyimpannya kedalam database dan tabel yang tersedia. Tabel berisi nomor handphone client, waktu pengiriman dan isi SMS yang dikirim oleh server secara otomatis ataupun lewat tab Broadcast. Form Server Inbox Outbox Keluar Connection Broadcast Proses display display display display display display display X - 14 - X dd-mm-yyyy hh:mm:ss X - 160 - X Isi Pesan Waktu No. Telp Gambar 4.26 Rancangan Layar Form Server – Tab Outbox c Tab Connection Tab berfungsi sebagai media penghubung antara handphone GSM yang digunakan untuk server dan aplikasi. Pada tab ini terdapat 2 panel selain panel “Proses” yang fungsinya telah dijelaskan sebelumnya. Tab “Connection Propertis” berfungsi untuk memilih port yang digunakan untuk menghubungkan handphone dengan PC dan mengatur kecepatan transfer data dari handphone ke PC. Selain tab “Connection”, terdapat juga tab “Propertis Vendor”. Pada tab ini terdapat informasi seperti nama vendor, IMEI, Model, SMS Center, baterry, dan signal pada perangkat yang telah terhubung dengan PC . Form Server Inbox Outbox Propertis Connection Connect Keluar Bit Persecond Port Connection Broadcast Pilih Pilih Propertis Vendor Proses display display display display display display display Vendor : display IMEI : Model : SMS Center : Signal : Battery : display display display display display Gambar 4.27 Rancangan Layar Form Server – Tab Connection d Tab Broadcast Tab Broadcast berfungsi untuk mengirimkan pesan ke client dengan menggunakan aplikasi ini. Pada aplikasi ini tardapat 2 mode pengirman pesan. Mode “ALL” digunakan untuk mengirim pesan kesemua nomor handphone pelanggan yang telah terdaftar secara sekaligus. Sedangkan Mode “PERSON” digunakan untuk mengirim pesan hanya kepada satu nomor handphone pelanggan yang telah terdaftar. Maksimal karakter yang dapat dikirim ialah 160 karakter. Form Server Inbox Outbox Keluar Connection Broadcast Proses display display display display display display display Mode Kirim No. HP Isi Pesan X - 160 - X Display Pilih Cari Kirim Bersih Gambar 4.28 Rancangan Layar Form Server – Tab Broadcast

4.10. Rancangan Layar Aplikasi Client

Aplikasi Client ini merupakan sebuah aplikasi yang di install pada handphone client Pelanggan. Aplikasi ini terdapat form-form yang digunakan sebagai antar mukauser interface sehingga client hanya memasukkan data sesuai yang dibutuhkan tanpa perlu lagi memikirkan bagaimana format yang digunakan untuk melakukan setiap transaksi dengan aplikasi server, maka dengan demikian proses transaksi ke server dapat berjalan dengan baik.

4.10.1. Rancangan Layar Main Menu

Pada gambar 4.29 adalah tampilan menu utama aplikasi client , pada menu utama ini Pelanggan dapat memilih proses apa yang ingin dilakukan. Gambar 4.29 Rancangan Layar Menu Utama Client

4.10.2. Rancangan Layar Menu Registrasi

Pada gambar 4.30 adalah tampilan dari Form Registrasi. Form ini dapat digunakan untuk melakukan request registrasi untuk pelanggan yang belum melakukan registrasi. Jika pelanggan belum melakukan registrasi, maka pelanggan tidak dapat melakukan request yang lain. Gambar 4.30 Rancangan Layar Form Registrasi

4.10.3. Rancangan Layar Menu Cek Harga Barang

Pada gambar 4.31 adalah tampilan dari Form Cek Harga Barang. Form ini dapat digunakan untuk melakukan request harga barang yg bersangkutan pada saat itu. Gambar 4.31 Rancangan Layar Form Cek Harga Barang

4.10.4. Rancangan Layar Menu Pesan

Pada gambar 4.32 adalah tampilan dari Form Pesan. Form ini dapat digunakan untuk melakukan request pesanan transaksi yg dikehendaki pelanggan. Gambar 4.32 Rancangan Layar Form Pesan

4.10.5. Rancangan Layar Menu Tambah Pesanan

Pada gambar 4.33 adalah tampilan dari Form Tambah Pesanan. Form ini dapat digunakan untuk melakukan request tambahan pada pesanan transaksi yang telah di request sebelumnya. Gambar 4.33 Rancangan Layar Form Tambah Pesan

4.10.6. Rancangan Layar Menu Ubah Pesanan

Pada gambar 4.34 adalah tampilan dari Form Ubah Pesanan. Form ini dapat digunakan untuk melakukan request merubah pesanan transaksi yang telah di request sebelumnya. Gambar 4.34 Rancangan Layar Form Ubah Pesanan

4.10.7. Rancangan Layar Menu Ubah Barang

Pada gambar 4.35 adalah tampilan dari Form Ubah Barang. Form ini dapat digunakan untuk melakukan request merubah barang pada pesanan yang telah di request sebelumnya. Gambar 4.35 Rancangan Layar Form Ubah Barang

4.10.8. Rancangan Layar Menu Ubah Alamat

Pada gambar 4.36 adalah tampilan dari Form Ubah Alamat. Form ini dapat digunakan untuk melakukan request merubah alamat kirim pesanan yang telah di request sebelumnya. Gambar 4.36 Rancangan Layar Form Ubah Alamat

4.10.9. Rancangan Layar Menu Ubah Tanggal Kirim

Pada gambar 4.37 adalah tampilan dari Form Ubah Tanggal Kirim. Form ini dapat digunakan untuk melakukan request merubah tanggal kirim pesanan yang telah di request sebelumnya. Gambar 4.37 Rancangan Layar Form Ubah Tanggal Kirim

4.10.10. Rancangan Layar Menu Batal

Pada gambar 4.38 adalah tampilan dari Menu Batal. Dalam form ini, pelanggan dapat memilih pembatalan pada pesanan atau pembatalan pada barang. Gambar 4.38 Rancangan Layar Menu Batal

4.10.11. Rancangan Layar Menu Batal Pesanan

Pada gambar 4.39 adalah tampilan dari Form Batal Pesanan. Form ini dapat digunakan untuk melakukan request pembatalan pesanan yang telah di request sebelumnya. Gambar 4.39 Rancangan Layar Form Batal Pesanan

4.10.12. Rancangan Layar Menu Batal Barang

Pada gambar 4.40 adalah tampilan dari Form Batal Barang. Form ini dapat digunakan untuk melakukan request pembatalan barang pada suatu pesanan yang telah di request sebelumnya. Gambar 4.40 Rancangan Layar Form Batal Barang

4.10.13. Rancangan Layar Menu Cek Status Kirim

Pada gambar 4.41 adalah tampilan dari Form Cek Status Kirim. Form ini dapat digunakan untuk melakukan request pengecekan status kirim pada pesanan yang telah di request sebelumnya. Gambar 4.41 Rancangan Layar Form Cek Pesanan

4.10.14. Rancangan Layar Menu Konfirmasi

Pada gambar 4.42 adalah tampilan dari Form Konfirmasi. Form ini dapat digunakan untuk melakukan request konfirmasi pesanan yang telah di request sebelumnya. Setelah melakukan request ini, maka pelanggan tidak dapat merubah atau membatalkan pesanananya. Gambar 4.42 Rancangan Layar Form Konfirmasi

4.10.15. Rancangan Layar Menu Set No Server

Pada gambar 4.43 adalah tampilan dari Form Set No Server. Form ini dapat digunakan untuk melakukan pengaturan nomor server . Gambar 4.43 Rancangan Layar Form Set No Server

4.10.16. Rancangan Layar Menu Info

Pada gambar 4.44 adalah tampilan dari Form Menu Info. Form ini dapat sebagai petunjuk penggunaan tiap menu secara singkat. Gambar 4.44 Rancangan Layar Form Info

4.10.17. Rancangan Layar Menu Info Registrasi

Pada gambar 4.45 adalah tampilan dari Form Menu Info Registrasi. Form ini dapat sebagai petunjuk fungsi menu registrasi. Gambar 4.45 Rancangan Layar Form Info Registrasi

4.10.18. Rancangan Layar Menu Info Cek Harga Barang

Pada gambar 4.46 adalah tampilan dari Form Menu Info Cek Harga Barang. Form ini dapat sebagai petunjuk fungsi menu cek harga barang. Gambar 4.46 Rancangan Layar Form Info Cek Harga Barang

4.10.19. Rancangan Layar Menu Info Pesan

Pada gambar 4.47 adalah tampilan dari Form Menu Info Pesan. Form ini dapat sebagai petunjuk fungsi menu pesan. CV Surya Indah Mobile INFO PESAN Kembali Form untuk melakukan pesanan melalui alpilasi ini. Semua data harus diisi lengkap sebelum mengirim pesanan anda. Gambar 4.47 Rancangan Layar Form Info Pesan

4.10.20. Rancangan Layar Menu Info Tambah Pesanan

Pada gambar 4.48 adalah tampilan dari Form Menu Info Tambah Pesanan. Form ini dapat sebagai petunjuk fungsi menu tambah pesanan. Gambar 4.48 Rancangan Layar Form Info Tambah Pesanan

4.10.21. Rancangan Layar Menu Info Ubah Pesanan

Pada gambar 4.49 adalah tampilan dari Form Menu Info Ubah Pesanan. Form ini dapat sebagai petunjuk fungsi ubah pesanan. Gambar 4.49 Rancangan Layar Form Info Ubah Pesanan

4.10.22. Rancangan Layar Menu Info Batal Pesanan

Pada gambar 4.50 adalah tampilan dari Form Menu Info Batal Pesanan. Form ini dapat sebagai petunjuk fungsi menu batal pesanan. Gambar 4.50 Rancangan Layar Form Info Batal Pesanan

4.10.23. Rancangan Layar Menu Info Cek Status Kirim

Pada gambar 4.51 adalah tampilan dari Form Menu Info Cek Status Kirim. Form ini dapat sebagai petunjuk fungsi menu cek pesanan. Gambar 4.51 Rancangan Layar Form Info Cek Pesanan

4.10.24. Rancangan Layar Menu Info Konfirmasi

Pada gambar 4.52 adalah tampilan dari Form Menu Info Konfirmasi. Form ini dapat sebagai petunjuk fungsi menu konfirmasi. Gambar 4.52 Rancangan Layar Form Info Konfirmasi

4.10.25. Rancangan Layar Menu Info Set No Sever

Pada gambar 4.53 adalah tampilan dari Form Menu Info Set No Server. Form ini dapat sebagai petunjuk fungsi menu set no server. Gambar 4.53 Rancangan Layar Form Info Set No Server

4.10.26. Rancangan Layar Menu Info Unregistrasi

Pada gambar 4.54 adalah tampilan dari Form Menu Info Unregistrasi. Form ini dapat sebagai petunjuk fungsi menu unregistrasi. Gambar 4.54 Rancangan Layar Form Info Unregistrasi

4.11. Flowchart dan Algoritma

Dalam menggambarkan urut-urutan proses pada aplikasi ini akan digunakan sebuah flowchart sebagai panjelas. Dibawah ini akan diberikan beberapa flowchart untuk masing-masing proses. Sedangkan algoritma digunakan untuk mempermudah dalam pembuatan dan perancangan suatu program. Algoritma yang telah dibuat ini adalah terjemahan dari flowchart, dimana algoritma ini akan menjabarkan cara kerja program. Dalam aplikasi ini terdiiri dari beberapa algoritma yang digunakan untuk menjalankan proses pada program.

4.11.1. Flowchart dan Algoritma aplikasi pada Server

4.11.1.1. Flowchart Proses Awal

Flowchart ini merupakan gambaran alur proses awal dari aplikasi server. Dimana sebelum masuk ke aplikasi user harus melakukan login terlebih dahulu, yaitu dengan memasukkan username dan password. Apabila proses login benar maka user baru bisa mengakses menu-menu yang tersedia namun apabila login gagal akan tampil pesan Gagal Login. Jika user membatalkan proses login maka akan keluar dari proses login, dan tidak bisa menggunakan menu – menu yang terserdia. Start Pilih = Login Cek Username dan Password Valid Pilih = Keluar End M Input Username Password Y Y T X T X Y T X Tampilkan Form Login Input Pilih Gambar 4.55 Flowchart Proses Awal

4.11.1.2. Flowchart Tampilan Form Menu Utama

Flowchart ini merupakan gambaran alur proses alur proses dari menu utama aplikasi server. Form ini akan dapat diakses ketika user telah berhasil login pada form sebelumnya. Pada proses ini user dapat memilih aktivitas yang ingin dilakukan melalui menu-menu yang tersedia, seperti misalnya user dapat membuka File Master untuk memanipulasi data, membuka form Server untuk memantau proses SMS dan melakukan hal-hal lainnya. Selain itu user juga dapat keluar dari aplikasi melalui menu Keluar. M T Tampilkan Menu utama Input Pilih Pilih = Master User Pilih = Menu File Master Pilih = MenuTransaksi Pilih = Menu Server M1 Tampilkan Submenu User Tampilkan Submenu File Master Tampilkan Submenu Transaksi Tampilkan Submenu Server Input Pilih Input Pilih Input Pilih Input Pilih Pilih = Tabel Pesanan Pilih = Entry Barang Pilih = Entry Spesifikasi Pilih = Entry Pesan Pilih = Entry User Pilih = Keluar Pilih = Logout M1 M1 M1 End Y Y Y Y T T T T T Y Y Y T Y Y Y Y T T T T Entry Barang Entry Spesifikasi Entry Pesan Entry User Tabel Pesanan M1 Pilih = Server Y T Server M1 M1 Pilih = Entry Pelanggan Y T Entry Pelanggan Gambar 4.56 Flowchart Tampilan Menu Utama

4.11.2. Algoritma Entry Pelanggan

Algoritma ini menjelaskan bagaimana proses manipulasi master data pelanggan terjadi. Berikut ini adalah proses yang akan terjadi ketika user memilih tombol Simpan, Ubah, Hapus dan Keluar. 1. Tampil Form Master Pelanggan 2. Tampilkan data pelanggan pada tabel 3. Input Pilih 4. If Pilih = ”Tambah” Then 5. Tampilkan Form Tambah Pelanggan 6. Input kode pelanggan, no. HP, alamat, telp rumah, status 7. Input Pilih 8. If Pilih = “Simpan” Then 9. Simpan Data Pelanggan ke database dan tampil ke tabel 10. Tutup Form Tambah Pelanggan 11. Kembali ke baris 2

12. Elseif Pilih = ”Keluar” Then