11
BAB III METODE PENELITIAN 3.1. Bahan / Data Bahan / Data yang dibutuhkan dalam penelitian ini meliputi : 1. Data Alumni. 2. Data Jurusan. 3. Data Lokasi. 4. Data Event Alumni 3.2.
Peralatan
Peralatan yang digunakan dalam penelitian ini antara lain : 3.2.1 Perangkat Keras Hardware (Perangkat Keras) adalah suatu komponen dari sebuah komputer yang sifat alatnya bisa dilihat dan diraba oleh manusia secara langsung atau berbentuk nyata, yang berfungsi mendukung proses komputerisasi. Adapun perangkat keras yang digunakan dalam sistem ini adalah sebagai berikut : 1. Prosesor Intel(R) Pentium(R) CoreTM i3-2328MB960. 2. RAM 4 GB. 3. Hardisk 500 GB. 4. Mouse dan Keyboard.
12
3.2.2
Perangkat Lunak Software (Perangkat Lunak) adalah sekumpulan data elektronik yang
disimpan dan diatur oleh komputer, data elektronik yang disimpan oleh komputer itu dapat berupa program atau intruksi yang akan menjalankan suatu perintah. Adapun perangkat lunak yang digunakan dalam sistem ini adalah sebagai berikut : 1. Sistem Operasi Windows 7. 2. MYSQL, sebagai database server. 3. Google Chrome, sebagai web browser internet. 4. PHP, sebagai bahasa pemrograman. 5. Xampp, sebagai Web Server. 6. Sublime , sebagai text editor. 7. Framework Codeigniter. 3.3.Analisis dan Rancangan Sistem Analisis dan rancangan sistem dalam penelitian ini meliputi : 3.3.1. Analisis Sistem a. Masukan (Input) 1. Data alumni. 2. Data jurusan. 3. Data lokasi alumni. 4. Data event alumni 5. Data berita b. Keluaran (Output) 1. Tampilan data event. 2. Tampilan data lokasi alumni. 3. Tampilan data biodata alumni.
13
4. Tampilan data berita 3.4.Rancangan Sistem Perancangan sistem untuk aplikasi ini menggunakan UML (Diagram Alir Data) berupa diagram konteks,data flow diagram level 1dan flowchart. 3.4.1. Usecase Diagram
Gambar 3. 1 Usecase Diagram 3.4.2. Sequence Diagram Alumni Register
Gambar 3. 2 Sequence Diagram
14
3.4.3. Activity Diagram Alumni Login
Gambar 3.5 Relasi tabel
15
3.4.4. Relasi Tabe
Gambar 3.4 Relasi tabel
16
3.4.5. Perancangan Tabel Database Adapun struktur database yang dipergunakan sebagai subsitem basis data dari aplikasi ini antara lain sebagai berikut : 1. Tabel Admin Tabel admin digunakan untuk menyimpan data admin dan di tunjukkan pada tabel 3.1 dengan id_admin sebagai primary key. Tabel 3.1 Tabel Admin No
Field
Type
Panjang
Keterangan
1
Id_admin
Int
11
Id Admin
2
username
Varchar
50
Username Admin
3
password
Varchar
50
Password Admin
4
nama
Varchar
40
Nama lengkap Admin
5
jk
Enum(‘laki-
Jenis Kelamin Admin
laki’,’perempuan’) 6
no_hp
Varchar
200
Nomor Handphone Admin
7
image
Varchar
200
Image Admin
2. Tabel Event Tabel event digunakan untuk menyimpan data event alumni yang di tunjukkan pada tabel 3.2 dengan id_event sebagai primary key.
Tabel 3.2 Tabel Event No
Field
Type
Panjang
Keterangan
1
Id_event
Int
11
Id event
2
Title
Varchar
100
Judul event
17 3
Slug
Varchar
100
Slug event
4
Content
Text
5
Latitude
Varchar
50
Latitude event
6
Longitude
Varchar
50
Longitude event
7
Time
Datetime
8
Alumni_id
Int
11
Relasi table alumni
9
Id_category
Int
11
Relasi table categoty
Content event
Waktu event
3. Tabel Category Tabel category digunakan untuk menyimpan data category yang di tunjukkan pada tabel 3.3 dengan id_category sebagai primary key.
Tabel 3.3 Tabel Category No
Field
Type
Panjang
Keterangan
1
Id_category
Int
11
Id Category
2
Name
Varchar
100
Nama Category
3
Slug
Varchar
100
Slug Category
4. Tabel News Tabel News digunakan untuk menyimpan data seputar berita di website yang di tunjukkan pada tabel 3.4 dengan id_news sebagai primary key.
Tabel 3.4 Tabel News No
Field
Type
Panjang
Keterangan
1
Id_news
Int
11
Id News
18 2
Title
Varchar
100
Title News
3
Slug
Varchar
100
Slug News
4
Content
Text
5
Image
Varchar
6
Time
Datetime
Content News 100
Image News Time News
5. Tabel Slider Tabel slider digunakan untuk menyimpan data slider yang di tunjukkan pada tabel 3.5 dengan id_slider sebagai primary key.
Tabel 3.5 Tabel Slider No
Field
Type
Panjang
Keterangan
1
Id_slider
Int
11
Id slider
2
Name
Varchar
100
Nama Slider
3
Image
Varchar
100
Image Slider
5. Tabel Logo Tabel logo digunakan untuk menyimpan data logo yang di tunjukkan pada tabel 3.6 dengan id_logo sebagai primary key.
Tabel 3.6 Tabel Logo
19 No
Field
Type
Panjang
Keterangan
1
Id_logo
Int
11
Id Logo
2
Name
Varchar
100
Nama Logo
3
Image
Varchar
100
Image Logo
6. Tabel Alumni Tabel alumni digunakan untuk menyimpan data alumni yang di tunjukkan pada tabel 3.7 dengan id_alumni sebagai primary key.
Tabel 3.7 Tabel Alumni No
Field
Type
Panjang
Keterangan
1
Id_alumni
Int
11
Id Alumni
2
Fullname
varchar
100
Nama Lengkap Alumni
3
Alamat
Varchar
150
Alamat Alumni
4
Tahun_masuk
Int
50
Tahun Masuk Alumni
5
Jurusan
Varchar
100
Jurusan Alumni
6
Nama_wali
Varchar
100
Nama Wali Alumni
7
Asal_smp
Varchar
100
Asal SMP Alumni
8
Tahun_lulus
Int
50
Tahun Lulus Alumni
9
Username
Varchar
100
Username Alumni
20 10
Password
Varchar
100
Password Alumni
11
Email
Varchar
100
Email Alumni
12
No_hp
Int
50
Nomor Handphone Alumni
13
Avatar
Varchar
100
Avatar Alumni
14
Latititude
Varchar
100
Latitude Alumni
15
Longitude
Varchar
100
Longitude Alumni
16
Jk
Varchart
50
Jenis Kelamin Alumni
3.4.6. Perancangan Antarmuka Rancangan antar muka dari aplikasi ini seperti pada gambar 3.4 sampai gambar 3.8. 1. Racangan menu login Rancangan menu login adalah rancangan masuk control panel website . dapat dilihat sepeti gambar 3.4.
Gambar 3. 4 Rancangan menu login
21
2. Rancangan home Rancangan menu home merupakan tampilan website awal ketika mengakses web dapat dilihat seperti gambar 3.5
Gambar 3. 5 Rancangan menu home
3. Rancangan menu berita Rancagan menu berita merupakan tampilan isi semua berita tentang sekolah Escola Secundaria Dom Martinho Da Costa Lopes Maliana di Timor Leste. dapat dilihat seperi gambar 3.6
22
Gambar 3.6 Rancangan menu berita 4. Rancangan tampilan daftar Rancangan tampilan website level kasir merupakan tampilan website masuk sebagai kasir , di website menu kasir terdapat menu dashboard, barang, dan penjualan dapat dilihat seperti gambar 3.7
23
Gambar 3.7 Rancangan tampilan daftar 5. Rancagan home alumni Rancagan menu home menu dashboard, untuk mengecek profile, event, alumni, persebaran alumni dan lowongan kerja untuk alumni dapat dilihat seperti gambar 3.8
Gambar 3.8 Rancangan home alumni
22