Bab Iii.docx

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