PERANCANGAN SISTEM AUTENTIKASI USER MIKROTIK MENGGUNAKAN MEDIA SOSIAL DENGAN APPLICATION PROGRAMMING INTERFACE (API) SKRIPSI I KETUT DENI SATRIA RAHARJA NIM.1108605021 PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS UDAYANA BUKIT JIMBARAN 2016 SURAT PERNYATAAN KEASLIAN KARYA ILMIAH Yang bertanda tangan di bawah ini menyatakan bahwa naskah skripsi dengan judul: “PERANCANGAN SISTEM AUTENTIKASI USER MIKROTIK MENGGUNAKAN MEDIA SOSIAL DENGAN APPLICATION PROGRAMMING INTERFACE (API)” Nama : I Ketut Deni Satria Raharja NIM : 1108605021 Program Studi : Ilmu Komputer E-mail : [email protected] Nomor telp/HP : 087861646190 Alamat : Dusun Jabon, Desa Sampalan Tengah, Kecamatan Dawan, Kabupaten Klungkung. Belum pernah dipublikasikan dalam dokumen skripsi, jurnal nasional maupun internasional atau dalam prosiding manapun, dan tidak sedang atau akan diajukan untuk publikasi di jurnal atau prosiding manapun. Apabila di kemudian hari terbukti terdapat pelanggaran kaidah-kaidah akademik pada karya ilmiah saya, maka saya bersedia menanggung sanksi-sanksi yang dijatuhkan karena kesalahan tersebut, sebagaimana diatur oleh Peraturan Menteri Pendidikan Nasional Nomor 17 Tahun 2010 tentang Pencegahan dan Penanggulangan Plagiat di Perguruan Tinggi. Demikian Surat Pernyataan ini saya buat dengan sesungguhnya untuk dapat dipergunakan bilamana diperlukan. Denpasar, 8 April 2016 Yang membuat pernyataan, ( I Ketut Deni Satria Raharja) NIM. 1108605021 ii LEMBAR PENGESAHAN TUGAS AKHIR Judul Skripsi Kompetensi Nama NIM Tanggal Seminar Disetujui oleh: : Perancangan Sistem Autentikasi User Mikrotik Menggunakan Media Sosial Dengan Application Programming Interface (API) : Jaringan Komputer : I Ketut Deni Satria Raharja : 1108605021 : 8 April 2016 Pembimbing I Penguji I I Komang Ari Mogi, S.Kom, M.Kom. 19840924 2008011007 Agus Muliantara, S.Kom, M.Kom. 198006162005011001 Pembimbing II Penguji II Ida Bagus Made Mahendra, S.Kom, M.Kom. 198006212008121002 I Putu Gede Hendra Suputra, S.Kom, M.Kom. 198812282014041001 Penguji III Made Agung Raharja, S.Si, M.Cs. 1985091920130122003 Mengetahui, Jurusan Ilmu Komputer FMIPA UNUD Ketua, Agus Muliantara, S.Kom, M.Kom 198006162005011001 iii Judul : Perancangan Sistem Autentikasi User Mikrotik Menggunakan Media Sosial Dengan Application Programming Interface (API) Nama : I Ketut Deni Satria Raharja NIM : 1108605021 Pembimbing I : I Komang Ari Mogi, S.Kom,M.Kom. Pembimbing II : Ida Bagus Made Mahendra S.Kom, M.Kom. ABSTRAK Hotspot adalah sistem yang digunakan untuk mengautentikasi user pada jaringan lokal. Autentikasi yang digunakan berdasarkan pada protokol HTTP atau HTTPS dan dapat diakses dengan menggunakan web browser. Secara default hotspot ini menggunakan autentikasi username dan password untuk autentikasinya. Namun untuk mendapatkan username dan password tersebut, pengguna harus meminta kepada penyedia hotspot tersebut agar dapat menggunakan internet melalui sistem hotspot. Selain itu, penyedia hotspot tersebut ingin memaksimalkan manfaat dari hotspot tersebut salah satunya untuk mempromosikan usahannya melalui pengunjung yang pernah berkunjung ke tempat tersebut. Berdasarkan permasalahan tersebut dilakukan penelitian yang bertujuan menciptakan sistem autentikasi user mikrotik menggunakan media sosial dengan application programming interface (API). Sistem ini akan mengautentikasi user yang login dengan menggunakan media sosial, setelah terautentikasi user akan diminta untuk melakukan posting secara otomatis ke beranda dari media sosial yang digunakan. Setelah user berhasil melakukan posting maka akan diberikan akses internet oleh sistem. Penelitian menggunakan metode deskriftif dengan menganalisa data-data dan menggunakan data tersebut sebagai acuan pembangunan sistem. Sistem ini dikembangkan berbasis Web dengan memanfaatkan Bahasa Pemograman PHP, API PHP Class MikroTik, Facebook API, Twitter API, dan Database MySql. Pengujian dilakukan pada proses autentikasi dengan media sosial, sistem posting user sehingga mendapatkan internet, dan pengujian pada panel admin. Manfaat yang diperoleh dari sistem ini adalah user dapat secara mandiri melakukan autentikasi ke dalam sistem. Selain itu mempermudah administrator dalam mengelola data user. Hasil penelitian diharapkan dapat menjadi solusi mengatasi permasalah pengelolaan layanan hotspot yang secara default menggunakan autentikasi username dan password. Kata kunci: Hotspot, Mikrotik, Application Programming Interface (API), Facebook, Twitter iv Title : Mikrotik User Authentication System Design by Using Social Media With Application Programming Interface (API) Name : I Ketut Deni Satria Raharja Registration : 1108605021 First Supervisor : I Komang Ari Mogi, S.Kom,M.Kom. Second Supervisor: Ida Bagus Made Mahendra S.Kom, M.Kom. ABSTRACT Hotspot is a system used to authenticate the user on the local network. Authentication used based on the HTTP or HTTPS protocol and can be accessed using a web browser. By default, this hotspot authentication using a username and password. But to get a username and password, users must request to the hotspot provider to use the Internet through the hotspot system. In addition, the hotspot provider wants to maximize the benefits of hotspot i.e. one of them is to promote their business through visitors who have been to the place. Based on these problems, this research was conducted to create a MikroTik user authentication system by using social media with the application programming interface (API). This system will authenticate users who log in using social media, once authenticated, the user will be asked to do a post automatically to the homepage of social media used. After the users successfully make postings, then users will be given access to the internet by the system. The research uses descriptive method to analyze the data and use the data as a reference development system. Web-based system was developed by using PHP programming language, PHP Class Mikrotik API, Facebook API, Twitter API, and MySql Database. Testing performed on the authentication process with social media, posting system so that the users get internet access, and testing in the admin panel. The benefit derived from this system is that the user can independently authenticate into the system. In addition, it enables administrators to manage user data. The results are expected to be a solution to overcome problems in hotspot service management which by default uses the username and password authentication. Keywords: Hotspot, Mikrotik, Application Programming Interface (API), Facebook, Twitter v KATA PENGANTAR Puji syukur penulis panjatkan kehadirat TuhanYang Maha Esa karena atas rahmat dan berkatnya, penulis dapat menyelesaikan Tugas Akhir dengan judul “Perancangan Sistem Autentikasi User Mikrotik Menggunakan Media Sosial Dengan Application Programming Interface (API)” dapat diselesaikan tepat pada waktunya. Penyusunan tugas akhir ini bertujuan untuk memenuhi gelar Sarjana Komputer dalam program studi Teknik Informatika. Penulis menyadari dalam penyusunan tugas akhir ini tidak lepas dari \adanya kerjasama dan bantuan dari berbagai pihak. Oleh karena itu, pada kesempatan ini perkenankanlah penulis mengucapkan terima kasih kepada : 1. Bapak Agus Muliantara, S.Kom, M.Kom selaku ketua jurusan Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Udayana. 2. Bapak I Komang Ari Mogi, S.Kom, M.Kom selaku Pembimbing I yang penuh kesabaran membimbing dan mengarahkan penulis dalam menyelesaikan penyusunan tugas akhir ini. 3. Bapak Ida Bagus Made Mahendra, S.Kom, M.Kom selaku Pembimbing II yang penuh kesabaran membimbing dan mengarahkan penulis dalam menyelesaikan penyusunan tugas akhir ini. 4. Komisi Tugas Akhir Jurusan Ilmu Komputer FMIPA UNUD, yang telah memberikan petunjuk dalam penyusunan tugas akhir ini. 5. Terima kasih sebesar-besarnya kepada keluarga tercinta, bapak I Ketut Riasa, Ibu Ni Wayan Sudarmi, kakak Ni Kadek Deshi Sudarmayanthi dan NI komang Dian Lestari dan adim Ni Putu Diva Damayanthi yang selalu memberikan motivasi dan support dalam pengerjaan tugas akhir ini. 6. Rekan-rekan mahasiswa di Jurusan Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Udayana khususnya angkatan 2011 yang telah memberi dukungan, motivasi, semangat dan kerja sama dalam penelitian ini. vi 7. Dan semua pihak yang telah membantu dalam menyelesaikan tugas akhir ini yang tidak bisa penulis sebutkan satu persatu. Penulis menyadari bahwa dalam penyusunan laporan ini masih terdapat kekurangan dan masih belum sempurna. Oleh karena itu, penulis mengharapkan masukan, kritik, dan saran yang bersifat membangun kearah perbaikan dan penyempurnaan tugas akhir ini. Akhir kata penulis berharap semoga tugas akhir ini dapat bermanfaat bagi semua pihak. Denpasar, April 2016 Penulis vii DAFTAR ISI SURAT PERNYATAAN KEASLIAN KARYA ILMIAH ................................................ ii LEMBAR PENGESAHAN TUGAS AKHIR .................................................................... iii ABSTRAK ......................................................................................................................... iv ABSTRACT ........................................................................................................................ v KATA PENGANTAR........................................................................................................ vi DAFTAR ISI ....................................................................................................................... x DAFTAR TABEL .............................................................................................................. xi DAFTAR GAMBAR ....................................................................................................... xiii BAB I .................................................................................................................................. 1 PENDAHULUAN ............................................................................................................... 1 1.1 Latar belakang ..................................................................................................... 1 1.2 Rumusan masalah ................................................................................................ 3 1.3 Tujuan.................................................................................................................. 3 1.4 Manfaat................................................................................................................ 3 1.5 Batasan masalah .................................................................................................. 3 1.6 Metodelogi Penelitian......................................................................................... 4 1.6.1 Metodelogi Penelitian.................................................................................. 4 1.6.2 Metode Pengembangan Sistem.................................................................... 6 BAB II ................................................................................................................................. 8 TINJAUAN PUSTAKA ...................................................................................................... 8 2.1. Tinjauan Empiris ................................................................................................. 8 2.2. Tinjauan Teoritis ............................................................................................... 11 2.2.1. Jaringan komputer ..................................................................................... 11 2.2.2. Mikrotik ..................................................................................................... 12 2.2.3. API (Application Programming Interface) ................................................ 20 2.2.4. Facebook ................................................................................................... 23 2.2.5. Twiter ........................................................................................................ 29 BAB III .............................................................................................................................. 37 PERANCANGAN DAN ANALISIS SISTEM ................................................................. 37 x 3.1 Analisis Kebutuhan Sistem................................................................................ 37 3.1.1 Spesifikasi Perangkat Lunak ..................................................................... 37 3.1.2 Spesifikasi Perangkat Keras ...................................................................... 37 3.2 Analisis Kebutuhan Fungsional......................................................................... 38 3.2.1 Perancangan Topologi Sistem ................................................................... 38 3.2.2 Perancangan Use Case Sistem ................................................................... 39 3.2.3 Perancangan Diagram Actvity.................................................................... 57 3.2.4 Perancangan Flowchart ............................................................................. 67 3.2.5 Perancangan Interface ............................................................................... 72 BAB IV ............................................................................................................................. 76 HASIL DAN PEMBAHASAN ......................................................................................... 76 4.1 Implementasi Sistem ......................................................................................... 76 4.1.1. Implementasi Perangkat Keras ........................................................................ 76 4.1.2. Implementasi Perangkat Lunak ....................................................................... 77 4.1.3. Implementasi Database.................................................................................... 77 4.1.4. Implementasi Login Facebook ........................................................................ 78 4.1.5. Implementasi Login Twitter ........................................................................... 84 4.1.6. Implementasi Control Admin .......................................................................... 89 4.1.7. Implementasi User Interface Sistem ............................................................... 94 4.2. Pengujiaan Dan Analisis Sistem........................................................................... 103 4.2.1. Pengujian Black Box Testing ........................................................................ 103 4.2.2. Pengujian Response Time ............................................................................. 109 4.2.3. Pengujian Stress Test..................................................................................... 113 BAB V ............................................................................................................................. 117 KESIMPULAN DAN SARAN ....................................................................................... 117 5.1. Kesimpulan........................................................................................................... 117 5.2. Saran ..................................................................................................................... 118 DAFTAR PUSTAKA...................................................................................................... 119 DAFTAR TABEL Tabel 2. 1 API Words ............................................................................................ 18 Tabel 2. 2 Kategori API ......................................................................................... 23 Tabel 3. 1 Skenario Use Case Login User ............................................................. 40 Tabel 3. 2 Skenario Use Case Login Via Fcebook ................................................ 40 Tabel 3. 4 Skenario Use Case Posting ................................................................... 42 Tabel 3. 5 Skenario Use Case Login Status ........................................................... 43 Tabel 3. 6 Skenario Use Case Get Connection ...................................................... 44 Tabel 3. 7Skenario Use Cse Posting Via Facebook ............................................... 44 Tabel 3. 8 Skenario Use Case Posting Via Twitter ................................................ 45 Tabel 3. 9 Skenario Use Case Login Admin.......................................................... 47 Tabel 3. 10 Skenario Use Case Logout Admin...................................................... 48 Tabel 3. 11 Skenario Use Case Manajemen User Hotspot .................................... 49 Tabel 3. 12 Skenario Use Case Manajemen User Info .......................................... 49 Tabel 3. 13 Skenario Use Case Hapus User Hotspot ............................................. 50 Tabel 3. 14 Skenario Use Case Lihat User Hotspot ............................................... 50 Tabel 3. 15 Skenario Use Case Enable User Hotspot ............................................ 51 Tabel 3. 16 Skenario Use Case Disable User Hotspot ........................................... 52 Tabel 3. 17 Skenario Use Case Lihat User Info ..................................................... 53 Tabel 3. 18 Skenario Use Case Hapus User Info ................................................... 53 Tabel 3. 19 Skenario Use Case Cari user Info ....................................................... 54 Tabel 3. 20 Skenario Use Case Sorting User Info ................................................. 55 Tabel 3. 21 Skenario Use Case Setting .................................................................. 56 Tabel 3. 22 Skenario Use Case Setting Facebook ................................................. 56 Tabel 3. 23 Skenario Use Case Setting Twitter ..................................................... 57 Tabel 4. 1 Perangkat Keras Server ......................................................................... 76 Tabel 4. 2 Perangkat Keras Client ......................................................................... 76 Tabel 4. 3 Implementasi Perangkat Lunak Pada Server ........................................ 77 Tabel 4. 4 Implementasi Perangkat Lunak Pada Client ......................................... 77 Tabel 4. 5 Tabel Skema Database .......................................................................... 77 xi Tabel 4. 6 Script Login Facebook .......................................................................... 78 Tabel 4. 7 Script Login Facebook .......................................................................... 79 Tabel 4. 8 Script Get User Info 2 ........................................................................... 80 Tabel 4. 9 Script Post to Wall Facebook ................................................................ 80 Tabel 4. 10 Script Mengirim Data Facebook Ke Web Server ............................... 81 Tabel 4. 11 Script Mengirim Data Dari Web Server Ke Database Mysql ............. 81 Tabel 4. 12 Script Mengirim Data Dari Web Server Ke Mikrotik ........................ 82 Tabel 4. 13 Script Login Twitter ............................................................................ 84 Tabel 4. 14 Script Mendapatkan Data User Twitter .............................................. 85 Tabel 4. 15 Script Tweet To Twitter ...................................................................... 86 Tabel 4. 16 Script Mengirimkan Data Dari Twitter Ke Web Server ..................... 87 Tabel 4. 17 Script Mengirimkan Data Ke Database Mysql ................................... 87 Tabel 4. 18 Script Mengirimkan Data Dari Web Server Ke Mikrotik ................... 88 Tabel 4. 19 Script Menampilkan User ................................................................... 89 Tabel 4. 20 Script Remove User ............................................................................ 91 Tabel 4. 21 Script Enable User .............................................................................. 92 Tabel 4. 22 Script Disable User ............................................................................. 93 Tabel 4. 23 Tabel Pengujian User ........................................................................ 103 Tabel 4. 24 Pengujian Login Admin .................................................................... 104 Tabel 4. 25 Pengujian Register Admin ................................................................ 106 Tabel 4. 26 Pengujian Halaman Utama Admin ................................................... 106 Tabel 4. 27 Pengujian Halaman User Manager Admin ....................................... 107 Tabel 4. 28 Pengujian User Info Admin .............................................................. 108 Tabel 4. 29 Pengujian Response Time Via Facebook ......................................... 109 Tabel 4. 30 Rata-rata Response Time Dengan Media Sosial Facebook .............. 110 Tabel 4. 31 Pengujian Response Time Media Sosial Twitter .............................. 111 Tabel 4. 32 Rata-rata Response Time User Dengan Metode Twitter .................. 112 Tabel 4. 33 Penggujian Stress Test ...................................................................... 114 Tabel 4. 34 Presentase Error Pengujian Stress Test ............................................. 115 xii DAFTAR GAMBAR Gambar 1. 1 Langkah-Langkah Penelitian .............................................................. 4 Gambar 1. 2 Proses Model Prototipe ....................................................................... 7 Gambar 2. 1 Skema API ........................................................................................ 21 Gambar 2. 2 Arsitektur Web Standar ..................................................................... 25 Gambar 2. 3 Arsitektur Facebook .......................................................................... 26 Gambar 2. 4 Autentikasi Facebook ........................................................................ 28 Gambar 2. 5 Request Token Twitter ...................................................................... 33 Gambar 2. 6 Redirect User Twitter ........................................................................ 34 Gambar 2. 7 Status Sign In Twitter........................................................................ 35 Gambar 2. 8 Access Token Twitter ....................................................................... 36 Gambar 2. 9 3-Legged Autorozation ..................................................................... 36 Gambar 3. 1 Topologi Sistem ................................................................................ 38 Gambar 3. 2 Use Case User ................................................................................... 39 Gambar 3. 3 Use Case Admin................................................................................ 47 Gambar 3. 4 Diagram Activity User Login Via Facebook .................................... 58 Gambar 3. 5 Diagram Activity User Login Via Twitter ........................................ 58 Gambar 3. 6 Diagram activity user login ............................................................... 59 Gambar 3. 7 Diagram Activity Posting Via Facebook .......................................... 59 Gambar 3. 8 Diagram Activity Posting Via Twitter .............................................. 60 Gambar 3. 9 Diagram Activity Admin Login ........................................................ 60 Gambar 3. 10 Diagram Activity Admin Logout .................................................... 61 Gambar 3. 11 Diagram Activity Manajemen User Hotspot................................... 61 Gambar 3. 12 Diagram Activity Admin Manajemen User Info ............................ 62 Gambar 3. 13 Diagram Activity Admin Hapus User Hotspot ............................... 62 Gambar 3. 14 Diagram Activity Admin Lihat User Hotspot ................................. 63 Gambar 3. 15 Diagram Activity Admin Enable User Hotspot .............................. 63 Gambar 3. 16 Diagram Activity Admin Disable User ........................................... 64 Gambar 3. 17 Diagram Activity Admin Lihat User Info ....................................... 64 Gambar 3. 18 Diagram Activity Hapus User Info ................................................. 65 xiii Gambar 3. 19 Diagram Activity Admin Cari User Info ........................................ 65 Gambar 3. 20 Diagram Activity Admin Sorting User Info.................................... 66 Gambar 3. 21Diagram Actifity Setting .................................................................. 66 Gambar 3. 22 flowchart user .................................................................................. 67 Gambar 3. 23 Flowchart Login Admin .................................................................. 68 Gambar 3. 24 Flowchart Register Admin .............................................................. 69 Gambar 3. 25 Flowchart Halamana Utama Admin................................................ 70 Gambar 3. 26 Flowchart Menu Data User Mysql .................................................. 70 Gambar 3. 27 Flowchart Data User Mikrotik ........................................................ 71 Gambar 3. 28 Halaman Awal User ........................................................................ 72 Gambar 3. 29 Halaman Login Admin .................................................................... 73 Gambar 3. 30 Register Admin ............................................................................... 73 Gambar 3. 31 Halaman Utama Admin................................................................... 74 Gambar 3. 32 menu data user mikrotik .................................................................. 74 Gambar 3. 33 Halaman Data User Mysql .............................................................. 75 Gambar 3. 34 Halaman Setting Facebook ............................................................. 75 Gambar 4. 1 Halaman User Interface User ............................................................ 94 Gambar 4. 2 halaman user interface login facebook .............................................. 95 Gambar 4. 3 Halaman User Interface Posting Twitter ........................................... 95 Gambar 4. 4 Hasil Posting Otomatis Facebook ..................................................... 96 Gambar 4. 5 Hasil Insert Ke Database Mysql ........................................................ 96 Gambar 4. 6 Hasil Insert Data Ke Mikrotik ........................................................... 97 Gambar 4. 7 Halaman Status Login User Hotspot ................................................. 97 Gambar 4. 8 Hasil Postingan Ke Twitter ............................................................... 98 Gambar 4. 9 Hasil Insert Ke Database Mysql ........................................................ 98 Gambar 4. 10 Hasil Insert ke Mikrotik .................................................................. 99 Gambar 4. 11 Halaman Status User Login ............................................................ 99 Gambar 4. 12 Form Login Admin ....................................................................... 100 Gambar 4. 13 Form Pendaftaran Admin .............................................................. 100 Gambar 4. 14 Halaman Utama Admin................................................................. 101 Gambar 4. 15 Halaman User Info ........................................................................ 102 xiv Gambar 4. 16 Halaman User Manager Mikrotik ................................................. 102 Gambar 4. 17 Halaman Setting ............................................................................ 103 Gambar 4. 18 Diagram Response Time Dengan Metode Facebook .................... 110 Gambar 4. 19 Diagram Rata-rata Response Time User Facebook ...................... 111 Gambar 4. 20 Diagram Response Time User Metode Twitter ............................ 112 Gambar 4. 21Diagram Response Time Rata-rata User Dengan Metode Twitter 113 Gambar 4. 22Diagram Response Time Stress Test User ..................................... 114 Gambar 4. 23 Diagram Presentase Error Stress Test ........................................... 116 xv