Aplikasi Media Sosial How To Cook Menggunakan Teknologi Mobile Backend As A Service (MBaaS) Nama NPM Jurusan Pembimbing
: Anis Nur Rohmah : 18111473 : Sistem Informasi : Dr. Ana Kurniawati, ST., MMSI
Latar Belakang • Kuliner saat ini tidak hanya sebagai pemenuh kebutuhan primer saja, melainkan dunia kuliner saat ini telah menjadi gaya hidup masyarakat. • Sistem informasi konvensional menjadi sistem informasi modern/canggih. • Media sosial digunakan sebagai sarana informasi dunia kuliner yang berdampak pada kemudahan bagi para pengguna • Teknologi MBaaS sebagai media penyimpanan data menyediakan layanan bagi pengembang web dan aplikasi mobile untuk menghubungkan aplikasi dengan penyimpanan awan
Rumusan Masalah • Bagaimana merancang aplikasi yang dapat memberikan solusi dan memudahkan masyarakat dalam mencari informasi mengenai resep masakan? • Bagaimana merancang aplikasi yang dapat membantu masyarakat dalam berbagi resep masakan dengan mengunggahnya? • Bagaimana implementasi rancangan aplikasi yang berisi informasi mengenai resep masakan dan mengunggah resep masakan dengan menggunakan teknologi Mobile Backend As A Service (MBaaS) sebagai databasenya?
Batasan Masalah • Aplikasi menyediakan informasi resep masakan dalam bentuk gambar, teks, dan link untuk video. • Aplikasi menyediakan menu unggah resep masakan dalam bentuk gambar, teks, link untuk video dan dapat mengunggah foto profil pengguna. • Aplikasi menyediakan fitur menyukai. • Aplikasi menyediakan fitur pencarian resep masakan berdasarkan nama resep masakan. • Aplikasi menyediakan fitur kunjungi pengguna (berguna melihat profil pengguna yang mengunggah resep masakan).
Tujuan • Merancang dan membangun Aplikasi Media Sosial How To Cook Menggunakan Teknologi Mobile Backend As a Service (MBaaS) yang membantu masyarakat untuk mendapatkan informasi resep masakan secara cepat dan akurat serta mempermudah pengguna dalam berbagi resep masakan dengan mengunggah resep masakan dalam bentuk gambar, teks dan link video.
Metode Penelitian Menggunakan metode SDLC (System Development Live Cycle).
Tahapan Perencanaan • Pada tahap perencanaan yang harus dilakukan adalah mengumpulkan data-data terkait, menggunakan perangkat lunak serta perangkat keras apa saja yang digunakan, dan juga bagaimana aplikasi How To Cook dapat berguna bagi pengguna. Aplikasi ini menggunakan hardware atau perangkat keras dengan prosesor Intel(R) Core(TM) i5-2450M CPU 2.50GHz 64-bit • Sedangkan software atau perangkat lunak yang digunakan adalah sistem operasi Windows 7, Android, Notepad++, StarUML, Mozilla firefox, PhoneGap, Apiomat MBaaS (Mobile Backend As A Service) dan hasilnya diuji coba ke dalam smartphone android menggunakan kabel data atau transfer bluetooth.
Tahapan Analisis • Kebutuhan Data Pengumpulan data-data diambil dari berbagai sumber di buku resep masakan dan media internet. Informasi dari data-data ini akan digunakan sebagai acauan dalam pembuatan aplikasi. • Kebutuhan Fungsional Kemampuan untuk mengunggah foto profil dan data diri pengguna, mengunggah resep masakan, memfasilitasi fitur pencarian resep masakan, melihat profil pengguna lain, memfasilitasi fitur menyukai dengan menyimpan resep masakan.
Tahapan Analisis (lanjutan..) • Kebutuhan Non Fungsional: 1. Spesifikasi Hardware. Satu unit notebook LENOVO G400 dengan spesikasi: Intel® Pentium® 2020M Processor, VGA : AMD Radeon™ HD8570 2GB, Memory: RAMAXELL 2GB DDR3 PC 12800, Hard Drive: 500G, Smartphone Android. 2. Spesifikasi Software. Windows 7, Notepad++, Mozila Firefox, Pencil, Adobe Phonegap, Apiomat Mobile Backend As A Service (MBaaS)
Tahapan Analisis (lanjutan..) 3. Keamanan Fasilitas keamanan yang digunakan dalam pembuatan aplikasi adalah disediakannya fasilitas login sebagai kelengkapan untuk memulai akses penggunaan aplikasi 4. Kinerja Sekitar 10 detik untuk memproses user melakukan login, lalu diperkirakan memerlukan waktu kurang lebih 5 menit untuk mengakses menu dan fitur aplikasi. Semua lamanya proses ini akan bergantung pula pada pemahaman user terhadap penggunaan aplikasi dan kestabilan jaringan internet yang terhubung
Tahap Perancangan • Struktur Navigasi: Campuran
Tahap Perancangan (lanjutan..) • Use Case Diagram
Tahap Perancangan (lanjutan..) • Activity Diagram
Tahap Perancangan • Sequence Diagram
(lanjutan..)
Tahap Perancangan • Class Diagram
(lanjutan..)
Tahap Perancangan (lanjutan..) • Class Pengguna
• Class Resep
Implementasi • Tahap Pertama adalah Pembuatan Project Aplikasi. • Tahap Kedua adalah Pembuatan Halaman Aplikasi. • Tahap Ketiga adalah Pembuatan Database Awan dengan Apiomat MBaaS. • Tahap Keempat adalah Pembangunan Aplikasi dengan Adobe PhoneGap Build.
Implementasi (lanjutan..) • Pembuatan Database Awan dengan Apiomat MBaaS. 1. 2.
mendaftar di apiomat.com atau log in dengan account yang sudah ada. Pergi ke Tab "Kelas Editor" untuk membuat kelas di backend Apiomat.
Implementasi (lanjutan..) 3.
4.
5.
Pilih "Deploy" Button untuk menyimpan perubahan. Pergi ke Tab SDK dan download perpustakaan JavaScript dengan menekan tombol "Download SDK“ Untuk menghubungkan database awan dengan aplikasi tambahkan apiomat.js ke folder project aplikasi.
Halaman HTML yang menggunakan data dari attribut database awan dengan menyisipkan file javascript tersebut pada bagian .
Implementasi (lanjutan..) • Pembangunan Aplikasi dengan Adobe PhoneGap Build. 1.
2. 3. 4.
Mendaftar pada situs build.phonegap.com atau log in dengan account yang sudah terdaftar. Pilih 'Upload' file zip untuk mengunggah file howtocook.zip Konfigurasi rincian seperti ikon, judul, dan deskripsi aplikasi pada dilakukan pada halaman konfigurasi. Download aplikasi Android yaitu dengan menekan tombol apk.
Pengujian • Rangkaian tahapan uji coba yang dilakukan untuk: 1. 2. 3. 4.
Menguji coba satu per satu link menu. Menguji coba fungsi login dan daftar untuk masuk ke aplikasi. Menguji coba fungsi unggah foto profil pengguna dan data diri pengguna. Menguji coba proses pencarian resep masakan berdasarkan nama resep masakan. 5. Menguji coba proses unggah resep masakan. 6. Menguji coba fungsi visit pengguna lain. 7. Menguji coba fungsi fitur menyukai (resep yang ingin disimpan pengguna sebagai resep masakan favorit).
• Tiga cara yaitu: 1. 2. 3.
Pengujian Inspect Element pada Mozila Firefox. Pengujian aplikasi (Mobility Testing). Pengujian pengguna (Kuesioner).
Pengujian (lanjutan..) • Pengujian Inspect Element pada Mozila Firefox.
Pengujian (lanjutan..) • Pengujian Aplikasi (Mobility Testing)
Pengujian (lanjutan..) • Pengujian Pengguna (Kuesioner)
Kesimpulan • Aplikasi Media Sosial How To Cook menggunakan Teknologi Mobile Backend As A Service (MBaaS) telah berhasil dirancang dan dibuat • Aplikasi ini telah memenuhi tujuan penulisan yaitu merancang dan membangun Aplikasi Media Sosial How To Cook Menggunakan Teknologi Mobile Backend As a Service (MBaaS) yang membantu masyarakat untuk mendapatkan informasi resep masakan secara cepat dan akurat serta mempermudah pengguna dalam berbagi resep masakan dengan mengunggah resep masakan dalam bentuk gambar, teks dan link video.
Kesimpulan (lanjutan..) • Hal ini pun telah dibuktikan berdasarkan pengujian pada bab 4 yang menyatakan bahwa pengujian Inspect Element pada Mozila Firefox menunjukan bahwa semua halaman saling berhubungan dengan baik, dan tidak adanya kesalahan pada saat penulisan source coding, pengujian aplikasi (Mobility Testing) menunjukan bahwa aplikasi ini dapat diaplikasikan ke dalam smartphone LG Nexus 5 dengan OS android v5.0 (Lollipop), Samsung Galaxy Grand 2 dengan OS android v4.4 (Kitkat), dan Samsung Tab GT-P3100 dengan OS android v4.1.2 (Jelly Bean).
Kesimpulan (lanjutan..) • Pengujian pengguna (Kuesioner) menunjukan bahwa aplikasi mudah digunakan, menu serta fitur yang ada didalamnya telah berfungsi sesuai dengan tujuan dengan persentase sebanyak 36% responden Sangat Setuju, sebanyak 59% reseponden Setuju dan sebanyak 5% responden Tidak Setuju.
Saran • Perlunya penambahan sistem keamanan dengan menyaring setiap data yang pengguna unggah. • Memberikan fitur komentar. • Memberikan fitur counting yang berguna menghitung jumlah menyukai resep. • Memberikan fitur timeline yang berguna untuk menampilkan resep masakan terbaru. • Memberikan fitur pertemanan antar user. • Penambahan pop up loading saat proses. • Penambahan alert saat keluar aplikasi.
