Download - PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

Transcript
Page 1: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

i

LAPORAN KERJA PRAKTEK

PEMBUATAN WEBSITE

PRODI PENDIDIKAN BIOLOGI

UIN SUNAN KALIJAGA YOGYAKARTA

Diajukan sebagai salah satu syarat

untuk memperoleh gelar sarjana Teknik Informatika

Disusun oleh :

Nama : Fadli Ikhsan Pratama

NIM : 09650017

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA

2012

Page 2: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

ii

Page 3: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

iii

KATA PENGANTAR

Puji dan syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa, karena

hanya atas berkat dan rahmat-Nya, sehingga Laporan Kerja Praktek yang berjudul

“PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN

KALIJAGA YOGYAKARTA” dapat diselesaikan dengan baik dan tepat waktu.

Adapun tujuan penulisan laporan ini adalah untuk memenuhi persyaratan dalam

menyelesaikan Kerja Praktek Program Studi Teknik Informatika UIN Sunan

Kalijaga Yogyakarta.

Penyusunan laporan ini tidak terlepas dari bantuan beberapa pihak, oleh

karena itu penulis hendak mengucapkan terima kasih kepada :

1. Orang tua tercinta, yang telah memberikan doa, cinta, sayang, semangat,

dukungan, dan motivasi selama melakukan studi.

2. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Kepala Program Studi Teknik

Informatika.

3. Bapak M. Didik R. Wahyudi, M.T. , selaku Dosen Pembimbing Kerja Praktek.

4. Ibu Eka Sulistiyowati, S.Si., MA, selaku Dosen Pembimbing Lapangan Kerja

Praktek.

5. Pulung Nursiyanta, teman satu kelompok Kerja Praktek yang telah berjuang

untuk menyelesaikan Kerja Praktek ini bersama-sama.

6. Teman-teman TIF 09, yang selalu berbagi canda tawa selama ini.

7. Semua pihak yang tidak dapat disebutkan satu per satu yang terlibat dalam

penyusunan Laporan Kerja Praktek ini sehingga dapat selesai dengan baik.

Akhir kata, penulis menyadari bahwa pelaksanaan kerja praktek dan

penyusunan laporan ini belumlah sempurna. Oleh karena itu, kritik dan saran yang

membangun sangat penulis harapkani. Semoga penyusunan laporan ini

bermanfaat bagi semua pihak dan perkembangan Prodi TeknikInformatika UIN

Sunan Kalijaga khususnya.

Yogyakarta, 23 Mei 2012

Penulis

Page 4: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

iv

DAFTAR ISI

HALAMAN JUDUL ................................................................................... i

HALAMAN PENGESAHAN ..................................................................... ii

KATA PENGANTAR .................................................................................. iii

DAFTAR ISI ............................................................................................... iv

BAB I PENDAHULUAN

1.1. LATAR BELAKAN ..................................................................... 1

1.2. BATASAN KERJA PRAKTEK ................................................... 2

1.3. TUJUAN KERJA PRAKTEK ..................................................... 2

1.4. MANFAAT KERJA PRAKTEK .................................................. 2

BAB II TEMPAT KERJA PRAKTEK

2.1. GAMBARAN UMUM INSTANSI ............................................. 3

2.2. RUANG LINGKUP KERJA PRAKTEK .................................... 4

BAB III HASIL DAN PEMBAHASAN

3.1. KEBUTUHAN SISTEM ............................................................ 6

3.1.1. PERANGKAT KERAS ............................................... 6

3.1.2. PERANGKAT LUNAK .............................................. 6

3.2. METODOLOGI PENGEMBANGAN SISTEM ......................... 6

3.2.1. ANALISIS KEBUTUHAN ........................................ 7

3.2.2. PEMODELAN SISTEM ............................................. 7

3.3. ANALISIS .................................................................................. 15

3.3.1. KONDISI KERJA INSTANSI .................................. 15

3.3.2. KONDISI SDM ......................................................... 15

3.3.3. MODUL ..................................................................... 15

3.3.4. INTERFACE HALAMAN ADMIN .......................... 16

3.4. REKOMENDASI ....................................................................... 23

BAB IV PENUTUP

4.1. KESIMPULAN ............................................................................ 24

4.2. SARAN ........................................................................................ 24

Page 5: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Kemajuan teknologi internet memberikan manfaat bagi para

penggunanya. Dengan adanya internet informasi yang sulit didapat kini hanya

dalam beberapa saat saja kita dapatkan. Hal ini membuat aliran komunikasi

yang ada menjadi lebih cepat sehingga jalannya informasi menjadi lebih

mudah dijangkau oleh masyarakat. Dengan memanfaatkan internet, pemakai

komputer di seluruh dunia dimungkinkan untuk saling berkomunikasi dan

berbagi informasi dengan mudah.

Salah satu bentuk media informasi di internet adalah website. Website

adalah kumpulan halaman di internet yang menyediakan informasi. Dengan

adanya website ini, penyebaran informasi akan lebih mudah dan cepat. Prodi

Pendidikan Biologi sebagai salah satu program studi yang ada di UIN Sunan

Kalijaga mengalami kendala untuk menyebarkan informasi kepada

mahasiswa dan masyarakat karena belum memiliki website. Penyebaran

informasi masih bersifat paper based yang kadang hanya bisa diketahui jika

kita datang ke kampus saja. Tentunya hal ini akan memperlambat arus

komunikasi yang ingin disampaikan prodi. Selain itu belum adanya sarana

untuk menyampaikan berbagai kegiatan dan agenda yang telah dilaksanakan

oleh prodi membuat seringkali kegiatan dan agenda tersebut kurang

diketahui oleh publik.

Dengan demikian perlu adanya pembuatan website ini sebagai sarana

untuk mempermudah penyebaran informasi dan menyampaikan informasi

agenda maupun kegiatan prodi selama ini. Dengan demikian arus informasi

dan kebutuhan informasi mahasiswa serta masyarakat luas dapat berjalan

lancar, lebih cepat serta dapat diakses dari manapun. Dengan adanya website

ini juga merupakan langkah maju bagi Prodi Pendidikan Biologi untuk

memperkenalkan dan memasyarakatkan diri melalui internet baik untuk di

Indonesia khususnya ataupun di dunia pada umumnya.

Page 6: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

2

1.2. Batasan Kerja Praktek

Batasan di dalam Kerja Praktek ini adalah :

a. Membuat database website.

b. Membuat halaman admin untuk konfigurasi data di website.

1.3. Tujuan Kerja Praktek

Adapun tujuan dari kerja praktek ini adalah :

1.3.1. Membuat website untuk program studi Pendidikan Biologi yang

sebelumnya belum ada.

1.3.2. Membantu membuat media yang memberikan informasi tentang prodi

Pendidikan Biologi UIN Sunan Kalijaga.

1.3.3. Menjadi sarana komunikasi antara mahasiswa dan pihak prodi Bilogi.

1.4. Manfaat Kerja Praktek

1.4.1. Mampu mengetahui situasi dan kondisi tempat kerja praktek.

1.4.2. Mampu menganalisis kebutuhan prodi Pendidikan Biologi.

1.4.3. Mampu membuat desain database website prodi Pendidikan Biologi.

1.4.4. Mampu mengimplementasikan database yang sudah dibuat ke dalam

website.

1.4.5. Mendapatkan sarana untuk menyebarkan informasi kepada pihak luar

terkait dengan profil, prestasi, dan kegiatan instansi.

Page 7: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

3

BAB II

TEMPAT KERJA PRAKTEK

2.1. Gambaran Umum Instansi

Kantor Program Studi (Prodi) Pendidikan Biologi berdomisili di

Fakultas Sains dan Teknologi UIN Sunan Kalijaga, Jalan Marsda Adi Sucipto

Yogyakarta. Prodi Pendidikan Kimia berdiri pada tanggal 29 Maret 1999

sesuai SK SK Direktur Jendral Kelembagaan Agama Islam No. E/58/1999.

Prodi yang diketuai oleh Esti Wahyu Widowati,M.Si ini memiliki dua belas

dosen tetap dan telah menerima 235 mahasiswa sejak awal pendiriannya.

Adapun Visi, Misi, Tujuan, Sasaran dan Target Pencapaian dari Prodi

Pendidikan Kimia sebagai berikut.

2.1.1. Visi

Unggul dan terkemuka dalam pemaduan dan pengembangan studi

keislaman dan pendidikan biologi bagi peradaban

2.1.2. Misi

Sejalan dengan visi tersebut maka Program Studi Pendidikan Bilogi

UIN Sunan Kalijaga menetapkan misi sebagai berikut:

2.1.2.1 Mengembangkan pendidikan dan pengajaran dalam bidang

pendidikan biologi yang integratif dan interkonektif yang

berkepribadian ZIKR (Zero based, Imani, Konsisten, dan

Result Oriented)

2.1.2.2 Mengembangkan penelitian yang berkualitas dalam bidang

pendidikan biologi

2.1.2.3 Memberikan pelayanan kepada masyarakat dalam bidang

pendidikan biologi

2.1.2.4 Mengembangkan kerja sama dengan berbagai phak dalam

rangka mewujudkan tridarma PT, terutama bidang

pendidikan biologi

Page 8: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

4

2.1.3. Tujuan

Tujuan yang ingin dicapai oleh Program Studi Pendidikan Biologi

UIN Sunan Kalijaga adalah :

2.1.3.1 Menghasilkan sarjana Pendidikan Biologi yang integratif-

interkonektif dan mempunyai kemampuan akademik dan

atau profesional, serta mampu menerapkan dan atau

mengembangkan kemampuan tersebut.

2.1.3.2 Menghasilkan sarjana Pendidikan Biologi yang beriman-

berakhlaq mulia, memiliki kecakapan sosial dan manajerial,

berjiwa entrepreneurship serta rasa tanggung jawab sosial

kemasyarakatan.

2.1.3.3 Menghasilkan sarjana Pendidikan Bilogi yang menghargai

nilai-nilai keilmuan dan kemanusiaan.

2.2. Ruang Lingkup Kerja Praktek.

Program Studi Pendidikan Biologi ini merupakan bagian dari

Fakultas Sains dan Teknologi UIN Sunan Kalijaga Yogyakarta. Program

studi ini menempati Gedung Fakultas Sains dan Teknologi UIN Sunan

Kalijaga Yogyakarta lantai 2. Program studi ini saat ini dipimpin oleh

seorang Kepala Prodi, Ibu Runtut Prih Utami, M.Pd.

Selain berada di Gedung Fakultas Sains dan Teknologi, program

studi ini juga menempati Laboratorium Terpadu UIN Sunan Kalijaga

Yogyakarta lantai 3 sebagai tempat praktikum bagi mahasiswa mahasiswi

program studi Pendidikan Biologi.

Program studi Pendidikan Biologi didukung oleh dosen-dosen yang

diantaranya :

Page 9: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

5

No Nama Dosen Pangkat / Golongan Strata

Pendidikan

Latar Belakang

Pendidikan

1

Eka

Sulistiyowati,

S.Si., MA

Asisten Ahli/IIIb S2

S1 Biologi UGM,

S2 Science

Education McGill

Canada

2 Runtut Prih

Utami, M.Pd. Asisten Ahli/IIIb S2

S1 Pendidikan

Biologi UNS,

S2 Pendidikan

Sains UNS

3 Widodo, M.Pd Asisten Ahli/IIId S2 S2 Pendidikan

Sains UNY

4 Lela Susilawati,

S.Pd, M.Si Asisten Ahli/IIIb S2

S2 Mikrobiologi

UGM

5 Dian Noviar,

M.Pd Asisten Ahli/IIId S2 -

6 Sulistyawati,

M.Si Asisten Ahli/IIIb S2

S1 Tadris UIN,

S2 Biologi UGM

7 Dias Idha

Pramesti, M.Si Asisten Ahli/IIId S2 -

Page 10: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

6

BAB III

HASIL DAN PEMBAHASAN

3.1. Kebutuhan Sistem

Aplikasi yang dibangun akan dapat berjalan dengan baik apabila sistem

komputer yang digunakan memenuhi syarat minimal dari konfigurasi

hardware dan software. Adapun konfigurasi hardware dan software yang

digunakan dalam pembangunan sistem ini akan dijelaskan lebih lanjut.

3.1.1 Perangkat Keras

Perangkat keras yang digunakan dalam pembuatan sistem ini

antara lain:

1. Processor Intel® Pentium Dual-Core CPU T4300 2.10 GHz.

2. RAM 1 GB.

3.1.2 Perangkat Lunak

Perangkat lunak yang digunakan dalam pembuatan sistem ini

antara lain:

1. Sistem Operasi Microsoft Windows 7.

2. Bahasa Pemrograman PHP dengan menggunakan framework

Codeigniter 2.1.0.

3. Database Server MySQL Client versi 5.0.51a.

4. Editor Notepad++.

3.2. Metodologi Pengembangan Sistem

Suatu sistem yang akan dibangun tentu memerlukan metodologi dalam

pengembangannya. Hal tersebut sangat diperlukan untuk menggambarkan

bagaimana kebutuhan dan model dari suatu sistem. Oleh karena itu, dalam

pembangunan sistem informasi ini digunakan metodologi yaitu analisis

kebutuhan, pemodelan sistem, dan implementasi.

Page 11: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

7

3.2.1. Analisis Kebutuhan (Requirement Analysis)

Analisis kebutuhan dilakukan dengan mengidentifikasi proses

bisnis pada sistem yang akan dibangun. Spesifikasi kebutuhan

menjelaskan apa yang dapat dilakukan oleh suatu aplikasi dan cakupan

dari proyek. Dalam hal ini Prodi Pendidikan Biologi memerlukan

sistem informasi yang dapat mengolah data-data yang nantinya akan

menghasilkan output yaitu web prodi Pendidikan Biologi. Sistem

informasi ini akan mempermudah Dosen, mahasiswa pendidikan

biologi dalam mengakses informasi yang dibutuhkan.

3.2.2. Pemodelan Sistem

Pemodelan sistem merupakan suatu gambaran yang menjelaskan

bagaimana sebuah sistem berjalan, darimana sistem mendapatkan input

data, apa saja proses yang terjadi, bagaimana data disajikan, dan dimana

data disimpan. Dalam pengambangan aplikasi ini digunakan konsep

OOP, oleh karenanya pemodelan sistem menggunakan metode UML.

3.2.2.1. Diagram Use Case

Berikut ini merupakan gambaran dari kebutuhan sistem

informasi rapor siswa yang dirancang sesuai dengan

Requirements Analysis (Analisa Kebutuhan) di Prodi Pendidikan

Biologi Sunan Kalijaga Yogyakarta

Page 12: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

8

web

Administrasi web prodiPendidikan Biologi

Login

Master data

<<include>>

<<include>>

<<include>>

Web Pendidikan Biologi

Admin

Gambar 3.1 Use case web pendidikan Biologi

Dari use case diatas bisa disimpulkan terdapat satu actor

dalam sistem ini yaitu admin. Untuk masuk ke sistem, entitas

harus melakukan login terlebih dahulu.

Administrasi Artikel

Master Data

Admin

Administrasi Event

Administrasi Berkas

Administrasi Galeri Foto

Administrasi Guestbook

Administrasi Data statis

3.2 Use case master data

Page 13: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

9

Untuk modul master data hanya boleh dilakukan oleh

admin.

Admin

Administrasi web prodi Pendidikan Biologi

Manajemen Berita

Manajemen Tutorial

Administrasi Kategori Artikel<<include>>

Manajemen file

<<include>>

<<include>>

<<include>>

Manajemen agenda dan pengumuman Tipe event

<<include>>

Manajemen galeri Input nama album galeri<<include>>

Manajemen berkas / file

<<include>>

Manajemen polling Input sola polling<<include>>

Gambar 3.3 Detail use case administrasi web

Seorang admin bisa input berita maupun tutorial dimana

berita dibedakan menjadi berita yang berkategori kegiatan dan

akademik. Seorang admin juga bisa melakukan manajemen

agenda dan pengumuman disesuaikan dengan kebutuhan dari

event tertentu. Tugas lainya dari seorang admin adalah

melakukan manajemen berkas dimana admin bisa melakukan

upload berkas abstrak sehingga mahasiswa prodi bisa download

untuk bahan tambahan. Selain berkas, seorang admin juga bisa

melakukan manajemen galeri foto dan polling.

Page 14: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

10

3.2.2.2. Sequence Diagram

Setelah dokumentasi use case sudah dibuat, maka kita

bisa menentukan aliran data dengan digambarkan dalam

bentuk sequence diagram.

a. Login

user

1: login

Form login

1.1: login(username,password)

1.1.1:return admin

admin

Gambar 3.4 Sequence diagram login

Untuk proses login, user akan memasukkan username

dan password yang nantinya akan dicek oleh method login dari

kelas admin yang nantinya akan mengembalikan objek admin.

b. Administrasi master berita

admin Form berita

1.1: insert berita

2.1: pilih kategori

berita

1:tambah berita

2:edit berita

3:hapus berita

2.2: update(berita)

3.1: delete(berita)

Gambar 3.5 Sequence diagram master berita

Page 15: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

11

Diagram di atas menunjukkan aliran data untuk mengatur

data berita, yang meliputi insert, edit dan delete.

c. Administrasi master tutorial

admin Form tutorial

1.1: insert tutorial

2.1: pilih kategori

tutorial

1:tambah tutorial

2:edit tutorial

3:hapus tutorial

2.2: update(tutorial)

3.1: delete(tutorial)

Gambar 3.6 Sequence diagram master tutorial

Diagram di atas menunjukkan aliran data untuk

mengatur data tutorial, yang meliputi insert, edit dan delete.

d. Administrasi master event

admin event

1.1: insert event

2.1: pilih kategori event

event

1:tambah event

2:edit event

3:hapus event

2.2: update(event)

3.1: delete(event)

Gambar 3.7 Sequence diagram master event

Diagram di atas menunjukkan aliran data untuk

mengatur data event, yang meliputi insert, edit dan delete.

Page 16: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

12

e. Administrasi master data statis

admin Form data statis

1.1: getDataFile()

data statis

1:tambah data

2:edit data

3:hapus data

2.2:Update_Content(id_data,data,tbl_data)

3.1: Delete_Content(id_data,tbl_data)

1.1.1: return data

1.1.1.1:input data statis

1.1.1.2: Simpan_Data_Statis(data)

1.1: getDataFile()

Gambar 3.8 Sequence diagram master data statis

Sequence diagram input data statis menunjukkan aliran

data untuk proses input data statis. Ketika mendapatkan

id_data dan data_content maka data bisa di input. Proses edit

juga membutuhkan id_data dan data sehingga proses update

mengembalikan nilai dengan parameter tersebut.

f. Administrasi master galeri

admin Form galeri

1.1: Album_Galeri()

galeri

1:tambah galeri

2:hapus galeri

2: Delete_Content(id_foto,tbl_galeri)

1.1.1: return data

1.1.1.1:input gambar

1.1.1.2: In_Polling(tbl_galeri,data)

Gambar 3.9 Sequence diagram master galeri

Diagram di atas menunjukkan aliran data untuk

mengatur galeri, yang meliputi insert dan delete. Proses insert

foto galeri akan melibatkan data_id dari album galeri

Page 17: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

13

kemudian di inputkan ke tabel galeri. Proses delete akan

membutuhkan id_foto dari tabel galeri.

g. Administrasi master berkas

admin Form berkas

berkas

1:tambah berkas

2:hapus berkas

2:Hapus_Media(id)

1.1:input file

1.2: Simpan_file(data)

Gambar 3.10 Sequence diagram master berkas

Diagram di atas menunjukkan aliran data untuk

mengatur berkas, yang meliputi insert dan delete.

h. Administrasi master guestbook

admin Form guestbookguestbook

1:edit guestbook

2:hapus guestbook

2.1.1.1:Delete_Content(id,tbl_guestbook)

1.1.1.1: Update(tbl_guestbook,data)

1.1:Guestbook()

1.1.1:return data

2.1:getId

2.1.1:return id

Gambar 3.11 Sequence diagram master guestbook

Diagram di atas menunjukkan aliran data untuk

mengatur guestbook, yang meliputi edit dan delete. Proses edit

content guestbook akan melibatkan data_id dari guestbook.

Proses delete akan membutuhkan id dari tabel guestbook.

Page 18: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

14

i. Administrasi master polling

admin Form polling soalpolling

1:tambah soal polling

3:edit soal

3.1: Edit_Content(tbl_pollingsoal,id)

1.1:status

6.1:Delete(id_jawaban,tbl_pollingjawaban)

jwbpolling

2:tambah jwban polling

2.1:pilih pertanyaan

1.2:In_Polling(tbl_pollingsoal,data)

2.2:In_Polling(tbl_pollingjawaban,data)

2.1:return soal

3.2: return id3.3:Update_Content(tbl_pollingsoal,data,id)

4:edit jawaban4.1:Edit_Content(tbl_pollingjawaban,id)

4.2: return id4.3:Update_Content(tbl_pollingjawaban,data,id)

5:hapus soal

6:hapus jawaban

5.1:Delete(id_soal,tbl_pollingsoal)

Gambar 3.12 Sequence diagram master polling

Diagram di atas menunjukkan aliran data untuk

mengatur polling, yang meliputi insert,edit dan delete. Proses

insert jawaban polling akan menggunakan data_soal dari tabel

soalpolling kemudian di inputkan ke tabel pollingjawaban.

Proses delete akan membutuhkan id sebagai parameter sesuai

dengan content yang akan di delete

j. Manajemen password

admin Form password user

1:edit password

1.1:Data_Login(username,psw_lama)

1.2: return (username,passwd)

1.3:Update_Password(username,psw)

Gambar 3.13 Sequence diagram master password

Page 19: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

15

Diagram di atas menunjukkan aliran data untuk

mengatur password, yang meliputi edit.

3.3. Analisis

3.3.1. Kondisi kerja instansi

Program studi Pendidikan Biologi berada di Gedung Fakultas

Sains dan Teknologi UIN Sunan Kalijaga lantai 2.

3.3.2. Kondisi SDM

Program studi Pendidikan Biologi merupakan program studi yang

sudah ada di UIN Sunan Kalijaga Yogyakarta sejak tahun 2005.

Namun dahulu masih tergabung dengan program studi Biologi Murni.

Mulai tahun 2012 ini, dilakukan pemisahan antara program studi

Biologi Murni dan Pendidikan Biologi.

Sehingga dari segi struktur program studi ini masih belum jelas.

Struktur yang ada masih terbatas pada Kepala Program Studi

(Kaprodi) Pendidikan Biologi yang dijabat oleh Ibu Runtut Prih

Utami, M.Pd. Belum ada kepengurusan yang lain seperti sekretaris

prodi dan divisi-divisi tertentu sehingga masih ada keterbatasan peran

dalam menjalankan kepengurusan.

3.3.3. Modul

Ada beberapa modul yang tersedia di dalam halaman admin maupun

staf, antara lain :

3.2.3.1. Modul konfigurasi artikel

3.2.3.2. Modul konfigurasi event

3.2.3.3. Modul konfigurasi data statis

3.2.3.4. Modul konfigurasi galeri

3.2.3.5. Modul konfigurasi berkas

3.2.3.6. Modul konfigurasi guestbook

3.2.3.7. Modul konfigurasi polling

3.2.3.8. Modul konfigurasi password

Page 20: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

16

3.3.4. Interface Halaman Admin

Form ini digunakan login admin untuk masuk ke panel admin.

Gambar 3. 14 Halaman login admin

Merupakan halaman depan dari panel admin dengan menyertakan

fitur – fitur yang ada.

Gambar 3.15 Halaman Dashboard Admin

Pada form tulis artikel terdapat beberapa pilihan dimana kita bisa

memilih untuk menambah artikel yang bersifat berita maupun artikel yang

Page 21: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

17

bersifat tutorial.

Gambar 3.15 Halaman penambahan artikel

Pada form ini kita bisa menambah berita terbaru dengan

menentukan kategori sesuai dengan konten disertakan dengan gambar

tumbnail untuk memepercantik tampilan dari berita.

Gambar 3.16 Halaman penambahan Berita

Pada form ini kita bisa menambah tutorial terbaru dengan

menentukan kategori sesuai dengan konten disertakan dengan gambar

tumbnail.

Page 22: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

18

Gambar 3.17 Halaman penambahan Tutorial

Form ini berisikan data event yang terbagi menjadi dua yaitu yang

berkategori agenda atau pengumuman.

Gambar 3.18 Halaman event

Pada form ini kita bisa menambah event terbaru dengan

menentukan kategori event sesuai dengan konten.

Page 23: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

19

Gambar 3.19 Halaman penambahan event

Form ini berisikan data statis berupa visi dan misi, profil dan data

yang lainya. Pada bagian ini kita bisa mengedit data statis secara

keseluruhan.

Gambar 3.20 Halaman data statis

Pada form ini kita bisa menambah data statis dengan menentukan

kategori pilihan sesuai dengan konten.

Page 24: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

20

Gambar 3.21 Halaman penambahan data statis

Form galeri kegiatan ini berisikan nama album galeri foto beserta

foto galeri yang terkait didalamnya.

Gambar 3.22 Halaman galeri

Pada form ini kita bisa menambah foto dengan menentukan nama

album pilihan.

Page 25: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

21

Gambar 3.23 Halaman penambahan galeri

Form berkas atau file ini berisikan data – data file yang telah di

upload. Bisa melakukan proses insert atau delete pada file tertentu.

Gambar 3.24 Halaman upload berkas

Form ini berisikan data kunjungan yang sudah memberikan saran

ataupun kritik kepada web prodi Pendidikan Biologi.

Page 26: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

22

Gambar 3.25 Halaman Guestbook

Form ini berisikan polling yang nantinya kita bisa mengkonfigurasi

soal maupun jawaban polling.

Gambar 3.26 Halaman polling

Form update password bisa mengganti password lama sesuai

dengan yang kita inginkan

Page 27: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

23

Gambar 3.27 Halaman password

3.4. Rekomendasi

Melihat dari masalah dan keadaan instansi prodi Pendidikan Biologi UIN

Sunan Kalijaga maka ada beberapa rekomendasi atau saran yang dapat

disampaikan, diantaranya :

Pembuatan website sebagai wadah informasi bagi prodi Pendidikan Biologi

dan juga sarana mempromosikan diri kepada masyarakat luas.

Penunjukkan staff khusus untuk mengurusi website yang bekerja melakukan

update informasi sehingga informasi yang ada di website selalu up to

date.

Page 28: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN …informatika.uin-suka.ac.id/media/dokumen_akademik...web Administ rasi web prodi Pendidikan Biologi Login Mast er dat a < < include>

24

BAB IV

PENUTUP

4.1. Kesimpulan

Berdasarkan bab hasil dan pembahasan, dapat disimpulkan sebagai

berikut:

1. Pelaksanaan kerja praktek ini berhasil merancang sistem informasi

website yang sesuai dengan kebutuhan Prodi Pendidikan Biologi UIN

Sunan Kalijaga Yogyakarta sehingga sistem yang dihasilkan dapat

tepat guna dan tepat sasaran.

2. Pelaksanaan kerja praktek ini berhasil mengimplementasikan sebuah

sistem informasi website yang dapat mengelola data-data Prodi

Pendidikan Biologi secara digital dan menjamin ketersediaan serta

keakuratan data.

4.2. Saran

Adapun saran yang diberikan demi pengembangan sistem ini adalah:

1. Dalam sistem ini hanya mampu melakukan upload file yang besarnya

kurang dari 2.5MB sehingga file gambar yang terlalu besar tidak bisa

di upload pada sistem ini.

2. Dalam sistem ini terkadang melakukan delete file hanya dari linknya

saja sehingga file yang terdelete masih ada dalam foldet tertentu yang

mengakibatkan ukuran dari sistem ini semakin membesar .