1.
Pendahuluan
Teknologi informasi saat ini berkembang dengan pesat, semua bidang di dalam dunia ini hampir sebagian besar menggunakan teknologi informasi. Para pengusaha berlomba–lomba untuk memasukkan teknologi informasi ke dalam usaha mereka. Salah satu perusahaan yang terus mengembangkan teknologi informasi adalah perusahaan penyedia voucher pulsa elektrik. Sampai dengan saat ini kebutuhan manusia terhadap voucher elektrik terus meningkat tajam. Semua orang dari semua golongan setiap saat membutuhkan komunikasi untuk menunjang semua kegiatannya. Dengan terus berkembangnya industri telepon seluler atau yang sekarang banyak disebut dengan smartphone, sehingga setiap hal dapat dilakukan hanya melalui ponsel. Sebab itu juga yang membuat usaha penjualan voucher pulsa semakin digemari, mulai dari skala kecil atau yang biasa disebut tingkat retail sampai dengan skala besar atau distributor. CV. Altis Media Prima atau yang selanjutnya akan disebut Altis Pulsa adalah salah satu dari beberapa perusahaan distributor pulsa elektrik yang ada di Indonesia saat ini dengan jumlah member yang banyak. Dengan konsisten akan kualitas yang tinggi hingga saat ini Altis Pulsa terus dapat bertahan bahkan telah menjadi supplier pulsa elektrik terpercaya untuk server-server pulsa yang lain dan juga masyarakat yang ingin memulai untuk menjadi penjual retail pulsa elektrik. Dengan banyaknya perusahaan atau distributor pulsa elektrik yang ada saat ini, masyarakat memiliki kebebasan untuk memilih perusahaan mana yang akan memberikan keuntungan terbesar bagi mereka. Hal itu menyebabkan perusahaan berlomba-lomba untuk memberikan harga terbaik dan mencari member sebanyakbanyaknya untuk memasarkan produk pulsa elektrik mereka. Hal itu juga yang menjadi masalah mendasar bagi perusahaan Altis Pulsa, karena perusahaan harus memberikan kemudahan bagi masyarakat untuk bergabung menjadi member, agar masyarakat yang ingin membuka usaha penjualan pulsa elektrik tidak dipersulit dan dengan mudah melakukan pendaftaran dimanapun mereka berada. Karena saat ini Altis Pulsa masih menggunakan cara konvensional dalam hal pendaftaran atau registrasi member, yang mengharuskan datang sendiri ke kantor apabila ingin mendaftar menjadi member, ataupun lewat telepon yang dirasa cukup sulit karena rentan akan kesalahan dengan penginputan data. Selain itu juga pengelolaan transaksi yang saat ini hanya dilakukan satu arah membuat member tidak bisa mengecek ulang apabila terjadi kesalahan. Dengan fokus akan masalah tersebut maka dilakukan penelitian dengan tema “Peracangan Sistem Informasi Registrasi Online menggunakan Spring Framework pada CV. Altis Media Prima. Penelitian ini bertujuan untuk membuat sebuah sistem informasi registrasi atau pendaftaran secara online dan realtime, sehingga setiap orang yang ingin bergabung menjadi member dapat melakukan pendaftaran dengan mudah dimanapun berada tanpa harus datang langsung ke kantor ataupun melalui telepon yang menghabiskan banyak pulsa dan rentan akan kesalahan data. Selain itu juga sistem laporan transaksi yang dapat diakses secara online dan realtime akan memudahkan member untuk mengelola transaksi yang sudah dilakukan tanpa harus mencatat secara manual.
Penelitian ini bermanfaat agar setiap orng yang ingin melakukan pendaftaran menjadi member dapat langsung membuka web perusahaan, dapat langsung mengisi data-data yang dibutuhkan untuk menjadi member. Apabila semua data yang diminta sudah dimasukkan dengan benar maka saat itu pula telah resmi terdaftar menjadi member. Dengan metode seperti ini maka pendaftaran atau registrasi untuk menjadi member dapat dilakukan secara cepat, akurat, dan tanpa batasan tempat sehingga diharapkan makin banyak orang yang bergabung menjadi member. Dan juga pembuatan laporan transaksi secara online akan memudahkan member untuk mencocokkan setiap transaksi yang dilakukan tanpa harus mencatatnya secara manual. Perancangan sistem registrasi ini menggunakan teknologi online dalam bentuk sebuah website yang dapat diakses oleh member setiap saat dan setiap waktu. Dengan menggunakan Spring Framework Dengan memisahkan antara model, business logic, dan view, aplikasi akan lebih mudah untuk di-maintenance [1]. Penelitian ini meghasilkan sebuah website perusahaan yang dapat diakses oleh setiap orang yang menampilkan sejarah, latar belakang, dan info tentang perusahaan Altis Pulsa. Selain itu juga yang terpenting dalam website tersebut setiap orang dapat melakukan registrasi untuk menjadi member dan apabila sudah terdaftar menjadi member maka dapat melakukan pengecekan transaksi dengan menggunakan nomor hanphone dan pin yang diberikan pada saat pendaftaran. Sebuah sistem yang diharapkan dapat mempermudah kinerja perusahaan dan memudahkan setiap orang untuk memulai usaha penjualan pulsa elektrik. 2.
Tinjauan Pustaka
Pada tahun 2011 dilakukan penelitian dengan judul Perancangan Sistem Reservasi secara Online pada Gombel Golf Semarang. Penelitian tersebut bertujuan agar user dapat melakukan reservasi secara online pada saat ingin melakukan pemesanan tempat di Gombel Golf [2]. Dan pada tahun 2012 dilakukan penelitian dengan judul Pemodelan Sistem Registrasi Terpadu Berbasis Web Menggunakan Web Service Studi Kasus pada Perpustakaan UKSW. Penelitian tersebut bertujuan untuk melakukan registrasi secara online untuk pendaftaran member perpustakaan [3]. Perbedaan kedua penelitian tersebut dengan penelitian yang dibuat saat ini adalah kedua perancangan sistem informasi tersebut dibangun dengan menggunakan menggunakan bahasa pemrograman php sedangkan penelitian ini dibuat dengan menggunakan Model, View, dan Controller dengan Spring Framework. Kedua penelitian tersebut juga memberikan beberapa kontribusi pada penelitian ini seperti pada penelitian di Gombel Golf yang mengahruskan user melakukan verifikasi melalui email yang dikirimkan, sedangkan dalam penelitian ini user diharuskan melakukan verifikasi sebelum melakukan registrasi dengan memasukkan kode yang dikirmkan melalui sms. Tempat yang dipilih untuk melalukan penelitian ini adalah sebuah perusahaan distributor pulsa elektrik dengan nama CV. Altis Media Prima atau yang biasa disebut Altis Pulsa. Altis Pulsa berdiri pada tahun 2007 dengan alamat
perusahaan di Jalan Curug Sangereng Ruko L’Agricola Blok AA No 26 Gading Serpong Tangerang 15810. Memiliki visi menjadi perusahaan penyedia voucher pulsa elektrik yang handal dan terbaik pelayanannya membuat Altis Pulsa menjadi salah satu perusahaan pulsa elektrik yang besar dan terpercaya. Altis Pulsa akan terus berinovasi seiring dengan perkembangan teknologi yang ada sehingga dapat bersaing dan mengelola ribuan member yang dimiliki sehingga akan terus berkembang. Spring adalah salah satu application framework untuk aplikasi berbasis Java, tepatnya JEE. Spring merupakan sebuah framework (kerangka kerja) yang digunakan untuk membangun sebuah aplikasi Enterprise. Spring termasuk framework yang lightweight (ringan) untuk mendukung secara penuh dalam pengembangan aplikasi Enterprise siap pakai [4]. Spring Framework memiliki 7 arsitetur yaitu Spring AOP, Spring ORM, Spring Web, Spring DAO, Spring Context, Spring Web MVC, dan Spring Core [5]. Arsitektur dalam Spring Framework dapat dilihat pada Gambar 1.
Gambar 1. Arsitektur Spring Framework [5] Model, View, dan Controller (MVC) adalah sebuah mekanisme yang diciptakan untuk memisahkan objek sesuai dengan fungsinya. MVC diciptakan sekitar tahun 1970 oleh tim SmallTalk. MVC membuat pengembangan aplikasi menjadi sangat mudah, karena memisahkan kode menjadi tiga bagian yaitu Model, View, dan Controller [6]. Model merepresentasikan lapisan data enterpsrise dan logika atau rule bisnis yang akan mengakses dan melakukan update data tersebut. Pada bagian model juga merepresentasikan proses riil yang terjadi pada suatu objek, bisa termasuk pada bagian ini adalah java beans dengan property dan method yang dimiliki (getters, setters, dan constructors). Javabeans berhubungan dengan konsep kegunaan dari website yang dibuat yang akan digunakan oleh user. Sebagai contoh, jika web yang dikembangkan adalah tentang penjualan produk, maka tentu akan terdapat beberapa java beans inti seperti : produk, customer, order, invoice. Secara singkat dapat disebut bahwa bagian model merupakan inti dari layer bisnis.
Bagian View dapat dibangun dengan teknologi JSP. Bagian ini yang akan memberikan tampilan kepada user, dari data yang didapatkan dari lapisan model. Jadi JSP digunakan di sini hanya untuk menampilkan data saja. Bagian ini dapat juga disebut presentation layer. Selain JSP dapat juga dengan menggunakan JSF atau yang lainnya. Bagian Controller digunakan untuk menerima setiap reguest dan memformulasikan suatu response untuk request tersebut. Ini dapat dilakukan dengan teknologi servlet, yang dapat juga diimplementasikan dengan JSP atau JSF. Arsitektur MVC adalah sebuah pola yang terbukti membangun proyek secara lebih efektif. Hal itu dilakukan dengan memilah komponen antara Model, View, dan Controller pada bagian-bagian dalam proyek. Komponen MVC dapat dilihat pada Gambar 2.
Gambar 2. Komponen MVC [6] PHP (Hypertext Preprocessor) merupakan suatu bahasa pemrograman yang difungsikan untuk membangun suatu website dinamis [7]. PHP menyatu dengan kode HTML, maksudnya adalah beda kondisi. HTML digunakan sebagai pembangun atau fondasi dari kerangka layout web, sedangka PHP difungsikan sebagai prosesnya sehingga dengan adanya PHP tersebut, web akan sangat mudah di maintenance. PHP berjalan pada sisi server sehingga PHP disebut juga sebagai Server Slide Scripting. Artinya bahwa untuk menjalankan PHP, wajib adanya web server [8]. Javascript adalah bahasa scripting yang digunakan untuk membuat aplikasi web, sifatnya client-side sehingga dapat diolah langsung di browser tanpa harus terhubung ke server terlebih dahulu. Walaupun namanya menggunakan kata “Java”, Javascript tidak berhubungan dengan bahasa pemprograman java, meskipun keduanya memiliki kemiripan dalam hal syntax yang meniru bahasa C. Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan ke dalam HTML baik secara langsung disisipkan maupun diletakkan ke file teks dan di-link dari dokumen HTML.
3.
Metode dan Perancangan Sistem
Perancangan ini menggunakan metode pemodelan prototype. Prototype merupakan suatu metode dalam pengembangan sistem yang menggunakan pendekatan untuk membuat program dengan cepat dan bertahap sehingga dapat segera dievaluasi oleh user. Tahapan prorotype dilakukan dalam lima bagian, yaitu identifikasi kebutuhan user, membuat prototype, memperbaiki prorotype, dan pengembangan [9]. Untuk lebih jelasnya tahapan prototype dapat dilihat pada Gambar 3.
Gambar 3. Tahapan Prototype [9] Tahap awal pemodelan sistem ini yaitu identifikasi atau mencari tahu kebutuhan sistem yang akan dibangun. Setelah melaukan pertemuan dan tanya jawab maka dapat disimpulkan bahwa permasalahan yang ada saat ini adalah belum adanya sistem registrasi yang dapat dilakukan secara online sehingga membuat pertumbuhan member tidak signifikan karena dirasa terlalu sulit menggunakan cara manual. Oleh karena itu perusahaan Altis Pulsa saat ini membutuhkan sebuah website yang di dalamnya terdapat sebuah sistem registrasi yang dapat diakses secara online sehingga user yang ingin mendaftar tidak harus datang langsung ke kantor apabila ingin menjadi member dan memiliki fungsi agar setiap user yang telah terdaftar sebagai member dapat melihat setiap transaksi yang dilakukan secara realtime. Dalam membangun sistem ini dibutuhkan perangkat keras (hardware) dan perangkat lunak (software). Adapun hardware yang digunakan pada sistem yang dibangun adalah sebagai berikut 1) Intel Core i3 M380, 2.53 GHz, 2) 2000MB RAM, 3) HDD 500 GB, dan 4) Mouse dan Keyboard. Sedangkan software yang
digunakan meliputi 1) Windows 7 Professional, 2) Adobe Dreamweaver CS4, 3) Eclipse, 4)XAMPP Version 1.7.2, dan 5)MySQL. Setelah mengetahui sistem yang dibutuhkan oleh perusahaan maka dilakukanlah pembuatan prototype pertama yang mencakup tentang informasi perusahaan. Perusahaan merasa puas dengan tampilan yang ada, sehingga disetujui untuk menggunakan tampilan tersebut untuk website perusahaan. Setelah tampilan website disetujui maka dilakukan pembuatan untuk fungsi registrasi online-nya. Perusahaan menginginkan adanya tambahan sebuah halaman lagi yaitu halaman untuk melakukan verifikasi, agar setiap nomor handphone yang didaftarkan adalah nomor yang benar-benar aktif dan dimiliki oleh pendaftar tersebut. Perusahaan merasa puas dengan sistem registrasi yang telah dibuat, sistem dianggap cukup mudah untuk digunakan dan dengan adanya verifikasi dapat meminimalkan orang yang hanya melakukan coba-coba melakukan registrasi dengan memasukkan nomor handphone secara asal. Maka dilakukan tahap akhir pembuatan sistem yaitu sistem laporan transaksi agar setiap user yang sudah terdaftar sebagai member dapat mengecek setiap transaksi yang dilakukan secara realtime. Dalam web report tersebut member dapat melihat setiap transaksi yang telah dilakukan, sehingga dapat mengetahui sudah melakukan pengisian pulsa elektrik ke nomor mana saja. Sistem tersebut dirasa cukup memuaskan oleh perusahaan dan dengan ini semua sistem yang dibuat telah disetujui oleh perusahaan. Perancangan sistem menggambarkan perancangan dan pembuatan skema dari sistem yang akan menjadi objek penelitian. Pada tahap ini, metode yang digunakan adalah Use Case Diagram, Activity Diagram, Sequence Diagram, dan Class Diagram. Model Use Case Diagram sistem registrasi online pada CV.Altis Media Prima dapat dilihat pada Gambar 4.
Gambar 4. Use Case Diagram
Pada use case diagram tersebut dapat dilihat bahwa guest dapat melakukan proses registrasi dan menerima kode verifikasi. Di dalam registrasi tersebut akan di verifikasi kode yang dikirim oleh sistem dengan kode yang diterima oleh guest, apabila keduanya valid maka proses registrasi berhasil. Dan ketika registrasi sudah berhasil maka guest berubah menjadi member dana dapat melakukan login dengan menggunakan nomor handphone dan pin yang didaftarkan pada saat registrasi untuk dapat melihat laporan diantaranya transaksi, rekap transaksi, rekap transaksi detail, laporan account,dan melihat harga. Untuk rekap transaksi, rekap transaksi detail, dan laporan account dapat di export menjadi bentuk excel sehingga dapat disimpan oleh member.Activity Diagram guest pada CV.Altis Media Prima dapat dilihat pada Gambar 5.
Gambar 5. Activity Diagram Guest Pada activity diagram guest dapat dilihat pada saat pertama kali mengakses registrasi, kemudian mengisi seluruh data yang dibutuhkan untuk registrasi. Setelah itu sistem akan mengolah data yang telah diinput, apakah sebelumnya nomor handphone yang didaftarkan sebelumnya sudah terdaftar atau belum, apabila sudah maka registrasi gagal dilakukan, jika belum maka sistem akan membuat kode verifikasi yang dikirimkan ke nomor handphone yang tadi telah didaftarkan. Setelah kode tersebut diterima maka guest diwaibkan untuk menginput kode tersebut kedalam form yang telah disediakan, dan apabila kode tersebut valid makan registrasi berhasil dilakukan. Member adalah guest yang sudah berhasil melakukan registrasi baik secara online mapun secara manual. Untuk activity diagram member dapat dilihat pada Gambar 6.
Gambar 6. Activity Diagram Member Pada activity diagram member pertama kali member melakukan akses di web report, setelah itu login dengan menggunakan nomor handphone dan pin yang sudah didaftarkan. Setelah sistem mengecek data sudah valid maka member dapat melihat transaksi, melalukan rekap transaksi, rekap transaksi detail, laporan account, dan melihat harga terbaru. Sequence Diagram menampilkan interaksi – interaksi antar objek di dalam sistem yang disusun pada sebuah urutan atau rangkaian waktu. Sequence Diagram guest pada CV.Altis Media Prima dapat dilihat pada Gambar 7.
Gambar 7. Sequence Diagram Guest
Sequence diagram di atas menampilkan proses guest dalam melakukan registrasi untuk menjadi member, dimulai dari input data, menerima dan menginput kode verifikasi, sampai berhasil melakukan registrasi dan terdaftar sebagai member. Untuk sequence diagram member dapat dilihat pada Gambar 8.
Gambar 8. Sequence Diagram Member
Pada sequence diagram member dapat dilihat bahwa apabila telah terdaftar sebagai member maka memiliki hak untuk mengakses web report yang dapat menampilkan transaksi, rekap transaksi, reap transaksi detail, laporan account, dan juga melihat harga terbaru. Class Diagram adalah sebuah class yang menggambarkan struktur dan penjelasan class, paket, dan objek serta hubungan satu sama lain. Class Diagram pada CV.Altis Media Prima dapat dilihat pada Gambar 9.
Gambar 9. Class Diagram Pada class diagram tersebut dapat terlihat relasi pada saat guest melakukan registrasi dan juga relasi member pada waktu melakukan akses pada web report. Nomor handphone adalah nomor handphone ketika mendaftar sebagai member dan nomor yang digunakan untuk melakukan transaksi, sedangkan nomor tujuan adalah nomor hanphone tujuan saat melakukan transaksi pengisian pulsa. Guest melakukan input data pada saat registrasi kemudian controller akan melakukan penyimpanan data dan mengirimkan kode verifikasi, apabila kode verifikasi tersebut telah diinput dan valid, maka guest tersebut akan ter-insert menjadi member. Dan member dapat melakukan view transaksi, view rekap transaksi, view rekap transaksi detail, view laporan account, dan view harga saat mengakses web report. 4.
Hasil dan Pembahasan
Hasil dari Perancangan Sistem Informasi Registrasi Online menggunakan Spring Framework pada CV.Altis Media Prima adalah sebuah website yang mencakup semua data informasi mengenai CV. Altis Media Prima, untuk tampilan website tersebut dapat dilihat pada Gambar 10.
Gambar 10. Tampilan Website CV. Altis Media Prima
Di dalam web tersebut terdapat beberapa menu informasi antara lain home, customer service, visi misi, gallery, member atau biasa disebut web report, serta menu registrasi. Di dalam menu registrasi, pengunjung yang berminat untuk menjadi member CV. Altis Media Prima dapat mengisi form yang telah disediakan.Tampilan dari form menu registrasi dapat dilihat pada Gambar 11.
Gambar 11. Form Registrasi
Di dalam form registrasi tersebut terdapat 4 (empat) field yang harus diisi oleh user apabila ingin melakukan registrasi. Yang pertama adalah nama, lalu nomor hanphone yang ingin di-daftarkan, nomor handphone itu juga yang nantinya akan digunakan oleh member untuk melakukan transaksi pengisian pulsa elektrik. Pada field member type terdapat 4 (empat) pilihan kategori yaitu master dealer, super dealer, dealer, dan frontliner. Field terakhir adalah pin untuk melakukan transaksi. Program dalam form pada Gambar 11 dapat dilihat pada Kode Program 1. . Kode Program 1. Perintah Untuk Validasi Data 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.
Member member = new Member(); member.setNoHP(noHP); member.setPin(pin); member.setBlocked("N"); member.setUplineID(1); member.setMember_status("I"); member.setType_cust("R"); member.setTypeID(Integer.parseInt(member_type)); mDao.insert(member); Member newMember = mDao.findByMemberHp(noHP); if(newMember != null) { int newId = newMember.getMemberID(); if(newId != 0) { MemberDetail md = new MemberDetail(); md.setName(nama); mDao.insertMemberDetail(md); } } model.addObject("infoRegisterSuccess", "Registration Success. Please verify your registration code. "); 22. model.addObject("successregister", "1"); 23. model.addObject("noHP", newMember.getNoHP()); 24. mDao.sendInfoVerificationCode(newMember);
Pada Kode Program 1 dapat dilihat perintah pada baris 1 sampai 9 adalah model dari member, member type, dan member detail yang akan masuk ke dalam
sistem. Dan pada baris sepuluh adalah pengecekan nomor handphone yang akan didaftarkan. Pada baris sebelas sampai dua puluh adalah controller untuk memasukkan data-data yang sudah diisi. Pada baris dua puluh satu sampai dua puluh dua adalah feedback yang ditampilkan dan pada baris dua puluh tiga sampai dua puluh empat adalah pengiriman kode verifikasi ke nomor handphone yang didaftarkan. Setelah user selesai melakukan input data dengan benar, maka akan muncul tampilan baru yang mewajibkan user untuk melakukan input no verifikasi yang dikirimkan ke nomor handphone yang tadi sudah didaftarkan dapat dilihat pada Gambar 12.
Gambar 12. Tampilan Input Verifikasi
Apabila nomor handphone yang didaftarkan tersebut aktif, maka akan terkirim sebuah pesan yang berisi kode verifikasi yang harus dimasukkan ke dalam form verifikasi tersebut. Hal ini dilakukan untuk mencegah adanya spam, atau registrasi yang dilakukan secara asal karena akan memperberat kinerja sistem dan banyaknya member yang terdaftar tetapi tidak aktif. Untuk tampilan sms berisi kode verifikasi tersebut dapat dilihat pada Gambar 13.
Gambar 13. Tampilan SMS Verifikasi
Kode verifikasi tersebut terdiri dari 4 angka yang diambil dari member id yang dimiliki ketika mendaftar. Kode tersebut akan dikirimkan melalui sms gateway atau sms center dari Altis Pulsa ke nomor handphone yang didaftarkan pada saat registrasi. Sehingga apabila ada user yang hanya mencoba-coba melakukan registrasi dengan memasukkan nomor yang tidak valid, maka registrasi tersebut akan gagal. Untuk program kode verifikasi tersebut dapat dilihat pada Kode Program 2 Kode Program 2. Perintah Untuk Verifikasi SMS 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17.
public void sendInfoVerificationCode(Member member) { String code; String sqlSms; Connection conn; code = String.valueOf(member.getMemberID()); sqlSms = "INSERT INTO smsque_outbound (recipient, text, gateway_id, create_date, originator) VALUES (?, ?, 'ASCENTER1', CURRENT_TIMESTAMP(), '7777') ; "; conn = null; try { conn = dataSource.getConnection(); PreparedStatement ps = conn.prepareStatement(sqlSms); ps.setString(1, member.getNoHP()); ps.setString(2, (new StringBuilder("Thank you for registering to Altis. Please verify with this code : ")).append(code).toString()); ps.executeUpdate(); ps.close(); }
Dapat dilihat pada Kode Program 2, perintah pada baris 6 kode verifikasi diambil dari member id user yang mendaftar, lalu perintah pada baris 7 adalah perintah untuk mengirimkan kode verifikasi tersebut melalu sms. Pada halaman web juga terdapat sebuah menu member yaitu sebuah menu yang akan menampilkan laporan transaksi yang dilakukan oleh user. Di dalam web report tersebut terdapat beberapa menu, yaitu transaksi, rekap transaksi, rekap transaksi detail, laporan account, dan harga. Di dalam menu transaksi member dapat melihat semua transaksi yang sudah dilakukan berdasarkan tanggal, nomor transaksi, ataupun nomor hanphone tujuan. Ketika member memilih menu transaksi maka tampilan yang keluar dapat dilihat pada Gambar 14.
Gambar 14. Tampilan Laporan Transaksi
Di dalam laporan transaksi tersebut akan ditampilkan semua informasi pengisian pulsa yang dilakukan secara lengkap oleh member. Untuk programnya dapat dilihat pada Kode Program 3. Kode Program 3. Perintah Untuk Laporan Transaksi 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26.
if ($_POST["startdate"]!="" && $_POST["enddate"]!="") { if ($_POST['pagenumber'] !='' && $_POST['pagenumber'] > 0) { $pagenumber = $_POST['pagenumber']; } else { $pagenumber = 1; } $offset = ($pagenumber-1)*50; $qry="SELECT DATE_FORMAT(date,'%d/%m %H:%i:%s') AS date, member_detail.name, trx_nohp, trx_hp_destination, trx_kd_produk, total, trx_status, transaction.no_trx, CASE WHEN transaction.newinfo IS NOT NULL AND transaction.newinfo <> 'null' AND transaction.newinfo <> '' THEN transaction.newinfo ELSE transaction.info END, reply FROM transaction LEFT JOIN member_detail ON (member_detail.memberID=transaction.memberID) WHERE transaction.memberID='".$memberid."' ".$manualFilter." ORDER BY trxID DESC LIMIT 50 OFFSET ".$offset.";"; $rst=mysql_query($qry) or die(mysql_error()); $i=1; while($dt=mysql_fetch_row($rst))
Pada Kode Program 3, perintah pada baris pertama menjelaskan dimulai dari tanggal berapa sampai dengan tanggal berapa member ingin melihat laporan transaksi, lalu pada baris sebelas sampai dengan dua puluh satu laporan akan ditampilkan dengan semua field yang ada, dan fungsinya yang disebut manual filter terdapat pada baris dua puluh dua sampai baris dua puluh enam.. Menu lain yang ada pada web report adalah rekap transaksi detail. Hampir sama dengan rekap transaksi, hanya saja data yang ditampilkan lebih lengkap. Tampilannya dapat dilihat pada Gambar 15.
Gambar 15. Tampilan Rekap Transaksi Detail
Pada menu tersebut data yang ditampilkan lebih lengkap terdiri dari sepuluh field, dimulai dari tanggal, nomor handphone, nomor handphone tujuan, produk,
total, status, nomor transaksi, serial number, partner transaksi id, dan reply. Pada menu ini juga data yang ditampilkan dapat di-export menjadi bentuk excel sehingga dapat disimpan oleh member dan memudahkan proses pengelolaan transaksi. Untuk programnya dapat dilihat pada Kode Program 4. Kode Program 4. Perintah Untuk Rekap Transaksi Detail 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28.
if ($_POST["transdate"]!="") { if ($_POST['pagenumber'] !='' && $_POST['pagenumber'] > 0) { $pagenumber = $_POST['pagenumber']; } else { $pagenumber = 1; } $offset = ($pagenumber-1)*50; $qry="SELECT DATE_FORMAT(date,'%d/%m/%y %H:%i') AS datef, trx_nohp, trx_hp_destination, trx_kd_produk, total, trx_status, transaction.no_trx, CASE WHEN transaction.newinfo IS NOT NULL AND transaction.newinfo <> 'null' AND transaction.newinfo <> '' THEN transaction.newinfo ELSE transaction.info END, transaction.h2h_trxid, reply FROM transaction LEFT JOIN member_detail ON (member_detail.memberID=transaction.memberID) LEFT JOIN transaction_log_detil ON (transaction_log_detil.no_trx=transaction.no_trx) WHERE transaction.memberID='".$memberid."' AND gateway<>'REVERSAL' AND (trx_status='S' OR trx_status='SS' OR trx_status='F') ".$manualFilter." ORDER BY trxID DESC LIMIT 50 OFFSET ".$offset.";"; $rst=mysql_query($qry) or die(mysql_error()); $i=1; while($dt=mysql_fetch_row($rst))
Pada Kode Program 4 mulai dari baris 9 sampai dengan baris 21 data ditarik dan ditampilkan, dan pada baris 28 adalah fungsi untuk menambah column secara otomatis apabila data ditambahkan. Dalam pembuatan sistem registrasi online menggunakan metode MVC, terdiri dari pembagian tiga class, yaitu class model, class view, dan class controller. Arsitektur class model dalam pembuatan sistem tersebut terdiri dari tiga class, dapat dilihat pada Tabel 1.
No
Nama Class
1
Member
2
Member Detail
3
Member Type
Tabel 1. Tabel Class Model Deskripsi Menjabarkan atribut yang dimiliki atau data yang dimiliki oleh member Menjabarkan data member secara detail Menjabarkan empat type yang dapat dipilih oleh user ketika bergabung menjadi member
Class kedua dalam arsitektur Model , View, dan Controller adalah view. Di dalam sistem ini view bertugas untuk menampilkan setiap interface yang ada, Tabel class view dapat dilihat pada Tabel 2.
Tabel 2. Tabel View Nama File
No
Deskripsi
1
Customer Registration Page
Menampilkan Form Registrasi
2
New Customer Registration Page
Menampilkan Form Verifikasi
Lalu class yang ketiga adalah controller, berfungsi untuk memanggil setiap atribut yang ada dan mengolahnya menjadi suatu keluaran atau fungsi yang berjalan. Untuk arsitektur class controller dapat dilihat pada Tabel 3.
No
Nama Class
1
Registrasi Controller
Tabel 3. Tabel Class Controller Deskripsi Menjadi fungsi untuk menggabungkan antara view dan model yang ada sehingga menghasilkan sebuah fungsi yang berjalan
Setelah sistem tersebut selesai, maka harus diadakan sebuah pengujian untuk melihat apakah sudah sesuai dengan yang diharapkan. Pengujian pertama yang dilakukan adalah pengujian validitas sistem, Untuk melihat hasil pengujian sistem dapat dilihat pada Tabel 4.
No 1
Tabel 4. Tabel Pengujian Validitas Sistem Validasi Input Data Input Nomor Proses Registrasi Dikosongkan Handphone Input No Handphone Point Pengujian
Nama
Hasil Uji Gagal Berhasil
Dikosongkan
Gagal
Input Nama
Berhasil
Member Type
Tampil Otomatis
Berhasil
Pin
Dikosongkan
Gagal
Input Pin 2
Verifikasi Kode
Validasi Nomor Hanphone
Tampil Otomatis
3
Proses Input Verifikasi
Kode Verifikasi
Dikosongkan
Berhasil Kode verifikasi terkirim ke handphone Gagal
Input Kode Verifikasi
Berhasil
Proses Login Web Report
Nomor Handphone
Dikosongkan
Gagal
Input No Handphone
Berhasil
Dikosongkan
Gagal
Input Pin
Berhasil
Pilih Menu
Berhasil
4
Pin 5
Logout
Logout
Untuk mengetahui perbedaan performa layanan antara sistem manual dan sistem online maka dilakukan sebuah tes lanjutan, hasilnya dapat dilihat pada Tabel 5.
No
Point Pengujian
1
Registrasi
Tabel 5. Tabel Pengujian Kecepatan Sistem Sistem Manual Kesalahan input data rata-rata sebanyak lima belas kali dalam sebulan
2
Verifikasi
Membutuhkan waktu rata-rata sepuluh menit untuk melakukan verifikasi
3
Laporan Transaksi
Membutuhkan waktu rata-rata tiga puluh menit untuk melihat laporan transaksi sebulan
5.
Sistem Online Tidak pernah Membutuhkan waktu rata-rata sepuluh detik untuk verifikasi Membutuhkan waktu rata-rata 5 menit untuk melihat laporan transaksi sebulan
Simpulan
Berdasarkan hasil penelitian dengan judul Perancangan Sistem Informasi Registrasi Online menggunakan Spring Framework pada CV. Altis Media Prima maka proses kinerja perusahaan menjadi lebih terbantu. Metode MVC memungkinkan perusahaan untuk melakukan maintenance dengan lebih mudah apabila ada sistem yang ingin ditambahkan, dan metode tersebut juga membuat sistem yang dibuat lebih efektif. Sehingga dengan sistem yang dibuat, kesalahan yang sering terjadi akibat human error dapat dikurangi dan member yang terdaftar dapat terus bertambah dengan kemudahan sistem yang ada.
6. Daftar Pustaka [1] [2]
[3]
[4] [5] [6]
Shalahuddin, M., 2008, Java di Web, Informatika: Bandung. Rinaldy, Okky. 2011. Perancangan Sistem Reservasi secara Online pada Gombel Golf Semarang, Skripsi : Salatiga, Univeritas Kristen Satya Wacana. Novalia, Dina. 2012. Pemodelan Sistem Registrasi Terpadu Berbasis Web menggunakan Web Service Studi Kasus Perpustakaan UKSW, Skripsi : Salatiga, Universitas Kristen Satya Wacana. Winterfeldt, David, 2008, Spring By Example, www.springbyexample.org, Diakses 20 Juni 2013. Wijono, Sri Hartati. S.Si, B., 2007, Pemrograman java Servlet dan JSP dengan Netbeans, Andi, Yogyakarta. J.E.N.I, 2003, Pengenalan Arsitektur MVC, jeni.or.id. Diakses tanggal 20 Juni 2013.
[7] [8] [9]
Anchar, 2010, Panduan Menguasai PHP dan MySQL secara Otodidak, Mediakita, Jakarta. Kurniawan, Rulianto, 2010, PHP dan MySQL untuk Orang Awam, Maxikom, Palembang. Surbakti, Irfan dan Insap Santosa, 2006, Interaksi Manusia dan Komputer, Insitut Teknologi Sepuluh November, Surabaya.
