IMPLEMENTASI APLIKASI ANDROID SEBAGAI CLIENT WORDPRESS MENGGUNAKAN CORDOVA
SKRIPSI
JULIO 1411500156
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR
PANGKALPINANG 2018
IMPLEMENTASI APLIKASI ANDROID SEBAGAI CLIENT WORDPRESS MENGGUNAKAN CORDOVA
SKRIPSI
Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
oleh:
JULIO 1411500156
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR
PANGKALPINANG 2018
KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Esa yang telah melimpahkan segala rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan skripsi yang merupakan salah satu persyaratan untuk menyelesaikan jenjang strata satu (S1) pada Program Studi Teknik Informatika STMIK Atma Luhur.
Penulis menyadari bahwa laporan skripsi ini masih jauh dari sempurna.
Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati.
Dengan segala keterbatasan, penulis menyadari pula bahwa laporan skripsi ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak.
Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada:
1. Tuhan Yang Maha Esa yang telah menciptakan dan memberikan kehidupan di dunia
2. Bapak Drs. Djaetun Hs yang telah mendirikan Atma Luhur .
3. Bapak Prof. Dr. Moedjiono, Msc, selaku Ketua STMIK Atma Luhur.
4. Bapak R.Burham Isnanto Farid, S.Si., M. Kom Selaku Kaprodi Teknik Informatika.
5. Bapak Ari Amir Alkodri, M. Kom selaku dosen pembimbing.
6. Kedua orang tua tercinta yang telah mendukung penulis baik spirit maupun materi.
7. Saudara saya (Christian, Jeremia, Handy, Rexy, Robbi, Paulus B.G) yang mendukung dan membantu menyelesaikan skripsi ini.
8. Diana Aquanetta yang telah memberikan dukungan moral dan semangat.
9. Sahabat-sahabatku (Nikolas N.G, Gom-Gom, Jerry, Julius).
10. Kawan-kawan Angkatan 2014 yang telah memberikan dukungan moral untuk terus meyelesaikan skripsi ini.
11. Keluarga Besar Munthe dan Manurung.
Semoga Tuhan Yang Maha Esa membalas kebaikan dan selalu mencurahkan hidayah serta taufikNya, Amin.
Pangkalpinang, Juli 2018
Julio
ABSTRACT
Wordpress is an open source application (open source) that is very popularly used as a blog engine (blog engine). WordPress is built with PHP programming language and database (database) MySQL. PHP and MySQL, both are open source software (open source software). Wordpress is a software or website service that serves to display articles or posts. usually used on websites that update their content dynamically. The model used is waterfall The method used in making this application is pseudocode. The programming language used is java and php. While making the database using wordpress as a server. This application is useful to facilitate the user to read the article and also can interact with the admin / author through the comment field. Inside this application there are various articles and can be read. Users can see the details of the article and provide comments available in each article. Also in every article there are pictures, icons and also comments column, not just text only. So users do not feel bored using this android wordpress application.
Keywords: Wordpress,Pseudocode,Waterfall
ABSTRAK
Wordpress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).
Wordpress ini sebuah perangkat lunak atau layanan website yang berfungsi untuk menampilkan artikel atau postingan. biasanya digunakan pada website yang memperbaharui isinya secara dinamis. Model yang digunakan adalah waterfall Metode yang digunakan dalam pembuatan aplikasi ini adalah pseudocode. Bahasa pemrograman yang digunakan adalah java dan php. Sedangkan pembuatan basis data menggunakan wordpress sebagai server. Aplikasi ini berguna untuk mempermudah pengguna untuk membaca artikel dan juga dapat berinteraksi dengan admin/ penulis melalui kolom komentar. Di dalam aplikasi ini terdapat berbagai artikel dan dapat di baca. Pengguna bisa melihat detail artikel dan memberikan komentar yang tersedia disetiap artikel. Selain itu juga di setiap artikel terdapat gambar, icon dan juga kolom komentar, bukan hanya teks saja. Jadi pengguna tidak merasa bosan menggunakan aplikasi wordpress android ini.
Kata Kunci : Wordpress,Pceudocode,Waterfall
DAFTAR ISI
LEMBAR PERNYATAAN i
LEMBAR PERSETUJUAN ii
KATA PENGANTAR iii
ABSTRACT v
ABSTRAK vi
DAFTAR ISI vii
DAFTAR ISTILAH x
DAFTAR GAMBAR xi
DAFTAR TABEL xiii
DAFTAR SIMBOL xiv
BAB I PENDAHULUAN 1.1 Latar Belakang 1
1.2 Rumusan Masalah 2 1.3 Tujuan dan Manfaat 2
1.3.1 Tujuan Penelitian 2
1.3.2 Manfaat Penelitian 3
1.4 Metodologi Penelitian 3
1.4.1 Model Pengembangan Perangkat Lunak 3
1.4.2 Metode Penelitian Sistem 3
1.4.3 Tool Pengembangan Sistem 3
1.5 Batasan Masalah 4
1.6 Sistematika Penulisan 4
BAB II LANDASAN TEORI 2.1 Definisi Model Pengembangan Perangkat Lunak 6
2.2 Definisi Metode Pengembangan Perangkat Lunak 8
2.3 Definisi Tools Pengembangan Perangkat Lunak 8
2.4 Teori Pendukung 12
2.4.1 Algoritma 12
2.4.2 Pseudocode 13
2.4.3 Android 14
2.4.3.1 Fitur- Fitur Android 14
2.4.3.2 Versi-Versi Android 15
2.4.3 Mobile 17
2.4.4 Android SDK 18
2.4.5 Android Studio 18
2.4.6 JSON (Java Objek Notation) 18
2.4.7 Java 19
2.4.8 Cordova 19
2.4.9 WordPress 19
2.4.10 Web Api 20
2.5 Penelitian Terdahulu 20
BAB III METODOLOGI PENELITIAN 3.1 Model Pengembangan Perangkat Lunak 23
3.2 Metode Penelitian Sistem 24
3.3 Tools pengembangan Sistem 25
BAB IV HASIL DAN PEMBAHASAN 4.1 Analisis Masalah 27
4.1.1 Analisis Kebutuhan 27
4.1.2 Analisis Sistem Berjalan 29
4.2 Perancangan sistem 30
4.2.1 Identifikasi Sistem usulan 30
4.2.2 Rancangan Sistem 30
4.2.3 Rancangan Layar 50
4.3 Implementasi 53
4.3.1 Tampilan Menu Login 53
4.3.2 Tampilan Menu Admin 54
4.3.3 Tampilan Menu Posts 55
4.3.4 Tampilan Menu Komentar 55
4.3.5 Tampilan Add New Post 56
4.3.6 Tampilan Edit Post 56
4.3.7 Tampilan Menu Utama 57
4.3.8 Tampilan Detail Artikel 58
4.3.9 Tampilan Tentang 58
4.3.10 Tampilan Menu Komentar 59
4.4 Penerapan Algoritma 60
4.5 Pengujian 62
BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan 64
5.2 Saran 64
Daftar Pustaka 65
Lampiran 67
DAFTAR ISTILAH
AVRCP = Audio/Video Remote Control Profile WP = WordPress
CMS = Content Management System API = Application Programming Interface UML = Unified Modeling Language
APPS = Applications
GSM = Global System for Mobile Communications CDMA = Code Division Multiple Access
EVDO = Evolution-Data Optimized
UMTS = Universal Mobile Telecommunications System A2DP = Advanced Audio Distribution Profile
WiFi = Wireless Fidelity LTE = Long Term Evolution
WiMAX = Worldwide Interoperability for Microwave Access SMS = Short Message Service
MMS = Multimedia Messaging Service GPS = Global Positioning System SDK = Software Development Kit VPN = Virtual Private Network PDA = Personal digital assistant
IDE = Integrated Development Environment CSS = Cascading Style Sheets
HTML = Hypertext Markup Language SDLC = Systems Development Life Cycle ERD = Entity relationship Diagram GHz = Gigahertz
RAM = Random access memory PC = Personal Computer JDK = Java Development Kit USB = Universal Serial Bus
DAFTAR GAMBAR
Gambar 2.1 Tahapan Metode Waterfall 6
Gambar 2.2 Contoh Diagram Use Case 9
Gambar 2.3 Contoh Activity Diagram 10
Gambar 2.4 Contoh Sequence Diagram 11
Gambar 2.5 Contoh Class Diagram 12
Gambar 4.1 Activity Diagram Sistem Berjalan 29
Gambar 4.2 Usecase Diagram User 30
Gambar 4.3 Usecase Diagram Admin 31
Gambar 4.4 activity Diagram Proses Melihat Halaman Utama 35
Gambar 4.5 activity Diagram Proses Melihat Detail Artikel 35
Gambar 4.6 Activity Diagram Proses Menuliskan Komentar 36
Gambar 4.7 Activity Diagram Proses Melihat Tentang Aplikasi 37
Gambar 4.8 Activity Diagram Login 38
Gambar 4.9 Activity Diagram Proses Edit Artikel 39
Gambar 4.10 Activity Diagram Komentar 40
Gambar 4.11 Activity Diagram Menambah Artikel 41
Gambar 4.12 Class Diagram Wordpress Android 42
Gambar 4.13 Sequence Diagram Beranda 43
Gambar 4.14 Sequence Diagram Detail Artikel 43
Gambar 4.15 Sequence Diagram Komentar 44
Gambar 4.16 Sequence Diagram Tentang Aplikasi 45
Gambar 4.17 Sequence Diagram Login 46
Gambar 4.18 Sequence Diagram Menambah Artikel 47
Gambar 4.19 Sequence Diagram Edit Komentar 48
Gambar 4.20 Sequence Diagram Edit Artikel 49
Gambar 4.21 Rancangan Layar Menu Utama 50
Gambar 4.22 Rancangan Layar detail Artikel 51
Gambar 4.23 Rancangan Layar Menu Tentang 52
Gambar 4.24 Rancangan Layar Menu Menambah Komentar 53
Gambar 4.25 Tampilan Menu Login 54
Gambar 4.26 Tampilan Menu Admin 54
Gambar 4.27 Tampilan Menu Posts 55
Gambar 4.28 Tampilan Menu Komentar 56
Gambar 4.29 Tampilan Add New Post 56
Gambar 4.30 Tampilan Edit Post 57
Gambar 4.31 Tampilan Menu Utama 57
Gambar 4.32 Tampilan Detail Artikel 58
Gambar 4.33 Tampilan Tentang Aplikasi 59
Gambar 4.34 Tampilan Menu Komentar 59
DAFTAR TABEL
Tabel 4.1 Deskripsi Use Case Beranda 31
Tabel 4.2 Deskripsi Use Case Melihat Detail Artikel 32
Tabel 4.3 Deskripsi Use Case Menulis Komentar 32
Tabel 4.4 Deskripsi Use Case Melihat Tentang Aplikasi 32
Tabel 4.5 Deskripsi Use Case Login Admin 33
Tabel 4.6 Deskripsi Use Case Edit Artikel 33
Tabel 4.7 Deskripsi Use Case Edit Komentar 34
Tabel 4.8 Deskripsi Use Case Menambah Artikel 34
Tabel 4.9 Pengujian Penggunaan Aplikasi 62
Tabel 4.10 Pengujian Penggunaan Admin 63
DAFTAR SIMBOL
Tabel Notasi Use Case Diagram
Tabel Notasi Activity Diagram
SIMBOL KETERANGAN
Titik Awal Titik Akhir Activity
Pilihan Untuk mengambil Keputusan
Fork; Digunakan untuk menunjukkan kegiatan yang dilakukan secara parallel atau untuk menggabungkan dua kegiatan peralel menjadi satu.
Rake;Menunjukkan adanya dekomposisi
Tanda Waktu Tanda pengiriman Tanda penerimaan Aliran akhir (Flow Final)
SIMBOL NAMA KETERANGAN
Actor Actor adalah pengguna sistem.
Actor tidak terbatas hanya manusia saja, jika sebuah sistem berkomunikasi dengan aplikasi lain dan membutuhkan input atau memberikan output, maka aplikasi tersebut juga bisa dianggap
sebagai actor.
Use Case Use case digambarkan sebagai lingkaran elips dengan nama use case dituliskan didalam elips tersebut.
Association Asosiasi digunakan untuk
menghubungkan actor dengan use case. Asosiasi digambarkan dengan sebuah garis yang menghubungkan antara Actor dengan Use Case.
Tabel Notasi Sequence Diagram
SIMBOL NAMA KETERANGAN
Object Object merupakan instance dari sebuah class dan dituliskan tersusun secara horizontal. Digambarkan sebagai sebuah class (kotak) dengan nama obyek
didalamnya yang diawali dengan sebuah titik koma
Actor Actor juga dapat berkomunikasi dengan object, maka actor juga dapat diurutkan sebagai kolom. Simbol Actor sama dengan simbol pada Actor Use Case Diagram.
Lifeline Lifeline mengindikasikan keberadaan sebuah object dalam basis waktu. Notasi untuk Lifeline adalah garis putus-putus vertikal yang ditarik dari sebuah obyek.
Activation Activation dinotasikan sebagai sebuah kotak segi empat yang digambar pada sebuah lifeline.
Activation mengindikasikan sebuah obyek yang akan melakukan sebuah aksi.
Message Message, digambarkan dengan anak panah horizontal antara Activation.
Message mengindikasikan komunikasi antara object-object.
Tabel Notasi pada Class Diagram
SIMBOL NAMA KETERANGAN
Class Class adalah blok - blok pembangun pada
pemrograman berorientasi obyek.
Sebuah class digambarkan sebagai sebuah kotak yang terbagi atas 3 bagian.
Bagian atas adalah bagian nama dari class. Bagian tengah mendefinisikan property/atribut class.
Bagian akhir
mendefinisikan method method dari sebuah class.
Assosiation Sebuah asosiasi merupakan sebuah
relationship paling umum antara 2 class, dan
dilambangkan oleh sebuah garis yang
menghubungkan antara 2 class.
Garis ini bisa
melambangkan tipe-tipe relationship dan juga dapat menampilkan hukum- hukum multiplisitas pada sebuah relationship (Contoh: One-to-one, one- to-many, many-to-many).
Composition Jika sebuah class tidak bisa berdiri sendiri dan harus merupakan bagian dari class yang lain, maka class tersebut memiliki relasi Composition terhadap class tempat dia bergantung tersebut.
Sebuah relationship composition digambarkan sebagai garis dengan ujung berbentuk jajaran genjang berisi/solid.
Dependency Kadangkala sebuah class menggunakan class yang lain. Hal ini disebut dependency. Umumnya penggunaan dependency digunakan untuk
menunjukkan operasi pada suatu class yang
menggunakan class yang lain. Sebuah dependency dilambangkan sebagai sebuah panah bertitik-titik.
Aggregation Aggregation mengindikasikan keseluruhan bagian relationship dan biasanya disebut sebagai relasi
“mempunyai sebuah” atau
“bagian dari”. Sebuah aggregation digambarkan sebagai sebuah garis dengan sebuah jajaran genjang yang tidak berisi/tidak solid.
Generalization Sebuah relasi
generalization sepadan dengan sebuah relasi inheritance pada konsep berorientasi obyek. Sebuah generalization
dilambangkan dengan sebuah panah dengan kepala panah yang tidak solid yang mengarah ke kelas “parent”-
nya/induknya.
