PENGEMBANGAN APLIKASI YOUTUBE DOWNLOADER
BERBASIS ANDROID MENGGUNAKAN REACT NATIVE
SKRIPSI
Diajukan untuk Memenuhi Salah Satu Syarat Kelulusan
Program Pendidikan Sarjana
Oleh : Raihan Febriana
D1A.18.0037
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER UNIVERSITAS SUBANG SUBANG
2022
I
PENGEMBANGAN APLIKASI YOUTUBE DOWNLOADER BERBASIS ANDROID MENGGUNAKAN
REACT NATIVE
Oleh : Raihan Febriana
D1A.18.0037
Subang, Menyetujui,
Jaja, M.Kom Santi Purwanti,SH.,M.Kom
Pembimbing I Pembimbing II
Mengetahui,
Dr. Tepi Peirisal, S.Sos., M.Si BAGUS ALI AKBAR, S.Si.,M.Kom
Dekan Fakultas Ilmu Komputer Ketua Program Studi
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER UNIVERSITAS SUBANG SUBANG
2022
II PERNYATAAN
Dengan ini saya menyatakan bahwa skripsi dengan judul “PENGEMBANGAN APLIKASI YOUTUBE DOWNLOADER BERBASIS ANDROID MENGGUNAKAN REACT NATIVE” ini adalah benar-benar karya saya sendiri, dan saya tidak melakukan plagiat ataupun pengutipan dengan cara - cara yang tidak sesuai dengan etika keilmuan yang berlaku dalam masyarakat keilmuan. Atas penyataan ini saya siap menangung resiko/sanksi yang dijatuhkan kepada saya apabila kemudian ditemukan adanya pelangaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini.
Subang, Juli 2022 Penulis,
Raihan Febriana NPM. D1A.18.0037
III ABSTRAK
Youtube merupakan aplikasi yang fungsi utamanya adalah untuk menonton dan
mengupload video. Dengan kemudahan akses tersebut suatu aplikasi downloader akan berguna untuk memberikan kemudahan mendownload video yang terdapat di youtube . cara kerja downloader ini ialah dengan memproses url sehingga video akan di download secara otomtis dan tersimpan pada storage smartphone pengguna sebelum mendownload ada fitur adjustment untuk memotong menit video untuk memberikan kemudahan serta kepuasan pengguna . dengan adanya downloader pengguna akan dapat menikmati video secara offline dan menikmati video secara berulangkali tanpa menggunakan internet.
Aplikasi youtube downloader berbasis android di buat karna Youtube hanya menyediakan fitur download yang hanya dapat di akses di aplikasi youtube itu sendiri tanpa dapat menyimpan hasilnya kedalam storage smartphone pengguna . downloader ini berguna untuk menanggulangi hal tersebut tetapi aplikasi youtube downloader ini hanya berguna untuk mendownload video youtube, memutar video , serta memutar mp3 yang tersedia di dalam storage smartphone android .
Pengembangan sistem informasi youtube downloader berbasis android ini di buat dengan metode Rational Unified Process (RUP). Rational Unified Process mempunyai siklus pengembangan perangkat lunak yang dibagi kedalam empat fase, yaitu Inception, Elaboration, Construction dan Transition.
youtube downloader diharapkan dapat mempermudah pengguna untuk dapat
mendownload video youtube dengan sesuai keinginan pengguna , serta memberikan kepuasan lebih dengan menambahkan fitur pemutaran nya secara langung di satu aplikasi.
Kata Kunci : Youtube , Downloader , android
IV
KATA PENGANTAR
“Alhamdulillahi Robbil ‘alamin”, itulah kata yang patut penulis ucapkan pertama kali. Puji syukur ke hadirat Allah Subhanahu Wata’ala, atas segala nikmat dan karunia- Nya maka penulis dapat menyelesaikan SKRIPSI yang berjudul “Pengembangan Aplikasi Youtube Downloader Berbasis Android menggunakan React Native”.
Banyak sekali hambatan dan kendala yang penulis hadapi dalam penyusunan Laporan Akhir ini, namun berkat do’a dan dukungan baik moril dan materil dari berbagai pihak akhirnya penulis dapat menyelesaikan Laporan ini walaupun masih banyak sekali kekurangan. Maka dari itu, penulis ingin mengucapkan terima kasih kepada Bapak Jaja,M.Kom sebagai dosen pembimbing I dan Ibu Santi Purwanti,SH.,M.Kom sebagai dosen pembimbing II yang telah memberikan bimbingan, saran, motivasi dan do’a.
Karena kebaikan semua pihak yang telah penulis sebutkan tadi maka penulis bisa menyelesaikan laporan magang ini dengan sebaik-baiknya. Laporan magang ini memang masih jauh dari kesempurnaan, tapi penulis sudah berusaha sebaik mungkin. Sekali lagi terima kasih. Semoga Penelitian ini bermanfaat bagi kita semua.
Subang,
………
Raihan Febriana
V DAFTAR ISI
PERNYATAAN ... II ABSTRAK ... III KATA PENGANTAR... IV DAFTAR ISI... V DAFTAR GAMBAR ...X DAFTAR TABEL ... XII DAFTAR SIMBOL ... XIII
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Identifikasi Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Maksud dan Tujuan ... 2
Maksud ... 2
Tujuan... 3
1.5 Metodologi Penelitian ... 3
1.6 Jadwal Penelitian ... 3
1.7 SistematikaPenulisan... 4
BAB II LANDASAN TEORI ... 5
2.1 Pengembangan Sistem Informasi ... 5
VI
2.2 Youtube ... 6
2.3 Android... 8
2.4 JavaScript ... 10
2.5 UML (Unified Modelling Language) ... 11
2.6 RUP (Rational Unified Process) ... 12
2.7 React Native ... 14
BAB III ANALISIS KEBUTUHAN SISTEM... 15
3.1 Profil Unit Kerja GoThru Media Indonesia ... 15
3.1.1 Profil Perusahaan ... 15
3.1.2 Struktur Organisasi ... 15
3.1.3 Tugas Divisi ... 15
3.1.4 Fungsi Unit Kerja ... 16
3.2 Analisis Kebuthan Sistem ... 17
3.2.1 Kebutuhan Fungsional ... 17
3.2.2 Kebutuhan Non Fungsional ... 18
3.3 Usecase Diagram youtube downloader ... 19
3.4 Use Case Skenario ... 20
3.5 Aktivity Diagram ... 24
3.5.1 Activity Diagram Proses Download ... 24
3.5.2 Activity Diagram kelola playlist music ... 25
3.5.3 Activity Diagram play music ... 26
VII
3.5.4 Activity kelola playlist video... 26
3.5.5 Activity Diagram Play Video ... 27
BAB IV PERANCANGAN ... 28
4.1 Perancangan Class Diagram ... 28
4.2 Sequence diagram ... 29
4.2.1 Sequance diagram download ... 29
4.2.2 Sequance diagram tambah playlist music ... 29
4.2.3 Sequance diagram tambah playlist video ... 30
4.2.4 Sequance diagram edit playlist music... 30
4.2.5 Sequance diagram edit playlist Video ... 31
4.2.6 Sequance diagram delete playlist music ... 31
4.2.7 Sequance diagram delete playlist video ... 32
4.2.8 Sequance Diagram add to playlist music ... 32
4.2.9 Sequance diagram add to playlist video ... 33
4.2.10 Sequance diagram delete list playlist music ... 33
4.2.11 Sequance diagram delete list playlist video ... 34
4.2.12 Sequance diagram edit music name ... 34
4.2.13 Sequance diagram edit video name ... 35
4.2.14 Sequance diagram delete music ... 35
4.2.15 Sequance diagram delete video ... 36
4.1 Perancangan basis data ... 37
VIII
4.1.1 Tabel Data Audios... 37
4.1.2 Tabel Data Audios... 37
4.1.3 Tabel Data video ... 38
4.3 Rancangan Antar Muka ... 39
4.3.1 Tampilan Halaman download ... 39
4.3.2 Tampilan Halaman Download ... 40
4.3.3 Tampilan playlist music dan kelola music ... 41
4.3.4 Tampilan List Music ... 42
4.3.5 Tampilan Pemutaran musik ... 43
4.3.6 Tampilan playlist video , kelola Video dan list video ... 44
4.3.7 Tampilan Pemutaran Video ... 46
BAB V IMPLEMENTASI DAN PENGUJIAN ... 47
5.1 Implementasi ... 47
5.1.1 Implementasi Perangkat Lunak ... 47
5.1.2 Implementasi Perangkat Keras ... 47
Perangkat keras yang digunakan untuk pengembangan aplikasi ini memiliki keterangan sebagai berikut: ... 47
5.1.3 Implementasi Basis data ... 48
5.1.4 Implementasi Interface ... 50
4. Halaman download ... 50
5. Tampilan Halaman Download ... 51
IX
6. Tamplan playlist music dan kelola music ... 52
7. Tampilan List Music ... 53
8. Tampilan Pemutaran musik ... 54
9. Tampilan playlist video , kelola Video dan list vi ... 55
10. Tampilan Pemutaran Video ... 56
5.2 Pengujian ... 57
5.2.1 Rencana Pengujian ... 57
5.2.2 Kategori Pengujian ... 59
5.2.3 Pelaksanaan Pengujian ... 60
BAB VI ... 62
KESIMPULAN DAN SARAN ... 62
6.1 Kesimpulan ... 62
6.2 Saran ... 62
DAFTAR PUSTAKA ... 63
X
DAFTAR GAMBAR
Gambar 3. 1 Struktur Organissasi Perusahan GoThru Media Indonesia ... 15
Gambar 3. 2 Struktur Organissasi Perusahan GoThru Media Indonesia ... 15
Gambar 3. 3 Use case Diagram Aplikasi youtube downloader ... 19
Gambar 3. 4 Activity Diagram Proses Download ... 24
Gambar 3. 5 Activity Diagram kelola playlist music ... 25
Gambar 3. 6 Activity Diagram Play Music ... 26
Gambar 3. 7 Activity Diagram kelola playlist video ... 26
Gambar 3. 8 Activity Diagram Play Video ... 27
Gambar 4. 1 perancangan class diagram youtube downloader ... 28
Gambar 4. 2 perancangan sequance diagram downloader ... 29
Gambar 4. 3 perancangan sequance diagram tambah playlist ... 29
Gambar 4. 4 perancangan sequance diagram tambah playlist video ... 30
Gambar 4. 5 perancangan sequance diagram edit playlist ... 30
Gambar 4. 6 perancangan sequance edit playlist video ... 31
Gambar 4. 7 perancangan sequance diagram delete playlist music ... 31
Gambar 4. 8 perancangan sequance diagram delete playlist video ... 32
Gambar 4. 9 perancangan sequance diagram add list playlist music ... 32
Gambar 4. 10 perancangan sequance diagram add list playlist video ... 33
Gambar 4. 11 perancangan sequance diagram delete list playlist music ... 33
Gambar 4. 12 perancangan sequance diagram delete list playlist video ... 34
Gambar 4. 13 perancangan sequance diagram edit music name ... 34
Gambar 4. 14 perancangan sequance diagram edit video name ... 35
Gambar 4. 15 perancangan sequance diagram delete music ... 35
Gambar 4. 16 perancangan sequance diagram delete video ... 36
Gambar 4. 17 Tampilan Halaman Home ... 39
Gambar 4. 18 Tampilan Halaman Download ... 40
Gambar 4. 19 Tampilan playlist music dan kelola music ... 41
Gambar 4. 20 Tampilan List Music ... 42
XI
Gambar 4. 21 Tampilan Pemutaran Music ... 43
Gambar 4. 22 Tampilan kelola video dan list video ... 45
Gambar 4. 23 tampilan pemutaran video ... 46
Gambar 4. 24 tampilan pemutaran video ... 56
Gambar 5. 1 Database Audios ... 48
Gambar 5. 2 Database Videos ... 49
Gambar 5. 3 Data Base Playlist Data ... 49
Gambar 5. 4 Tampilan Home ... 50
Gambar 5. 5 Tampilan Halaman Download ... 51
Gambar 5. 6 Tampilan playlist music dan kelola music ... 52
Gambar 5. 7 Tampilan List Music ... 53
Gambar 5. 8 Tampilan Pemutaran Music ... 54
Gambar 5. 9 Tampilan kelola video dan list video ... 55
XII DAFTAR TABEL
Tabel 1. 1 RUP (Rational Unified Process) ... 3
Tabel 3. 1 System Requirement Specification Functional ... 17
Tabel 3. 2 Kebutuhan Perangkat Lunak ... 18
Tabel 3. 3 Kebutuhan Perangkat Keras ... 18
Tabel 3. 4 Tabel Deskripsi Use Case Diagram ... 19
Tabel 3. 5 Skenario melakukan proses download ... 21
Tabel 3. 6 Skenario menambahkan playlist... 21
Tabel 3. 7 Skenario edit playlist ... 22
Tabel 3. 8 skenario delete playlist ... 22
Tabel 3. 9 Skenario melakukan Pemutaran Music ... 23
Tabel 3. 10 Skenario melakukan Pemutaran Video ... 23
Tabel 4. 1 Percancangan Tabel Data audios ... 37
Tabel 4. 2 Percancangan Tabel data playlist ... 37
Tabel 4. 3 Percancangan Tabel Data video ... 38
Tabel 5. 1 implementasi Perangkat Lunak ... 47
Tabel 5. 2 implementasi Perangkat keras ... 47
Tabel 5. 3 Implementasi Basis Data ... 48
Tabel 5. 4 Rencana Pengujian ... 57
Tabel 5. 5 Pelaksanaan Pengujian ... 60
XIII
DAFTAR SIMBOL
1. Use Case Diagram
Gambar Nama Fungsi
Package
Menambahkan paket
baru dalam
diagram
Actor Menambah aktor dalam diagram
Use case Menambahkan use case pada diagram
Unidirectional association
Menggambarkan relasi antara aktor dengan use case
Dependencies or Instantiates
Menggambarkan kebergantungan
(dependencies) antar item dalam diagram
Generalization
Mengggambarkan relasi lanjut antar use case atau menggambarkan struktur pewarisan antar actor
XIV 2. Activity Diagram
Gambar Nama Fungsi
State Menambahkan state untuk suatu objek
Activity
Menambahkan aktivitas baru pada diagram
Start state Memperlihatkan dimana aliran kerja berawal
End state Memperlihatkan dimana aliran kerja berakhir
State transition
Menambah transisi dari suatu aktivitas ke aktivitas yang lainnya
Transition to self Menambah transisi rekursif
Horizontal synchronization
Menambahkan sinkronisasi horizontal pada diagram
Decisions points Menambahkan titik keputusan pada aliran kerja
XV 3. Class Diagram
Gambar Nama Fungsi
Class Menambahkan kelas baru pada diagram
Interface
Menambahkan kelas antarmuka (interface) pada diagram
Association Menggambar relasi asosiasi
Association class
Menghubungkan kelas asosia si (association class) pada suatu relasi asosiasi
Generalization Menggambarkan relasi generalisasi
Realize Menggambarkan relasi realisasai
Aggregation Menggambarkan relasi agregasi
Actor Menggambarkan aktor pada diagram kelas
XVI 4. Squence Diagram
Gambar Nama Fungsi
Object
Menambahkan objek
baru pada
diagram
Object message Menggmbar pesan
(message) antar dua objek
Message to self
Menggambar pesan (message) yang menuju dirinya sendiri
Return message
Menggambarkan pengembalian dari pemanggilan prosedur
1 BAB I PENDAHULUAN
1.1 Latar Belakang
Youtube merupakan sebuah sebuah situs web yang dirancang untuk berbagi video. Jutaan pengguna dari seluruh dunia telah membuat akun youtube sehingga mereka bisa mulai upload video agar dapat ditonton pengguna di seluruh dunia. Bahkan data bulan mei 2019 setiap menitnya jumlah durasi video yang diupload di situs tersebut sekitar 500 jam. Youtube dibuat pada tahun 2005, oleh Steve Chen, Chad Hurley dan Jawed Karim. Awalnya mereka adalah karyawan di perusahaan Paypal. Youtube dibuat dengan tujuan agar orang bisa berbagi video mereka.
Perkembangan internet yang pesat dan sudah di dukungnya berbagai format video pada smartphone ini membuat akses ke youtube semakin mudah namun ada pengguna youtube kesusahan jika ingin mengunduh video yang ada di youtube untuk dapat di simpan langsung ke dalam memori internal sehingga pengguna akan lebih bebas mengakses nya , walaupun aplikasi youtube sudah menyediakan fitur download tetapi sangat terbatas sehingga pengguna tidak dapat leluasa mengakses video tersebut dengan catatan terdapat suatu lisensi dari mana sumber video itu berasal ,oleh karna itu jika video youtube dapat di akses di manapun kapanpun serta tanpa menggunakan koneksi internet karna video di simpan langsung ke storage internal pengguna akan puas dengan fitur tersebut.
Maka dari itu penulis tertarik untuk membuat sebuah aplikasi youtube Downloader dengan menggunakan Metodelogi RUP. aplikasi ini tentu saja dapat
mendownload youtube dengan mudah hanya dengan cara mengambil URL youtube pengguna akan dapat mendownload video youtube sesuai dengan keinginan bahkan bisa mengconvert video menjadi Mp3.
Berdasarkan uraian di atas, maka akan dituangkan dalam penulisan tugas akhir yang berjudul ”Pengembangan Aplikasi Youtube Downloader Berbasis Android Menggunakan React Native”.
I-2
1.2 Identifikasi Masalah
Dari beberapa uraian yang di kemukakan pada latar belakang, maka dapat di identifikasi masalah nya yaitu pengguna tidak dapat menikmati video youtube secara offline itu secara maksimal serta video yang sudah di download tidak dapat di akses secara permanen karna memiliki jangka waktu untuk dapat menikmati video yang di download offline tersebut ,
1.3 Batasan Masalah
Batasan-batasan masalah dalam Pengembangan aplikasi bebasis android ini adalah sebagai berikut :
1. Aplikasi yang dirancang hanya untuk mendownload video yang dapat di convert ke mp3 melalui link video youtube.
2. Aplikasi youtube downloader ini hanya menyediakan fitur download, ,pemutaran musik dan pemutaran video
3. Aplikasi youtube downloader ini dapat mengelola playlist video 4. Aplikasi youtube downloader ini dapat mengelola playlist music
5. Aplikasi youtube downloader ini dapat memberikan link sumber media yang telah di download
1.4 Maksud dan Tujuan
Maksud
Maksud dari penelitian yang penulis akan lakukan adalah membuat sebuah downloader video youtube dengan menambahkan fitur pemutaran musik dan pemutaran video dengan catatan tetap menyisipkan lisensi atau link sumber video atau music itu berasal .
I-3
Tujuan
Tujuan yang ingin dicapai pada penelitian ini adalah sebagai berikut : 1. Aplikasi menyediakan fitur download youtube yang bisa
mendownload video youtube yang dapat di putar offline tanpa ada batas waktu .
2. Membuat aplikasi youtube downloader yang fleksibel dengan adanya fitur pemutaran musik dan pemutaran video sehingga pengguna dapat menggunakannya dimanapun dan kapanpun.
1.5 Metodologi Penelitian
Metode Pengembangan Perangkat Lunak
Metode pengembangan sistem yang digunakan dalam penelitian ini adalah Rational Unified Process (RUP). Fase yang digunakan hanya tiga yaitu Inception, Elaboration, dan Construction .
1.6 Jadwal Penelitian
No Kegiatan
fase
inception elaboration contruction
januari februari maret april mei juni
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1
Permodelan Bisnis
2 Kebutuhan
3
Analisis dan Desain
4 Penerapan
5 Testing
Tabel 1. 1 RUP (Rational Unified Process)
I-4
1.7 SistematikaPenulisan
Berikut ini merupakan gambaran singkat isi dari penelitian yang berisi uraian umum penelitian :
BAB I PENDAHULUAN
Dalam bab ini merupakan pendahuluan yang materinya sebagian besar menyempurnakan usulan penelitian yang berisikan tentang lartar belakang, identifikasi dan batasan masalah, maksud dan tujuan, metodologi, waktu dan lokasi penelitian dan sistematika penulisan.
BAB II LANDASAN TEORI
Berisi teori dasar yang mendukung penulisan Skripsi, mencakup metoda atau teknik yang digunakan, teori tentang permasalahan, uraian singkat perangkat implementasi yang dipakai, dan kerangka penyelesaian masalah.
BAB III ANALISIS KEBUTUHAN SISTEM
Berisi penjelasan tentang hasil pendefinisian kebutuhan dari permasalahan yang dijadikan topik Skripsi berikut pemodelannya.
BAB IV PERANCANGAN
Berisi penjelasan tentang hasil perancangan berikut pemodelannya.
BAB V IMPLEMENTASI DAN PENGUJIAN (S1)
Berisi penjelasan tentang perancangan implementasi berdasarkan pada hasil perancangan dan pengujian program aplikasi atau kinerja SI (S1).
BAB VI KESIMPULAN DAN SARAN
Berisi kesimpulan (hasil yang berhasil diselesaikan sesuai. ruang lingkup batasan masalah) dan saran (terhadap masalah yang belum terselesaikan sebagai pengembangan dan perbaikan-perbaikan) tentang kasus TA atau Skripsi
