Contoh_Proposal_Kerja_Proyek_TKJ

PROPOSAL PROYEK “Penerapan Captive Portal dalam Hotspot Login Mikrotik Menggunakan Facebook” Untuk Memenuhi Salah Satu Tugas Produk Kreatif & Kewirausahaan Disusun Oleh : 25907 Alife Zinedine Riza 25909 Arham Izza Syany 25931 Happy Widayanto 25935 Ilham Fitri Ardiansyah 25937 Katon Kukuh Dwi P SEKOLAH MENENGAH KEJURUAN NEGERI 1 KOTA BLITAR 2018

Halaman Pengesahan Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum i

Daftar Isi Halaman Pengesahan.................................................................................................................i Daftar Isi ...................................................................................................................................ii Kata Pengantar ........................................................................................................................iv BAB I Pendahuluan 1.1 Latar Belakang.................................................................................................................1 1.2 Rumusan Masalah ...........................................................................................................2 1.3 Tujuan dan Manfaat ........................................................................................................3 1.3.1 Tujuan ......................................................................................................................3 1.3.2 Manfaat Penelitian ...................................................................................................3 1.4 Tim Kerja dan Uraian Tugas .............................................................................................4 1.5 Organisasi Kerja Proyek ...................................................................................................4 BAB II Kajian Pustaka 2.1 Captive Portal..................................................................................................................5 2.2 Hardware ........................................................................................................................6 2.2.1 Hardware Jaringan....................................................................................................6 2.2.2 Router ......................................................................................................................6 2.2.3 Access Point .............................................................................................................7 2.3 Sosial Media....................................................................................................................7 2.3.1 Facebook ..................................................................................................................8 2.4 Autentikasi ......................................................................................................................8 2.4.1 Autentikasi Wi-Fi ......................................................................................................8 2.4.2 WPA Enterprise ........................................................................................................8 2.5 Bahasa Pemrograman .....................................................................................................9 2.5.1 HTML........................................................................................................................9 2.5.2 Javascript................................................................................................................10 ii

BAB III Metode Kerja Proyek 3.1 Alat dan Perangkat Lunak ..............................................................................................11 3.1.1 Alat.........................................................................................................................11 3.1.2 Perangkat Lunak .....................................................................................................11 3.2 Alur Kerja ......................................................................................................................11 3.3 Prosedur .......................................................................................................................12 3.3.1 Konfigurasi Router..................................................................................................12 3.3.2 Konfigurasi Access Point .........................................................................................12 3.3.3 Konfigurasi Aplikasi Facebook .................................................................................13 3.3.4 Konfigurasi Script Website Hotspot Mikrotik...........................................................13 3.3.5 Konfigurasi HTTPS Website Hotspot Mikrotik..........................................................14 3.4 Anggaran Biaya .............................................................................................................14 BAB IV Analisis dan Desain 4.1 Rencana Pemrograman Proyek......................................................................................15 4.1.1 JavaScript ...............................................................................................................16 4.2 Desain ...........................................................................................................................17 DAFTAR PUSAKA .....................................................................................................................18 iii

Kata Pengantar Puja dan puji syukur semoga senantiasa terpanjatkan kehadirat Allah SWT yang telah memberikan semua limpahan serta rahmat-Nya kepada kita semua, sehingga proposal proyek yang kami buat ini dapat disusun dengan maksimal dan tepat waktu. Seiring dengan pesatnya penggunaan sosial media, seperti Facebook, diciptakan sejenis website tersendiri yaitu Developer Facebook untuk menciptakan sebuah aplikasi. Aplikasi bisa kita manfaatkan untuk teknologi captive portal, seperti hotspot login mikrotik menggunakan Facebook, sehingga munculah ide proyek yaitu “Penerapan Captive Portal dalam Hotspot Login Mikrotik Menggunakan Facebook”. Mata pelajaran Kerja Proyek mengkhususkan untuk membuat sebuah proyek sebagai pemenuhan salah satu tugas kompetensi dasar. Seiring dengan ide proyek kami, kami mohon kepada Bapak Deny Syafril untuk menyutujui proposal proyek ini. Semoga hasil dari proyek bermanfaat bagi masyarakat, khususnya para pelajar dan teknisi jaringan. Meskipun kami berharap hasil dari proposal ini tidak bebas dari kekurangan, namun kami akan berusaha mengatasi kekurangan tersebut. Oleh karena itu, kami mengharapkan kritik dan saran yang membangun agar hasil akhir kerja proyek ini dapat berjalan dengan baik. Sekian dari kami, terima kasih dari kami untuk perhatiannya, semoga hasil akhir proyek ini bermanfaat bagi kita semua. Blitar, 28 Oktober 2018 Penulis iv

BAB I PENDAHULUAN 1.1 Latar Belakang Abad 20 merupakan abad di mana teknologi berkembang pesat, mulai dari bagaimana mengolah informasi hingga menyebarkan sebuah informasi. Iskandar Alisyahbana (1980:1) merumuskan lebih jelas dan lengkap tentang definisi teknologi yaitu cara melakukan sesuatu untuk memenuhi kebutuhan manusia dengan bantuan alat dan akal sehingga seakan-akan memperpanjang, memperkuat, atau membuat lebih ampuh anggota tubuh, panca indera, dan otak manusia. Salah satu teknologi yang berkembang pesat dan yang akan kita bahas adalah internet. Internet merupakan salah satu hal yang tidak bisa dilepas dari kehidupan manusia, dari bagaimana internet membantu individu mencari informasi, bagaimana internet meluaskan informasi, hingga bagaimana internet memberikan kontribusi bagi setiap kehidupan individu. Oetomo (2002) menyebutkan bahwa internet merupakan singkatan atau kependekan dari international network, yang didefinisikan sebagai satu jaringan komputer yang sangat besar, di mana jaringan komputer tersebut terdiri dari beberapa jaringan – jaringan kecil yang saling terhubung satu sama lain. Dengan kata lain, internet sendiri adalah akses jaringan komunikasi global yang terbuka dan menghubungkan jutaan hingga miliaran perangkat komputer dan gadget dari berbagai tipe maupun jenis. Alat yang digunakan untuk menghubungkan semua perangkat tersebut biasanya menggunakan perantara media satelit. Ada beberapa metode untuk mengakses internet, salah satunya seperti yang dibahas di proposal ini yaitu melalui jaringan nirkabel atau tanpa menggunakan kabel, khususnya hotspot. Hotspot adalah lokasi fisik di mana orang dapat mendapatkan akses Internet, biasanya menggunakan teknologi Wi-Fi, melalui jaringan area lokal nirkabel menggunakan router yang terhubung ke penyedia layanan internet atau ISP. 1

Telah banyak tersedia layanan hotspot di berbagai tempat umum seperti sekolah, rumah sakit, maupun kantor kantor yang membutuhkan akses internet. Untuk alasan keamanan, tentu saja tenaga IT menggunakan jenis authentikasi yang bermacam-macam, seperti Open System, Shared Key, WPA-PKS, WPA2 – PSK, dan WPA Enterprise. Kelemahan yang biasanya terjadi untuk pengguna adalah ketidaktahuan terhadap security password, sehingga pengguna harus bertanya password untuk menggunakan akses internet. Hal ini tentu menyusahkan di tempat umum, karena seharusnya tempat umum menyediakan tranparasi akan hal tersebut. Salah satu jenis authentifikasi yang sering dipakai adalah WPA Enterprise yang menerapkan sistem login untuk mengakses internet. Belum lagi faktor seperti halaman login hotspot yang terkadang pihak penyedia menggunakan default mikrotik. Sebagai contoh di SMKN 1 Blitar, penerapan autentikasi hotspot menggunakan laman login default mikrotik dinilai kurang optimal karena di sisi lain sebagian pengguna terlihat kurang familiar dengan halaman login tersebut. Berdasarkan hal tersebut, kebutuhan pengguna adalah akses internet yang efisien dan user-friendly di tempat umum. Dengan menggunakan WPA Enterprise, kami ingin menerapkan login hotspot menggunakan sosial media sebagai transparasi akses internet di tempat umum. 1.2 Rumusan Masalah Sesuai dengan latar belakang tersebut, diperoleh rumusan masalah sebagai berikut: a. Bagaimana mempermudah akses login hotspot sekolah? b. Bagaimana membuat halaman login hotspot menjadi lebih user-friendly ? c. Bagaimana mengolah jaringan sekolah secara efektif? d. Bagaimana mewujudkan transparasi pengumuman pada website sekolah? 2

1.3 Tujuan dan Manfaat 1.3.1 Tujuan a. Untuk mempermudah akses login hotspot sekolah b. Untuk membuat halaman login hotspot menjadi lebih user-friendly c. Untuk mengolah jaringan sekolah secara efektif d. Untuk mewujudkan transparasi pengumuman pada website sekolah 1.3.2 Manfaat Penelitian Melalui kerja proyek ini, penulis sangat berharap dapat memberikan berbagai manfaat : a. Manfaat bagi penulis Untuk memperdalam pengetahuan akan konfigurasi tingkat lanjut router mikrotik dan performa penerapannya di lapangan. b. Manfaat bagi lembaga Meningkatkan performa lembaga akademik dalam menyediakan layanan akses internet dan efisiensi penyampaian informasi. c. Manfaat bagi pengguna Meningkatkan produktivitas dan kemudahan akses layanan internet dengan pembagian informasi dari lembaga akademik. 3

1.4 Tim Kerja dan Uraian Tugas Jabatan Koordinator Tugas Ketua Happy Mengatur jadwal, mengkoordinasi dan bertanggung jawab terhadap kerja proyek. Manajer Jaringan Happy Manajemen dalam pemecahan jaringan, perencanaan jaringan dan konfigurasi mikrotik serta antar-koneksi dengan klien. Manajer Proyek Ilham Manajemen pengembangkan ide proyek dan perekapan hasil pertemuan. Manajer Teknis Katon Manajemen pengaturan dan pemeliharaan konten, CSS, JavaScript, atau pemrograman lain yang terkait dengan situs serta bagian teknis lainnya seperti peralatan dan dokumentasi. Penyedia Peralatan Arham Bertanggung jawab atas sumber daya, sarana dan prasarana proyek seperti menyediakan, estimasi biaya dan merancang topologi fisikal dalam proyek. Analis Alife Mengembangkan dan memelihara dokumentasi, finishing dokumen, membuat presentasi kerja proyek menjadi sesuai serta menjembatani antara sosial media dan hotspot. 1.5 Organisasi Kerja Proyek Manajer Ketua Manajer Teknis Happy Jaringan Katon Happy Manajer Proyek Ilham Penyedia Analis Peralatan Alife Arham 4

BAB II KAJIAN PUSTAKA 2.1 Captive Portal Captive Portal adalah suatu teknik autentikasi dan pengamanan data yang lewat dari network internal ke network eksternal. Captive Portal sebenarnya merupakan mesin router atau gateway yang memproteksi atau tidak mengizinkan adanya trafik, hingga user melakukan registrasi. Biasanya Captive Portal ini digunakan pada infrastruktur wireless sseperti hotspot area, tapi tidak menutup kemungkinan diterapkan pada jaringan kabel. Secara singkat, captive portal akan memaksa pengguna yang belum terauthentikasi untuk menuju ke authentication web dan akan di beri prompt login. Contohnya, dalam kasus ini adalah Facebook. Router / wireless gateway mempunyai mekanisme untuk menghubungi sebuah Authentication server untuk mengetahui identitas dari pengguna wireless yang tersambung, maka wireless gateway akan dapat menentukan untuk membuka aturan firewall-nya untuk pengguna tersebut. 5

2.2 Hardware Pengertian dari hardware atau dalam bahasa indonesia-nya disebut juga dengan nama “perangkat keras” adalah salah satu komponen dari sebuah komputer yang sifat alat nya bisa dilihat dan diraba secara langsung atau yang berbentuk nyata, yang berfungsi untuk mendukung proses komputerisasi. Hardware dapat bekerja berdasarkan perintah yang telah ditentukan ada padanya, atau yang juga disebut dengan dengan istilah instruction set. Dengan adanya perintah yang dapat dimengerti oleh hardware tersebut, maka hardware tersebut dapat melakukan berbagai kegiatan yang telah ditentukan oleh pemberi perintah. 2.2.1 Hardware Jaringan Menurut James O’Brien, pengertian Hardware adalah semua perlatan fisik yang digunakan dalam pemrosesan informasi, termasuk diantaranya CPU, RAM, monitor, mouse, keyboard, printer, scanner, dan lain-lain. Perangkat keras merupakan media komunikasi yang menghubungkan beberapa jaringan dan memproses paket data sehingga transmisi data lebih efektif. Perangkat Keras Jaringan Komputer (hardware) adalah alat-alat yang digunakan untuk menghubungkan komputer ke komputer lainnya dalam jaringan untuk tujuan berbagi data, berbagi informasi dan juga berbagi peripheral dalam sebuh jaringan. Jadi hardware atau perangkat keras adalah kebalikan dari software atau perangkat lunak komputer. 2.2.2 Router Router merupakan perangkat jaringan yang mempunyai fungsi untuk mengirim paket data melalui sebuah jaringan dengan proses routing. Router juga mempunyai fungsi untuk menghubungkan dua atau lebih jaringan serta meneruskan paket data dari satu jaringan ke jaringan lain. Sebuah Router mampumengirimkan data/informasi dari satu jaringan ke jaringan lain yang berbeda, router hampir sama dengan bridge, 6

meski tidak lebih pintar dibandingkan bridge, namun pengembangan perangkat router dewasa ini sudah mulai mencapai bahkan melampaui batas tuntutan teknologi yang diharapkan. Router akan mencari jalur terbaik untuk mengirimkan sebuah pesan yang berdasarkan atas alamat tujuan dan alamat asal. Router mengetahui alamat masing-masing computer dilingkungan jaringan lokalnya, mengetahui alamat bridges dan router lainnya. Router juga dapat mengetahui keseluruhan jaringan dengan melihat sisi mana yang paling sibuk dan bisa menarik data dari sisi yang sibuk tersebut sampai sisi tersebut bersih/clean. 2.2.3 Access Point Access point merupakan sebuah perangkat dalam jaringan komputer yang dapat menciptakan jaringan lokal nirkabel atau WLAN (Wireless Local Area Network). Access point akan dihubungkan dengan router atau hub atau switch melalui kabel Ethernet dan memancarkan sinyal wifi di area tertentu. Untuk dapat terhubung dengan jaringan lokal yang telah dikonfigurasikan tersebut, perangkat harus melalui access point. Access point terdiri dari antenna dan transceiver, dan bertindak sebagai pusat pemancar dan penerima sinyal dari dan untuk client server. Access point tidak dapat mengatur aliran data seperti router, access point hanya akan menyambungkan atau tidak menyambungkan suatu perangkat yang mencoba untuk terhubung dengan jaringan, berdasarkan benar atau tidaknya password yang diberikan pengguna perangkat. 2.3 Sosial Media Menurut McGraw Hill Dictionary, Media sosial adalah sarana yang digunakan oleh orang-orang untuk berinteraksi satu sama lain dengan cara menciptakan, berbagi, serta bertukar informasi dan gagasan dalam sebuah jaringan dan komunitas virtual. Media sosial dalam perannya saat ini, telah membangun sebuah kekuatan besar dalam membentuk pola perilaku dan 7

berbagai bidang dalam kehidupan manusia. Adapun fungsi media sosial adalah memperluas interaksi sosial manusia dengan menggunakan internet dan teknologi web. (halaman) 2.3.1 Facebook Facebook adalah sebuah situs jejaring sosial yang memungkinkan pengguna dapat saling berinteraksi dengan pengguna lainnya di seluruh dunia. Dalam situs jejaring sosial ini, penggunanya dapat mengunggah berbagai informasi mengenai dirinya, sehingga para pengguna facebook lainnya dapat mengetahui informasi tersebut untuk lebih mengenal pemilik akun tersebut. Tidak hanya itu, para pengguna akun facebook juga dapat saling mengomentari berbagai hal seperti tulisan status ataupun informasi lainnya yang mereka bagikan dalam situs jejaring sosial ini. 2.4 Autentikasi Authentifikasi adalah proses dalam rangka validasi user pada saat memasuki sistem, nama dan password dari user di cek melalui proses yang mengecek langsung ke daftar mereka yang diberikan hak untuk memasuki sistem tersebut. 2.4.1 Autentikasi Wi-Fi Sebelum kita masuk kedalam jaringan wifi atau Hospot biasanya kita disuruh untuk mengautentikasi jaringan tersebut. Metode keamanan yang sering digunakan untuk melakukan autentikasi jaringan wifi seperti WPA,WPS,WPA-PSK dan WEP. Jadi kesimpulannya untuk menghindari gangguan-gangguan dan masalah dalam jaringan harus dilakukan autentikasi. 2.4.2 WPA Enterprise Setting security WPA enterprise/corporate ini membutuhkan sebuah server khusus yang berfungsi sebagai pusat auntentikasi seperti Server RADIUS (Remote Authentication Dial-In Service), auntentikasi akan 8

dilakukan per-client sehingga tidak perlu lagi memasukkan passphrase atau network key yang sama untuk setiap client. “Network key” di sini diperoleh dan diproses oleh server Radius tersebut. Fungsi Radius server adalah menyimpan user name dan password secara terpusat yang akan melakukan autentikasi client yang hendak login kedalam jaringan. Sehingga pada proses authentikasi client menggunakan username dan password. Jadi sebelum terhubung ke wireless LAN atau internet, pengguna harus melakukan autentikasi telebih dahulu ke server tersebut. 2.5 Bahasa Pemrograman Munir mengemukakan bahwa “Bahasa pemrograman adalah bahasa komputer yang digunakan dalam menulis program.” Bahasa pemrograman juga memiliki banyak jenis dan kegunaan yang berbeda-beda pula contoh Bahasa pemrograman itu adalah HTML dan Javascript (2011:13) 2.5.1 HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-Lee 9

Robert ketika mereka bekerja di CERN (lembaga penelitian fisika energi tinggi di Jenewa) pada tahun 1989. 2.5.2 Javascript Seperti halnya HTML Javascript sering digunakan untuk membangun sebuah website pengertian javascript adalah Bahasa yang digunakan untuk membuat program yang digunakan supaya dokument HTML yang ditampilkan pada sebuah browser menjadi lebih interaktif, tidak hanya indah saja. Menurut Deitel, Javascript adalah bahasa naskah yang sering digunakan terutama untuk menambah program pada halaman web sebagai contoh animasi dan interaksi dengan pengguna serta didukung oleh hampir seluruh web browser. (2012) Menurut Williams & Sawyer Javascript adalah bahasa naskah berorientasi objek yang digunakan pada web browser dengan menambahkan fungsi interaktif pada halaman web. Jadi kesimpulannya Javascript bahasa naskah berorientasi objek pada web browser untuk menambahkan fungsi interaktif yang membuat aplikasi web bersifat dinamis. (2011) 10

BAB III METODE KERJA PROYEK 3.1 Alat dan Perangkat Lunak 3.1.1 Alat Jumlah 1 Nama 1 PC 1 1 Network Card 3 Ethernet Straight Router Access Point 3.1.2 Perangkat Lunak Jumlah 1 Nama 1 Winbox 1 Firefox/Chrome Sublime Text 3.2 Alur Kerja 11

3.3 Prosedur 3.3.1 Konfigurasi Router 1. Masuk ke Mikrotik menggunakan Winbox 2. Pada menu IP > Address, tambahkan IP untuk ether1 sebagai IP internet dan ether2 untuk access point 3. Klik IP > Firewall, klik sub kategori NAT. Tambahkan rule baru, pada tab general konfigurasi chain -> srcnat dan out interface -> ether1 kemudian pada tab action pilih masquerade 4. Masuk ke IP > DNS tambahkan DNS Google.com yaitu 8.8.8.8 dan allow remote request 5. Pada menu IP > Routes isikan Dst. Address 0.0.0.0/0 dan Gateway dari IP internet 6. Kemudian konfigurasikan hotspot pada IP > Hotspot lalu klik Hotspot Setup, bila tidak ada masalah lanjut menggunakan tombol next. Pada opsi input certificates pilih sertifikat yang diupload (pembahasan pada prosedur 3.3.5) 7. Konfigurasikan DNS Name pada hsprof1 sesuai dengan site url pada aplikasi Facebook. Tambahkan user profile baru dengan nama Facebook, konfigurasikan sesuai kebutuhan. 8. Aktifkan API dan buat user khusus API 9. Pada System > Files navigasikan ke folder hotspot/page masukkan file login.html. 10. Sekarang, pergi ke menu Walled Garden, tambahkan facebook.com dan developer.facebook.com agar bisa berkoneksi tanpa login 3.3.2 Konfigurasi Access Point 1. Navigasi ke IP default AP, lalu masuk dengan identitas default AP 2. Konfigurasi dengan menggunakan Quick Setup, ubah IP default ke IP yang satu jaringan pada ether2. Access Point akan meminta untuk restart, klik restart. 12

3. Setelah restart, nonaktifkan WPS, DHCP, ubah gateway dengan IP ether2 router, ubah SSID dan disable security. Terakhir, ubah identitas untuk masuk ke dalam Access Point. 4. Untuk konfigurasi tambahan, ubah channel yang digunakan atau gunakan MAC address filtering 3.3.3 Konfigurasi Aplikasi Facebook 1. Pergi ke aman developer.facebook.com 2. Integrasikan Facebook anda dengan laman tersebut 3. Klik tombol “buat aplikasi” 4. Sebagai percobaan, kita namai saja “hotspot” 5. Bagian URL, isikan dns hotspot login, contoh : hotspot.mikrotik.com 6. Simpan perubahan, akan muncul prompt memasukkan password Facebook anda sebagai keamanan 7. Salin kode aplikasi, contoh dalam kasus kami adalah 251306048918396 8. Kode aplikasi akan berguna pada prosedur 3.3.4 3.3.4 Konfigurasi Script Website Hotspot Mikrotik 1. Penjelasan tentang script lebih detail bisa dilihat di Bab Analisis dan Desain 2. Langsung saja ubah app id pada script menjadi kode aplikasi kita tadi, appId : '251306048918396’, 3. Mengubah data username dan password sesuai user yang dibuat pada konfigurasi hotspot di mikrotik tadi document.sendin.username.value = 'user hotspot'; document.sendin.password.value = hexMD5('$(chap-id)' + 'user hotspot' + '$(chap-challenge)'); 13

3.3.5 Konfigurasi HTTPS Website Hotspot Mikrotik 1. Mengaktifkan terlebih dahulu service HTTPS di menu IP --> Services. Dan kemudian juga menambahkan sertifikat yang telah kita buat sebelumnya pada parameter 'Certificate'. 2. Mengaktifkan HTTPS Login pada hotspot di 'Server Profiles' hotspot. Selain itu kita juga harus menambahkan sertifikat ke parameter SSL Certificate. 3. Setelah kedua langkah diatas dilakukan, maka kita bisa lihat pada Server Hotspot akan terdapat flag 'S' (S - HTTPS). 3.4 Anggaran Biaya Anggaran biaya dibawah ini berupa barang untuk percobaan sistem yang kami rancang (Untuk barang yang sebenarnya, kami akan men….) NO Barang Harga Fitur - Processor : 650Mhz 1 RouterBoard Mikrotik Rp 309.999 RB941-2nD - HAP - 4 port : Fast Ethernet Lite - Build-in Wireless : 2.4Ghz Jumlah : 5 (802.11b/g/n) - Antenna internal : Dual-Chain 2 x 2 AP ACCESS POINT Rp 145.000 TPLINK TL-WR840N 1.5dbi 300MBPS 300Mbps - Wireless Tx Power : 22dbm Wireless N Router Jumlah : 5 Frequency 2.4-2.4835GHz Signal Rate 11n: Up to 300Mbps(dynamic) 11g: Up to 54Mbps(dynamic) 11b: Up to 11Mbps(dynamic Jumlah Rp 2.274.995 14

BAB IV ANALISIS DAN DESAIN 4.1 Analisis SWOT 4.1.1 Kelebihan 1. Sistem login ini tidak pernah diterapkan di SMKN 1 BLITAR, sehingga sistem ini merupakan inovasi baru. 2. Mempermudah admin agar tidak perlu membuatkan user-password untuk client lagi, sehingga memudahkan pekerjaan admin. 3. Lebih mudah admin untuk menganalis pengguna hotspotnya melalui Facebook Analyst. 4. Mempermudah user agar tidak perlu bertanya user-password. 4.1.2 Kelemahan 1. Sistem yang kami rancang masih terfokus pada perangkat desktop, belum dirancang hingga aplikasi di handphone. Sehingga pengguna handphone harus login melalui web browser. 2. Kami masih merancang penggunaaan untuk ±20 client. Kami belum estimasi penggunaan untuk ±2700 klien atau setidaknya seluruh warga sekolah. 4.1.3 Kesempatan 1. Sistem login ini bisa diintegrasikan dengan pengaturan user manager. 2. Desain website yang kami berikan memberikan ruang untuk berita agar SMK lebih efektif dalam menyampaikan berita. 4.1.1 Ancaman 1. Karena 15

2. Desain website yang kami berikan memberikan ruang untuk berita agar SMK lebih efektif dalam menyampaikan berita. 4.2 Rencana Pemrograman Proyek 4.2.1 JavaScript <script type=\"text/javascript\"> <!-- function doLogin() { document.sendin.username.value = 'user hotspot'; document.sendin.password.value = hexMD5('$(chap-id)' + 'user hotspot' + '$(chap-challenge)'); document.sendin.submit(); return false; } //--> </script> Fungsi untuk memanggil user hotspot yang dibuat window.fbAsyncInit = function() { FB.init({ appId : 'ID Aplikasi', cookie : true, xfbml : true, version : 'v2.7' }); FB.AppEvents.logPageView(); }; Fungsi untuk memanggil facebook button beserta aplikasi yang diciptakan di developer.facebook.com 16

(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = \"https://connect.facebook.net/en_US/sdk.js\"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function checkLoginState() { FB.getLoginStatus(function(response) { if (response.status === 'connected') { doLogin(); } else if (response.status === 'not_authorized') { alert('Mohon coba lagi'); } else { alert('Masalah jaringan'); } }); Fungsi untuk validasi proses login melalui connect.facebook.net 4.3 Desain 17

DAFTAR PUSAKA Aha. 2016. Pengertian WEPWPA, WPA, PSK dan WPA Enterprise. (https://ahatkj21.wordpress.com/2016/01/19/pengertian-wepwpa-wpa-psk-dan- wpa-enterprise/ Diakses pada 17 Oktober 2018) Alisyahbana, Iskandar. 1980. Teknologi dan Perkembangan. Jakarta : Yayasan Idayu. Deitel. 2012. Java:How to Program. London : Pearson Education, Inc. Kurniaji, Ridwan. 2015. Penerapan Web Service Menggunakan JSON untuk Mendukung Rancangan Aplikasi pada Perguruan Tinggi. Tangerang : AMIK Raharja Informatika McGraw & Hill. 2003. McGraw Hill Dictionary of Computing and Communications. New York : McGraw-Hill Professional Munir. 2011. Algoritma dan Pemrograman. Bandung : Informatika O'Brien, James. 1998. Management Information System. Illinois : Irwin Profesional Publisher Oetomo. 2002. Perencanaan dan Pembangunan Sistem Informasi. Yogyakarta : Andi Setyawan Pamadya, Devara. 2011. Autentikasi. (http://devara-pamadya.blogspot.com/2011/01/autentikasi.html Diakses pada 17 Oktober 2018) Satrio. 2011. Definisi Captive Portal. (http://54tr10.blogspot.com/2011/02/definisi-captive-portal.html. Diakses pada 27 Oktober 2018) Setiawan, Hendri. 2016. Pengertian Bahasa Pemrograman. (https://www.hendrisetiawan.com/2016/04/pengertian-bahasa-pemrograman- munir.html Diakses pada 17 Oktober 2018) Syafitri, Irmayani. 2018. Pengertian Facebook. (www.nesabamedia.com/pengertian-facebook/ Diakses pada 17 Oktober 2018) Williams, B.K. & Sawyer, S.C. 2011. Using Information Technology : A Practical Introduction to Computers & Communications. New York : McGraw-Hill 18