bab iii pembahasan - repository.bsi.ac.id · 3. kepala sekolah menerima laporan data absensi...

22

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Dalam tinjauan perusahaan ini berisi tentang gambaran umum Pondok

Pesantren Habib Al Sholeh Bin Alwi Al Haddad dan struktur organisasi serta

fungsi dari masing-masing bagian yang ada dalam Pondok Pesantren tersebut.

3.1.1. Gambaran Umum Pondok Pesantren Habib Al Sholeh Bin Alwi Al

Haddad

Pondok Pesantren Habib Al Sholeh Bin Alwi Al Haddad adalah lembaga

pendidikan islam sistem pendidikan dan pengajaran yang berkembang di lembaga

ini perpaduan anatara sistem pesantren tradisional dengan pendidikan modern

yang berkembang saat ini.

Sejak awal berdirinya para pendiri pesantren telah menegaskan bahwa

pondok pesantren Habib Al Sholeh Bin Alwi Al Haddad sebagai pondok milik

umat atau seluruh lapisan masyarakat islam. Hal ini didasarkan pada keikutsertaan

dan adil dari lapisan umat islam dalam membangun dan mengembangkan

keberadaan pesantren tersebut sejak awal proses berdirinya sampai saat ini

A. Visi dan Misi Pondok Pesantren Habib Al Sholeh Bin Alwi Al Haddad

1. Visi

a. Terwujunya insane yang memiliki keseimbangan spiritual, inteletual, dan

moral meju generasi ulul albab yang berkomitmen tinggi terhadap

kemadalatan umat dengan landasan Al-Quran dan As-Sunnah

2. Misi

23

a. Menyelenggarakan proses pendidikan islam yang beroientasi pada mutu,

berdaya saing tinggi dan berbasis pada sikap spiritual, inteletual dan moral

guna mewujudkan pemimpin yang menjadi rahmatan lil alamin.

b. Meningkatkan citra positif lembaga pendidikan pondok pensantren yang

berwawasan sains dan teknologi serta berbudaya modern.

Pondok Pesantren Habib Al Sholeh Bin Alwi Al Haddad kabupaten kuburaya

merupakan salah satu satuan unit kerja dibawah pembinaan Dinas Pendidikan

Kabupaten Kuburaya yang dipimpin oleh seorang Kepala Sekolah dan dibantu

staf-stafnya. Sampai dengan saat ini Pondok Pesantren Habib Al Sholeh Bin Alwi

Al Haddad memiliki tenaga fungsional sebanyak 9 orang, yang terdiri dari:

Tabel III.1

Ketenagaan / Fungsional

NO TENAGA FUNGSIONAL JUMLAH

1 KEPALA SEKOLAH 1

2 DEWAN / KOMITE 1

3 TATA USAHA 1

4 Wk.UR.Kurikulum 1

5 Wk.UR.Kesiswaan 1

6 Wk.UR.Sarana Prasarana 1

7 Wk.UR.Humas 1

8 Jabatan Wali Kelas 8

9 Guru 23

JUMLAH 38

Sumber : Profil Pesantren Habib Al Sholeh Bin Alwi Al Haddad

24

Adapun pembagian tugas masing-masing bagian di Pondok

Pesantrenadalah sebagai berikut :

1. Kepala Sekolah

Bertanggung jawab terhadap terlasananya program kerja jangka panjang

organisasi, mengkoordinir seluruh bagian-bagian yang ada, membangun kerja

sama dengan lembaga, instasi pemerintahan, organisasi dan element

masyarakat yang berada diluar pondok.

2. Dewan / Komite

Membuat semua jenis surat menyurat dalam pondok, mendampingi kepala

sekolah dalam semua kegiatan, mengarsipkan semua kegiatan yang ada,

melengkapi data guru yang mengajar di pondok pesantren

3. Tata Usaha

Mengatur penguruasan karyawan mengurus kebutuhan fasilitas tata usaha,

mengatur administrasi hasil proses

4. Wa.UR.Kurikulum

Menyusun pembagian tugas guru dan jadwal pembelajaran memahami

atau mengkaji dan menguasi pelaksanaan dan pembangunan kirikulum

menyusun dan menerpkan kriteria / pesyaratan kenaikan kelas serta

kelulusan siswa/siswi menganalisis hasil belajar, remedial dan ketuntasan

belajar santri

5. Wa.UR.Kesiswaan

Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan santri

meyusunprogram pembinaan santri menyusun laporan pelaksanaan

kegiatan ekstrakurikuler

25

6. Wk.UR.Sarana dan Prasarana

Menyusun program kegiatan sarana prasarana membuat usulan dan

pengadaan sarana prasarana memantau pengadaan bahan praktek santri

7. Wk.UR.Humas

Memastikan kelancaran pelaksanaan praktek kerja industri dengan baik

dan terkendali merumuskan melaksanakan dan mengembangkan

kerjasama dengan duniamemastikan kelancaran unit produksi dengan baik

dan terkendali

8. Jabatan Wali Kelas

Jabatan Wali Kelas adalah suatu pekerjaan dan persyaratan bahwa jabatan

merupakan prosedur untuk menetapkan tugas dan tuntuan keterampilan dari

suatu jabatan orang macam apa yang akan melaksanakan pekerjaan tersebut.

9. Guru

Menciptakan suasana atau iklim proses pembelajaran yang dapat

memotivasi siswa untuk senantiasa belajar dengan baik dan

bersemangat.Memiliki tugas yang beragam yang berimplementasi dalam

bentuk pengabdian.Tugas tersebut meliputi bidang profesi, bidang

kemanusiaan, dan bidang kemasyarakatan.Tugas guru sebagai profesi

meliputi mendidik, mengajar dan melatih.

26

3.1.2. Struktur Organisasi dan Fungsi

Struktur organisasi merupakan gambaran secara sistematis tentang

hubungan yang terlibat dalam suatu perusahaan/instansi untuk mencapai suatu

tujuan. Agar tiap-tiap bagian dapat melaksanakan tugasnya maka diperlukan suatu

kejelasan mengenai wewenang dan tanggung jawab masing-masing dari bagian

tersebut. Demikian pula dengan pondok pesantren al habbib sholeh bin alwi al

haddad, dalam upaya menjalankan pendidikan tersebut, pondok pesantren al

habbib sholeh bin alwi al haddad membentuk struktur organisasi sebagai berikut:

Sumber : Struktur Organisasi Pondok Pesantren

Gambar III.1 Struktur Organisasi Pondok Pesantren

27

3.2. Analisa Kebutuhan

Perancangan sistem absensi karyawan memiliki dua kebutuhan sistem

yaitu kebutuhan fungsional dan kebutuhan non-fungsional.

3.2.1 Analisa Kebutuhan Fungsional

Prosedur merupakan urutan kegiatan yang tepat dari tahapan-tahapan yang

menerangkan mengenai proses apa yang dikerjakan, siapa yang mengerjakan

proses tersebut, bagaimana proses tersebut dapat dikerjakan dan dokumen apa saja

yang terlibat.

1. Karyawan melakukan absensi untuk mengisi data absensi dirinya

2. TU memberikan laporan data absensi karyawan kepada Kepala Sekolah.

3. Kepala Sekolah menerima laporan data absensi absensi karyawan.

4. Kepala Sekolah melakukan pemeriksaan kesesuaian data.

5. Laporan data absensi yang sesuai akan dimasukan secara manual melalui

keyboard.

6. Kumpulan data absensi karyawan yang telah di inputkan disimpan dalam

format microsoft exel(.xls).

7. Setelah melakukan proses input kemudian data absensi karyawan di cetak dan

di simpan untuk dijadikan arsip.

3.2.2 Analisa Kebutuhan Fungsional

Kebutuhan non-fungsional adalah kebutuhan di luar kebutuhan fungsional

sistem. Kebutuhan non-fungsional berisi tentang komponen-komponen yang akan

dilibatkan pada saat sistem dibangun. Komponen-komponen tersebut meliputi

kebutuhan hardware yaitu kebutuhan akan spesifikasi hardware, kebutuhan

software yang sangat mempengaruhi berjalanya website, hingga kebutuhan akan

28

brainware yaitu pengguna dari website tersebut. Untuk lebih jelasnya akan

dibahas dibawah ini:

A. Perangkat Keras (Hardware)

Dalam pembuatan aplikasi ini, di butuhkan perangkat keras agar program

aplikasi yang dibuat dapat berjalan dengan baik. Adapaun kebutuhan perangkat

keras yang diperlukan sebagai berikut:

1) Komputer

2) Keyboard

3) Mouse

4) Printer

B. Perangkat Lunak (Software)

Kebutuhan perangkat luanak atau software yang digunakan untuk

pembuatan aplikasi ini harus sesuai dengan kebutuhan yang diperlukan. Adapaun

kebutuhan perangkat lunak yang diperlukan sebagai berikut:

1) Microsoft window 7,sebagai sitem oprasi.

2) Web Server Apache, untuk menghasilkan halam web yang benar kepada

client peminta, berdasarkan kode program yang telah ditulis.

3) MYSQL, untuk membuat dan mengola database beserta isinya, sehingga

dapat menambahkan,mengubah, dan mengapus data yang berada

didalam database.

4) Mozilla firefok, sebagai wab browser.

C. Sumber daya manusia (Brainware)

Setelah sistem dibangun, maka perlu adanya pengguna sistem untuk melalukan

29

kegiatan pengelolaandata. Adapaun karyawanpada sistem absensi karyawn ini

terdiri dari:

D. Kinerja

Sistem dapat digunakan dimn saja dan kapan saja, dengan syarat harus

tersedianya koneksi jaringan internet.

E. Keamanan

Sistem dan database dilengkapai dengan password untuk login karyawan.

F. Informasi

Sistem dapat memberi peringatan apa bila karyawan salah memasukan Nik dan

password.

3.3. Perancangan Perangkat Lunak

Dalam perancangan perangkat lunak ini terdiri dari rancangan antar muka

dan rancangan basis data, dimana rancangan basis data meliputi ERD (Entity

Relationship Diagram), LRS (Logical Relationship Diagram), dan spesifikasi file.

3.3.1. Rancangan Antar Muka

Adapun rancangan antar muka (interface) yang terdapat pada sistem absensi

pondok pesantren Al Habbib Sholeh Bin Al Haddad adalah sebagai berikut:

A. Rancangan antar muka login

Pada halaman iniuserharus memasukan username dan password untuk dapat

masuk kehalaman berikutnya. Berikut ini rancangan antar muka login.

30

Gambar III.2 Rancangan Form Login

B. Rancangan antar muka Home

Pada halaman inikepala sekolahharus mengisi data absensi dan data absensi

tersebut akan menjadi data absensi karyawan berikutnya. Berikut ini rancangan

antar muka Home.

Absensi Karyawan

Gambar III.3 Rancangan Form Home

Sistem Informasi Absensi

Sistem Login Absensi : Form Login Absensi

SIGN IN

LOGO

Aplikasi Absensi Kepegawaian

Absensi Kepegawain Pondok Pasantren Jl. Trans Kalimantan, Sul Ambawang Kuala, Sungai Ambawang, Kabupaten Kubu Raya, Kalimantan Barat 78241

Home Master Data Absensi Karyawan Absensi Mengajar Rekapitulasi Logout

No Tanggal Jam Masuk Jam Keluar setatus

FOTO

Footer

Footer

Footer

LOGO

31

C. Rancangan antar muka karyawan

Pada halaman inikepala sekolahharus memasukan data karyawan dan tambah

karyawan untuk dapat masuk kehalaman berikutnya dan di halaman data

karyawan menampilkan No, Nik, Nama, Level, Aksi. Berikut ini rancangan

antar muka karyawan.

Gambar III.4 Rancangan Form Data Karyawan

Aplikasi Web


Home Master Data Jadwal Mengajar Absensi Karyawan Absensi Mengajar Laporan Logout

Data Karyawan

Data Pendidikan

Data Mata Pelajaran

Data Jadwal

xxxx Level Akses Xxxxx / 9999 Pencarian

No Nik Nama Karyawan Level Aksi

999 9999 xxxx xxxx Detail Edit hapus



Tambah

LOGO

32

D. Rancangan antar muka tambah

Pada halaman inikepala sekolahbiasa menambah data karyawan untuk dapat

masuk kehalaman berikutnya dan di halaman tambah menampilkan Level

Akses, Nama karyawan, Password. Berikut ini rancangan antar muka tambah

Gambar III.5 Rancangan Antar Muka Karyawan Form Tambah

HALAMAN KELOLAH KARYAWAN


Tambah

xxxx

xxxx

xxx Simpan

33

E. Rancangan antar muka pendidikan

Pada halaman pendidikan ini menampilkan table halaman pendidikan yang

berisi data pendidikan karyawan berikut antar muka pendidikan.

Gambar III.6 Rancangan Form Pendidikan

Aplikasi Web



Id Pendidikan Nama Pendidikan Aksi

Xxx Xxx Edit Hapus Xxx Xxx Edit Hapus

LOGO

Tambah

34

F. Rancangan antar muka tambah pendidikan

Pada halaman inikepala sekolahbisa menambah data pendidikan pada halaman

tambah pendidikan yang berisi data pendidikan karyawan berikut antar muka

tambah pendidikan.

Gambar III.7 Rancangan Form Tambah Pendidikan

Aplikasi Web

Absensi Kepegawain Pondok Pasantren Jl. Trans Kalimantan, Sul Ambawang Kuala, Sungai Ambawang, Kabupaten Kubu Raya, Kalimantan Barat

78241


Nama Pendidikan : xxxxxxxxxxx

LOGO

Tambah

35

G. Rancangan antar muka Mata Pelajaran

Didalam halaman inikepala sekolahmelihat data mata pelajaran yang akan ia

ajar kan dan di dalam mata pelajran bisa menambah data mata pelajaran dalam

mata pelajaran berisi data mata pelajaran berikut antar muka mata pelajaran.

Gambar III.8 Rancangan antar muka mata pelajaran

Aplikasi Web



Id Mata pelajaran Nama Mata Pelajaran Aksi

999 Xxx Edit Hapus 999 Xxx Edit Hapus

LOGO

Tambah

36

H. Rancangan antar muka Data Jadwal

Didalam halaman inikepala sekolahmelihat data jadwal mengajar yang

terhubung dalam absensi mengjar saat karyawan melihat data jadwal mengajar

dan absen menajar maka data yang di input dari data jadwal menjadi data absen

mengajar untuk halaman absensi mengajar berikut antar muka jadwal

mengajar.

Gambar III.9 Rancangan antar muka data jadwal

LOGO

Aplikasi Web



No Nik Nama Karyawan Mata Pelajaran

999 Xxx Xxx Xxx

999 Xxx Xxx Xxx

LOGO

Tambah

37

I. Rancangan antar muka Data Tambah Jadwal

Didalam halaman inikepala sekolahbisa menambah data jadwal mengajar yang

terhubung dalam data jadwal saat karyawan melihat data jadwal mengajar dan

absen menajar maka data yang di input dari data jadwal menjadi data absen

mengajar untuk halaman jadwalmengajar berikut antar muka jadwal mengajar.

Gambar III.10 Rancangan antar muka tambah data jadwal

LOGO

Aplikasi Web



Mata Pelajaran : Xxx

Nama Guru : Xxx

LOGO

Tambah

Simpan Data

38

J. Rancangan antar muka Jadwal Mengajar

Didalam halaman inikepala sekolahmengisi data absen jadwal mengajar yang

terhubung dalam jadwal pertama saat karyawan mengisi data absen masuk

mengajar dan absen keluar mengajar maka data yang di input dari jadwal

mengajar menjadi data absen mengajar untuk halaman absensi mengajar

berikut antar muka jadwal mengajar.

Gambar III.11 Rancangan antar muka jadwal mengajar

LOGO

Aplikasi Web



No Mata Pelajaran Absensi 999 Xxx Absensi

999 Xxx Absensi

LOGO

39

K. Rancangan antar muka absensi karyawan dan hapus

Didalam halaman inikepala sekolahmengisi data absen dan hapus yang

terhubung dalam halaman home pertama saat karyawan mengisi data absen

masukdan absen keluar maka data yang di input dari halaman home menjadi

data absenuntuk halaman absensi karyawan berikut antar muka absensi

karyawan.

Gambar III.12 Rancangan antar muka absensi karyawan

Aplikasi Web



No Nik Nama Tanggal Jammasuk Jamkeluar Status Aksi 999 999 Xxx 999 00:00:00 00:00:00 Xxx Hapus

LOGO

Xxx Pencarian

40

L. Rancangan antar muka absensi karyawan dan hapus

Didalam halaman inikepala sekolahmengisi data absen dan hapus yang

terhubung dalam halaman home pertama saat karyawan mengisi data absen

masukdan absen keluar maka data yang di input dari halaman home menjadi

data absenuntuk halaman absensi karyawan berikut antar muka absensi

karyawan.

Gambar III.13 Rancangan antar muka absensi mengajar

LOGO

Aplikasi Web



No Nik Nama Mata

pelajaran

Tanggal Masuk

Mengajar

Keluar

Mengajar

Status Aksi

999 999 Xxx Xxx 999 00:00:00 00:00:00 Xxx Hapus

Pencarian

Xxx

LOGO

41

M. Rancangan antar muka Laporan Absensi Karyawan

Pada halaman inikepala sekolahmelihat laporan absensi untuk melihat hasil

laporan absensi perbulan berikut rancangan antar antar muka laporan absensi

dan laporan mengajar

Gambar III.14 Rancangan antar muka laporan absensi karyawan

Aplikasi Web



Form Laporan Absensi Karyawan

Laporan bulanan

Pilih Bulan

LOGO

Laporan absensi

Laporan Mengajar

Lihat Data

42

N. Rancangan antar muka LIhat Laporan Absensi Karyawan

Pada halaman inikepala sekolahmelihat hasil laporan absensi karyawan untuk

melihat hasil laporan absensi karyawan perbulan berikut rancangan antar antar

muka laporan absensi

Gambar III.15 Rancangan antar muka lihat laporan absensi karyawan

Aplikasi Web



Data Absensi Karyawan

No Nik Nama karyawan Tangga Jam masuk Jam keluar status

999 999 Xxx 999 999 999 xxx

Proses Print

LOGO

43

O. Rancangan antar muka Laporan Absensi Karyawan

Pada halaman inikepala sekolahmelihat laporan absensi untuk melihat hasil

laporan absensi perbulan berikut rancangan antar antar muka laporan absensi

dan laporan mengajar

Gambar III.16 Rancangan antar muka laporan absensi karyawan

Aplikasi Web



Form Laporan Absensi Mengajar

Laporan bulanan

Pilih Bulan

LOGO

Lihat Data

44

P. Rancangan antar muka LIhat Laporan Absensi Karyawan

Pada halaman inikepala sekolahmelihat hasil laporan absensi karyawan untuk

melihat hasil laporan absensi karyawan perbulan berikut rancangan antar antar

muka laporan absensi

Gambar III.17 Rancangan antar muka lihat data laporan absensi mengajar

Aplikasi Web



Data Absensi Mengajar

No Nik Nama karyawan Mata

Pelajaran Tangga Jam

masuk

Jam

keluar status

999 999 Xxx Xxx 999 999 999 xxx

LOGO

Proses Cetak

45

Q. Rancangan antar muka laporan cetak

Pada halaman inikepala sekolahmelihat hasil laporan cetak absensi karyawan

untuk melihat hasil kerja para guru

Gambar III.18 Rancangan antar laporan cetak

Aplikasi Web


Laporan Absensi Bulanan

No Nik Nama karyawan Mata

Pelajaran Tangga

Jam

masuk

Jam

keluar status

999 999 Xxx Xxx 999 999 999 xxx

Xxx

Xxx

Xxx

LOGO

46

3.3.2. Rancangan Basis Data

Pada perancangan basis data menghasilkan pemetaan tabel-tabel yang dapat

digambarkan dengan mengunakan Entity Relationship Diagram (ERD), Logical

Record Structure (LRS), dan Spesifikasi File. Adapun gambaran perancangan

basis data yang dimaksud sebagai berikut:

A. Entity Relationship Diagram

Gambar III.19 Entity Relationship Diagram

47

B. Logical Relational Structure(LRS)

Gambar III.20 Logical Relational Structure(LRS)

48

A. Spesifikasi File

Dalam spesifikasi file ini menjelaskan tentang file atau tabel yang terbentuk

dari transformasi Entity Relationship Diagram (ERD) dan atau file-file yang

menunjang dalam aplikasi web. File-file ini tersimpan dengan nama

db_absensidengan parameter-parameter sebagai berikut:

1. Spesifikasi file karyawan

Nama file : karyawan

Akronim : karyawan

Fungsi : Untuk menyimpan data karyawan

Tipe file : File Master

Organisasi file : Indexed Sequential

Akses file : Random

Media : Harddisk

Panjang record :349

Kunci field : nik

Software : MySQL

Tabel III.2

Spesifikasi File Tabel Karyawan

No Elemen Data nama Field Tipe Size Keterangan

1 Nik Nik Int 20 Premary Key

2 Nama Name Varchar 100

3 Password Password Varchar 32

49

4 Level Level tinyint 4

5 Foto Foto Varchar 16

6 Gender Gender Tinyint 4

2. Spesifikasi FilePendidikan

Nama file : Pendidikan

Akronim file : pendidikan.frm

Fungsi : Sebagai tempat penyimpanan data pendidikan

Tipe file :file master


Akses file : Random

Media : Harddisk

Panjang Record : 41

Kunci field : Idpd

Software : MySQL

Tabel III.3

Spesifikasi File Tabel Pendidikan


1 Idpd Idpd Int 11

2 Nmpendididkan Nmpendidikan Varchar 30

3. Spesifikasi FileMata Pelajaran

Nama file : matapelajaran

50

Akronim file : matapelajaran.frm

Fungsi : Sebagai tempat penyimpanan data mata pelajaran



Akses file : Random

Media : Harddisk

Panjang Record : 60

Kunci field : Idmp

Software : MySQL

Tabel III.4

Spesifikasi File Tabel Matapelajran


1 Idmp Idmp Int 30 Primery Key

2 Matapelajaran Matapelajaran Varchar 30

4. Spesifikasi FileAbsensi Karyawan

Nama file : absensikaryawan

Akronim file : absensikaryawan.frm

Fungsi : Sebagai tempat penyimpanan data absensikaryawan



Akses file : Random

Media : Harddisk

Panjang Record : 33

51

Kunci field : Idak

Software : MySQL

Tabel III.5

Spesifikasi File Tabel Absensikaryawan


1 Idak Idak Int 11

2 Nik Nik Int 11

3 Tanggal Tanggal Date 4

4 Jammasuk Jammasuk Time 4

5 Jamkeluar Jamkeluar Time 4

6 Status Status Int 11

5. Spesifikasi FileAbsensi Mengajar

Nama file : absensimengajar

Akronim file : absensimengajar.frm

Fungsi : Sebagai tempat penyimpanan data absensimengajar



Akses file : Random

Media : Harddisk

Panjang Record : 44

52

Kunci field : Idmp

Software : MySQL

Tabel III.6

Spesifikasi File Tabel Absensimengajar


1 Idam Idam Int 11

2 Nik Nik Int 11

3 Idmp Idmp Int 11

4 Tanggal Tanggal Date 8

5 Jammasuk Jammasuk Time 4

6 Jamklr Jamklr Time 4

7 Stsabsen Int Int 11

6. Spesifikasi FileJadwal

Nama file : jadwal

Akronim file : jadwal.frm

Fungsi : Sebagai tempat penyimpanan data jadwal



Akses file : Random

Media : Harddisk

Panjang Record : 33

53

Kunci field : Idmp

Software : MySQL

Tabel III.7

Spesifikasi File TabelJadwal


1 Idjadwal Idjadwal Int 11 Primery key

2 Nik Nik Int 11

3 Idmp Idmp Int 11

54

1.3.3. Rancangan Struktur Navigasi

A.Rancangan Struktur Navigasi Halaman Admin

Gambar III. 21Rancangan struktur navigasi halaman admin

B.Rancangan Struktur Navigasi Halaman karyawan

Gambar III. 22Rancangan struktur navigasi halaman karyawan

55

C.Rancangan Struktur Navigasi Halaman Tata Usaha

Gambar III. 23 Rancangan struktur navigasi halaman Tata Usaha

56

1.4. Implementasi dan Pengujian Unit

1.4.1. Implementasi

Setelah sistem dianalisis dan didesain secara rinci, maka tahap selanjutnya

adalah implementasi.Tahap implementasi merupakan tahap meletakkan sistem

sehingga siap untuk digunakan. Tahap implementasi ini bertujuan untuk

mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat

memberikan masukan kepada pembangun sistem.

A. Implementasi Rancangan Antar Muka

Adapun implementasi rancangan antar muka pada Sitem Infromasi

Kepegawaian berdasarkan hasil rancangan antar muka sebagai berikut:

1. Tampilan halaman index dan login

Pada halaman iniKaryawan harus memasukan username dan password untuk

dapat masuk kehalaman berikutnya.karyawanyang bisa mengakses hanya

master data, absensi karyawan, absensi mengajar, laporan, logout.

Gambar III.24Tampilan halaman login

57

2. Tampilan halaman beranda admin

Pada halaman home terdapat beberapa menu yang dapat diakses oleh admin

atau karyawan, yaitu home, master data, jadwal mengajar, absensi

karyawan,absensi mengajar serta melakukan laporan, logout.

Gambar III.25Tampilan halaman kelolakaryawan

3. Tampilan halaman beranda master data karyawan

Pada halaman data karyawan terdapat beberapa menu yang dapat diakses oleh

admin atau karyawan, yaitu no, nik, nama karyawan,level, aksi serta

melakukan tambah dan pencarian

.

Gambar III.26 Tampilan halaman kelola master data karyawan

58

4. Tampilan halaman beranda master data karyawan tambah

Pada halaman data karyawan terdapat beberapa menu yang dapat diakses oleh

karyawan, yaitu level, nama karyawan,password serta simpan data

Gambar III.27 Tampilan halaman kelola master data karyawan tambah

5. Tampilan halaman beranda master data karyawan pencarian

Pada halaman data pencarian terdapat beberapa menu yang dapat diakses oleh

karyawan memasukkan nama karyawan atau nik

Gambar III.28 Tampilan halaman kelola master data karyawan pencarian

59

6. Tampilan halaman beranda pendidikan

Pada halaman pendidikan terdapat beberapa menu yang dapat dilhat oleh

admin atau karyawanyaitu id pendidikan dan nama pendidikan

Gambar III.29 Tampilan halaman pendidikan

7. Tampilan halaman tambah pendidikan

Pada halaman pendidikantambah terdapat beberapa menu yang dapat dilhat

oleh admin atau karyawanyaitu id pendidikan dan nama pendidikan

Gambar III.30 Tampilan halaman tambah pendidikan

60

8. Tampilan halaman mata pelajaran

Pada halaman mata pelajaran terdapat beberapa menu yang dapat dilhat oleh

karyawanyaitu id mata pelajaran, nama mata pelajaran, aksi

Gambar III.31 Tampilan halaman mata pelajaran

9. Tampilan halaman tambah mata pelajaran

Pada halaman tambah mata pelajaran terdapat beberapa menu yang dapat dilhat

oleh karyawanyaitu kategori mata pelajaran dan simpan

Gambar III.32 Tampilan halaman tambah mata pelajaran

61

10. Tampilan halaman data jadwal

Pada halaman jadwal terdapat beberapa menu yang dapat dilhat oleh

karyawanyaitu nik, nama, mata pelajaran

Gambar III.33 Tampilan halaman jadwal

11. Tampilan halaman tambah jadwal

Pada halaman tambah jadwal terdapat beberapa menu yang dapat dilhat oleh

karyawanyaitu kategori mata pelajaran dan nama guru

Gambar III.34 Tampilan halaman tambah jadwal

62

12. Tampilan halaman jadwal mengajar


karyawan yaitu no, nama mata pelajaran, absensi

Gambar III.35 Tampilan halaman jadwal mengajar

13. Tampilan halaman jadwal absensi masuk


karyawan yaitu no, tanggal, jam masuk, jam keluar, status

Gambar III.36 Tampilan halaman jadwal absensi masuk

63

14. Tampilan halaman absensi karyawan


karyawan yaitu no, nik, nama , tanggal, jam masuk, jam keluar, status, aksi

Gambar III.37Tampilan halaman absensi karyawan

15. Tampilan halaman absensi mengajar


karyawan yaitu no, nik, nama , mata pelajaran, tanggal, jam masuk, jam

keluar, status, aksi

Gambar III.38Tampilan halaman absensi mengajar

64

16. Tampilan halaman laporan absensi karyawan

Pada halaman laporankepala sekolah bisa melihat laporan bulanan yang ingin

di lihat

Gambar III.39Tampilan halaman laporan absensi karyawan

17. Tampilan halaman data absensi bulanan


di lihat dan menjadi arsip bulanan

Gambar III.40Tampilan halaman laporan data absensi bulanan

65

18. Tampilan halaman laporan absensi mengajar


di lihat pada setiap bulannya

Gambar III.41Tampilan halaman laporan absensi mengajar

19. Tampilan halaman laporan data mengajar


di lihat dan dapat di jadi kan data arsip mengajar

Gambar III.42Tampilan halaman laporan absensi karyawan

66

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasi Sistem Rekam Medis Pasien

Puskesmas sungai ambawang.

a. Spesifikasi perangkat keras

1) Server

a) CPU

(1) Processor2,4 GHz

(2) Hard Disk 500 GB

(3) RAM (Random Access Memory)2GB

b) Monitor dengan resolusi layar minimum 1024x700

c) Mouse

d) Keyboard

e) Printer

2) Client

a) CPU

(1) Processor 1,8 GHz

(2) Hard Disk 320 GB

(3) RAM(Random Access Memory)1 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024x600

e) Printer

b. Spesifikasi Perangkat Lunak

67

1) Server

a) Microsoft windows 7 Ultimate

b) WampServer 2.2, yang terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v 2.2.21

(2) Aplikasi Xampp server v 3.2.1

(3) Aplikasi MySQL Server v 5.5.20

c) Mozilla firefox dan Google Chrome, Uc Browser sebagai web browser

2) Client

a) Microsoft windows 7 Ultimate

b) Mozilla firefox dan Google Chrome, Uc Broweser sebagai web

browser

1.4.2 Pengujian Unit

Pengujian unit dilakukan dengan metode Black Box, dan pengujian

aplikasi ini dilakukan sebagai berikut:

1. Pengujian Login

Tabel III.8

Hasil Pengujian Blackbox Testing Halaman Login

No Skenario Pengujian Test case Hasil yang

diharapkan

Hasil Kesim

pulan

1 Username dan

password

dikosongkan. Klik

tombol login

Username:(k

osong)

Password :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “please

fiil out this field”

Sesuai

harapan

Valid

68

2 Username diisi, dan

password

dikosongkan. Klik

tombol login

Username :

admin

Password :

(kosong)

Sistem akan menolak

akses user dan

menampilkan “please


Sesuai

harapan

Valid

3 Mengetik salah satu

kondisi salah pada

Username dan

password. Klik

tombol login

Username :

1234 (salah)

Password :

admin

(benar)

Sistem akan menolak

akses user dan

menampilkan

“Username dan

password salah”

Sesuai

harapan

Valid

4 Mengetik Username

dan password yang

benar. Klik tombol

login

Username :

admin

(benar)

Password :

admin

(benar)

Sistem akan menerima

akses user dan

menampilkan halaman

utama

Sesuai

harapan

Valid

2. Pengujian Tambah karyawan

Tabel III.9

Hasil Pengujian Blackbox Testing Halaman Tambah karyawan

No Skenario pengujian Test case Hasil yang

diharapkan Hasil Kesimpulan

1

Kosongkan

semuakolomisian

kemudian klik tombol

Simpan Data

(Kosong)

Sistem akan

mengeluarkan

peringatan “please


Sesuai

harapan Valid

2

Kosongkan salah satu

kolom isian kemudian

klik tombol Simpan Data

Nama

karyawan:

(kosong)

Sistem akan

mengeluarkan



Sesuai

harapan Valid

3

Isi semua kolom dengan

benar kemudian klik

tombol Simpan Data

Terisi semua

Berhasil simpan dan

menuju halaman

Karyawan

Sesui

harapan Valid

69

3. Pengujian Level Akses Pasien

Tabel III.10

Hasil Pengujian Blackbox Testing Halaman Level Akseskaryawan



1

Kosongkan

semuakolomisianKemudian

klik tombol Level Akses

(Kosong)

Sistem akan

mengeluarkan



Sesuai

harapan Valid

2


kolom isianKemudian klik

tombol Level Akses

Level Akses :

nama Jabatan

Sistem akan

mengeluarkan



Sesuai

harapan Valid

3

Maka akan munculah nama

jabatan yang akan di cari

kilk tombol Leve Akses

Menampilkan

jabatan

Berhasil klik

tombol level dan

menuju halaman

karyawan

Sesui

harapan Valid

4. Pengujian Pencarian

Tabel III.11

Hasil Pengujian Blackbox Testing Halaman Pencarian



1

Kosongkan semua kolom

isian kemudian klik

tombol pencarian

(kosong)

Sistem

akanmengeluarkan



Sesuai

harapan Valid

2


kolom isian kemudian

klik tombol pencarian

Suhu badan:

(kosong)

Sistem akan

mengeluarkan



Sesuai

harapan Valid

70

3

Isi semua kolom dengan

benar isian kemudian

klik tombol Pencarian

Maka akan

tampil yang

akan di cari

Berhasil cari dan

menuju halaman

pencarian

Sesui

harapan Valid

bab iii pembahasan - repository.bsi.ac.id · 3. kepala sekolah menerima laporan data absensi...

Documents