PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

39
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 : Pulung Nursiyanta NIM : 09650041 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA 2012

Transcript of PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

Page 1: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

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 : Pulung Nursiyanta

NIM : 09650041

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA

2012

Page 2: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

ii

Page 3: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

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. Fadli Ikhsan Pratama, 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.

Page 4: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

iv

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 Teknik Informatika UIN

Sunan Kalijaga khususnya.

Yogyakarta, 14 Mei 2012

Penulis

Page 5: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

v

DAFTAR ISI

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

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

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

DAFTAR ISI ............................................................................................... v

BAB I PENDAHULUAN

1.1. LATAR BELAKANG ............................................................. 1

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

1.3. TUJUAN KERJA PRAKTEK ................................................. 3

1.4. MANFAAT KERJA PRAKTEK ............................................. 3

BAB II TEMPAT KERJA PRAKTEK

2.1 GAMBARAN UMUM INSTANSI ......................................... 4

2.2 RUANG LINGKUP KERJA PRAKTEK ................................ 6

BAB III HASIL DAN PEMBAHASAN

3.1 ANALISIS ................................................................................. 8

3.1.1 KONDISI KERJA INSTANSI ........................................ 8

3.1.2 KONDISI SDM .............................................................. 8

3.1.3 KONDISI LAYANAN YANG BERJALAN................... 10

3.2 KEGIATAN KERJA PRAKTEK .............................................. 10

3.3 REKOMENDASI ...................................................................... 33

BAB IV PENUTUP

4.1 KESIMPULAN ....................................................................... 34

Page 6: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

1

BAB I

PENDAHULUAN

1.1. LATAR BELAKANG

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

Page 7: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

2

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. Diharapkan 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 mempromosikan diri melalui internet baik untuk di

Indonesia khususnya ataupun di dunia pada umumnya.

1.2. BATASAN KERJA PRAKTEK

Dalam pembuatan website ini terbagi menjadi dua bagian yaitu

halaman admin dan halaman user biasa (client). Halaman admin adalah

halaman dimana kita perlu login terlebih dahulu untuk mengaksesnya.

Sedangkan halaman user biasa (client) adalah halaman yang muncul pertama

kali saat kita mengakses web ini dan tidak perlu login untuk mengaksesnya.

Batasan masalah dalam laporan kerja praktek ini adalah bahwa yang akan

dibahas dalam laporan ini merupakan halaman website dari sisi client.

Page 8: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

3

1.3. TUJUAN KERJA PRAKTEK

Adapun tujuan dari kerja praktek ini adalah sebagai berikut:

1. Membuat website untuk Prodi Pendidikan Biologi sebagai wadah

informasi prodi

2. Sebagai pengenalan kepada mahasiswa Teknik Informatika di dunia kerja

1.4. MANFAAT KERJA PRAKTEK

Diharapkan dari pelaksanaan kerja praktek ini dapat membawa manfaat

diantaranya :

1. Dengan adanya website ini dapat membantu prodi Pendidikan Biologi

dalam mempromosikan diri ke masyarakat

2. Dengan website ini sebagai wadah informasi bagi mahasiswa Prodi

Pendidikan Biologi dan masyarakat luas pada umumnya

Page 9: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

4

BAB II

TEMPAT KERJA PRAKTEK

2.1 GAMBARAN UMUM INSTANSI

Program studi Pendidikan Biologi merupakan salah satu program

studi yang ada di UIN Sunan Kalijaga Yogyakarta. Program studi ini

merupakan bagian dari Fakultas Sains dan Teknologi UIN Sunan Kalijaga

Yogyakarta. Program studi ini terbentuk sejak tahun 2005 dan saat itu masih

tergabung dengan program studi Biologi Murni. Mulai tahun 2012 ini,

diadakan pemisahan antara program studi Biologi dan program studi

Pendidikan Biologi. Dengan demikian kedua program studi ini berdiri

sendiri-sendiri dan memiliki kepengurusan masing-masing. Program studi ini

terbentuk berdasarkan munculnya kemajuan teknologi berbasis biologi yang

berkembang pesat dan menimbulkan kontrovesi di masyarakat seperti

kloning atau bayi tabung yang sempat menjadi pro kontra, hal ini terjadi

karena berkembangnya ilmu biologi melalui rekayasa genetika. Integrasi dan

interkoneksitas ilmu biologi terutama rekayasa genetika dengan keislaman

merupakan keunggulan program studi biologi di UIN Sunan Kalijaga yang

dilengkapi dengan fasilitas laboratorium yang lengkap dengan peralatan

terkini, antara lain laboratorium biologi dasar, zoologi, botani, embriologi,

kultur jaringan, mikrobiologi serta laboratorium lain yang terpadu.

Page 10: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

5

Program studi ini diharapkan mampu mencetak guru biologi yang

mempunyai peranan penting sebagai mediator ilmu biologi ke generasi

penerus secara benar untuk menghindari terjadinya miskonsepsi, maka

program studi ini berusaha menjadikan guru sebagai sosok yang menguasai

ilmu biologi (scientis) secara benar, mudah dipahami dan mampu

menumbuhkan kesadaran lingkungan, hal ini juga ditunjang dengan adanya

kerjasama CIDA dan UIN serta dosen yang berlatar belakang pendidikan S2

dan S3 dari dalam maupun luar negeri.

Adapun program studi Pendidikan Biologi ini memiliki visi dan

misi yang tercantum sebagai berikut :

Visi

Unggul dan terkemuka dalam pemaduan dan pengembangan studi keislaman

dan pendidikan biologi bagi peradaban

Misi

1. Mengembangkan pendidikan dan pengajaran dalam bidang pendidikan

biologi yang integratif dan interkonektif yang berkepribadian ZIKR

(Zero based, Imani, Konsisten, dan Result Oriented)

2. Mengembangkan penelitian yang berkualitas dalam bidang pendidikan

biologi

3. Memberikan pelayanan kepada masyarakat dalam bidang pendidikan

biologi

Page 11: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

6

4. Mengembangkan kerja sama dengan berbagai phak dalam rangka

mewujudkan tridarma Perguruan Tinggi, terutama bidang pendidikan

biologi

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 :

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

Page 12: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

7

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 13: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

8

BAB III

HASIL DAN PEMBAHASAN

3.1 ANALISIS

3.1.1 KONDISI KERJA INSTANSI

Program studi Pendidikan Biologi berada di Gedung Fakultas

Sains dan Teknologi UIN Sunan Kalijaga lantai 2. Di lantai 2 ini

merupakan ruang bagi tempat dosen tetap berada.

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. Di

laboratorium ini, tempat bagi dosen praktikum melakukan

perkuliahan dan praktikum biologi dibantu oleh asisten praktikum

dan laboran.

3.1.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.

Page 14: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

9

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. Hal ini juga dipengaruhi karena

sedikitnya jumlah dosen yang berada di prodi Pendidikan Biologi

yang hanya berjumlah 7 orang dimana 1 orang dosen melanjutkan S3

sehingga hanya tersisa 6 orang dosen yang bertugas mengurusi prodi

Pendidikan Biologi.

Sumber daya manusia (SDM) yang berada di program studi

Pendidikan Biologi ini diantaranya :

No Nama Dosen Jabatan

1 Runtut Prih Utami, M.Pd.

Kepala Prodi

2 Eka Sulistiyowati, S.Si., MA

Dosen

3 Widodo, M.Pd

Dosen

4 Lela Susilawati, S.Pd, M.Si

Dosen

5 Dian Noviar, M.Pd

Dosen

6 Sulistyawati, M.Si

Dosen

7 Dias Idha Pramesti, M.Si Dosen

Page 15: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

10

3.1.3 KONDISI LAYANAN YANG BERJALAN

Layanan administrasi yang berjalan di prodi Pendidikan

Biologi ini berjalan kurang lancar. Hal ini dikarenakan karena masa

transisi atau peralihan dari yang semula tergabung dengan prodi

Biologi Murni, mulai tahun 2012 ini sudah berdiri sendiri. Dari segi

data, masih tercampur dengan data dari prodi Biologi Murni. Selain

itu, mungkin karena belum terbaginya susunan kepengurusan dalam

prodi pendidikan Biologi, sehingga kerja prodi menjadi tidak jelas

dan hanya terfokus pada kepala prodi saja. Belum ada sekretaris

prodi dan divisi-divisi lain yang ada dalam susunan kepengurusan.

Selain itu jumlah SDM yang ada di prodi Pendidikan Biologi terbatas

hanya 6 orang maka sulit untuk membagi kepengurusan yang solid.

Selain itu layanan masih bersifat manual seperti pengumuman

akademik, berita, agenda, judul-judul skripsi yang pernah dibuat dan

lain-lain membuat informasi tersebut jarang bisa diakses secara cepat

dan mudah.

3.2 KEGIATAN KERJA PRAKTEK

Setelah melakukan analisis terhadap kondisi kerja instansi,

kondisi SDM dan kondisi layanan yang berjalan di prodi Pendidikan

Biologi UIN Sunan Kalijaga, maka kami mulai merancang sebuah website

yang nantinya akan digunakan sebagai wadah untuk menampung segala

informasi prodi Pendidikan Biologi seperti agenda, berita, pengumuman

Page 16: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

11

dan informasi lain yang terkait dengan prodi Pendidikan Biologi.

Karena dalam laporan ini saya membatasi permasalahan pada

sisi halaman user biasa (client), maka saya akan membahas tidak melebihi

pada batasan tersebut.

Adapun tahapan-tahapan yang dilalui diantaranya tahap

perencanaan, tahap perancangan dan tahap implementasi.

3.2.1. Tahap Perencanaan

Tahap perencanaan meliputi tentang perencanaan menu yang

akan dibuat, tampilan serta data-data apa saja yang dibutuhkan

untuk mengisi websitenya nanti.

Menu-menu yang akan dimasukkan dalam website prodi

Pendidikan Biologi ini meliputi :

1. Home

2. Kampus

2.1 Profil prodi,

2.2 Visi dan misi,

2.3 Sasaran dan tujuan

3. Akademik

3.1 Peraturan Akademik

3.2 Kalender Akademik

3.3 Tenaga Pengajar

4. Penelitian

4.1 Jurnal Penelitian

Page 17: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

12

5. Organisasi Mahasiswa

5.1 BEM-J

5.2 Biolaska

5.3 BioEnter

6. Sarana dan Prasarana

6.1 Laboratorium

7. Berita

8. Agenda

9. Pengumuman

10. Galeri

11. Download

12. Guestbook

13. Kontak

14. Tutorial

15. Polling

16. Gabung Grup FB

17. Pencarian

18. Alumni

Adapun data-data yang dibutuhkan untuk mengisi website

ini diantaranya :

1. Data Prodi meliputi profil, visi misi dan kompetensi lulusan

2. Data Akademik meliputi data peraturan akademik, kalender

akademik dan tenaga pengajar

Page 18: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

13

3. Data Penelitian meliputi jurnal penelitian yang pernah dilakukan

oleh dosen Pendidikan Biologi

4. Data Organisasi Mahasiswa meliputi data BEM-J, Biolaska dan

BioEnter

5. Data Berita, Agenda dan Pengumuman Prodi

6. Data Foto-foto Kegiatan

7. Data Hasil Skripsi Mahasiswa

8. Data Tutorial

3.2.2. Tahap Perancangan

Perancangan website ini menggunakan pendekatan

berorientasi objek dengan menggunakan metode Unified Mark-up

Language (UML).

Use Case

Use Case yang digunakan pada laporan kerja praktek ini

ditunjukkan Gambar 3.2.2.1.

Page 19: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

14

Gambar 3.2.2.1. Use Case

Sebagaimana yang terlihat dalam Gambar 3.2.2.1, aktor dari

yang ada dalam sistem ini adalah user biasa. User biasa adalah

pengguna yang tidak memiliki keanggotaan atau yang belum

melakukan proses login sehingga hanya dapat mengakses area yang

disediakan untuk user biasa misal mahasiswa atau pengunjung

website secara umum.

Page 20: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

15

Gambar 3.2.2.2. Use Case Master Data

Untuk modul master data dilakukan oleh user biasa tanpa harus login

terlebih dahulu ke sistem.

Page 21: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

16

Gambar 3.2.2.3. Detail Use Case Akses Web Prodi

Pendidikan Biologi

Definisi Use Case

1. Akses Data Statis

Melihat isi menu-menu yang berisi data statis seperti menu

home, kampus yang meliputi profil, visi misi dan kompetensi

lulusan, akademik yang meliputi peraturan akademik dan

tenaga pengajar, penelitian, organisasi mahasiswa dan lain-

lain.

Page 22: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

17

2. Akses Polling

Mengisi polling dan melihat hasil polling yang telah

dilakukan oleh pengunjung website.

3. Akses Download

Melihat file skripsi dan mendownload file skripsi yang

diperlukan pengunjung website.

4. Akses Guest Book

Mengisi nama, email, dan komentar yang ditujukan untuk

prodi Pendidikan Biologi.

5. Akses Pencarian

Melakukan pencarian berita, pengumuman, agenda dan

tutorial dengan memilih kategori dan memasukkan kata kunci

tertentu.

6. Akses Alumni

Mengisi biodata bagi alumni prodi Pendidikan Biologi.

Page 23: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

18

Diagram Aktivitas

Diagram aktivitas atau diagram tingkah laku merupakan suatu

gambaran tentang proses yang berjalan dalam sistem yang dibuat

yaitu pada halaman user biasa.

Halaman user biasa merupakan halaman yang dapat diakses oleh

siapa saja. Oleh karena itu, pada halaman ini tidak terdapat

pemeriksaan terhadap status dari pengguna dan langsung

menampilkan halaman yang diminta oleh pengguna.

Diagram tingkah laku dari proses pengisian polling ditunjukkan oleh

Gambar 3.2.2.4.

Page 24: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

19

USER BIASA WEBSITE

MENGISI POLLING

SIMPAN DI DATABASE

TAMPILAN FORM

POLLING

KIRIM POLLING

LIHAT HASIL POLLING

Gambar 3.2.2.4. Diagram aktivitas proses isi polling

Diagram tingkah laku dari proses download ditunjukkan oleh Gambar

3.2.2.5.

Page 25: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

20

USER BIASA WEBSITE

PILIH FILE

DOWNLOAD

AMBIL FIILE DI

DATABASE

TAMPILAN HALAMAN

DOWNLOAD

KLIK TOMBOL

DOWNLOAD

FILE DOWNLOAD PROSES DOWNLOAD

Gambar 3.2.2.5. Diagram aktivitas proses download

Diagram tingkah laku dari proses pengisian guest book ditunjukkan

oleh Gambar 3.2.2.6.

Page 26: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

21

USER BIASA WEBSITE

MENGISI NAMA,

EMAIL, PESAN

SIMPAN DI DATABASE

TAMPILAN GUEST

BOOK

KIRIM PESAN

PESAN TERKIRIM

Gambar 3.2.2.6. Diagram aktivitas proses pengisian guest book

Diagram tingkah laku dari proses pencarian ditunjukkan oleh Gambar

3.2.2.7.

Page 27: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

22

USER BIASA WEBSITE

MEMILIH KATEGORI

PENCARIAN

COCOKKAN DI

DATABASE

TAMPILAN FORM

PENCARIAN

MASUKKAN KATA

KUNCI

KLIK TOMBOL CARI

ADATAMPILKAN DATA

TIDAK ADA

Gambar 3.2.2.7. Diagram tingkah laku proses pencarian

Diagram tingkah laku dari proses pengisian data alumni dapat dilihat

pada Gambar 3.2.2.8.

Page 28: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

23

USER BIASA WEBSITE

MENGISI BIODATA

ALUMNI

SIMPAN DI DATABASE

TAMPILAN FORMM

ALUMNI

KIRIM BIODATA

KLIK LINK VERIFIKASI

DI EMAILCEK DATABASE

DATA TERVERIFIKASI

Gambar 3.2.2.8. Diagram tingkah laku proses pengisian data alumni

3.2.3. Tahap Implementasi

Setelah melakukan perancangan terhadap website maka

selanjutnya adalah tahap implementasi atau melakukan coding.

Page 29: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

24

Beberapa tampilan website diantaranya :

Merupakan halaman depan dari website dengan

menyertakan menu-menu yang ada.

3.2.3.1. Halaman Depan Website

Merupakan tampilan menu website yang terdiri dari menu

atas dan menu samping.

3.2.3.2. Menu atas

Page 30: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

25

3.2.3.3. Menu samping

Merupakan tampilan polling untuk menampilkan sejumlah

pertanyaan yang diajukan kepada pengunjung website ini.

3.2.3.4. Form polling

Merupakan tampilan materi-materi yang dapat didownload

oleh pengunjung website.

Page 31: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

26

3.2.3.5. Tampilan Link Download

Merupakan tampilan untuk menghubungi admin melalui

Yahoo Messenger (YM).

3.2.3.6. Tampilan Hubungi Admin

Merupakan tampilan foto-foto kegiatan yang dilakukan

prodi Pendidikan Biologi.

Page 32: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

27

3.2.3.7. Tampilan Galeri Kegiatan

Merupakan tampilan berita-berita terkini tentang prodi

Pendidikan Biologi.

3.2.3.8. Tampilan Berita

Merupakan tampilan agenda yang akan dilaksanakan oleh

prodi Pendidikan Biologi.

3.2.3.9. Tampilan Agenda

Page 33: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

28

Merupakan tampilan pengumuman terbaru dari prodi

Pendidikan Biologi.

3.2.3.10. Tampilan Pengumuman

Merupakan tampilan guest book atau buku tamu yang dapat

diisi oleh pengunjung website yang ditujukan kepada prodi

Pendidikan Biologi. Berisi saran, kritik dan pertanyaan.

3.2.3.11. Tampilan Guest Book

Page 34: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

29

Merupakan tampilan menu pencarian untuk mencari

informasi yang berada di dalam website dengan memasukkan kata

kunci tertentu.

3.2.3.12. Tampilan Menu Pencarian

Merupakan tampilan statistik pengunjung website yang

menampilkan jumlah kunjungan, IP Address, sistem operasi yang

dipakai dan browser yang digunakan.

3.2.3.13. Tampilan Statistik Pengunjung

Merupakan tampilan link-link yang terkait dengan prodi

Pendidikan Biologi.

3.2.3.14. Tampilan Link Terkait

Page 35: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

30

Merupakan tampilan like page dari prodi Pendidikan

Biologi di Facebook.

3.2.3.15. Tampilan Like Page Facebook

Merupakan tampilan profil dari prodi Pendidikan Biologi.

Terdiri dari profil, visi dan misi serta kompetensi lulusan.

3.2.3.16. Tampilan Menu Kampus

Page 36: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

31

Merupakan tampilan dari menu Akademik yang berisi

peraturan akademik, kalender akademik dan tenaga pengajar tentang

prodi Pendidikan Biologi.

3.2.3.17. Tampilan Menu Akademik

Merupakan tampilan menu Jurnal dan Pengembangan yang

berisi tentang penelitian-penelitian yang pernah dilakukan oleh dosen

prodi Pendidikan Biologi.

3.2.3.18. Tampilan Menu Penelitian

Merupakan tampilan menu Organisasi Mahasiswa yang

berisi organisasi mahasiswa yang ada di prodi Pendidikan Biologi.

Page 37: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

32

3.2.3.19. Tampilan Menu Organisasi Mahasiswa

Merupakan tampilan menu Sarana Prasarana yang berisi

tentang fasilitas laboratorium yang dipakai prodi Pendidikan Biologi

untuk melakukan praktikum.

3.2.3.20. Tampilan Menu Sarana Prasarana

Page 38: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

33

3.3 REKOMENDASI

Melihat dari masalah dan keadaan instansi prodi Pendidikan Biologi UIN

Sunan Kalijaga maka ada beberapa rekomendasi atau saran yang dapat

disampaikan, diantaranya :

1. Pembuatan website sebagai wadah informasi bagi prodi Pendidikan

Biologi dan juga sarana mempromosikan diri kepada masyarakat luas.

2. Penunjukkan staff khusus untuk mengurusi website yang bekerja

melakukan update informasi sehingga informasi yang ada di website

selalu up to date.

Page 39: PEMBUATAN WEBSITE PRODI PENDIDIKAN BIOLOGI UIN SUNAN ...

34

BAB IV

PENUTUP

4.1 KESIMPULAN

Melihat latar belakang masalah dan kondisi yang ada di prodi

Pendidikan Biologi UIN Sunan Kalijaga dimana kurang lancarnya arus

informasi dari prodi ke mahasiswa dan masyarakat, maka hendaknya website

ini menjadi solusi. Website merupakan salah satu cara yang cukup baik untuk

menyampaikan informasi melalui internet. Dengan adanya website,

penyebaran informasi menjadi lebih cepat dan mudah. Dengan adanya

website prodi Pendidikan Biologi ini diharapkan informasi mengenai prodi

Pendidikan Biologi dapat diperoleh dengan cepat dan mudah. Hal ini juga

sebagai media promosi ke masyarakat luas.