Perancangan Arsitektur Perangkat Lunak

56 Tabel 17 Tabel Rahasia 11. Tabel Sharing Tabel video yang akan dibangun pada database ini akan diterangkan secara jelas melalui struktur tabel berikut ini: Field Type Size Kunci Keterangan IdSharing Integer - Primary Key Not Null EmailPeneliti Varchar 20 Foreign Key references tabel peneliti EmailPeneliti Not Null FileSharing Varchar 50 Not Null Tabel 18 Tabel Sharing

3.13.11 Perancangan Arsitektur Perangkat Lunak

Perancangan arsitektur perangkat lunak pada JEJARING SOSIAL LAPAN ini terdiri dari struktur menu yang akan dijelaskan berdasarkan user yang akan menggunakan aplikasi ini.

3.13.11.1 Perancangan Struktur Menu

Perancangan Struktur Menu yang akan kami bangun di rancang secara webnetwork. Perancangan struktur menu yang terdapat di dalam JEJARING SOSIAL LAPAN BANDUNG adalah sebagai berikut: 57 1. Perancangan Struktur Menu Administrator Perancanganstruktur menu dibawah ini adalah struktur dari administrator: Login Home Edit Password Lihat Peneliti Lihat Dokumen Peneliti Logout Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung Hapus Peneliti Hapus Dokumen Peneliti Hapus Status Peneliti Hapus Pengguna Umum Bagan 2 Perancangan Arsitektur Menu User 2. Perancangan StrukturMenu Peneliti 58 Perancangan struktur menu dibawah ini adalah struktur dari peneliti: Register login Profile Edit Profile Home Makalah Video Update Status Tambah Video Edit Video Hapus Video Hapus Makalah Edit Makalah Tambah Makalah Pesan Lihat Pesan Hapus Pesan Teman Hapus Teman Ganti Foto Logout Upload Foto Kirim Pesan Bagan 3 Perancangan Arsitektur Menu Peneliti 59 3. Perancangan Struktur Menu Pengguna Umum Perancangan struktur menu dibawah ini adalah struktur dari pengguna umum: Register login Profile Edit Profile Home Update Status Teman Hapus Teman Ganti Foto Logout Upload Foto Cari Teman Pesan Lihat Pesan Hapus Pesan Kirim Pesan Bagan 4 Perancangan Arsitektur Menu Pengguna Umum 60

3.13.11.2 Perancangan Antar Muka

Perancangan antarmuka JEJARING SOSIAL LAPAN BANDUNG terdiri dari perancangan antarmuka setiap user. 1. Perancangan Antarmuka Administrator FA01 1. Menuju ke FA02 Logo LAPAN Lembaga Penerbangan dan Antariksa Nasional Login Administrator Username Password Login Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 1 Gambar 14 Perancangan Antarmuka Login Administrator FA02 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Selamat Datang Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 15 Perancangan Antarmuka Home Administrator 61 FA03 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Daftar Peneliti Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 16 Perancangan Antarmuka Daftar Peneliti FA04 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Daftar Dokumen Peneliti Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 17 Perancangan Antarmuka Daftar Dokumen Peneliti 62 FA05 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Daftar Status Peneliti Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 18 Perancangan Anatarmuka Daftar Status Peneliti FA06 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Daftar Pengguna Umum Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 19 Perancangan Anatarmuka Daftar Pengguna Umum 63 FA07 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Statistik Pengunjung Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 Gambar 20 Perancangan Anatarmuka Statistik Pengunjung FA08 LAPAN Lembaga Penerbangan dan Antariksa Nasional MENU ADMINISITRATOR Lihat Peneliti Home Edit Password Logout 1. Menuju ke FA02 2. Menuju ke FA08 3. Menuju ke FA01 4. Menuju ke FA03 5. Menuju ke FA04 6. Menuju ke FA05 7. Menuju ke FA06 8. Menuju ke FA07 9. Melakukan Proses penyimpanan Lihat Dokumen Peneliti Lihat Status Peneliti Lihat Pengguna Umum Statistik Pengunjung NAMA ADMINISTRATOR Ganti Password Password Lama Password Baru Re-Password Simpan Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 2 1 3 4 5 6 7 8 9 Gambar 21 Perancangan Anatarmuka Ganti Password 64 2. Perancangan Antarmuka Peneliti FL 1. Menuju ke FLP 2. Menuju ke FP02 atau FU02 3. Menuju ke FP01 atau FU01 Logo LAPAN Lembaga Penerbangan dan Antariksa Nasional Login Username Password Login Lupa Password? Register Register Peneliti Pengguna Umum Footer Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 1 2 3 Gambar 22 Perancangan Antarmuka Login FP01 1. Menuju ke FP02 2. Mengosongkan field Logo LAPAN Lembaga Penerbangan dan Antariksa Nasional Registrasi Peneliti LAPAN Nama Lengkap Send Pusat Reset Bidang UsernameE-mail Password Re-enter Password Captcha Validasi Footer 1 2 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 23 Perancangan Antarmuka Registrasi Peneliti 65 FP02 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Nama Peneliti Share Input status Home Profil Makalah Video Logout Status – status peneliti 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Sharing status muncul di No.11 12. Menuju 13 14. Menuju 15 Footer 1 2 3 4 5 10 6 7 8 9 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 11 Komentar 13 12 Share 14 Daftar Komentar 15 Gambar 24 Perancangan Antarmuka Home Peneliti FP03 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Home Profil Makalah Video Logout Info Peneliti Edit 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Sharing status muncul di No.11 12. Menuju 13 14. Menuju 15 16. Menuju ke FP12 Footer 1 2 3 4 5 6 7 8 9 16 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Nama Peneliti Input status Status – status peneliti 10 11 Komentar 13 12 Share 14 Daftar Komentar 15 Share Gambar 25 Perancangan Antarmuka Profil Peneliti 66 FP04 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Upload Makalah Upload Home Profil Makalah Video Logout Daftar Data Rahasia Browse Daftar Makalah Umum Rahasia 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Mencari file yang akan di upload 11. Melakukan proses upload dan akan muncul di 12 atau 13 Footer 1 2 3 4 5 11 6 7 8 9 10 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 12 13 Gambar 26 Perancangan Antarmuka Makalah Peneliti FP05 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Lihat Album Home Profil Makalah Video Logout Pemutar Video Daftar Album Upload Video Video Album 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Menuju ke FP05 11. Menuju ke FP06 12. Menuju ke FP07 Footer 5 4 3 2 1 10 11 12 6 7 8 9 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 27 Perancangan Antarmuka Video Peneliti 67 FP06 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Lihat Album Home Profil Makalah Video Logout Daftar Album Daftar Album Upload Video Daftar Album Footer 5 4 3 2 1 10 11 12 6 7 8 9 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Menuju ke FP05 11. Menuju ke FP06 12. Menuju ke FP07 Gambar 28 Perancangan Antarmuka Daftar Video Peneliti FP07 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Lihat Album Home Profil Makalah Video Logout Daftar Album Upload Video Upload Video Title Description Pilih File Video Browse Upload Footer 5 4 3 2 1 10 11 12 6 7 8 9 14 13 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Menuju ke FP05 11. Menuju ke FP06 12. Menuju ke FP07 13. Memilih file yang akan di upload 14. Melakukan proses Upload Gambar 29 Perancangan Antarmuka Upload Video Peneliti 68 FP08 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Home Profil Makalah Video Logout Upload Browse Upload Foto 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Memilih file yang akan di upload 11. Melakukan proses Upload Footer 5 4 3 2 1 10 6 7 8 9 11 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 30 Perancangan Antarmuka Ganti Foto Peneliti FP09 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Home Profil Makalah Video Logout 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Menuju ke FP11 Daftar Teman Foto Teman Nama Teman Footer 5 4 3 2 1 6 7 8 9 10 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 31 Perancangan Antarmuka Daftar Teman Peneliti 69 FP10 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Home Profil Makalah Video Logout 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Melakukan proses hapus Pesan Pengirim : Waktu : Pesan : [Hapus] Footer 5 4 3 2 1 6 7 8 9 10 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 32 Perancangan Antarmuka Pesan Peneliti FP11 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Home Profil Makalah Video Logout 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL Profile Teman Nama : Instansi : Alamat : Jenis Kelamin : Agama : No Telepon : Footer 5 4 3 2 1 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 33 Perancangan Antarmuka Profil Teman 70 FP12 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Teman Pesan Pesan Baru Lihat Pesan Home Profil Makalah Video Logout Info Peneliti Edit 1. Menuju ke FP02 2. Menuju ke FP03 3. Menuju ke FP04 4. Menuju ke FP05 5. Menuju FL 6. Menuju ke FP08 7. Menuju ke FP09 8. Notifikasi Pesan Baru 9. Menuju FP10 10. Sharing status muncul di No.11 12. Menuju 13 14. Menuju 15 16. Menuju FP12 17. Melakukan Proses Penyimpanan Footer 1 2 3 4 5 7 8 9 10 16 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Profile Alamat Jenis Kelamin Agama No Telepon Nama Lengkap Pusat Bidang Simpan 17 Gambar 34 Perancangan Antarmuka Edit Profil Peneliti 3. Perancangan Antarmuka Pengguna Umum FU01 Logo LAPAN Lembaga Penerbangan dan Antariksa Nasional Registrasi Pengguna Umum Nama Lengkap Send Instansi Reset Alamat UsernameE-mail Password Re-enter Password Captcha Validasi Footer 1. Menuju ke FU02 2. Mengosongkan field 1 2 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 35 Perancangan Antarmuka Registrasi Pengguna Umum 71 FU02 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Pesan Pesan Baru Lihat Pesan Home Profil Logout 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Menuju ke 9 10. Menuju ke 11 Nama Pengguna Umum Footer Status – status peneliti Komentar 9 8 Share 10 Daftar Komentar 11 4 2 1 5 6 7 Teman 3 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 36 Perancangan Antarmuka Home Pengguna Umum FU03 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Pesan Pesan Baru Lihat Pesan 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Menyimpan Data Profil 9. Menyimpan Data Password Edit Profil Nama Lengkap Instansi Alamat Jenis Kelamin Agama No Telepon Simpan Password Lama Password Baru Repassword Ganti Password Simpan Footer Home Profil Logout 4 2 1 Teman 3 5 6 7 8 8 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 37 Perancangan Antarmuka Profil Pengguna Umum 72 FU04 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Pesan Pesan Baru Lihat Pesan 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Menghapus Pesan Pesan Pengirim : Waktu : Pesan : [Hapus] Footer Home Profil Logout 4 2 1 Teman 3 5 6 7 8 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 38 Perancangan Antarmuka Pesan Pengguna Umum FU05 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Upload Browse Upload Foto 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Mencari file yang akan di upload 9. Melakukan proses upload Footer Ganti Foto Pesan Pesan Baru Lihat Pesan Home Profil Logout 4 2 1 Teman 3 5 6 7 8 9 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 39 Perancangan Antarmuka Ganti Foto Pengguna Umum 73 FU06 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Teman Makalah Daftar Teman 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 Footer Video Home Profil Logout 4 2 1 Teman 3 5 6 7 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 40 Perancangan Antarmuka Daftar Teman Peneliti 74 FU07 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Daftar Makalah 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Mendownload Makalah Footer Teman Makalah Video Home Profil Logout 4 2 1 Teman 3 5 6 7 Download 8 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 41 Perancangan Antarmuka Daftar Makalah Peneliti FU08 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Daftar Video 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Download Video Footer Teman Makalah Video Home Profil Logout 4 2 1 Teman 3 5 6 7 Download 8 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 42 Perancangan Antarmuka Daftar Video Peneliti 75 FU09 Foto Peneliti LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Video Player Daftar Video 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 Footer Teman Makalah Video Home Profil Logout 4 2 1 Teman 3 5 6 7 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Gambar 43 Perancangan Antarmuka Video Player Peneliti 76 FU10 Foto Pengguna Umum LAPAN Lembaga Penerbangan dan Antariksa Nasional Cari Ganti Foto Pesan Pesan Baru Lihat Pesan Home Profil Logout 1. Menuju ke FU02 2. Menuju ke FU03 3. Menuju ke FU10 4. Menuju ke FL 5. Menuju ke FU05 6. Notifikasi Pesan Baru 7. Menuju ke FU04 8. Menuju ke FP03 Footer 4 2 1 5 6 7 Teman 3 Ukuran : 1024x768 Font : Tahoma, Geneva, sans-serif, arial Warna : 333, fff, 2d7ad1, CC0000, CCCCCC, b3d3f8, 61a4f0, 66a4f0, red. Daftar Teman Foto Teman Nama Teman 8 Gambar 44 Perancangan Antarmuka Daftar Teman Pengguna Umum

3.13.11.3 Perancangan Pesan

Perancangan pesan pada pembangunan aplikasi meliputi pesan-pesan yang terdapat dalam Jejaring Sosial LAPAN yakni sebagai berikut : 1. Pesan dalam Halaman No. Nama Pesan Isi Pesan Letak Pesan 1. M01 Username atau Pasword yang anda masukan salah Silahkan Ulangi FL, FA01 2. M02 Username tidak Boleh Kosong FL, FP01, F0U1 77 3. M03 Password Tidak Boleh Kosong FL 4. M04 Nama Tidak Boleh Kosong FP01, FU01 5. M05 Pusat Tidak Boleh Kosong FP01, FU01 6. M06 Bidang Tidak Boleh Kosong FP01, FU01 7. M07 Re- Enter paswword Tidak Boleh Kosong FP01, FU01 8. M08 Validasi Tidak Boleh Kosong FP01, FU01 9. M09 Data Berhasil diupload FP08, FP05 10. M10 Data Gagal diupload FP08, FP05 Tabel 19 Perancangan Pesan dalam Halaman 1. Pesan Peringatan M01 Peringatan Username atau Pasword yang anda masukan salah Silahkan Ulangi OK Gambar 0.45 Pesan M01 M02 Peringatan Username tidak boleh kosong OK Gambar 0.46 Pesan M02 78 M03 Peringatan Password tidak boleh kosong OK Gambar 0.47 Pesan M03 M04 Peringatan Nama tidak boleh kosong OK Gambar 0.48 Pesan M04 M05 Peringatan Pusat tidak boleh kosong OK Gambar 0.49 Pesan M05 79 M06 Peringatan Bidang tidak boleh kosong OK Gambar 0.50 Pesan M06 M07 Peringatan Re- Enter paswword Tidak Boleh Kosong OK Gambar 0.51 Pesan M07 M08 Peringatan Validasi Tidak Boleh Kosong OK Gambar 0.52 Pesan M08

3.13.12 Jaringan Semantik