ANALISIS DAN PERANCANGAN CULTURE-VID DALAM RANGKA MELESTARIKAN BUDAYA BANGSA DAN KEARIFAN LOKAL NUSANTARA DENGAN TEKNIK RESPONSIVE WEB DESAIN

Transkripsi

1 ANALISIS DAN PERANCANGAN CULTURE-VID DALAM RANGKA MELESTARIKAN BUDAYA BANGSA DAN KEARIFAN LOKAL NUSANTARA DENGAN TEKNIK RESPONSIVE WEB DESAIN Rifqi Rizany Pembimbing 1 : Feby Artwodini Muqtadiroh, S.Kom, MT Pembimbing 2 : Amna Shifia Nisafani, S.Kom, M.Sc

2 Outline Latar Belakang Metodologi Analisis dan Perancangan Sistem Kesimpulan dan Saran

3 Latar Belakang Banyak kebudayaan Indonesia yang hilang, yang dipengaruhi oleh beberapa faktor : 1. Masuknya Budaya asing 2. Kurang adanya fasilitas dari pemerintah yang mendukung 3. Tidak adanya regenerasi budayawan 4. Keterbatasan dalam hal media penyebaran

4 Latar Belakang (2) Kondisi saat ini Selama ini baik pemerintah pusat maupun pemerintah daerah, masih belum menggunakan media IT (Informasi Teknologi) untuk memberikan informasi tentang kebudayaan yang dimiliki nusantara

5 Latar Belakang (3) Solusi Maka dari itu perlu adanya teknologi Culture-vid yang dibangun untuk membantu pengelolaan video secara digital, sehingga dapat memberikan akses informasi dan membantu mengumpulkan banyak pengetahuan agar dapat dipertukarkan dengan banyak orang. Salah satu bentuk media penyebaran adalah video 1. visualisasi pada video memudahkan seseorang untuk menyerap sebuah informasi. 2. Penggunaan alat bantu visual telah lama dikenal untuk meningkatkan, memperkuat dan menjelaskan ide atau konsep tertentu untuk memungkinkan seseorang lebih memahami apa yang dijelaskan. Perangkat lunak Culture-vid dilengkapi dengan fasilitas Teknik responsive web desain beberapa elemen pada halaman web akan menyesuaikan baik dari sisi ukuran maupun posisi.

6 Metodologi Penelitan Tugas Akhir 1.Tahap Benchmarking Benchmarking Tidak Analisis 2.Tahap Prototyping Valid Ya Selesai Desain Prototyping

7 Analisis Sistem

8 Benchmarking Benchmarking dilakukan terhadap beberapa layanan situs video share seperti : 1. Youtube.com 2. Kissanime.com 3. Vimeo.com Keunggulan dari sistem yang terdapat dalam beberapa layanan situs tersebut digunakan sebagai acuan dalam melakukan pendefinisian kebutuhan dari sistem Culture-vid

9 Benchmarking (5) Pengguna dapat melakukan login Pengguna dapat mengunduh video Pengguna dapat mengunggah video Sistem diperuntukkan konten tertentu Validasi Video, Sumber video jelas Pengguna memberikan komentar Pengguna mencari video dapat dapat Pengguna dapat melihat info dan deskripsi video Sistem dapat mengkategorikan video Sistem membatasi ukuran video yang diunggah Sistem dapat Berbagi video Jenis video yang diunggah Youtube Kissanime Vimeo Jenis Jenis Kebutuhan Pengguna Member Fungsional berbagai jenis video Member Fungsional Member Fungsional video anime berbagai jenis video Non Member Non Fungsional Non Fungsional Member Fungsional ALL Fungsional ALL Fungsional Fungsional Mp4,Mp3,F LV (Maks 25 Mb) (Maks 30 Mb) Non Fungsional Member Fungsional MKV,FLV FLV,MP3 Non Fungsional

10 Kebutuhan Fungsional Sistem dapat menampilkan untuk melakukan daftar (register) akun, masuk (login) akun, dan keluar (logout) akun (KF01) Sistem dapat mengunggah video (KF02) Kebutuhan Non fungsional Sistem memiliki batasan dalam mengunggah video (KnF01) Sistem dapat menampilkan video dengan format minimum.flv (KnF02) Sistem dapat mengunduh video (KF03) Sistem dapat update video (KF04) Sistem dapat melakukan pencarian video (KF05) Sistem mempunyai deskripsi informasi tentang video apa yang disampaikan kepada pengguna (KF06) Sistem dapat menampilkan komentar (KF07) Sistem dapat menampilkan kategori video (KF08)

11 Purwarupa I Pada tahapan ini dilakukan penggalian kebutuhan berdasarkan dari desain purwarupa untuk tiap tiap fungsi.

12 Tiga pengguna nantinya yang menggunakan situs tersebut adalah: Pengguna Umum Masyarakat umum yang ingin melihat video Kontributor masyarakat umum agar dapat menyumbangkan video yang mereka miliki Reviewer Memvalidasi video yang masuk agar tetap terjaminnya isi situs budaya Sehingga didapatkan beberapa kebutuhan fungsional baru yang nantinya digunakan untuk menyempurnakan situs. Kebutuhan Fungsional Sistem menampilkan bagi reviewer untuk melakukan review dan validasi video (KF09) Kebutuhan Non fungsional Sistem memiliki nformasi tentang video (KnF03) Sistem Sistem menampilkan untuk memberikan komentar (KF10) Sistem dapat menampilkan histori dari video yang pernah dilihat oleh kontributor dan di review (KF11) Sistem dapat menampilkan bagi pengguna (aktor) selain admin untuk mengelola akun pribadi (KF12)

13 Purwarupa II

14 Diperlukannya fitur/fungsi dari admin, dimana disini admin adalah orang yang bertanggung jawab terhadap review video dan juga terhadap sistem dari situs ini nantinya Kebutuhan Fungsional Sistem menyediakan fitur bagi admin (reviewer & sistem) untuk mengelola master, termasuk didalamnya adalah data master akun, video, dan komentar (KF13)

15 Purwarupa III Kebutuhan Fungsional Sistem dapat men-share video (KF14)

16 Purwarupa IV

17 Proses bisnis Proses Bisnis Mulai Apakah anda ingin mecari video? Ya Ya Mengetikkan kata kunci Tidak Apakah anda telah memiliki akun? Tidak Daftar Akun Ya Masuk Akun Masuk sebagai kontributor (user member) Tidak Masuk sebagai reviewer Mencari video Mencari video yang ingin dilihat? Tidak Ya Ya Tidak Mengirimkan video Review video Validasi kelayakan video Ya Tidak Ya Ya Memilih video berdasarkan daerah Menampilkan video pada culture-vid Apakah anda ingin memberi komentar? Tidak Mencari video lainnya? Phase Selesai

18 Kebutuhan Fungsional KF-01 KF-02 KF-03 KF-04 KF-05 KF-06 KF-07 KF-08 KF-09 KF-10 KF-11 KF-12 KF-13 Sistem dapat menampilkan untuk melakukan daftar (register) akun, masuk (login) akun, dan keluar (logout) akun Sistem dapat mengunggah video Sistem dapat mengunduh video Sistem dapat update video Sistem dapat melakukan pencarian video Sistem mempunyai deskripsi informasi tentang video apa yang disampaikan kepada pengguna Sistem dapat menampilkan komentar Sistem dapat menampilkan kategori video Sistem menampilkan bagi reviewer untuk melakukan review dan validasi video Sistem Sistem menampilkan untuk memberikan dan hapus komentar Sistem dapat menampilkan histori dari video yang pernah dilihat oleh kontributor dan di review Sistem dapat menampilkan bagi pengguna (aktor) selain admin untuk mengelola akun pribadi Sistem menyediakan fitur bagi admin (reviewer & sistem) untuk mengelola master, termasuk didalamnya adalah data master akun, video, dan komentar KF-14 Sistem dapat men-share video

19 Kebutuhan non Fungsional Usability Requirement KNF-01 KNF-02 Semua fitur yang tersedia, dapat digunakan sebagaimana fungsinya Tidak adanya menu atau tombol yang membingungkan (ambiguitas) bagi pengguna Reliability and security requirement KNF-03 KNF-04 KNF-05 Sistem dapat menampilkan seluruh konten dari Culture-vid Hanya admin yang dapat mengakses master database Culture-vid Hanya admin sistem yang dapat menghapus video, akun,dan komentar yang dianggap tidak layak Portability Requirement KNF-06 Tampilan situs dapat dmuat dan menyesuaikan ukuran device Supportability Requirement KNF-07 Sistem dapat diakses pada segala OS (Operating System)

20 Use Case Pengguna Umum Kontributor Reviewer Admin Sistem Kode use-case use-case UC Daftar akun V V V - - UC Masuk akun - V V V V UC Keluar akun - V V V V UC Lihat detail akun pribadi - V V V V UC Ubah detail akun pribadi - V V V V UC Lihat data Pengguna V V UC Hapus Akun V V UC Cari Pengguna V V UC Validasi kontributor V - UC Validasi Reviewer V V UC Ubah kata kunci - V V V V UC Lihat data master video V V UC Berbagi video V V V - - UC Hapus video V V UC Cari video V V V V V UC Unggah video - V V - - UC Unduh video V V V - - UC Review video - - V - V UC Validasi video - - V - V UC Lihat video V V V V V UC Lihat Status video - V V V V UC Lihat histori video - V V V V UC Lihat Deskripsi V V V V V UC Beri Komentar - V V V V UC Lihat Komentar - V V V V UC Hapus Komentar - V V V V Admin Reviewer UC Notifikasi Komentar - V - V

21 DESAIN PERANCANGAN SISTEM

22 Use Case Diagram uc Kontributor Masuk Akun Daftar Akun Keluar Akun Berbagi video «extend» Lihat Deskripsi Berbagi video Lihat Video «include» Lihat Komentar Cari Video «extend» «extend» Kontributor Unduh Video Beri Komentar «extend» «extend» Hapus Komentar Pribadi Lihat histori v ideo Lihat Detail Akun Pribadi Unggah video «extend» «extend» Ubah kata kunci Ubah Detail Akun Pribadi

23 Activity Diagram act 1.2_Masuk_Akun Sistem Aktor (semua user) Mulai Menampilkan halaman login akun Mengisikan nama akun & kata kunci [Tidak] nama akun dan kata kunci sesuai? Menekan tombol masuk [Ya] Menampilkan halaman utama sesuai aktor Selesai

24 Sequence Diagram sd 1.2 Masuk Akun Actor Halaman Login Control_akun Akun Halaman Utama Pesan Kesalahan Menekan tombol masuk Login (masuk akun) Form_Validasi() get_akun() akun_pass_validasi() redirect() Form_validasi(false) redirect()

25 Class Diagram class culture_class komentar - id_komen: int - isi_komen: varchar - nama_komen: varchar + hapus_komentar() : var + tambah_komentar() : var + tampil_komentar() : var akun - id_akun: int - nama_akun: var + id_akun() : int + nama_akun() : var v ideo - id_kategori: int - Id_kontributor: int - id_reviewer: int - id_video: int - isi_info: text - judul_video: var - Pengertian_video: var - status_video: varchar + ambil_kategori_video() : var + cari_video() : var + daftar_video() : var + get_video() : var + hapus_video() : var + insert_video() : var + tampil_gambar() : var + tampil_kategori_video() : var + tampil_video() : var kategori - id_kategori: int - nama_kategori: var + cari_kategori() : void + lihat_kategori() : var History + Tampil_history() : var Rev iewer berkas_rev iew Control_akun + get_akun() : var + role_akun() : var + update_akun() : var kontributor - _kontributor: var - id_akun: int - id_kontributor: int - jenis_kelamin_kontributor: var - nama_lengkap_kontributor: var - password_username: var - pekerjaan_kontributor: var - pendidikan_kontributor: var - tgl_lahir_kontributor: date - username_kontributor: var + tambah_komentar() : var + tambah_video() : var + tampil_komentar() : var + tampil_profil() : var + tampil_video() : var + ubah_profil() : var - bidang_studi_reviewer: var - _reviewer: var - id_akun: int - id_reviewer: int - jenis_kelamin_reviewer: var - nama_lengkap_reviewer: var - password_reviewer: var - pekerjaan_reviewer: var - pendidikan_reviewer: var - status_reviewer: var - tgl_lahir_review: var - username_review: var + tambah_komentar() : var + tampil_form_komentar() : var + tampil_form_validasi() : var + tampil_video() : var - id_berkas: int - link_reviewer: var - username_reviewer: var + tambah_berkas() : var

26 Conceptual Data Model id_role nama_role Identifier_1 <pi> <pi> role Integer <M> Relationship_1 Relationship_2 id_reviewer username_reviewer password_reviewer nama_lengkap_reviewer jenis_kelamin_reviewer tgl_lahir_reviewer _reviewer pendidikan_reviewer pekerjaan_reviewer status_user Identifier_1 <pi> reviewer <pi> Integer <M> Variable characters (2) Date Variable characters (2) Relationship_5 Relationship_4 id_kontributor username_kontributor password_kontributor nama_lengkap_kontributor tgl_lahir_kontributor pendidikan_kontributor pekerjaan_kontributor _kontributor Identifier_1 <pi> kontributor <pi> Integer <M> Variable multibyte (255) Relationship_3 id_vdeo judul_video deskripsi_video status_video daerah_video Identifier_1 Relationship_6 <pi> <pi> video Integer <M> Text Variable characters (1) Relationship_7 Relationship_9 id_komentar nama_komentar isi_komentar date Identifier_1 <pi> <pi> komentar Integer <M> Date & Time Relationship_8 berbagi_video id_video <pi> Integer <M> Identifier_1 <pi> id_kategori nama_kategori Identifier_1 <pi> <pi> kategori_video Integer <M> id_berkas link_berkas id_reviewer Identifier_1 <pi> <pi> berkas_review Integer <M>

27 Antarmuka

28 Responsive Web Design

29 Matriks Kerunutan Kebutuhan Use-case Kode Usecase Activity Diagram Sequence Interface Fungsional Diagram KF-01 Daftar akun UC Gambar AD.1 Gambar SD.1 Gambar I.1 KF-01 Masuk akun UC Gambar AD.2 Gambar SD.2 Gambar I.2 KF-01 Keluar akun UC Gambar AD.3 Gambar SD.3 Gambar I.3 KF-12 Lihat detail akun UC Gambar AD.4 Gambar SD.4 Gambar I.4 pribadi KF-12 Ubah detail akun UC Gambar AD.5 Gambar SD.5 Gambar I.5 pribadi KF-13 Lihat data pengguna UC Gambar AD.6 Gambar SD.6 Gambar I.6 KF-13 Hapus Akun UC Gambar AD.7 Gambar SD.7 Gambar I.7 KF-13 Cari pengguna UC Gambar AD.8 Gambar SD.8 Gambar I.8 KF-13 Validasi kontributor UC Gambar AD.9 Gambar SD.9 Gambar I.9 KF-13 Validasi reviewer UC Gambar AD.10 Gambar SD.10 Gambar I.10 KF-01 Daftar akun reviewer UC Gambar AD.11 Gambar SD.11 Gambar I.11 KF-12 Ubah kata kunci UC Gambar AD.12 Gambar SD.12 Gambar I.12 KF-13 Lihat data master UC Gambar AD.13 Gambar SD.13 Gambar I.13 video KF-14 Berbagi video UC Gambar AD.14 Gambar SD.14 Gambar I.14 KF-13 Hapus Video UC Gambar AD.15 Gambar SD.15 Gambar I.15 KF-05 Cari video UC Gambar AD.16 Gambar SD.16 Gambar I.16 KF-02 Unggah Video UC Gambar AD.17 Gambar SD.17 Gambar I.17 KF-03 Unduh video UC Gambar AD.18 Gambar SD.18 Gambar I.18 KF-09 Review UC Gambar AD.19 Gambar SD.19 Gambar I.19 KF-09 Validasi UC Gambar AD.20 Gambar SD.20 Gambar I.20 KF-03 Lihat Video UC Gambar AD.21 Gambar SD.21 Gambar I.21 KF-10 Lihat status video UC Gambar AD.22 Gambar SD.22 Gambar I.22 KF-05 Lihat Histori video UC Gambar AD.23 Gambar SD.23 Gambar I.23 KF-06 Deskripsi video UC Gambar AD.24 Gambar SD.24 Gambar I.24 KF-06 Lihat deskripsi UC Gambar AD.25 Gambar SD.25 Gambar I.25 KF-10 Beri Komentar UC Gambar AD.26 Gambar SD.26 Gambar I.26 KF-07 Lihat Komentar UC Gambar AD.27 Gambar SD.27 Gambar I.27 KF-10 Hapus Komentar UC Gambar AD.28 Gambar SD.28 Gambar I.28

30 Kesimpulan 1. Benchmarking membantu menentukan Kebutuhan Fungsional apa saja yang dibutuhkan untuk mengembangkan sistem. 2. Penggalian kebutuhan dilakukan dengan melakuan wawancara kepada pihak Dinas Kebudayaan dan Pariwisata Jawa Timur (Disbudpar Jatim), Wawancara yang dilakukan fokus terhadap kebudayaan Indonesia secara umum, identifikasi kondisi eksisting dari Disbudpar Jatim, pengguna Culture-vid nantinya, tampilan desain dari Culture-vid, dan mengenai kebijakan-kebijakan dari Culture-vid. 3. Ada beberapa use-case yang dapat digunakan oleh semua pengguna (pengguna umum, kontributor, reviewer, admin sistem, admin reviewer) seperti : lihat video dan lihat komentar. 4. Terdapat beberapa use-case yang tidak memiliki kebutuhan fungsional. 5. Terdapat beberapa use-case yang memiliki lebih dari satu kebutuhan fungsional seperti : lihat video

31 Saran Saran yang diharapkan dapat dikembangkan di masa mendatang adalah: 1. Pihak Disbudpar lain dapat menggunakan aplikasi ini, tetapi Disbudpar Jatim akan menjadi pemilik tetap. 2. Hasil dari perancangan desain menggunakan GUI Design Studio dengan hasil pengembangan, agar dikembangkan menjadi lebih baik nantinya.

32 TERIMA KASIH