TUGAS AKHIR TONI CANDRA KUNCORO 5108100055
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
1 [JUDUL TUGAS AKHIR]
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK [DOSEN WALI]
Dr. Agus Zainal Arifin, S.Kom., M.Kom. [DOSEN PEMBIMBING]
Umi Laili Yuhana, S.Kom., M.Sc. Rully Agus Hendrawan, S.Kom., M.Eng. RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
2
LATAR BELAKANG kebudayaan Indonesia yang harus dilestarikan Batik merupakan
Adanya aplikasi bantu untuk mendesain Batik
Tidak adanya wadah untuk menampung
pecinta batik maupun hal yang berkaitan dengan batik
Solusi: Aplikasi yang dapat menampung pecinta batik dan memiliki daya tarik terhadap masyarakat yakni dengan sebuah jejaring sosial RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
3
SOLUSI Jejaring Sosial Desain Batik
Jejaring Sosial Untuk Pecinta Batik
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
4
RUMUSAN MASALAH 1.
Bagaimana membuat antar muka pengguna yang mudah dengan menggunakan HTML/HTML5, CSS/CSS3, dan Javascript/JQuery
2.
Bagaimana mendesain antar muka pengguna untuk pengguna untuk saling berbagi
3.
Bagaimana membuat metadata untuk mendefinisikan gambar batik
4.
Bagaimana mengkoleksi gambar pengguna lain dalam album pengguna
5.
Bagaimana mengimplementasikan model MVC untuk piranti lunak Jejaring Sosial Untuk Pencinta Batik berbasis Yii Framefork
memudahkan
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
5
BATASAN MASALAH 1.
Dokumen yang dibagi dan diunggah berupa gambar desain batik.
2.
Format file gambar berupa jpg, jpeg, png, dan gif.
3.
Web page untuk pengguna dan tidak disediakan untuk admin.
4.
Metadata batik sudah ditentukan berdasarkan referensi.
5.
Piranti ini bersifat independen (tidak terhubung dengan aplikasi lain).
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
6
TUJUAN DAN MANFAAT Tujuan dari tugas akhir ini adalah untuk membantu mempertahankan batik sebagai budaya Indonesia. Manfaat yang diharapkan dari tugas akhir ini dari sisi kebudayaan batik yakni membantu para desainer maupun pecinta batik untuk saling berinteraksi dan berbagi desain batik. Sedangkan dari sisi pengguna yaitu pengguna tidak perlu lagi terlalu sering bertemu dengan pengguna lain khususnya sesama desainer dan pecinta batik.
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
DESKRIPSI SINGKAT PERANGKAT LUNAK Perangkat lunak ini bernama BatikSC (Batik Social Community) BatikSC merupakan jejaring sosial BatikSC merupakan aplikai berbasis web Fitur umum yang populer dari jejaring sosial lain telah ditanamkan pada BatikSC
BatikSC memiliki fitur yang tidak dimiliki jejaring sosial lain Fitur BatikSC berdasarkan kebutuhan pengguna yakni pecinta batik dan hal yang terkait dengan desain batik
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
7
8
ARSITEKTUR APLIKASI Model, layer ini yang berhubungan langsung dengan basisdata sekaligus mengambil data dari tabel pada basisdata.
View
Controller, merupakan bagian yang mengimplementasikan business logic dari suatu aplikasi. View Layer, pada bagian ini diimplementasikan hal-hal yang berhubungan dengan implementasi antarmuka pengguna, request, dan AJAX.
Controller
Model
Database
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
9
YII FRAMEWORK Yii adalah framework (kerangka kerja) PHP berbasis-komponen, berkinerja tinggi untuk pengembangan aplikasi Web berskala-besar. Yii mengimplementasikan pola desain model-view-controller (MVC), yang diadopsi secara luas dalam pemrograman Web. MVC bertujuan untuk memisahkan logika bisnis dari pertimbangan antar muka pengguna agar para pengembang bisa lebih mudah mengubah setiap bagian tanpa mempengaruhi yang lain
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
10
ANALISA JEJARING SOSIAL LAIN
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
ANALISA JEJARING SOSIAL LAIN (2)
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
11
12
BatikSC HALAMAN DEPAN Halaman login disatukan dengan halaman registrasi dalam satu home page untuk memudahkan pengguna dalam melakukan registrasi dan login
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
13
BatikSC HALAMAN BERANDA Halaman beranda berisikan publikasi dari pengguna yang diikuti, kategori yang diikuti, notifikasi, koleksi maupun kategori
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
14
BatikSC HALAMAN PROFIL Halaman profil berisi data diri pengguna dan informasi follower, following, koleksi maupun rancangan batik yang diunggah
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
15
BatikSC HALAMAN RANCANGAN Halaman rancangan berisikan gambar rancangan batik, rancangan turunan, rancangan lain dari pengguna, komentar, dan jumlah bintang.
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
16
FITUR MENGIKUTI (FOLLOW) Follow adalah kebutuhan pengguna untuk terhubung dengan pengguna lain. Dengan mengikuti pengguna lain, pengguna dapat melihat rancangan batik yang diunggah oleh pengguna yang diikuti tersebut.
Tombol Follow RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
17
FITUR PUBLIKASI (POST) Publikasi adalah kebutuhan pengguna untuk memberikan informasi yakni berupa rancangan batik dalam format gambar (*jpg, *jpeg, *png). Publikasi dapat dilakukan dengan mengunggah rancangan batik dengan format yang sesuai.
Hasil publikasi
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
17
FITUR KOMENTAR Komentar adalah kebutuhan pengguna untuk memberikan respon berupa tulisan untuk menanggapi rancangan yang diunggah oleh pengguna lain.
Komentar
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
18
FITUR KOLEKSI Koleksi Rancangan adalah kebutuhan pengguna untuk menyipan rancangan orang lain dalam akunnya. Koleksi desain dapat dilakukan dengan cara drag dan drop untuk memudahkan pengguna.
Koleksi
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
19
FITUR NOTIFIKASI Notifikasi adalah kebutuhan pengguna untuk mendapatkan informasi tentang hal yang dilakukan orang lain yang berkaitan dengannya.
Notifikasi
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
20
FITUR MEMBERI BINTANG Memberi bintang adalah kebutuhan pengguna untuk memberikan respon dengan memberikan dukungan dengan memberikan satu bintang pada tiap gambar yang diunggah.
Tombol untuk memberi bintang dan jumlah bintang pada suatu rancangan yang telah diunggah
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
21
FITUR RANCANGAN TURUNAN Rancangan Turunan adalah kebutuhan pengguna untuk memberikan respon dalam bentuk rangcangan batik dengan cara mengunggah desain batik hasil turunan (modifikasi) dari batik sebelumnya.
Rancangan Turunan
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
22
FITUR TAG Tag adalah kebutuhan pengguna agar mudah dalam mencari desain batik sementara pengguna tersebut belum memiliki pengetahuan tentang batik. Setiap desain batik memiliki banyak tag yang dapat ditambahkan.
Nama-nama tag yang akan ditambahkan pada suatu rancangan yang telah diunggah
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
23
FITUR BERHENTI BERLANGGANAN KOMENTAR Berhenti Berlangganan Notifikasi adalah kebutuhan pengguna akan notifikasi. Setiap pengguna berhak untuk menentukan dia akan menerima notif atau tidak.
Tombol Unsubcribe Comment untuk menentukan berlangganan komentar dari rancangan tersebut atau tidak
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
24
FITUR MEMASUKKAN METADATA Metadata adalah kebutuhan pengguna dalam mendefinisikan suatu desain batik. Pengguna dipandu dalam memasukkan metadata tersebut dala sebuah form. Metadata yang diambil untuk mendefinisikan suatu desain batik yakni: Daerah
Motif Corak Teknik Harfiah Simbolik Metadata ini nantinya berhubungan dengan pencarian untuk membantu pengguna untuk menemukan desain yang relevan dengan yang dicari.
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
25
FITUR MENGIKUTI KATEGORI Mengikuti kategori adalah kebutuhan pengguna untuk mengikuti selain pengguna lain. Dengan mengikuti ketegori setiap desain batik yang diunggah pengguna lain (meskipun belum diikuti) akan tampil pada halaman utama jika kategori yang diikuti sama dengan kategori yang diunggah tersebut.
Klik salah satu kategori untuk mengikutinya
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
26
FITUR MELIHAT KATEGORI Melihat isi kategori adalah kebutuhan pengguna untuk melihat isi kategori yakni desain batik yang termasuk dalam ketagori tersebut. Biasanya dilakukan sebelum mengikuti suatu kategori agar tahu secara pasti kategori yang dia ikuti. Pilih kategori dan klik tombol See Category untuk melihatnya
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
27
KESIMPULAN Membuat perangkat lunak untuk menyatukan para pecinta batik Menganalisa kebutuhan jejaring sosial lain yakni facebook, youtube dan google plus agar para penggunanya merasa mudah dan nyaman dalam menggunakan jejaring sosial tersebut. Yii Framework memudahkan dari sisi programming yakni dengan menggunakan 3 lapisan (MVC) Penggunaan HTML, Javascript, dan CSS sangat membantu terciptanya jejaring sosial yang handal
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
28
SARAN Dimungkinkan untuk unggah file vektor Terhubung dengan jejaring sosial lain Terhubung dengan aplikasi bantun pendesain batik
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
Terima Kasih...
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK
x
JUDUL SINGKAT Isi
RANCANG BANGUN JEJARING SOSIAL UNTUK INTERAKSI ANTAR PECINTA BATIK BERBASIS YII FRAMEWORK