T1 672006239 Full text

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 sebanyak-banyaknya 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

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.

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

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

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.

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.

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

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.

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

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

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

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

1. Member member = new Member();

2. member.setNoHP(noHP);

3. member.setPin(pin);

4. member.setBlocked("N");

5. member.setUplineID(1);

6. member.setMember_status("I");

7. member.setType_cust("R");

8. member.setTypeID(Integer.parseInt(member_type));

9. mDao.insert(member);

10.Member newMember = mDao.findByMemberHp(noHP);

11.if(newMember != null)

12.{

13.int newId = newMember.getMemberID();

14.if(newId != 0)

15.{

16.MemberDetail md = new MemberDetail();

17.md.setName(nama);

18.mDao.insertMemberDetail(md);

19.}

20.}

21.model.addObject("infoRegisterSuccess", "Registration Success. Please

verify your registration code. ");

22.model.addObject("successregister", "1");

23.model.addObject("noHP", newMember.getNoHP());

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.

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

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

1. public void sendInfoVerificationCode(Member member)

2. {

3. String code;

4. String sqlSms;

5. Connection conn;

6. code = String.valueOf(member.getMemberID());

7. sqlSms = "INSERT INTO smsque_outbound (recipient, text, gateway_id,

create_date, originator) VALUES (?, ?, 'ASCENTER1', CURRENT_TIMESTAMP(), '7777') ; ";

8. conn = null;

9. try

10.{

11.conn = dataSource.getConnection();

12.PreparedStatement ps = conn.prepareStatement(sqlSms);

13.ps.setString(1, member.getNoHP());

14.ps.setString(2, (new StringBuilder("Thank you for registering to

Altis. Please verify with this code : ")).append(code).toString());

15.ps.executeUpdate();

16.ps.close();

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

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,

1. if ($_POST["startdate"]!="" && $_POST["enddate"]!="") {

2. if ($_POST['pagenumber'] !='' && $_POST['pagenumber'] > 0) {

3. $pagenumber = $_POST['pagenumber'];

4. }

5. else {

6. $pagenumber = 1;

7. }

8. $offset = ($pagenumber-1)*50;

9. $qry="SELECT

10. DATE_FORMAT(date,'%d/%m %H:%i:%s') AS date,

11. member_detail.name,

12. trx_nohp,

13. trx_hp_destination,

14. trx_kd_produk,

15. total,

16. trx_status,

17. transaction.no_trx,

18. CASE WHEN transaction.newinfo IS NOT NULL AND

transaction.newinfo <> 'null' AND transaction.newinfo <> '' THEN transaction.newinfo ELSE transaction.info END,

19. reply

20. FROM

21. transaction

22. LEFT JOIN member_detail ON

(member_detail.memberID=transaction.memberID)

23. WHERE transaction.memberID='".$memberid."' ".$manualFilter."

ORDER BY trxID DESC LIMIT 50 OFFSET ".$offset.";";

24. $rst=mysql_query($qry) or die(mysql_error());

25. $i=1;

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

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.

Tabel 1. Tabel Class Model

No Nama Class Deskripsi

1 Member Menjabarkan atribut yang dimiliki atau data yang dimiliki oleh member

2 Member Detail Menjabarkan data member secara detail

3 Member Type Menjabarkan empat type yang dapat dipilih oleh user ketika bergabung menjadi member

1. if ($_POST["transdate"]!="") {

2. if ($_POST['pagenumber'] !='' && $_POST['pagenumber'] > 0) {

3. $pagenumber = $_POST['pagenumber'];

4. }

5. else {

6. $pagenumber = 1;

7. }

8. $offset = ($pagenumber-1)*50;

9. $qry="SELECT

10.DATE_FORMAT(date,'%d/%m/%y %H:%i') AS datef,

11.trx_nohp, 12.trx_hp_destination, 13.trx_kd_produk, 14.total, 15.trx_status, 16.transaction.no_trx,

17.CASE WHEN transaction.newinfo IS NOT NULL AND transaction.newinfo <>

'null' AND transaction.newinfo <> '' THEN transaction.newinfo ELSE transaction.info END,

18.transaction.h2h_trxid,

19.reply

20.FROM

21.transaction

22.LEFT JOIN member_detail ON (member_detail.memberID=transaction.memberID)

23.LEFT JOIN transaction_log_detil ON

(transaction_log_detil.no_trx=transaction.no_trx)

24.WHERE transaction.memberID='".$memberid."' AND gateway<>'REVERSAL'

25.AND (trx_status='S' OR trx_status='SS' OR trx_status='F')

".$manualFilter." ORDER BY trxID DESC LIMIT 50 OFFSET ".$offset.";";

26.$rst=mysql_query($qry) or die(mysql_error());

27.$i=1;

Class kedua dalam arsitektur Model , View, dan Controller adalah view. Di dalam sistem ini view bertugas untuk menampilkan setiap interface yang ada, Tabel classview dapat dilihat pada Tabel 2.

Tabel 2. Tabel View

No Nama File 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.

Tabel 3. Tabel Class Controller

No Nama Class Deskripsi

1 Registrasi Controller 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.

Tabel 4. Tabel Pengujian Validitas Sistem

No Point Pengujian Validasi Input Data Input Hasil Uji

1 Proses Registrasi Nomor

Handphone Dikosongkan Gagal Input No Handphone Berhasil

Nama Dikosongkan Gagal Input Nama Berhasil Member Type Tampil Otomatis Berhasil Pin Dikosongkan Gagal

Input Pin Berhasil

2 Verifikasi Kode Validasi Nomor

Hanphone Tampil Otomatis

Kode verifikasi terkirim ke handphone 3 Proses Input Verifikasi Kode Verifikasi Dikosongkan Gagal

Input Kode Verifikasi Berhasil

4 Proses Login Web Report Nomor

Handphone Dikosongkan Gagal Input No Handphone Berhasil

Pin Dikosongkan Gagal Input Pin Berhasil

Untuk mengetahui perbedaan performa layanan antara sistem manual dan sistem online maka dilakukan sebuah tes lanjutan, hasilnya dapat dilihat pada Tabel 5.

Tabel 5. Tabel Pengujian Kecepatan Sistem

No Point Pengujian Sistem Manual Sistem Online

1 Registrasi Kesalahan input data rata-rata sebanyak lima

belas kali dalam sebulan Tidak pernah

2 Verifikasi Membutuhkan waktu rata-rata sepuluh menit untuk melakukan verifikasi

Membutuhkan waktu rata-rata sepuluh detik untuk

verifikasi

3 Laporan Transaksi

Membutuhkan waktu rata-rata tiga puluh menit untuk melihat laporan transaksi

sebulan

Membutuhkan waktu rata-rata 5 menit untuk melihat

laporan transaksi sebulan

5. 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] Shalahuddin, M., 2008, Java di Web, Informatika: Bandung.

[2] Rinaldy, Okky. 2011. Perancangan Sistem Reservasi secara Online pada Gombel Golf Semarang, Skripsi : Salatiga, Univeritas Kristen Satya Wacana.

[3] Novalia, Dina. 2012. Pemodelan Sistem Registrasi Terpadu Berbasis Web menggunakan Web Service Studi Kasus Perpustakaan UKSW, Skripsi : Salatiga, Universitas Kristen Satya Wacana.

[4] Winterfeldt, David, 2008, Spring By Example, www.springbyexample.org, Diakses 20 Juni 2013.

[5] Wijono, Sri Hartati. S.Si, B., 2007, Pemrograman java Servlet dan JSP dengan Netbeans, Andi, Yogyakarta.

[7] Anchar, 2010, Panduan Menguasai PHP dan MySQL secara Otodidak, Mediakita, Jakarta.

[8] Kurniawan, Rulianto, 2010, PHP dan MySQL untuk Orang Awam, Maxikom, Palembang.