PEMBUATAN APLIKASI CERPENMU BERBASIS ANDROID
Tugas Akhir Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
HALAMAN JUDUL
Disusun Oleh : DEA FILSA SUKMAYLENA M3113035
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2016
HALAMAN PERSETUJUAN PEMBUATAN APLIKASI CERPENMU BERBASIS ANDROID
Disusun Oleh: Dea Filsa Sukmaylena M3113035
Tugas Akhir ini telah disetujui untuk diujikan di hadapan dewan penguji pada tanggal .....................................
Pembimbing Utama,
Muhammad Asri Syafi S.Si NIDN. 9906001049
ii
HALAMAN PENGESAHAN PEMBUATAN APLIKASI CERPENMU BERBASIS ANDROID Disusun Oleh : Dea Filsa Sukmaylena M3113035
Dibimbing Oleh :
Muhammad Asri Syafi S.Si NIDN. 9906001049
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika Pada hari _______ tanggal ____________
Dewan Penguji : 1.
Penguji 1
Muhammad Asri Syafi S.Si
(
)
(
)
(
)
NIDN. 9906001049 2.
Penguji 2
Abdul Aziz, S.Kom., M.Cs NIDN. 0013048101
3.
Penguji 3
Rudi Hartono, S.Si, M.Eng NUPN. 9906008058 Disahkan Oleh, Ketua Program Program Diploma III Teknik Informatika
Abdul Aziz, S.Kom., M.Cs. NIP. 19810413 200501 10001
iii
HALAMAN PERNYATAAN Dengan ini saya menyatakan bahwa dalam pengerjaan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu perguruan tinggi, dan sepanjang pengetahuan saya, tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka serta karya cipta yang dibuat tidak melanggar hak cipta milik orang lain.
Surakarta, 25 Mei 2016
Dea Filsa Sukmaylena NIM. M3113035
iv
HALAMAN MOTTO “Janganlah hendaknya kamu kuatir tentang apapun juga, tetapi nyatakanlah dalam segala hal keinginanmu kepada Allah dalam doa dan permohonan dengan ucapan syukur” (Filipi 4:6)
“Procasinating is not good habbit. And the only thing we can’t blame is Time” Dea Filsa S
“Tuhan menyimpan segala hal baik untukmu, dan memberikannya disaat yang tepat. Karena jika Tuhan memberikannya sekarang, ngko ndak kowe kemayu” Dimas Sadewo
“Good luck with your finals, if you fail, always remember, you got further than any of the bands you like in your schooling career” Ashton Irwin
v
HALAMAN PERSEMBAHAN Sebuah karya tulis ini saya persembahkan untuk : 1. Tuhan Yesus Kristus, yang tidak selalu memberi kemudahan namun selalu memberi jalan terbaik dan mengabulkan doa anak-Nya melalui segala cara. 2. Bapak Dowik Usantoro dan Ibu Harti Pudjiastuti serta keluarga yang selalu mendoakan, memberi semangat, menyediakan segala fasilitas dan menjadi alasan bagi saya untuk menyelesaikan karya tulis ini. 3. Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS khususnya Bapak Muh. Asri Syafi’i yang telah memberikan bimbingan, semangat dan masukkan yang membangun dalam penyelesaian karya tulisan ini. 4. Teman-teman Teknik Informatika A angkatan 2013 yang selalu memberikan semangat, penghiburan serta dukungan selama 3 tahun menuntut ilmu. 5. Teman-teman The Pinkers/4D/4D+1, Dita Verdiana, Devi Ayu dan Dini Hapsari yang selalu memberikan semangat khususnya Dita Verdiana yang selama pengerjaan karya tulis ini selalu memberikan fasilitas menginap. 6. Teman-teman SPMB Team, Zanuar, Santos, Budi, Sadewo, Febri Zaryanto, Bagus dll yang selalu menghibur dan dapat menjadi tempat berbagi ilmu selama pengerjaan tugas akhir ini. 7. Teman-teman gereja, Melati, Asoka, Angen, Anggit, Saras yang selalu menguatkan, memberi semangat dan mendoakan. 8. Luke Hemmings, Calum Hood, Michael Clifford dan Ashton Irwin yang selalu menghibur ketika saya mulai lelah selama 6 bulan terakhir pengerjaan tugas akhir ini. 9. Semua orang yang selalu memberikan dukungan doa maupun dukungan nyata agar saya dapat menyelesaikan pengerjaan tugas akhir ini. 10. Pembaca yang budiman.
vi
KATA PENGANTAR Puji syukur kehadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan karunianya sehingga penulis dapat menyelesaikan Tugas Akhir dengan
judul
“PEMBUATAN
APLIKASI
CERPENMU
BERBASIS
ANDROID”. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya (Amd) pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terimakasih yang tak terhingga kepada : 1. Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan Fakultas MIPA Universitas Sebelas Maret yang telah memberikan izin kepada penulis untuk belajar dan hingga akhirnya dapat menyelesaikan pembelajaran di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret. 2. Abdul Aziz S.Kom., M.Cs selaku Ketua Progran Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberi izin kepada penulis untuk belajar dan hingga akhirnya dapat menyelesaikan pembelajaran di Program Studi DIII Teknik Informatika FMIPA Universitas Sebelas Maret. 3. Muhammad Asri Syafi S.Si selaku Dosen Pembimbing yang dengan penuh kesabaran dan ketulusan memberikan ilmu serta bimbingan terbaik kepada penulis dalam penyusunan dan pembuatan Tugas Akhir ini. 4. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis. 5. Para karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam proses belajar.
vii
6. Karnanda Prakoso selaku editor dalam Tim Cerpenmu yang memberikan informasi serta data yang penulis butuhkan dalam penyusunan tugas akhir ini. 7. Keluarga tercinta yang selalu memberi dukungan dan semangat baik moril maupun materiil. 8. Seluruh teman-teman seperjuangan Diploma III Teknik Informatika UNS angkatan 2013 yang saling membantu dan menyemangati selama proses belajar. 9. Dan semua pihak yang telah membantu penulis menyelesaikan laporan tugas akhir ini yang tidak bisa penulis sebutkan satu persatu. Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan untuk kedepannya. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta, Juni 2016
Dea Filsa Sukmaylena
viii
DAFTAR ISI
HALAMAN JUDUL................................................................................................ i HALAMAN PERSETUJUAN ................................................................................ ii HALAMAN PENGESAHAN ................................................................................ iii HALAMAN PERNYATAAN ............................................................................... iv HALAMAN MOTTO ..............................................................................................v HALAMAN PERSEMBAHAN ............................................................................ vi KATA PENGANTAR .......................................................................................... vii DAFTAR ISI .......................................................................................................... ix DAFTAR TABEL ................................................................................................. xii DAFTAR GAMBAR ........................................................................................... xiii ABSTRACT ......................................................................................................... xvi INTISARI............................................................................................................ xvii BAB I .....................................................................................................................18 PENDAHULUAN .................................................................................................18 1.1 Latar Belakang .................................................................................................18 1.2 Perumusan Masalah .........................................................................................20 1.3 Tujuan ..............................................................................................................20 1.4 Manfaat ............................................................................................................20 1.4 Metodologi Penelitian ......................................................................................21 1.6 Batasan Masalah...............................................................................................23 1.7 Sistematika Penulisan ......................................................................................23 BAB II ....................................................................................................................25 TINJAUAN PUSTAKA DAN LANDASAN TEORI ...........................................25 2.1 Tinjauan Pustaka ..............................................................................................25 2.2 Cerita Pendek ...................................................................................................26 2.3 Aplikasi Web....................................................................................................27 2.4 Aplikasi Android ..............................................................................................27 2.5 Desain Sistem dan Analisa Sistem ...................................................................29 2.6 Diagram Konteks .............................................................................................29
ix
2.7 Data Flow Diagram (DFD) ..............................................................................29 2.8 Basis Data ........................................................................................................30 2.9 Entity Relationship Diagram ............................................................................31 2.10 Personal Home Page Tools (PHP) .................................................................34 2.11 MySQL...........................................................................................................35 2.12 Java Script Object Notation (JSON) ..............................................................36 2.13 Black Box Testing ...........................................................................................36 BAB III ..................................................................................................................38 ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ............................38 3.1 Gambaran Umum Aplikasi ..............................................................................38 3.2 Proses Bisnis Aplikasi ......................................................................................39 3.3 Kebutuhan Fungsional Sistem Informasi Management “Cerpenmu” berbasis web dan Berbasis Android .....................................................................................40 3.4 Kebutuhan Non-Fungsional Sistem Informasi Management “Cerpenmu” Berbasis Web dan Berbasis Android......................................................................45 3.4.1 Kebutuhan Non-Fungsional Sistem ..........................................................45 3.4.2 Kebutuhan Non-Fungsional Perangkat Lunak (Software) ........................46 3.4.3 Kebutuhan Non-Fungsional Perangkat Keras (Hardware) .......................46 3.5 Perancangan Sistem Informasi Management “Cerpenmu” berbasis Web .......47 3.5.1 Diagram Konteks (Context Diagram) Sistem Management Cerpenmu berbasis Web ......................................................................................................47 3.5.2 Data Flow Diagram (DFD) Level 0 ..........................................................48 3.5.3 Data Flow Diagram (DFD) Level 1 Proses 1 ............................................52 3.5.4 Data Flow Diagram (DFD) Level 1 Proses 2 ............................................53 3.5.5 Data Flow Diagram (DFD) Level 1 Proses 3 ............................................53 3.5.6 Data Flow Diagram (DFD) Level 1 Proses 4 ............................................54 3.5.7 Data Flow Diagram (DFD) Level 1 Proses 5 ............................................55 3.5.8 Data Flow Diagram (DFD) Level 1 Proses 6 ............................................56 3.5.9 Data Flow Diagram (DFD) Level 1 Proses 7 ............................................57 3.5.10 Data Flow Diagram (DFD) Level 1 Proses 8 ..........................................58 3.6 Perancangan Basis Data ...................................................................................59 3.6.1 Entity Relationship Diagram (ERD) .........................................................59 3.6.2 Relasi Antar Tabel.....................................................................................60
x
3.7 Perancangan Tabel ...........................................................................................61 3.8 Perancangan Desain User Interface .................................................................66 3.8.1 User Interface Management “Cerpenmu” Berbasis Web..........................66 3.8.2 User Interface Aplikasi Cerpenmu Berbasis Android ...............................83 3.8.2.1 Desain User Interface .........................................................................83 3.8.2.2 Penjelasan Desain User Interface .......................................................86 BAB IV ..................................................................................................................88 IMPLEMENTASI DAN ANALISA ......................................................................88 4.1 Implementasi ....................................................................................................88 4.1.1 Implementasi Interface Sistem Informasi “Cerpenmu” berbasis Web .....88 4.1.2.1 Implementasi Halaman Penulis ..........................................................90 4.1.2.2 Implementasi Halaman Tim Cerpenmu .............................................94 4.1.2 Implementasi Interface Aplikasi Cerpenmu Berbasis Android ..............100 4.2 Pengujian Sistem ............................................................................................109 4.2.1
Pengujian Terhadap Fungsi Login .....................................................109
4.2.2 Pengujian Terhadap Fungsi Insert ...........................................................111 4.2.3 Pengujian Terhadap Fungsi Update ........................................................113 4.2.4 Pengujian Terhadap Fungsi Delete .........................................................114 4.2.5 Pengujian Terhadap Fungsi Rating .........................................................115 4.3 Evaluasi Sistem ..............................................................................................116 4.3.1 Validasi sistem ........................................................................................116 4.3.2 Hasil Kuisioner .......................................................................................116 4.3.3 Kesimpulan kuisioner .............................................................................120 BAB V..................................................................................................................123 PENUTUP ............................................................................................................123 5.1 Kesimpulan ....................................................................................................123 5.2 Saran ...............................................................................................................123 DAFTAR PUSTAKA ..........................................................................................124
xi
DAFTAR TABEL Tabel 2.1 Simbol ERD ..........................................................................................31 Tabel 3.1 Tabel Kebutuhan Fungsional Sistem .....................................................40 Tabel 3.2 Tabel Kebutuhan Non-Fungsional Sistem ............................................45 Tabel 3.2 Tabel Fisik tb_cerpenkiriman ................................................................62 Tabel 3.3 Tabel Fisik tb_kategori ..........................................................................63 Tabel 3.4 Tabel Fisik tb_pendataan.......................................................................63 Tabel 3.5 Tabel Fisik tb_editor .............................................................................64 Tabel 3.6 Tabel Fisik tb_penulis ...........................................................................64 Tabel 3.7 Tabel Fisik tb_pembaca.........................................................................65 Tabel 3.8 Tabel Fisik tb_rating .............................................................................66 Tabel 3.9 Tabel Penjelasan Desain User Interface ................................................86 Tabel 4.1 Tabel Pengujian Terhadap Fungsi Login ............................................109 Tabel 4.2 Tabel Pengujian Terhadap Fungsi Insert .............................................111 Tabel 4.3 Tabel Pengujian Terhadap Fungsi Update ..........................................113 Tabel 4.4 Tabel Pengujian Terhadap Fungsi Delete ...........................................114 Tabel 4.5 Tabel Pengujian Terhadap Fungsi Rating ...........................................115
xii
DAFTAR GAMBAR Gambar 2.1 Arsitektur Android ............................................................................28 Gambar 2.2 Simbol-simbol DFD .........................................................................30 Gambar 2.2 Model Relasi Satu ke Satu ................................................................32 Gambar 2.3 Model Relasi Satu ke Banyak ...........................................................33 Gambar 2.4 Model Relasi Banyak ke Satu ...........................................................34 Gambar 2.5 Model Relasi Banyak ke Banyak ......................................................34 Gambar 3.1 Gambaran Umum Aplikasi ...............................................................38 Gambar 3.3 Diagram Konteks ..............................................................................47 Gambar 3.5 Data Flow Diagram (DFD) Level 1 Proses 1 ...................................52 Gambar 3.6 Data Flow Diagram (DFD) Level 1 Proses 2 ...................................53 Gambar 3.7 Data Flow Diagram (DFD) Level 1 Proses 3 ...................................54 Gambar 3.8 Data Flow Diagram (DFD) Level 1 Proses 4 ...................................55 Gambar 3.9 Data Flow Diagram (DFD) Level 1 Proses 5 ...................................56 Gambar 3.10 Data Flow Diagram (DFD) Level 1 Proses 6 .................................57 Gambar 3.11 Data Flow Diagram (DFD) Level 1 Proses 7 .................................58 Gambar 3.12 Data Flow Diagram (DFD) Level 1 Proses 8 .................................59 Gambar 3.13 Entity Relationship Diagram ..........................................................60 Gambar 3.14 Relasi Antar Tabel ..........................................................................61 Gambar 3.14 Desain Halaman Utama ..................................................................67 Gambar 3.15 Desain Halaman Login ...................................................................68 Gambar 3.16 Desain Halaman Registrasi Penulis ................................................69 Gambar 3.17 Desain Halaman Utama Penulis .....................................................70 Gambar 3.18 Desain Halaman Dashboard Penulis ...............................................71 Gambar 3.19 Desain Form Upload Naskah ..........................................................72 Gambar 3.20 Desain Halaman Profil Penulis .......................................................73 Gambar 3.21 Desain Halaman Utama Tim Cerpenmu .........................................74 Gambar 3.22 Desain Halaman Dashboard Tim Cerpenmu ..................................75 Gambar 3.23 Desain Halaman Management Naskah ...........................................76 Gambar 3.24 Desain Halaman Lihat Naskah dan Ubah Status Naskah ...............77 Gambar 3.25 Desain Halaman Management Kategori .........................................78 Gambar 3.26 Desain Halaman Management Peraturan........................................79 xiii
Gambar 3.27 Desain Halaman Management Kriteria Penilaian...........................80 Gambar 3.28 Desain Halaman Management Tim Cerpenmu...............................81 Gambar 3.29 Desain Halaman Lihat Data Penulis ...............................................82 Gambar 3.30 Desain Splashscreen .......................................................................83 Gambar 3.31 Desain Halaman Login ...................................................................83 Gambar 3.32 Desain Halaman Registrasi .............................................................84 Gambar 3.33 Desain Halaman Utama ..................................................................84 Gambar 3.34 Desain Halaman Detail Naskah ......................................................84 Gambar 3.35 Desain Halaman Voting ..................................................................84 Gambar 3.36 Desain Halaman Kategori ...............................................................85 Gambar 3.37 Desain Halaman Penulis .................................................................85 Gambar 3.38 Desain Halaman Tentang ................................................................85 Gambar 4.1 Implementasi Halaman Utama .........................................................89 Gambar 4.2 Implementasi Halaman Login ..........................................................90 Gambar 4.3 Implementasi Halaman Registrasi Penulis .......................................90 Gambar 4.4 Implementasi Halaman Utama Penulis .............................................91 Gambar 4.5 Implementasi Halaman Dashboard Penulis .....................................92 Gambar 4.6 Implementasi Halaman Upload Naskah ...........................................92 Gambar 4.7 Implementasi Halaman Profil Penulis ..............................................93 Gambar 4.8 Implementasi Halaman Utama Tim Cerpenmu ................................94 Gambar 4.9 Implementasi Halaman Dashboard Tim Cerpenmu .........................95 Gambar 4.10 Implementasi Halaman Management Naskah ................................95 Gambar 4.11 Implementasi Halaman Lihat Naskah dan Ubah Status Naskah ....96 Gambar 4.12 Implementasi Halaman Management Kategori ..............................96 Gambar 4.13 Implementasi Halaman Management Peraturan .............................97 Gambar 4.14 Implementasi Halaman Management Kriteria Penilaian ................98 Gambar 4.15 Implementasi Halaman Management FAQ ....................................98 Gambar 4.16 Implementasi Halaman Management Tim Cerpenmu ....................99 Gambar 4.17 Implementasi Halaman Lihat Data Penulis ....................................99 Gambar 4.18 Implementasi Splashscreen ..........................................................100 Gambar 4.19 Implementasi Halaman Login.......................................................101 Gambar 4.20 Implementasi Halaman Registrasi ................................................102
xiv
Gambar 4.21 Implementasi Halaman Utama Aplikasi Berbasis Android ..........103 Gambar 4.22 Implementasi Halaman Detail Naskah .........................................104 Gambar 4.23 Implementasi Halaman Rating .....................................................105 Gambar 4.24 Implementasi Halaman Kategori ..................................................106 Gambar 4.25 Implementasi Halaman Penulis ....................................................107 Gambar 4.26 Implementasi Halaman Tentang ...................................................108 Gambar 4.27 Grafik Hasil Kuisioner..................................................................120
xv
ABSTRACT Dea Filsa Sukmaylena. 2016. The Making of Cerpenmu Application – Android Basis. Diploma III Information Technical Program, Maths and Science Department Sebelas Maret University Reading is a process of understanding the message delivered by the writer through a written media. Indonesian has a very limited interest in reading which is proven by the result of Indonesia’s reading index of 0,01. While most of modern countries are having higher index range of 0,45 to 0,62. Cerpenmu.com website has been created for writers to publish their stories through internet. Readers in many places will be able to read the stories from internet which then results in increasing the reading index. Readers and writers’ interest of Cerpenmu.com has been known widely through the year 2016. However, the media is very limited to web application which can only accessed through browser. Cerpenmu application is created from Client-Server technology; client application on android basis and server application on PHP basis. Web basis application is using PHP for data management and android basis application is using for showing off the data. Cerpenmu applicartion is made from Data Flow Diagram model analysis and data base and interface planning. The thesis is aimed for creating server application which can manage script data and management data of Cerpenmu application and of android basis application to make short stories. The main point of the making of Cerpenmu application with android basis is to make the application is easy to use due to its flexibility which can be accessed anywhere and anytime. This also means to become an entertainment and lessons for both readers and writers in Indonesia.
Keywords: short stories, android, web application, Client-Server, rating
xvi
INTISARI Dea Filsa Sukmaylena. 2016. Pembuatan Aplikasi Cerpenmu Berbasis Android. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret. Membaca adalah suatu proses yang dilakukan serta digunakan oleh pembaca untuk memperoleh pesan yang disampaikan penulis melalui media bahasa tulis. Minat baca warga negara Indonesia sangat rendah. Hal ini dibuktikan dengan hasil indeks nasional yang menyebutkan bahwa indeks baca di Indonesia hanya 0,01. Sedangkan rata-rata indeks baca negara maju berkisar antara 0,45 sampai dengan 0,62. Cerpenmu.com merupakan website yang diperuntukkan bagi pembaca dan penulis cerita pendek di Indonesia untuk menerbitkan karya mereka agar dapat dinikmati secara luas melalui internet sehingga dapat membantu meningkatkan minat baca masyarakat Indonesia melalui media internet. Hingga tahun 2016, antusiasme pengguna Cerpenmu.com baik penulis maupun pembaca sangatlah tinggi. Namun media yang digunakan hanyalah aplikasi berbasis web yang hanya dapat diakses melalui browser. Aplikasi Cerpenmu dibuat dengan menggunakan teknologi Client-Server dengan aplikasi client berbasis android dan aplikasi server berbasis PHP. Aplikasi berbasis web menggunakan PHP digunakan untuk management data sedangkan aplikasi berbasis android digunakan untuk menampilkan data. Aplikasi Cerpenmu dibuat dengan menggunakan analisis permodelan Data Flow Diagram (DFD) serta perancangan database dan perancangan antarmuka. Pembuatan tugas akhir ini menghasilkan aplikasi server yang dapat mengolah data naskah dan data management aplikasi Cerpenmu dan aplikasi berbasis android yang dapat menampilkan naskah cerita pendek. Tujuan utama dari dibuatnya aplikasi Cerpenmu berbasis Android ini adalah agar aplikasi ini dapat mudah digunakan karena dapat diakses dimana saja dan kapan saja serta dapat digunakan sebagai sarana hiburan serta pembelajaran baik bagi penulis dan pembaca cerita pendek di seluruh Indonesia. Kata kunci : Cerita Pendek, Android, Aplikasi Web, Cliet-server, Rating
xvii
