SKRIPSI IMPLEMENTASI JQUERY MOBILE PADA WEB FORUM DISKUSI SOSIAL-POLITIK
DISUSUN OLEH
AZMI SYAHID HAKIM NIM
: 135410132
Jurusan
: Teknik Informatika
Jenjang
: Strata Satu (S1)
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017
i
SKRIPSI IMPLEMENTASI JQUERY MOBILE PADA WEB FORUM DISKUSI SOSIAL-POLITIK
Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata satu (S1) Program Studi Teknik informatika Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta
Disusun Oleh : AZMI SYAHID HAKIM Nomor Mahasiswa.
: 135410132
PROGRAM STUDI TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017
ii
iii
iv
HALAMAN PERSEMBAHAN
Terimakasih yang sedalam-dalamnya pada realitas sosial yang ku hadapi selama pengerjaan karya tulis ini. Realitas sosial mengajarkan bagaimana alam (manusia) bekerja dalam dialektika. Karya ini hadir sebagai sintesis dari dialektika itu. Untuk para inspirator; Marx, Lenin, Freire, Chomsky Bashar al-Assad, terimakasih yang tak terhingga, bahwa perlawanan terhadap antagonisme sistem harus dibangun lewat kekuatan pemikiran ilmiah. Untuk orang tuaku (Asep Darhiyat & Elin Herlina), aku ucapkan haturnuhun atas segala bentuk dukungannya. Tak lupa Ua Euis & Imam nu sok ngajak cengengesan mun uih ka Tasik. Di 25 Desember 2012 ibuku berpulang dan di alam khayal sekarang aku bisa berkata “aku lulus bu, terimakasih untuk semuanya”. Barangkali almarhum senang melihatku lulus. Arini Dwi Jayanti, haturnuhun ah kana sagalana, nu tos maturan ti 2011. Sing “lancar” kanggo kapayunna. Tahu kan tafsir dari istilah “lancar”? :P
--dan ini yang terakhir-Di alam fikir aku bertemu Karl Marx, Paulo Freire dan Tan Malaka yang telah memberikan “kuliah” lewat bukunya dan berkata ada masalah di sistem pendidikan kita. Pendidikan yang dianggapnya sebagai alat hegemoni. Sektor ini hanyalah salahsatu sektor yang terkena dampak sistemik dari sistem kapitalisme. Karya tulis ini adalah kenang-kenangan bahwa aku pernah menjadi bagian dari sistem pendidikan kapitalistik dan untuk ke depannya berupaya merubah itu.
v
MOTO Tak ada moto tanpa motor, tak ada motor tanpa BBM, tak ada BBM tanpa riset, tak ada riset tanpa pendidikan, tak ada pendidikan tanpa “sekolah”, jadi “bersekolahlah”.
Tujuan pendidikan itu adalah mempertajam kecerdasan, memperkukuh kemauan dan memperhalus perasaan.
Kebiasaan menghafal malah membuat saya bodoh, mekanis seperti mesin.
Belajarlah dari Barat, tapi jangan menjadi peniru Barat seutuhnya, jadilah si Timur yang cerdas. (Tan Malaka)
vi
INTISARI Proses diskusi memainkan peranan penting dalam kehidupan seharihari. Hal tersebut merupakan bagian yang tidak terpisahkan dari perilaku sebagai individu, Kegiatan diskusi yang sering dilakukan selama ini adalah mahluk sosial. Diskusi konvensional face to face yang membutuhkan unsur fasilitas seperti waktu dan peralatan, Kegiatan diskusi konvensional demikian tidak bisa dilakukan ketika berada dalam situasi dengan mobilitas tinggi, maka dibutuhkan suatu aplikasi yang dapat mendukung kegiatan diskusi dimanapun dan kapanpun. Aplikasi ini mengimplementasikan jQuery Mobile sehingga dapat mengikuti ukuran layar handphone(responsif). Dilengkapi pula fitur launcher yang dapat di install pada Android versi 5.0 “lollipop” atau lebih tinggi. Aplikasi ini dibangun sebagai media alternatif untuk mempermudah melakukan diskusi dimanapun dan kapanpun. Aplikasi ini hanya memungkinkan anggota forum untuk berkomunikasi pada artikel. Member aplikasi ini dapat menginputkan data berupa video, gambar dan teks. Aplikasi ini belum memiliki fitur private message yang memungkinkan member untuk berkomunikasi secara pribadi, selain itu belum adanya fitur untuk mengomentari komentar member lain didalam komentar. Kata kunci : Android, , JQuery Mobile, Sosial-Politik. Web.
vii
KATA PENGANTAR
Puji syukur kami haturkan kepada Tuhan Yang Maha Esa yang telah melimpahkan segala rahmat, hidayah dan inayah-Nya kepada kita semua, sehingga penulis dapat menyelesaikan skripsi dengan judul “Implementasi Jquery Mobile Pada Web Forum Diskusi Sosial-Politik”, yang digunakan untuk memenuhi salah satu persyaratan yaitu memperoleh gelar Sarjana Komputer. Penulis menyadari bahwa tanpa bantuan, arahan, bimbingan, dan motivasi dari berbagai pihak, penulis tidak mungkin dapat menyelesaikan pembuatan skripsi ini. Untuk itu penulis mengucapkan terima kasih atas bimbingan dan bantuannya kepada : 1.
Cuk Subiyantoro, S. Kom., M. Kom., selaku Ketua Sekolah Tinggi Manajemen informatika dan Komputer AKAKOM Yogyakarta.
2.
Ir. Sudarmanto, M.T., selaku Pembantu Ketua I Bidang Akademik di STMIK AKAKOM Yogyakarta.
3.
Ir. M. Guntara, M.T., selaku Ketua Jurusan Teknik Informatika Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta, dan sekaligus selaku dosen pembimbing, yang telah memberikan bimbingan serta pengarahan dalam penulisan skripsi ini.
4.
Orang tua, serta seluruh keluarga yang telah memberikan doa dan dukungan selama ini.
5.
Semua pihak yang telah banyak membantu dan memberi dorongan dalam menyelesaikan skripsi ini.
viii
Penulis menyadari bahwa dalam penulisan skripsi ini masih terdapat kekurangan. Oleh karena itu, kritik dan saran sangat penulis harapkan demi sempurnanya skripsi ini. Semoga skripsi ini dapat memberikan manfaat kepada pembaca.
Yogyakarta, Januari 2017
Penulis
ix
DAFTAR ISI
Halaman Halaman Judul ----------------------------------------------------------------------- i Halaman Persetujuan --------------------------------------------------------------- ii Halaman Pengesahan --------------------------------------------------------------- iii Halaman Persembahan ------------------------------------------------------------- iv Moto ---------------------------------------------------------------------------------- v Intisari -------------------------------------------------------------------------------- vi Kata Pengantar ---------------------------------------------------------------------- vii Daftar Isi ----------------------------------------------------------------------------- ix Daftar Gambar ----------------------------------------------------------------------- xii Daftar Tabel ------------------------------------------------------------------------- xiii BAB I PENDAHULUAN 1.1 Latar Belakang Masalah ------------------------------------------------ 1 1.2 Rumusan Masalah ------------------------------------------------------- 2 1.3 Ruang Lingkup ----------------------------------------------------------- 2 1.4 Tujuan Penelitian -------------------------------------------------------- 2 BAB II TINJAUAN PUSTAKA DAN TEORI 2.1 Tinjauan Pustaka -------------------------------------------------------- 3 2.2 Dasar Teori -------------------------------------------------------------- 4 2.2.1. Forum -------------------------------------------------------------- 4 2.2.2. Forum Diskusi ---------------------------------------------------- 5
x
2.2.3. Web Forum Diskusi ---------------------------------------------- 5 2.2.4. Web Mobile ------------------------------------------------------- 5 2.2.5. Web Mobile Forum ----------------------------------------------- 5 2.2.6 CSS------------------------------------------------------------------- 6 2.2.7 PHP ------------------------------------------------------------------ 6 2.2.8 HTML --------------------------------------------------------------- 6 2.2.9 jQuery Mobile ------------------------------------------------------ 7 2.2.10 Sosial-Politik ------------------------------------------------------ 7 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem ---------------------------------------------------------- 8 3.1.1 Input dan output -------------------------------------------------- 8 3.1.2 Kebutuhan Software ---------------------------------------------- 8 3.1.3 Kebutuhan Hardware -------------------------------------------- 8 3.2 Perancangan Sistem ------------------------------------------------------ 9 3.2.1 Diagram Konteks -------------------------------------------------- 9 3.2.2 DFD Level 0 ------------------------------------------------------- 10 3.2.3 Relasi Tabel -------------------------------------------------------- 11 3.2.4 Perancangan Antar Muka ---------------------------------------- 12 BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Implementasi Sistem ---------------------------------------------------- 14 4.2 Pembahasan Sistem ----------------------------------------------------- 14 4.2.1 Koneksi -------------------------------------------------------------- 14 4.2.2 Daftar Member ----------------------------------------------------- 15
xi
4.2.3 Login ----------------------------------------------------------------- 19 4.2.4 Membuat Artikel ---------------------------------------------------- 22 4.2.5 Membuat Komentar ------------------------------------------------ 23 4.2.6 Admin ------------------------------------------------------------------ 25 4.3 Launcher Android ------------------------------------------------------------ 28 4.3.1 Splash Screen ---------------------------------------------------------- 28 4.3.2 Menu Utama ----------------------------------------------------------- 30 BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan --------------------------------------------------------------- 32 5.2 Saran ----------------------------------------------------------------------- 32 DAFTAR PUSTAKA ------------------------------------------------------------- 33
xii
DAFTAR GAMBAR Halaman Gambar 2.1 Diagram Konteks ---------------------------------------------------- 9 Gambar 3.2 DFD Level 0 ---------------------------------------------------------- 10 Gambar 3.3 Relasi Tabel ----------------------------------------------------------- 11 Gambar 3.4 Rancangan Antarmuka Halaman Depan -------------------------- 12 Gambar 3.5 Rancangan Antarmuka My Profile -------------------------------- 12 Gambar 3.6 Rancangan Antarmuka Sejarah Politik --------------------------- 13 Gambar 3.7 Rancangan Antarmuka Filsafat Politik --------------------------- 13 Gambar 4.1 Daftar Member ------------------------------------------------------- 16 Gambar 4.2 Email Sudah Digunakan -------------------------------------------- 18 Gambar 4.3 Username sudah digunakan ---------------------------------------- 18 Gambar 4.4 Login ------------------------------------------------------------------- 19 Gambar 4.5 Gagal Login ----------------------------------------------------------- 21 Gambar 4.6 Membuat Artikel ----------------------------------------------------- 22 Gambar 4.7 Membuat Komentar ------------------------------------------------- 24 Gambar 4.8 Form Login Admin -------------------------------------------------- 26 Gambar 4.9 Admin ----------------------------------------------------------------- 26 Gambar 4.10 Splash Screen ------------------------------------------------------- 28
xiii
DAFTAR TABEL
Halaman Tabel
2.1
Perbandingan Web Forum ---------------------------------------- 3
xiv
