PEMBUATAN APLIKASI MOBILE ANIBASE MENGGUNAKAN IONIC FRAMEWORK NASKAH PUBLIKASI. diajukan oleh Ainul Yaqin

PEMBUATAN APLIKASI MOBILE ANIBASE MENGGUNAKAN IONIC

FRAMEWORK

NASKAH PUBLIKASI

diajukan oleh

Ainul Yaqin

12.11.6097

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2016

1

PEMBUATAN APLIKASI MOBILE ANIBASE MENGGUNAKAN IONIC

FRAMEWORK

Ainul Yaqin

1)

_{, Bayu Setiaji}

2)

_,

1,2)_{Teknik Informatika STMIK AMIKOM Yogyakarta}

Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283

Email : ainul.y@students.amikom.ac.id1)_{, bayusetiaji@amikom.ac.id}2)

Abstract - Anime Web portal is a site which is about anime, the anime will be released each season, recommendations and other anime you watch. On smartphones, the way we get information about anime is still using the old method, ie by opening a browser on a smartphone and then insert url web portal anime. Because less efficient when we are away with computer / laptop and wearing a lot of quotas to open it. Therefore made an application that can help in problem efficiently and quotas.

Stages of the author in making the first thesis is collecting data through interviews. Then at the stage of making the application is the first to perform the design, code generation program, testing and maintenance. The result of application called AnimeBase. This application can be used to use android based smartphone. This application was made using Ionic framework and can display information about the anime,

the anime will be released each season,

recommendations and other anime you watch. Keywords - Ionic, Anime

1. Pendahuluan 1.1 Latar Belakang

Dewasa ini perkembangan teknologi pada bidang teknologi informasi dan komunikasi mengalami perkembangan yang sangat pesat. Seiring dengan itu, perangkat mobile telah mendominasi kehidupan dengan segala macam fasilitas dan fitur yang ditawarkan. Hampir semua hal dapat dilakuan dengan menggunakan perangkat mobile seperti pesan makanan, belanja baju, mengobrol dengan orang lain, membaca berita, dan lain-lain. Sistem operasi yang sering dipakai untuk membuat perangkat mobile ialah Android, iOS, dan Windows Phone.

Anime merupakan anime khas Jepang, yang biasanya dicirikan melalui gambar-gambar berwarna-warni yang menampilkan tokoh-tokoh dalam berbagai macam lokasi dan cerita, yang ditujukan pada beragam jenis penonton. Anime dipengaruhi gaya gambar manga, komik khas Jepang. Anime banyak diminati oleh berbagai kalangan baik anak – anak, remaja maupun dewasa pernah menonton anime. Perkembangan anime

memang selalu menarik untuk diikuti, terlebih bagi mereka para pencinta anime yang selalu setia menunggu anime baru yang akan rilis setiap musimnya.

Dengan adanya website seperti AniList dan AniChart yang membahas lengkap mengenai semua anime, baik yang masih tayang sekarang maupun yang akan tayang musim depannya, tentunya ini akan mempermudah bagi penikmat anime untuk mengetahui informasi yang jelas mengenai anime yang ditunggu-tunggu tersebut. Seperti judul anime, jadwal tayang, studio, genre serta sinopsis dari anime tersebut. Website seperti Jepangkita dan JurnalOtaku membahas berita anime yang paling baru. Website wardhanime, oploverz dan nekonime yang menyediakan jadwal rilis anime. Berpindah–pindah website satu dengan lain, kurang efisien bagi pengguna smartphone.

2. Landasan Teori 2.1 Pengertian Aplikasi

Ada banyak pengertian mengenai aplikasi oleh para ahli, yaitu:

1. Aplikasi adalah satu unit perangkat lunak yang dibuat untuk melayani kebutuhan akan beberapa aktivitas (Buyens, 2001).

2. Aplikasi adalah sistem lengkap yang mengerjakan tugas spesifik (Post, 1999).

3. Menurut Dhanta (2009:32), aplikasi (application) adalah software yang dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu, misalnya Microsoft Word, Microsoft Excel.

Sedangkan menurut Anisyah (2000:30), aplikasi adalah penerapan, penggunaan atau penambahan. Dari pengertian diatas, dapat disimpulkan bahwa aplikasi merupakan software yang berfungsi untuk melakukan berbagai bentuk pekerjaan atau tugas-tugas tertentu seperti penerapan, penggunaan dan penambahan data [1]. 2.2 Hybrid Mobile Aplikasi

Hybrid Mobile adalah bagian dari aplikasi native dan bagian dari web. Aplikasi hybrid menggunakan teknologi web yang kinerjanya bergantung pada HTML yang diberikan di browser. Aplikasi hybrid memungkinkan untuk pengembangan lintas platform, karena komponen bahasa HTML yang sama dapat digunakan kembali pada paltform yang berbeda.

2

Setiap sistem operasi mobile atau yang sering disebut dengan Platform mempunyai sebuah API yang digunakan untuk menjalankan aplikasi. API ini terdiri dari komponen yang dinamakan dengan Web View. Web View biasanya seperti browser yang berjalan pada aplikasi mobile. Browser ini menjalankan kode HTML, CSS dan JS. Ini berarti kita dapat membangun halaman web dan kemudian dijalankan di aplikasi [2].

Dengan pengetahuan pembuatan website, kita dapat membangun sebuah aplikasi dan mengemasnya ke berbagai sistem operasi atau platform, seperti:

1. Android uses Android Application Package (.apk) 2. iOS uses iPhone Application Archive (.ipa) 3. Windows Phone uses Application Package (.xap) 2.3 Definisi Anime

Anime merupakan kependekan dari pengucapan animation dalam bahasa inggris, yakni animeshon

(アニメーション). Di Jepang sendiri, istilah anime

digunakan untuk mendefinisikan semua jenis karya animasi dari negara mana pun. Sementara, di luar Jepang, istilah anime biasa nya digunakan hanya untuk mendefìnisikan karya animasi yang berasal dari Jepang saja [3].

2.4 System Development Lifecycle (SDLC)

System Development Life Cycle (SDLC) merupakan sebuah metodologi dalam pembangunan atau pengembangan sistem. System Development Life Cycle memberikan kerangka kerja yang konsisten terhadap tujuan yang diinginkan dalam pembangunan dan pengembangan sistem. Metodologi SDLC dimulai dengan ide-ide yang berasal dan pengguna, melalui studi kelayakan, analisis dan desain sistem, pemrograman, pilot testing, implemenrasi, dan analisis setelah diimplementasikan (evaluasi). Dokumentasi yang dibuat selama melakukan pembangunan atau pengembangan sistem digunakan untuk perubahan-perubahan di masa yang akan datang, misalnya melanjutkan pengembangan sistem, modifikasi atau penghilangan (deletion) [4]. 2.5 Unified Modelling Language (UML)

Secara umum UML (Unified Modelling Language) merupakan standar bahasa visualisasi, spesifikasi, konstruksi, serta dokumentasi. Dalam kerangka visualisasi, para pengembang menggunakan UML sebagai suatu cara untuk mengkomunikasikan idenya kepada para pemrogram serta calon pengguna sistem atau perangkat lunak. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenal sebuah sistem dengan menggunakan diagram dan teks-teks pendukung [5].

UML sendiri terdiri atas pengelompokkan diagram-diagram sistem menurut aspek atau sudut pandang tertentu. Diagram adalah yang menggambarkan permasalahan maupun solusi dari permasalahan suatu model. UML mempunyai diagram, yaitu:

a. Use Case Diagram b. Class Diagram c. Sequence Diagram

d. Activity Diagram 2.6 Definisi Android

Android adalah sebuah sistem operasi perangkat mobile berbasis linux yang mencakup sistem operasi, middleware dan aplikasi. Android merupakan perangkat lunak (software) sistem operasi yang memakai basis kode komputer yang dapat didistribusikan secara terbuka atau open source sehingga pengguna bisa membuat aplikasi baru di dalamnya.[6]

3 Analisis dan Perancangan 3.1 Gambaran Umum Aplikasi

Aplikasi yang dibangun merupakan sebuah aplikasi mobile Android yang dirancang untuk membantu memudahkan penikmat anime dalam mencari informasi seputar anime. Cukup membuka aplikasi ini pengguna mendapat berbagai informasi seputar anime mulai dari berita anime terbaru, anime yang akan tayang musim depan dan jadwal anime yang rilis musim ini tanpa harus membuka browser pada smartphone yang dimiliki. Didalam aplikasi ini juga terdapat Wishlist Anime, yaitu fitur dimana pengguna dapat memasukkan anime musim depan yang dia inginkan ke daftar Wishlist Anime.

.

3.2 Analisis Sistem

3.2.1 Analisis Kebutuhan Sistem

Analisis kebutuhan sistem merupakan penguraian kebutuhan dalam menajalankan proses pembuatan sistem. Dibagian ini terdapat dua bagian yaitu Analisis kebutuhan fungsional dan Analisis kebutuhan non-fungsional.

1. Kebutuhan Fungsional 2. Kebutuhan Non Fungsional 3.2.2 Analisis Kelayakan Sistem

Analisis ini digunakan untuk menentukan kemungkinan apakah mengembangkan aplikasi ini dapat diteruskan atau tidak, ini dilakukan agar sistem baru tersebut benar-benar bermanfaat atau tidak.

3.2.3 Analisis Kelayakan Teknologi

Sistem ini secara teknologi sudah layak karena aplikasi ini berbasis Android dimana perangkat dengan sistem operasi Android yang saat ini sudah banyak digunakan oleh masyarakat maupun penikmat anime. 3.2.4 Analisis Kelayakan Operasional

Dari segi operasional aplikasi ini dapat dikatakan layak karena interface yang dibuat sangat user friendly dan mudah digunakan oleh masyarakat maupun penikmat anime, sehingga aplikasi ini dapat dimanfaatkan oleh semua kalangan.

3.3 Perancangan Sistem 3.3.1 Perancangan UML

3

Gambar 3.1 Use Case Diagram AniBase 2. Class Diagram

Gambar 3.2 Class Diagram AniBase 3. Sequence Diagram

Gambar 3.3 Sequnce Diagram Berita Anime 4. Activity Diagram

Gambar 3.4 Activity Diagram Berita Anime

3.4 Perancangan Antarmuka

Gambar 3.5 Perancangan Tampilan Berita Anime 4 Implementasi dan Pembahasan

4.1 Implementasi Sistem

4.1.1 Implementasi Database dan Service Firebase Pada Implementasi database akan membahas tentang pembuatan database mengunakan Firebase, dan mengaktifkan fitur User Login & Authentication untuk user dapat melakukan masuk menggunakan email dan password.

1. Membuat App “ANIBASE” Pada Firebase 2. Tampilan Data “ANIBASE”

3. Mengaktifkan User Login & Authentication 4.1.2 Implementasi Tampilan Aplikasi

. Gambar 4.1 Tampilan Berita Anime 4.2 Uji Coba Sistem

Pengujian merupakan hal terpenting yang bertujuan untuk menemukan kesalahan-kesalahan atau kekurangan-kekurangan pada aplikasi AniBae. Pengujian tersebut bermaksud untuk mengetahui perangkat lunak yang dibuat sudah memenuhi kriteria yang sesuai dengan tujuan perancangan aplikasi AniBase.

Uji coba sistem aplikasi ini memfokuskan pada tampilan konten aplikasi disetiap smartphone yang berbeda ukuran layar dan resolusi. Kemudian diamati apakah tampilan konten aplikasi dari tes tersebut sesuai atau tidak dengan yang telah ditentukan.

4

Gambar 4.2 Feedback pengguna PlasStore 5 Kesimpulan dan Saran

5.1 Kesimpulan

Berdasarkan pembahasan yang telah diuraikan pada bab-bab sebelumnya hingga tahap implementasi program dapat disimpulkan bahwa:

1. Aplikasi AniBase ini berbasis website menggunakan framework Ionic dan firebase sebagai backend-nya dengan arsitektur Model, View dan Control.

2. Aplikasi AniBase sudah berhasil dibuat. Hasil dari pengujian yang dilakukan dapat disimpulkan bahwa aplikasi dapat menampilkan informasi berita anime, anime yang akan rilis musim depan, dan jadwal rilis anime tiap harinya yang mempermudah pengguna dalam mengakses informasi tentang anime.

3. Publikasi Aplikasi AniBase mendapat rating 3 dengan feedback yang baik dari pengguna playstore.

5.2 Saran

Pada penulisan skripsi ini tentu masih banyak kekurangan dan perlu adanya pengembangan baik dari sisi laporan maupun dari sisi aplikasi. Oleh karena itu sangat diharapkan agar skripsi ini bisa dikembangkan oleh pembaca:

1. Penambahan fitur “Push Notification” supaya setiap pengguna dapat mengetahui anime yang ada dimenu “Wishlist Anime” telah rilis. 2. Penambahan fitur “Filter” untuk memilah

anime berdasarkan genre yang disukai oleh pengguna.

Daftar Pustaka

[1] Robby Haris. 2012. Aplikasi Game Edukasi Berbasis Windows Phone Di Yayasan Sekolah Dasar Al-Falah.

http://elib.unikom.ac.id/gdl.php?mod=browse& op=read&id=jbptunikompp-gdl-robbyharis-28847 , diakses pada 12 Desember 2015. [2] Ravulavaru, Arvin. 2015. Learning Ionic: Build

real-time and hybrid mobile aplications with Ionic. Birmingham: Packt Publishing.

[3] Tim Japanese Station. 2015. Japanese Station Book. Jakarta: Bukune.

[4] Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi.

[5] Holifatunnajah. 2015. APLIKASI MOBILE KUKING PARTNER BERBASIS ANDROID RESEP ANEKA KUE TRADISIONAL KHAS INDONESIA.

http://repository.amikom.ac.id/index.php/add_d ownloader/Publikasi_11.11.5677.pdf/7543, diakses pada 12 Desember 2015.

[6] Salbino, Sherief. 2014. Buku Pintar Gadget Android untuk Pemula oleh Penulis. Jakarta: Kunci Komunikasi.

Biodata Penulis

Ainul Yaqin, memperoleh gelar Sarjana Komputer

(S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2015.

Bayu Setiaji, M.Kom memperoleh gelar Sarjana

Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2006. Memperoleh gelar Magister Komputer (M.Kom), Jurusan Magister Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2012.