Data Penulis: Dosen Universitas PGRI Semarang Febrian Murti Dewanto, S.E., M.Kom Bambang Agus Herlambang, M.Kom Aris Tri Jaka Haryanta, M

Data Penulis: Dosen Universitas PGRI Semarang Febrian Murti Dewanto, S.E., M.Kom Bambang Agus Herlambang, M.Kom Aris Tri Jaka Haryanta, M.Kom

Program Studi Informatika Program Studi Informatika Program Studi Informatika

Dosen STEKOM Khoirur Rozikin, S.Kom, M.Kom Purwanto, S.Kom Iman Saufik Suasana, S.Kom, M.Kom Arsito Ari Kuncoro, S.Kom, M.Kom Danang, S.Kom, M.Kom Dani Sasmoko, S.T., M.Eng

Program Studi Sistem Komputer Program Teknik Elektronika Program Studi Teknik Komputer Program Studi Sistem Komputer Program Studi Sistem Komputer Program Studi Manajemen Informatika

Alumnus STEKOM Achdlori, S.Kom Bramuditya Adi Putra, S.Kom Ilman Garwo Saputro, S.Kom Lanni Dwi Saputri, S.Kom Feriyanto, S.Kom

Program Studi Sistem Komputer Program Studi Sistem Komputer Program Studi Sistem Komputer Program Studi Sistem Komputer Program Studi Sistem Komputer

Desain Aplikasi Augmented Reality Berbasis Android Sebagai Media Promosi Universitas PGRI Semarang Febrian Murti Dewanto, Bambang Agus H., Aris Tri Jaka H.

1–6

Multimedia Pembelajaran Interaktif Tuntunan Sholat pada MI Miftahul Ma’arif Kaliwungu Kudus Khoirur Rozikin, Achdlori 7 – 19 Sistem Pakar Diagnosa Kerusakan pada Televisi LED dengan Menggunakan Metode Forward Chaining (Studi Kasus Di Wijaya Servis Elektronik) Purwanto, Bramuditya Adi Putra 20 – 24 Sistem Monitoring Bts Berbasis Web Pada Divisi Telkom Flexi Semarang (Studi Kasus pada Telkom Divre IV Jawa Tengah) Iman Saufik Suasana, Ilman Garwo Saputro 25 – 30 Sistem Informasi Perpustakaan Menggunakan Radio Frequency Identification Berbasis Client Server pada SMP Negeri 3 Juwana Arsito Ari Kuncoro, Lanni Dwi Saputri 31 - 36 Integrasi Or-Code pada Sistem Login Pembelajaran Online Danang

Jurnal ELKOM diterbitkan oleh Sekolah Tinggi Elektronika dan Komputer (STEKOM). Jurnal ELKOM sebagai sarana komunikasi dan penyebarluasan hasil penelitian, pemikiran serta pengabdian pada masyarakat

37 – 47

Perancangan Keamanan Data Dengan Sistem Steganografi Menggunakan Metode Least Significant Bit Dani Sasmoko, Feriyanto 48 - 55

JURNAL ELEKTRONIKA DAN KOMPUTER Penanggung Jawab : Ketua Sekolah Tinggi Elektronika dan Komputer Pemimpin Redaksi : Unang Achlison, S.T, M.Kom Mitra Bestari : Prof. YL Sukestiyarno M.S, Ph.D (Universitas Negeri Semarang) Febrian Murti Dewanto, M.Kom (Universitas PGRI Semarang) Sekretaris Redaksi : Purwanto, S.Kom Dewan Redaksi : Prof. YL Sukestiyarno M.S, Ph.D Dr. Ir. Agus Wibowo, M.Kom, M.Si, M.M Drs. Bambang Suhartono, M.Kom Muhammad Muthohir, S.Kom, M.Kom Ir. Paulus Hartanto, M.Kom Sulartopo, S.Pd. M.Kom Desain Grafis : Joseph Teguh Santoso, S.Kom, M.Kom Setyo Adi Nugroho, S.E, M.Kom

Alamat Redaksi : Lembaga Penelitian dan Pengabdian Masyarakat Sekolah Tinggi Elektronika dan Komputer Jl. Majapahit No. 605 Semarang Telp. 024-6723456 E-mail : [email protected]

KATA PENGANTAR Puji syukur ke hadirat Tuhan Yang Maha Esa dengan terbitnya Jurnal ELKOM (Elektronika dan Komputer) Edisi April 2016, Volume 9 Nomor 1 Tahun 2016 dengan artikel-artikel yang selalu mengikuti perkembangan Ilmu Pengetahuan dan Teknologi dalam bidang Elektronika dan Komputer. Semua artikel yang dimuat pada Jurnal Elektronika dan Komputer (ELKOM) ini telah ditelaah oleh Dewan Redaksi yang mempunyai kompetensi di bidang Elektronika dan Komputer. Pada edisi ini kami menyajikan beberapa topik menarik antara lain makalah yang menggunakan aplikasi Android, multimedia, kerusakan hardware yaitu : “Desain Aplikasi Augmented Reality Berbasis Android Sebagai Media Promosi Universitas PGRI Semarang”, “Multimedia Pembelajaran Interaktif Tuntunan Sholat Pada Mi Miftahul Ma’arif Kaliwungu Kudus”, dan “Sistem Pakar Diagnosa Kerusakan Pada Televisi LED Dengan Menggunakan Metode Forward Chaining (Studi Kasus Di Wijaya Servis Elektronik)”. Topik selanjutnya adalah makalah yang menggunakan aplikasi Sistem Informasi yaitu : “Sistem Monitoring BTS Berbasis Web Pada Divisi Telkom Flexi Semarang (Studi Kasus Pada Telkom Divre IV Jawa Tengah)”, serta “Sistem Informasi Perpustakaan Menggunakan Radio Frequency Identification Berbasis Client Server Pada SMP Negeri 3 Juwana”. Topik selanjutnya adalah makalah yang menerapkan Security System yaitu : “Integrasi Or-Code Pada Sistem Login Pembelajaran Online”, dan “Perancangan Keamanan Data Dengan Sistem Steganografi Menggunakan Metode Least Significant Bit”. Terima kasih yang mendalam disampaikan kepada penulis makalah yang telah berkontribusi pada penerbitan Jurnal ELKOM edisi kali ini. Dengan rendah hati dan segala hormat, mengundang Dosen dan rekan sejawat peneliti dalam bidang Elektronika dan Komputer untuk mengirimkan naskah, review, gagasan dan opini untuk disajikan pada Jurnal Elektronika dan Komputer (ELKOM) ini. Sebagai akhir kata, saran dan kritik terhadap Jurnal Elektronika dan Komputer (ELKOM) yang membangun sangat diharapkan. Selamat membaca.

Semarang, April 2016

Pemimpin Redaksi

i

Vol.9 No.1 April 2016

JURNAL ELEKTRONIKA DAN KOMPUTER

DAFTAR ISI

Kata Pengantar ........................................................................................................................i Daftar Isi ............................................................................................................................... ii 1. Desain Aplikasi Augmented Reality Berbasis Android Sebagai Media Promosi Univ. PGRI Semarang (Febrian Murti Dewanto, Bambang Agus H., Aris Tri Jaka H.) ......... 1 2. Multimedia Pembelajaran Interaktif Tuntunan Sholat Pada MI Miftahul Ma’arif Kaliwungu Kudus (Khoirur Rozikin, Achdlori)............................................................... 7 3. Sistem Pakar Diagnosa Kerusakan Pada Televisi LED Dengan Menggunakan Metode Forward Chaining - Studi Kasus Di Wijaya Servis Elektronik (Purwanto, Bramuditya Adi Putra) ..................................................................................................................... 20 4. Sistem Monitoring BTS Berbasis Web pada Divisi Telkom Flexi Semarang - Studi Kasus pada Telkom Divre IV Jawa Tengah (Iman Saufik Suasana, Ilman Garwo Saputro) ........................................................................................................................ 25 5. Sistem Informasi Perpustakaan Menggunakan Radio Frequency Identification Berbasis Client Server pada SMP Negeri 3 Juwana (Arsito Ari Kuncoro, Lanni Dwi Saputri) .... 31 6. Integrasi Or-Code pada Sistem Login Pembelajaran Online (Danang) ....................... 37 7. Perancangan Keamanan Data Dengan Sistem Steganografi Menggunakan Metode Least Significant Bit (Dani Sasmoko, Feriyanto) ................................................................... 48

ii

INTEGRASI OR-CODE PADA SISTEM LOGIN PEMBELAJARAN ONLINE – Danang

INTEGRASI OR-CODE PADA SISTEM LOGIN PEMBELAJARAN ONLINE Danang Sistem Komputer STEKOM Semarang

Sekolah Tinggi Elektronika dan Komputer Jl. Majapahit 605 & 304 Semarang, Indonesia E-mail : [email protected] Abstract The login form in the online learning system (E-learning) that is using the username and password, to improve service to the login system online learning as an alternative to using the image of the QR-Code as an entry to the login system online learning so that a user without memorizing username and password in order to access website. Build applications reading Qr-Code using a camera device webcame with php programming language. The method will be used using the Data Encryption Standard (DES) algorithm using asymmetric so that the information will be presented at Qr-Code will be encrypted so as not easily recognizable by the user. QR-Code technology can be implemented on a student card and id card that serves as the complete data of students and faculty to access the site. Keywords: Integration, Login, Asymmetrical, Qr-Code

Intisari Form login pada sistem pembelajaran online (E-learning) yaitu menggunakan username dan password, untuk meningkatkan pelayanan pada sistem login pembelajaran online sebagai alternative menggunakan citra QR-Code sebagai akses masuk pada sistem login pembelajaran online sehingga user tanpa menghafal username dan password untuk dapat mengakses website. Membangun aplikasi pembacaan Qr-Code menggunakan perangkat kamera webcame dengan bahasa pemprograman php. Metode yang akan dipakai menggunakan metode Data Encryption Standart (DES) menggunakan algoritma Asimetris sehingga informasi yang akan disampaikan pada Qr-Code akan terenkripsi agar tidak mudah dikenali oleh user. Teknologi QR-Code ini dapat di implementasikan pada kartu mahasiswa dan Id Card yang berfungsi sebagai data lengkap mahasiswa dan dosen untuk dapat mengakses website. Kata Kunci: Integrasi, Login, Asimetris, Qr-Code

memanfaatkan teknologi internet, sehingga mahasiswa dapat mengambil materi atau bahan kuliah secara online. Dalam penggunaan media pembelajaran online Mahasiswa harus terdaftar terlebih dahulu pada sistem yang sudah disediakan, dan Mahasiswa hanya bisa download bahan matakuliah sesuai dengan materi yang disediakan oleh dosen masing masing pengampu, mengerjakan soal dan melihat nilai sesuai dengan login masing-masing, sedangkan Dosen sebagai operator atau administrator mempunyai tugas untuk uploud materi, membuat soal ujian sesuai dengan matakuliah yang diampu yang sudah disiapkan pada menu Administrator. Form login pada sistem pembelajaran online (E-learning) yaitu menggunakan

A. PENDAHULUAN Kemajuan teknologi yang semakin meningkat didukung dengan sarana dan prasarana yang memadai, membuktikan bahwa informasi telah menjadi kebutuhan pokok dalam kehidupan manusia. Dalam hal ini internet adalah salah satu perkembangan teknologi yang mampu mengolah data berjumlah besar serta akses dalam menyajikan kebutuhan informasi yang dibutuhkan oleh pengguna. Sekolah Tinggi Elektronika dan Komputer (STEKOM) Semarang adalah Sekolah Tinggi yang bergerak dalam bidang pendidikan Teknologi Sistem Informasi. Dalam proses pembelajaran STEKOM sudah memanfaatkan media pembelajaran online dengan

37

Vol. 9 No.1 – ELKOM, April 2016

username dan password, untuk meningkatkan pelayanan pada sistem login pembelajaran online sebagai alternative menggunakan citra QR-Code sebagai akses masuk dengan membangun aplikasi pembacaan Qr-Code menggunakan perangkat kamera webcame dengan bahasa pemprograman php. Teknologi Qr-Code diintegrasikan pada sistem login, masuk kedalam website pembelajaran online. Qr-Code adalah salah satu jenis barcode yang berbentuk dua demensi yang dikembangkan oleh Denso Wave. Qr-Code juga sering disebut dengan Quik Respone atau tanggapan cepat. QR-Code banyak dimanfaatkan sebagai media penyimpanan atau untuk transaksi penjualan. Versi simbol QR kode berkisar dari Versi 1 Versi 40. Setiap versi memiliki konfigurasi modul yang berbeda atau jumlah modul. Modul ini mengacu pada titiktitik hitam dan putih yang membentuk QR Code. Konfigurasi Modul mengacu pada jumlah modul yang terkandung dalam simbol, dimulai dengan versi 1 (21 × 21 modul) hingga Versi 40 (177 × 177 modul). Setiap nomor versi lebih tinggi terdiri dari 4 modul tambahan per sisi. (Hiroko dan Keng T.Tan, 2007) Setiap QR Kode versi simbol memiliki kapasitas data maksimum sesuai dengan jumlah data, tipe karakter dan tingkat koreksi kesalahan. Teknologi Qr-Code dapat menyimpan informasi secara horizontal dan mampu menyimpan teks, kanji, symbol dan masih banyak lagi. Manfaat dari penelitian yang dilakukan adalah untuk memperoleh hasil analisa dan hal-hal yang dapat mempengaruhi tingkat ketelitian proses pembacaan kode Qr-code dengan memanfaatkan webcame untuk proses pembacaannya sehingga hasil dari integrasi yang dikembangkan lebih lanjut dapat bermanfaat dan dapat mengetahui cara kerja proses pembangkitan maupun pembacaan Qr-code menggunakan teknologi webcame pada login pembelajaran online. Proses enkripsi menggunakan metode Data Encryption Standart (DES) menggunakan algoritma Asimetris yang akan dihasilkan oleh citra Qr-Code sehingga informasi tidak mudah untuk dikenali. Dengan metode tersebut menjadi pertimbangan untuk meningkatkan pelayanan pada sistem login pembelajaran online sehingga user tanpa menghafal username dan password untuk dapat mengakses website. Memanfaatkan

Teknologi QR-Code yang di implementasikan ke kartu mahasiswa dan Id Card yang berfungsi sebagai data lengkap mahasiswa dan dosen. Media pembelajaran online (E-learning) yang dikembangkan dapat diakses secara online menggunakan teknologi internet, dan dapat dimanfaatkan oleh Civitas Akademik STEKOM. 1. Rumusan Masalah a. Bagaimana membuat form login pada sistem pembelajaran online (E-learning) tanpa menggunakan username dan password? b. Bagaimana membuat sistem login pembelajaran online sehingga mahasiswa dan dosen tanpa harus menghafal username dan password untuk dapat mengakses website? 2. Tujuan Penelitian a. Membuat aplikasi sistem login menggunakan citra QR-Code sebagai akses masuk pada sistem pembelajaran online (E-learning) b. Mengimplementasikan teknologi QRCode terhadap kartu mahasiswa dan Id Card yang berfungsi sebagai data lengkap mahasiswa dan dosen. B. DASAR TEORI 1. Konsep Integrasi Sistem Pengintegrasian sistem merupakan salah satu konsep kunci dari sistem informasi manajemen. Dengan integrasi, berbagai sistem dapat saling berhubungan satu sama lain dalam berbagai cara yang sesuai dengan keperluan integrasinya. Integrasi sistem itu sendiri didefinisikan Scott (2001) sebagai adanya saling keterkaitan antar sistem sehingga data dari satu sistem secara rutin dapat melintas menuju atau diambil oleh satu atau lebih sistem yang lain. 2. E-Learning (Pembelajaran Online) E-learning merupakan singkatan dari Elektronic Learning, merupakan cara baru dalam proses belajar mengajar yang menggunakan media elektronik khususnya internet/intranet sebagai sistem pembelajarannya (Satria, 2006).

38


3. Citra Digital Menurut Ketut Gede Darma Putra, (2010) Citra dapat didefinisikan sebagai fungsi dua dimensi f(x,y) di mana x dan y adalah elemen citra yang disebut dengan piksel dan amplitudo f pada setiap pasang (x,y) disebut intensitas (gray level). Jika x dan y berhingga (finite) dan diskrit (tidak kontinu) maka disebut citra digital.

Gambar 2. di atas merupakan ilustrasi citra digital hitam-putih dengan ukuran 4x4 piksel. Didefinisikan bahwa bit “0” merepresentasikan piksel hitam sedangkan bit “1” merepresentasikan piksel Putih. Untuk citra digital berwana, masing-masing bit merepresentasikan setiap komponen warna pembentuk warna piksel b. Warna pada Citra Digital Pada pewarnaan grayscale, warna yang tersedia hanyalah warna diantara hitam dan putih. Oleh karena itu tidak terlalu banyak warna yang ditampilkan pada citra grayscale. Namun kualitas yang dihasilkan lebih baik daripada citra warna hitam putih. Pada pewarnaan grayscale, perubahan warna antara dua piksel yang berdekatan tidak terlihat signifikan sehingga gambar lebih mudah dicerna. (Paryono, 2005) 4. QR Code QR Code adalah sebuah kode batang dua dimensi yang ditemukan oleh sebuah perusahaan Jepang bernama Denso Wave pada tahun 1994. QR Code ini adalah pengembangan dari kode batang sebelumnya. Pada model barcode lama, data disimpan secara horisontal saja sedangkan pada QR Code data disimpan baik secara vertikal maupun horisontal. (Ariadi,2011).

Gambar 1. Contoh citra digital dalam f(x,y) Contoh citra digital dapat dilihat pada gambar 1. Citra digital terdiri atas piksel-piksel berukuran kecil yang membentuk sebuah bentuk gambar yang dapat dilihat dengan mata. Semakin banyak piksel dalam sebuah gambar citra digital, maka kualitas gambar tersebut akan semakin baik. Kepadatan pikselpiksel yang ada dalam gambar ini disebut resolusi. a. Representasi Citra Digital Data pada sebuah gambar citra digital direpresentasikan dengan sebuah matriks nxn dimana n sesuai dengan ukuran pikselnya. Misalkan apabila sebuah citra memiliki jumlah piksel 40 x 40, maka citra tersebut dapat direpresentasikan dengan matriks berukuran 40x40.Setiap elemen matriks merupakan bit-bit warna penyusun piksel tersebut. Contoh representasi citra digital dapat dilihat pada gambar 2.

C. DESAIN PENELITIAN Pada penelitian ini mengenai Integrasi QR-Code Pada Sistem Login di Pembelajaran Online. Metode penelitian dengan menggunakan metode Algoritma Simetris Data Encryption Standard (DES), yang ditekankan pada waktu menganalisis integrasi pembacaan QR-Code pada system login menggunakan webcame. 1. Bahan dan Alat Penelitian a. Bahan Penelitian Pada dasarnya untuk dalam penelitian ini data yang dikumpulkan adalah Username, Password, Nama Profil, Gambar QR-Code dan menu control panel pada pembelajaran online yang dikembangkan oleh Sekolah Tinggi Elektronka dan Komputer

Gambar 2. Representasi citra digital matriks

39


Semarang dengan menggunakan webcame sebagai pembacanya. b. Alat Penelitian Alat yang akan digunakan untuk pelaksanaan penelitian dan pengumpulan data sebagai berikut : 1). Perangkat Keras (Hardware) a. Komputer/Laptop b. Modem c. QR-Code d. Kamera Webcame e. Printer 2). Perangkat Lunak (Software) Perangkat lunak yang digunakan dalam penelitian ini terdiri dari beberapa jenis diantaranya: a. Sistem Operasi Microsoft Windows 7 b. Adobe Dreamwaver c. PHP dan MySql d. Wamp e. Aplikasi QR-Code Android f. QR-Code Generator

START

Mengidentifikasi Kebutuhan

Menganalisa Data

Menentukan Versi Qr-Code

Pengolahan Data Matrix

Evaluasi

Mendeteksi kesalahan dalam proses pembacaan QR-Code

T

Y Pengujian Hasil

2. Prosedur Penelitian Tahapan penelitian dimulai karena ada suatu permasalahan yang harus dipecahkan. Dari permasalahan tersebut nantinya dicari suatu pedoman untuk dijadikan acuan untuk memecahkan permasalahan tersebut, bisa dari pengamatan langsung dilapangan atau mencari informasi melalui media elektronik seperti dari internet. Untuk prosedur penelitian memiliki tahap-tahap penelitian untuk kerangka penelitian yang ditunjukkan pada Gambar 3.1 Kerangka Pemikiran Sistem. Berikut beberapa tahapan alur kerja sistem integrasi menggunakan Qr-Code pada pembelajaran online yaitu:

Output Yang di Hasilkan

STOP

Gambar 3. Kerangka Penelitian. Tahapan penelitian dimulai karena ada suatu permasalahan yang harus dipecahkan. a. Tahap Indentifikasi Kebutuhan Tahapan Indentifikasi Kebutuhan adalah beberapa literatur yang diperlukan untuk menggali teori yang telah berkembang dalam bidang ilmu pendidikan, mencari metode-metode, teknik penelitian, sebagai berikut: 1). Wawancara (Interview) adalah pengambilan data dengan mengadakan tanya jawab secara langsung dengan pihak-pihak yang berhubungan dengan permasalahan

40


penelitian ini guna mendapatkan data dan keterangan yang sesuai dengan tujuan penelitian. 2). Studi pustaka adalah metode yang digunakan untuk mengumpulkan dan mendapatkan informasi baik dari literatur dari sumber referensi jurnal nasional/internasional, bukubuku literatur maupun internet yang berhubungan dengan masalah yang dibahas.

membandingkan nilai kapasitas tersebut dengan data yang akan dikodekan. Dalam proses pengkodean atau pengolahan data QR Code, untuk lebih memahaminya penulis memasukan contoh data yang akan dijadikan kode QR Code menggunakan versi 1. Contoh: STEKOM605. d. Tahap Pengolahan Data Matrik Setelah tahap analisis data selesai dan data yang diambil dan terkumpul dirasakan cukup, maka tahap selanjutnya yang akan dilakukan adalah pengolahan data-data tersebut menggunakan Algoritma Data Encryption Standard (DES). 1). Mode indicator. Pertama mode indikator dibuat dengan menambahkan 4 bit bilangan biner dengan ketentuan sebagai berikut: a. Numerik : 0001 b. Alfanumerik: 0010 c. Biner : 0100 d. Kanji : 1000 Dari contoh kasus di atas memperoleh 0010 2). Menghitung karakter indicator. Pertama harus mengihung jumlah karakter yang akan di kodekan lalu karakter indicator dengan ketentuan sebagai berikut: a. Numerik : 10 bit b. Alphanumerik : 9 bit c. Biner : 8 bit d. Kanji : 8 bit

b. Tahapan analisis data Dalam tahapan analisis data, dilakukan proses pengolahan data yang sudah didapat baik data dari survei lapangan menjadi sebuah informasi baik dalam bentuk tabel atau grafik, hingga analisis data dapat memberi informasi yang dibutuhkan. Tipe data dalam QR Code sebagai berikut: Tabel 1. Kapasitas Data QR Code Tipe Data Maximun Karakter Numerik 7.089 Alphanumerik 4.296 Biner 2.953 Kanji 1.817 c. Menentukan Versi QR-Code Setiap versi dalam QR Code memiliki kapasitas data maksimum dengan jumlah data, jenis karakter, dan koreksi error masing-masing. Untuk lengkapnya dapat dilihat di tabel 3.2 Tabel 2. Versi QR Code Versi

Modul

1

21x21

2

25x25

Lavel Koreksi Error

Data bit

Nume rik

Alfanu merik

L M Q H L M Q H

125 128 104 72 272 224 176 128

41 34 27 17 77 63 48 34

25 20 16 10 47 38 29 20

Informasi Data Data Tipe data Version Tingkat Kesalahan

Isi STEKOM605 Alfanumerik 1 H (30%)

0010  000001000 3). Mengkodekan data ke dalam biner Mengkodekan data teks ke biner, pertama data tersebut di bagi

Dari tabel 2 kita dapat dilihat batas kapasitas data, dan dapat

41


dalam kelompok-kelompok per-2 karakter, setiap karakter masukan dicocokan pada tabel 2.5, untuk mendapatkan reperesentasi biner dari teks masukan, nilai karekter pertama dikalikan dengan “45” dan di tambah dengan nilai karakter ke-2. Hasil perhitungan tersebut kemudian dikodekan ke dalam biner dengan 11 digit. Apabila jumlah karakter yang akan dikodekan berjumlah ganjil, maka pada kelompok terkhir hanya ada 1 karakter yang harus dikodekan dalam reperentasi ke biner Tabel 3. Hasil konversi alfanumerik menjadi biner Tulisan”STEKOM605” Karakter ST EK OM 60 5

Konversi (45x28)+29 (45 x14)+20 (45x24)+22 (45x6)+0 45x5

Hasil 1289 650 1102 270 225

3. Perancangan Sistem Dalam penelitian ini pendaftaran dan proses pembacaan QR Code ini akan dijalankan melalui antarmuka yang disusun menggunakan program GUI (Graphical User Interface) Macromedia Dreamiver 8 dengan bahasa pemprograman PHP. Perangkat lunak yang akan dibuat terdiri dari dua antarmuka utama yang masing-masing berfungsi sebagai pembuatan QR Code dan pembaca QR Code a. Alur Kerja Perancangan Perangkat Lunak proses pendaftaran QR Code dengan memanfaatkan yang sudah ada kedalam database. Secara umum proses pendaftaran QR Code dengan memanfaatkan yang sudah ada dapat dilihat pada diagram alir dan gambaran yang disajikan pada Gambar 5.

Biner 10100001001 11010001010 10001001110 01100001110 00111100001

START

Data Profil dan Gambar QRCode

e. Tahap Pengujian Hasil Tahap hasil ini adalah tahap mulai dari awal sampai dengan selesainya penelitian dalam bentuk laporan penelitian yang dilakukan, bahwa dari beberapa tahapan maka menjadikan suatu hasil yang nantinya bisa berupa integrasi system login pada pembelajaran online. f. Output yang di hasilkan Output yang dihasilkan dalam penelitian ini berupa gambar QR-Code yang akan dipadukan dengan username dan password yang digunakan untuk login kedalam system controlpanel dalam media pembelajaran online.

1

Input profil pengguna dan QR-Code

T

Proses Enkripsi Username,Password, QR-Code

Y

Menyimpan ke database

Cetak ID Card

SELESAI

Gambar 5. Alur proses pendaftaran QR Code dengan memanfaatkan yang sudah ada ke dalam database.

Gambar 4. Hasil Alokasi data Alfanumerik ke QR-Code (“STEKOM605”)

42


Ide dasar dari perangkat lunak ini adalah memanfaatkan QR Code hasil akan dikombinasi kan dengan username dan password yang akan dbuat untuk mengintegrasikan login ke dalam system pembelajaran.

c. Perancangan Antarmuka Sistem Untuk memudahkan pengguna, perangkat lunak dibuat dalam bentuk antarmuka. Perangkat lunak yang digunakan untuk menyusun antarmuka ini menggunakan Microsoft Visio. 1) Perancangan Interfaces proses pendaftaran QR Code dengan memanfaatkan yang sudah ada ke dalam database.

b. Alur Kerja Perancangan proses konversi profile menjadi QR-Code. START

TAMBAH ADMINISTRATOR

Data Profil Pengguna

Username

1

Password Nama Alamat Email

Input profil pengguna

No Telpon

T

Blokir

YA

TIDAK

START

Code QR-Code

Proses generate profilpengguna menjadi QR-Code

NAMA JENIS WEBCAME

Y SIMPAN

BATAL

Tampil Gambar QRCode

Gambar 7. Form pendaftaran QR Code dengan memanfaatkan yang sudah ada ke dalam database

Cetak ID Card

SELESAI

2) Perancangan proses konversi profile menjadi QR-Code

Gambar 6. Perancangan proses konversi profile menjadi QR-Code EDIT ADMINISTRATOR

Proses Konversi Profil User menjadi QR Code disajikan pada Gambar 3.2. Gambar QR Code yang dihasilkan dari kotak keluaran versi dari simbol yang terbentuk dan daerah untuk menampilkan keluaran QR Code yang dihasilkan. Ide dasar dari perangkat lunak ini adalah memanfaatkan QR Code hasil akan dikombinasikan dengan username dan password yang akan dbuat untuk mengintegrasikan login ke dalam system pembelajaran.

Username Password Nama Alamat Email No Telpon Code QR-Code Apabila Kode QR-Code tidakdiubah dikosongi saja Blokir

YA

TIDAK

UPDATE

BATAL

Gambar 8. Form proses konversi profile menjadi QR-Code

43


3) Perancangan Cetak Id Card

D. HASIL DAN PEMBAHASAN

Metode dalam pengembangan system yang di bangun menggunakan Algoritma simetris (symmetric algorithm) yaitu suatu algoritma dimana kunci enkripsi yang digunakan sama dengan kunci dekripsi, sehingga algoritma ini disebut juga sebagai single-key algorithm. Dengan menggunakan metode Algoritma simetris pada Data Encryption Standard (DES), yang ditekankan pada waktu menganalisis integrasi pembacaan dan pembuatan kode QR-Code pada system Login di Pembelajaran Online pada Sekolah Tinggi Elektronika dan Komputer Semarang akan menghasilkan kode QR-code yang sempurna sehingga dapat terbaca sesuai dengan data yang dimasukan. Integrasi data kode QR-code yaitu dengan mengkonversi mode indicator dengan menambahkan 4 bit bilangan biner yaitu numerik, alfanumerik, biner dan kanji

NIP Nama Lengkap Alamat Tempat Lahir Tanggal Lahir

DD

MM

YYYY

Gambar 9. Forrm CetakId Card d. Perancangan Proses Kerja Sistem Proses kerja login ke system dijelaskan pada Gambar 10 dibawah ini. Dalam penggunaan pada system awal akan ditemukan menu login, pada menu login terdapat 3 field yang harus isi pertama Username, kedua Password dan yang ketiga pemindai QR-Code yang dipindai menggunakan kamera webcame

1. Analisis Data pada QR-Code Tahapan analisis data dilakukan proses pengolahan data yang sudah didapat baik data dari survei lapangan menjadi sebuah informasi baik, hingga analisis data dapat memberi informasi yang dibutuhkan. Tipe data dalam QR Code yaitu:Numerik, Alfanumerik, Biner, Kanji.

START

Username Password QR Code

Input data Login

T

2. Aplikasi Sistem Integrasi QR-Code Pada Login Control Panel

Proses Enkripsi Username,Password, QR-Code

a. Tampilan Login Tampilan Login adalah halaman untuk memasukan Username, Password dan Kode Qr-Code untuk menghubungkan ke menu control panel sistem pembelajaran online yang dikembangkan.

Y

Sistem Terbuka

SELESAI

Gambar 10.

Perancangan Proses Kerja Sistem

44


Gambar 11. Tampilan Menu Login b. Tampilan Menu Utama Tampilan Halaman Menu Utama pada control panel sistem pembelajaran digunakan untuk melihat Input data.

Gambar 13. Tampilan input data User d. Tampilan Form Edit User Tampilan Form Edit data user pada controlpanel digunakan untuk mengubah profil pemakai yang nantinya dapat mengakses sistem pada control panel.

Gambar 12. Tampilan Menu Utama c. Tampilan Input Data User Tampilan Input data user pada control panel digunakan untuk menginput profil pemakai yang nantinya dapat mengakses sistem control panel.

Gambar 14. Tampilan form pembuatan Kode QR-Code

45


e. Tampilan Form Cetak Kartu Tampilan Form Cetak Kartu digunakan Untuk mencetak kartu agar user dapat login kedalam controlpanel dengan kode yang sesuai dengan usernya.

dilakukan untuk melihat fungsional dan nonfungsional dari system integrasi Qr-Code pada system login di pembelajaran online yang dibuat. E. SIMPULAN DAN SARAN 1. Simpulan Berdasarkan implementasi, pengujian, dan analisis yang telah dilakukan, ada beberapa kesimpulan yang dapat diambil. Kesimpulan-kesimpulan tersebut adalah sebagai berikut: 1) Integrasi Qr-Code dengan menggabungkan login yang berupa username dan password dalam sistem login pada menu control panel di pembelajaran online. 2) Memanfaatkan perangkat Kamera Webcame yang ada di Laptop menjadi sebuah alat identifikasi atau pembaca Qrcode. 3) Dengan memanfaatkan Fasilitas gambar QR-Code yang ada pada Ponsel Android maupun perangkat lain yang mendukung teknologi Qr-Code, dapat dimanfaatkan untuk membaca dan membuat kode QR Code dengan menggunakan bahasa PHP sebagai autentikasi data. 2. Saran Berdasarkan pengujian yang telah dilakukan pada sistem identifikasi dalam sebuah sistem login pada menu controlpanel pada pembelajaran online, kebutuhan fungsional dan non-fungsional dari seluruh aplikasi hampir terpenuhi kecuali satu kebutuhan non-fungsional, yaitu memberikan pesan error untuk QR Code yang tidak dapat dibaca.

Gambar 15. Tampilan Form Cetak Kartu f.

Tampilan Hasil Cetak Kartu Tampilan Hasil Cetak Kartu Yaitu Kartu yang menampilkan data User dan digunakan untuk login ke dalam sistem.

DAFTAR PUSTAKA Ariadi. 2011. Analisis dan Perancangan Kode Matriks Dua Dimensi Quick Response (QR) Code. Universitas Sumatera Utara. Blaha, Michael dan William Premerlani. 1998. Object Oriented Modeling and Design for Database Application. Prentice Hall. New Jersey. Denso Wave. 2010.”QR Code Introduction–Symbol Version” Diakses pada 10 Maret 2015 di

Gambar 16. Tampilan Hasil Cetak Kartu 3. Pembahasan Hasil Penelitian Pengujian yang dilakukan pada integrasi Qr-Code pada system login di pembelajaran online adalah pengujian fungsional dan nonfungsional adalah pengujian yang

46


http://www.densowave.com/QRCode/QRgene2-e.html Effendi, Empy, dan Hartono Zhuang, 2008, eLearning Konsep dan Aplikasi. Yogyakarta. Andi. Hiroko and K.T. Tan, 2007 “Pervasive 2D barcodes for kamera Phone Aplications,” Computing: Mobile and Ubiquitous Systems (MTAS 05), IEE, pp. P1A–4 ISO/IEC 18004. 2000. Information Technology – Automatic Identification and Data Capture Techniques – Bar Code Symbology – QR Code. Swizerland : International Standard. Ketut Gede Darma Putra, 2010.,”Pengolahan Citra Digital” Yogyakarta. Andi. Kieseberg, P., Leithner, M., Mulazzani, M., Munroe, L., Schrittwieser, S., Sinha, M., Weipll, E. 2010. QR Code Security. TwUC, Paris. Kromodimoeljo, S. (2009). “Teori dan Aplikasi Kriptografi” (S. Kromodimoeljo, Ed.) (p. 458). SPK IT Consulting. Kuan-Chan Liao, Wei-Hsun Lee, 2010, “A Novel User Authentication Scheme Based on QRCode” Journal of Network Vol 5, No 8 Munir, Rinaldi, “Kriptografi”, Institut Teknologi Bandung, 2006 Paryono, Petrus, dkk. 2005. Citra Digital. Yogyakarta : Universitas Kristen Duta Wacana Pramono, Andi, Syafii, 2007, Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Website”. Andi, Yogyakarta. Satria Wahono, Romi. 2006. Pengantar e-Learning dan Pengembangannya, Andi, Yogyakarta. Yue Liu, Mingjun Liu,. 2006., “ Automatic Recognition Algorithm of Quick Response Code Based on Embeded System”. Proceedings of the Sixth International Conference on Intelligent, Systems Design and Applications (ISDA'06) 0-7695-25288/06

47

Data Penulis: Dosen Universitas PGRI Semarang Febrian Murti Dewanto, S.E., M.Kom Bambang Agus Herlambang, M.Kom Aris Tri Jaka Haryanta, M

Recommend Documents