BAB II ANALISA DAN PERANCANGAN. Proses analisis adalah bagian dari pengembangan sistem. Langkah

Transkripsi

1 BAB II ANALISA DAN PERANCANGAN Proses analisis adalah bagian dari pengembangan sistem. Langkah awal yang dilakukan adalah melakukan pengumpulan kebutuhan akan informasi yang diperlukan dan kemudian menganalisisnya. Hal ini memerlukan komponen-komponen pendukung dalam sistem ini untuk menganalisis antara lain sistem pendukung, diagram alir, perancangan basis data, struktur tabel, serta rancangan input dan output program. 2.1 Sistem Pendukung Sistem pendukung merupakan alat bantu berupa perangkat keras, perangkat lunak serta manusia itu sendiri. Dengan kerja sama yang baik diantaranya, diharapkan dapat menghasilkan system informasi yang terencana dan berguna sesuai yang diharapkan oleh penggunanya Sistem Perangkat Keras Perangkat keras (hardware) yang digunakan untuk mendukung proses pembuatan program. Perangkat keras merupakan komponen - komponen fisik dari komputer yang terdiri dari unit masukan, pengolahan dan unit keluaran. Dalam hal ini, perangkat keras yang terdiri dari Processor Intel Atom 1.66GHz, RAM (Random Access Memory) 1Gb, Hard Disk 160GB, Piranti input berupa keyboard dan touchpad, Piranti output berupa monitor, printer, dan media penyimpanan seperti flashdisk.

2 2.1.2 Sistem Perangkat Lunak Perangkat lunak (software) digunakan untuk membuat ataupun merancang suatu aplikasi program. Perangkat lunak dapat menampilkan output atau hasil keluaran dari aplikasi program tersebut. Berikut adalah beberapa perangkat lunak yang digunakan yaitu: a. Sistem Operasi Windows 7 Profesional 32 bit b. XAMPP Control Panel Version 2.5 yang berisi Apache dan PHP. c. Mysql Server 5.0 untuk membuat Database. d. Textpad dan Notepad++ untuk membuat kode program. e. Coreldraw untuk membuat gambar ikon. f. Google Chrome dan Mozilla Firefox sebagai browser untuk menjalankan program Pengguna Pengguna merupakan orang yang menggunakan system. Pada Jejaring Sosial Berbagi Gambar Pictshare, pengguna adalah semua orang yang mendaftarkan diri mereka. Pengguna ini bisa mengikuti atau diikuti oleh Pengguna lain. Pengguna bisa membagi gambar dan informasinya pada pengguna lain yang mengikutinya. Pengguna bisa memberikan komentar pada gambar yang dibagikan olah pengguna lain. Pengguna juga bisa mengirimkan pesan berupa teks ataupun gambar secara pribadi ke pengguna lain tanpa diketahui oleh pengguna yang lainnya lagi. Untuk melakukan hal-hal diatas tentunya pengguna harus login, dan sebelum

3 login pengguna harus memastikan bahwa dia sudah mendaftar. Ada satu pengguna lagi yang bertugas sebagai administrator, administrator ini adalah pengguna yang akan melakukan proses pemblokiran gambar yang dibagikan seorang pengguna jika gambar mengandung unsure SARA, Pornografi ataupun Kekerasan. 2.2 Perancangan Basis Data Basis data dapat didefinisikan sebagai himpunan data yang terkait atau data yang saling berhubungan. Sebuah basis data mencatat berbagai data yang diperlukan yang suatu saat dapat diambil melalui suatu pemrosesan untuk memperoleh informasi yang dikehendaki pengguna. Bagian basis data yang berfungsi untuk menyimpan data-data tersebut dinamakan tabel. Pada pengembangan sistem ini memerlukan beberapa tabel yang akan diolah untuk dijadikan informasi yang diperlukan. Adapun struktur tabel terdapat pada basis data Jejaring Sosial Berbagi Gambar Pictshare meliputi: Tabel Administrator Tabel Administrator digunakan untuk menyimpan data Administrator. Struktur tabel Administrator adalah sebagai berikut: Kunci utama : Kunci tamu : - Jumlah kolom : 2

4 Tabel 2.1 Struktur Tabel Administrator No Nama Field Tipe Data Ukuran Keterangan 1 * Varchar 100 Kunci Utama 2 Password Varchar Tabel Account Tabel Account digunakan untuk menyimpan data Account. Struktur tabel Account adalah sebagai berikut: Kunci utama : Kunci tamu : - Jumlah kolom : 2 Tabel 2.2 Struktur Tabel Account No Nama Field Tipe Data Ukuran Keterangan 1 * Varchar 100 Kunci Utama 2 Password Varchar Tabel Profile Tabel Profile digunakan untuk menyimpan data Profile. Struktur tabel Profile adalah sebagai berikut:

5 Kunci utama : Id Kunci tamu : Jumlah kolom : 15 Tabel 2.3 Struktur Tabel Profile No Nama Field Tipe Data Ukuran Keterangan 1 Id * Char 13 Kunci Utama 2 Fullname Varchar Nickname Varchar 50 4 File_Name Varchar Directory Varchar Gender Enum Male, Female 7 Month Varchar 20 8 Date Varchar 2 9 Year Varchar 4 10 Religion Varchar Hometown Varchar Country Varchar ** Varchar 100 Kunci Tamu 14 Website Varchar Bio Varchar 255

6 2.2.4 Tabel Follow Tabel Follow digunakan untuk menyimpan data Follow. Struktur tabel Follow adalah sebagai berikut: Kunci utama : Follow_Id Kunci tamu : , Id Jumlah kolom : 3 Tabel 2.4 Struktur Tabel Follow No Nama Field Tipe Data Ukuran Keterangan 1 ** Varchar 100 Kunci Tamu 2 Id ** Char 13 Kunci Tamu 3 Follow_Id * Char 13 Kunci Utama Tabel Posting Tabel Posting digunakan untuk menyimpan data Posting. Struktur tabel Posting adalah sebagai berikut: Kunci utama : Post_Id Kunci tamu : Id Jumlah kolom : 9

7 Tabel 2.5 Struktur Tabel Posting No Nama Field Tipe Data Ukuran Keterangan 1 Id ** Char 13 Kunci Tamu 2 Post_Id * Char 13 Kunci Utama 3 Post_Title Varchar File_Name Varchar Directory Varchar Post_Date Varchar 30 7 Post_Time Varchar 10 8 Post_Description Text 9 Status Enum Unblock, Block Tabel Comment Tabel Comment digunakan untuk menyimpan data Comment. Struktur tabel Comment adalah sebagai berikut: Kunci utama : Comment_Id Kunci tamu : Id, Post_Id Jumlah kolom : 6

8 Tabel 2.6 Struktur Tabel Comment No Nama Field Tipe Data Ukuran Keterangan 1 Id ** Char 13 Kunci Tamu 2 Post_Id ** Char 13 Kunci Tamu 3 Comment_Id * Char 13 Kunci Utama 4 Comment Text 5 Comment_Date Varchar 30 6 Comment_Time Varchar Tabel Message Tabel Message digunakan untuk menyimpan data Message. Struktur tabel Message adalah sebagai berikut: Kunci utama : Message_Id Kunci tamu : Id, Jumlah kolom : 9 Tabel 2.7 Struktur Tabel Message No Nama Field Tipe Data Ukuran Keterangan 1 ** Char 13 Kunci Tamu 2 Id ** Char 13 Kunci Tamu 3 Message_Id * Char 13 Kunci Utama

9 4 Subject Varchar File_Name Varchar Directory Varchar Message Text 8 Message_Date Varchar 30 9 Message_Time Varchar Tabel Cover Tabel Cover digunakan untuk menyimpan data Cover. Struktur tabel Cover adalah sebagai berikut: Kunci utama : Cover_Id Kunci tamu : Id Jumlah kolom : 4 Tabel 2.8 Struktur Tabel Cover No Nama Field Tipe Data Ukuran Keterangan 1 Id ** Char 13 Kunci Tamu 2 Cover_Id * Char 13 Kunci Utama 3 File_Name Varchar Directory Varchar 255

10 2.3 Relasi Antar Tabel Relasi antar tabel pada Jejaring Soaial Berbagi Gambar Pictshare dibuat untuk menghubungkan suatu tabel dengan tabel lain yang saling berkaitan, berikut relasinya : Keterangan : * Kunci Utama One To One ** Kunci Tamu Many To One Gambar 2.1 Relasi Antar Tabel

11 Keterangan : Pada tabel Follow, field digunakan sebagai pengikut dan field Id digunakan sebagai pengguna yang diikuti. Pada tabel Message, field digunakan sebagai pengirim dan field Id digunakan sebagai penerima pesan. Field Id pada table Follow ataupun Message diambil langsung dari table Profile, karena jika mengambil dari relasi Account, maka dan Id pada kedua tabel berasal dari data yang sama. Untuk field Month digunakan sebagai bulan, Date digunakan sebagai tanggal, serta Year digunakan sebagai tahun. Relasi : a) Tabel Profil menyimpan data profil yang mempunyai kunci utama pada field Id dan kunci tamu pada field yang mereferensi field pada table Account. Dengan relasi One To One, yang berarti bahwa satu hanya memiliki satu Profile. b) Tabel Follow menyimpan data follow yang mempunyai kunci utama pada field Follow_Id dan kunci tamu pada field yang mereferensi field pada table Account, serta kunci tamu pada field Id yang merefererensi field Id pada table Profile. Dengan relasi One To Many berarti satu atau satu Id dapat memiliki banyak Follow. c) Tabel Posting menyimpan data posting yang mempunyai kunci utama Post_Id dan kunci tamu Id yang mereferensi table Profile.

12 Dengan relasi One To Many karena satu Id dapat memiliki banyak Posting. d) Tabel Comment menyimpan data comment yang mempunyai kunci utama Comment_Id dan kunci tamu Id yang mereferensi table Profile serta Post_Id yang mereferensi table Posting. Dengan relasi One To Many karena satu Id dan satu Post_Id memiliki banyak Comment. e) Tabel Message menyimpan data message yang memiliki kunci utama Message_Id dan kunci tamu yang mereferensi table Account serta Id yang mereferensi table Profile. Dengan relasi One To Many karena Id dan bisa memiliki banyak Message. f) Tabel Cover menyimpan data cover mempunyai kunci utama Cover_Id dan kunci tamu Id yang mereferensi table Profile. Dengan relasi One To One karena satu Id hanya memiliki satu Cover. 2.4 Bagan Alir Sistem Bagan alir Jejaring Sosial Berbagi Gambar Pictshare dibuat untuk memberikan gambaran secara umum mengenai proses mendaftar, berbagi gambar, member komentar, serta mengirim pesan. Berikut bagan alirnya :

13 Gambar 2.2 Bagan Alir Sistem 2.5 Rancangan Input Dari perancangan tabel selanjutnya dibuat rancangan input yang digunakan untuk menambahkan atau mengubah data-data yang berhubungan dengan Jejaring Sosial Berbagi Gambar Pictshare. Adapun rancangan input form yang meliputi: Rancangan Form Login Administrator Rancangan form Login Administrator digunakan untuk masuk kehalaman Administrator.

14 Gambar 2.3 Rancangan Form Login Administrator Rancangan Form Login User Rancangan form Login User digunakan untuk masuk kehalaman utama Jejaring Sosial Berbagi Gambar Pictshare ini. Gambar 2.4 Rancangan Form Login User Rancangan Form Signup User Rancangan form Signup User digunakan untuk masuk untuk membuat akun ketika mendaftar menjadi user Jejaring Sosial Berbagi Gambar Pictshare ini.

15 Gambar 2.5 Rancangan Form Signup User Rancangan Input Profil User Rancangan form Input Profil User digunakan untuk menyimpan data profil user Jejaring Sosial Berbagi Gambar Pictshare ini. Gambar 2.6 Rancangan Input Profil User

16 2.5.5 Rancangan Input Posting Gambar Rancangan form Input Posting Gambar digunakan untuk membagikan gambar oleh user. Gambar 2.7 Rancangan Input Posting Gambar Rancangan Input Comment Rancangan Input Comment digunakan untuk menambahkan komentar pada suatu gambar yang dibagikan user. Gambar 2.8 Rancangan Input Comment Rancangan Input Kirim Pesan Gambar Rancangan Input Kirim Pesan Gambar digunakan untuk mengirim sebuah gambar ke pengguna tertentu.

17 Gambar 2.9 Rancangan Input Kirim Pesan Gambar Rancangan Form Search Rancangan Form Search digunakan untuk mencari teman berdasarkan Nickname. Gambar 2.10 Rancangan Form Search Rancangan Update Profil User profil user. Rancangan Update Profil User digunakan untuk mengubah data

18 Gambar 2.11 Rancangan Update Profil User Rancangan Update Password Rancangan Update Password digunakan untuk mengubah password login setiap user. Gambar 2.12 Rancangan Update Password

19 Rancangan Input Dan Update Cover Rancangan Input Dan Update Cover digunakan untuk menambah sekaligus mengubah Cover pada Gallery user. Gambar 2.13 Rancangan Input Dan Update Cover 2.6 Rancangan Output Rancangan output digunakan sebagai desain dasar untuk membuat output dari Jejaring Sosial Berbagi Gambar Pictshare. Adapun rancangan output pada sistem ini meliputi : Rancangan Output Posting Gambar Menampilkan gambar yang telah di posting yaitu judul, gambar, deskripsi, tanggal, jam dan comment. Berikut gambar Rancangan Output Posting Gambar.

20 Gambar 2.14 Rancangan Output Posting Gambar Rancangan Cover Gallery Menampilkan gambar sebagai Cover pada Gallery. Berikut gambar Rancangan Cover Gallery. Gambar 2.15 Rancangan Cover Gallery

21 2.6.3 Rancangan Output Profil User Menampilkan profil pengguna yaitu gambar profil, nama lengkap, nama panggilan, dan sebagainya. Berikut adalah gambar Output Profil User. Gambar 2.16 Rancangan Output Profile User Rancangan Output Pesan Gambar Menampilkan gambar dari fitur Message serta pesannya. Berikut gambar Rancangan Output Pesan Gambar.

22 Gambar 2.17 Rancangan Output Pesan Gambar Rancangan Output Comment Menampilkan komentar pada setiap posting gambar. Berikut gambar Rancangan Output Comment. Gambar 2.18 Rancangan Output Comment Rancangan Output Gallery Menampilkan gambar yang telah diposting oleh pengguna satu per satu dan menampilkan link selanjutnya dan sebelumnya. Berikut gambar Rancangan Output Gallery.

23 Gambar 2.19 Rancangan Output Gallery