laporan project web sistem informasi kepegawaian

8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian

1/23

LAPORAN WEB SISTEM INFORMASI KEPEGAWAIAN PROGART CO

MATA KULIAH PEMROGAMAN WEB LANJUT

Dosen Pengampu :

Rina Septiriana, ST, M.Cs

Penyusun:

Dhea Zarassita (4314122031)

Lutfia Rahma Riyadi (4314122008)

Program Studi Teknik Multimedia dan Jaringan

Jurusan Teknik Informatika dan Komputer

Depok

2016


2/23

a. DESKRIPSI APLIKASI DAN FITUR

Aplikasi berbasis website yang berjudul Sistem Informasi Kepegawaian ProgArt Co.,

merupakan aplikasi sistem informasi khusus pegawai perusahaan ProgArt Company. Aplikasi

ini dibangun dengan menggunakan beberapa bahasa pemrograman, yaitu HTML, PHP, CSSdan JavaScript. Resource data pada aplikasi terdapat di Database ProgArt yang dibuat di

MySql, website akan terkoneksi pada database dan menampilkan data yang tersedia pada

database tersebut.

Aplikasi Sistem Informasi Kepegawaian ProgArt Co. terdiri dari dua subjek, yaitu admin

dan user. Admin bertugas dan berwenang menginput serta mengedit seluruh data pegawai

termasuk pemberian password awal bagi user/pegawai. User dapat melihat data pribadinya dan

mengedit data tertentu yang diizinkan (nama, password, jenis kelamin, tanggal lahir, alamatdan tanggal masuk) jika terjadi kesalahan penginputan dari admin. User dapat menginput

weekly report atas pekerjaan yang dilakukan.

b. PERANCANGAN

a. Data Flow Diagram

1

Login

Admin

User

login

login

login

login

login

hak akses

setup data

2

Olah Data

beranda, data

pegawai, input data,

laporan, gaji pegawai

data diri, input

laporan, ubah

password

hak akses

data diri

beranda, data pegawai,

input data, laporan, gaji

pegawai

beranda, data diri,laporan, gaji diri

data pegawai

data diri

laporan

gaji

berandaberanda

beranda

data pegawai

data pegawai

data diri

data diri

laporan

laporan

gaji

gaji

Data Flow Diagram (DFD) Level 0


3/23

b. Entity-Relationship Diagram

ID_PegNama_Peg

Ttl_Peg

Almt_Peg

Jnskel_Peg

Pswd_Peg

ID_Peg

Laporan

ID_Lap

Judul_Lap

Status

ID_Status

Nama_StatusMemiliki

ID_Peg

Melakukan

Menulis

LoginM

M

1

M

TMJ 4 Reg - Kelompok 51. Dhea Zarassita

2. Lutfia Rahma Riyadi

Tjg_Status

Pswd_Peg

Tgl_Masuk

Nama_Bagian

Nama_Jabat

Nama_Status Gaji Level

Deskripsi_Lap

Tgl_Lap

1

ID_Peg

Pegawai

1

Nama_Status


4/23

c. Sitemap

Login

Beranda

UserAdmin

Data

PegawaiInput Data Laporan

Delete Edit Delete Edit Input

Laporan

Logout

Homepage

Data Diri

Edit Data

Pegawai

Ubah

Password

Laporan

Input

Laporan


5/23

C. IMPLEMENTASI

Style.css

Source code ini berisi css untuk mempercantik halaman-halaman web ProgArt Co.

Coding untuk wrapper di setiap halaman

CSS untuk mengatur header disetiap

halaman dengan posisi fixed yang tidak

akan bergerak jika halaman web discroll

CSS untuk mengatur bagian konten

web, dibuat relative sesuai dengan isi

yang ada ditiap halaman

CSS untuk mengatur font yang

digunakan diseluruh halaman web

yaitu Blogger Sans Medium

CSS untuk mengatur bagian menu wrap

yang ada ditiap halaman konten web


6/23

Halaman index.php

Ini merupakan halaman log ini. Admin dan user harus memasukkan id dan password untuk

mengakses Sistem Informasi Kepegawaian ProgArt Co..

CSS untuk membuat box di

bagian inputForm untuk input id dan password dari

user/admin, form menggunakan label.


7/23

ADMIN

Halaman admin.php

Memanggil wrapper dari style.css

yang berisi hiasan untuk header,

content dan footer. Pemanggilan

ini dilakukan disemua halaman

Sign in ke halaman admin menggunakan

id dan password dari salah satu admin,

lalu dengan klik sign in akan masuk ke

halaman admin.


8/23

Header tulisan progart.co adalah link yang akan menghubungkan ke halaman beranda.

Sedangkan menu-menu dibuat dengan wrap menu yang sebelumnya sudah dibahas.

Menampilkan gambar home.png

Button Input Data, Data Pegawai dan Laporan dibuat dari gambar yang saat diklik akan

melink ke halaman-halaman selanjutnya.


9/23

Inputdata_admin.php

Merupakan halaman yang menampilkan form untuk admin memasukkan data pegawai yang baru.

Dalam form ini digunakan table untuk merapihkan posisi form.

Terdapat inputan berupa teks, password, button dan text area.


10/23

Data_peg.php

Merupakan halaman yang menampilkan form untuk admin melihat data pegawai yang terdapat di

dalam database.

Inputan data baru pada form,

otomatis akan tersimpan ke dalamdatabase table pegawai.

Dalam form ini digunakan table untuk

menampilkan data pegawai yang terdapat

di database.


11/23


12/23


merapihkan posisi form. Terdapat inputan berupa teks, password, button dan text area.

Data yang telah diedit, otomatis akan

mengupdate data yang sebelumnya

telah tersimpan di dalam database table

pegawai.


13/23

Laporan.php

Merupakan halaman yang menampilkan form untuk admin dan user menginput laporan baru,

melihat laporan pegawai yang terdapat di database, menghapus dan mengedit laporan mingguan

pegawai.

CSS untuk membuat

tampilan laporan

Form untuk menampilkan laporan yang

diinput oleh pegawai di database


14/23

Inputlaporan_admin.php

Merupakan halaman yang menampilkan form untuk admin dan user memasukkan laporan yang

baru.

CSS untuk

membuat

tampilan

input

laporan


merapihkan posisi form. Terdapat inputan berupa teks, button dan text area.


15/23

Editlaporan_admin.php

Merupakan halaman yang menampilkan form untuk admin dan user mengubah laporan yang telah

tersimpan sebelumnya di database.

CSS untuk

membuat

tampilan

inputlaporan


merapihkan posisi form. Terdapat inputan

berupa teks, button dan text area.


16/23

Deletelaporan_admin.php

USER

Halaman user.php

Instruksi Delete laporan pegawaiakan menghapus data laporan

pegawai yang dipilih.


17/23

Sign in ke halaman user menggunakan

id dan password dari salah satu user, lalu

dengan klik sign in akan masuk kehalaman user.

CSS untuk membuat

box di bagian data diri


18/23


merapihkan posisi form. Data diri pegawai

yang melakukan sign in, tampil denganfunction session

Button Edit Data dan Ubah

Password dibuat dari gambar

yang saat diklik akan melink kehalaman-halaman selanjutnya.


19/23

User_edit.php

CSS untuk membuat

tampilan input laporan


20/23

Ubahpass_user.php

Dalam form ini

digunakan table

untuk merapihkan

posisi form.

Terdapat inputan

berupa teks, button

dan text area. User

hanya diizinkan

mengedit beberapa

data saja.


21/23

CSS untuk membuattampilan ubah password

Dalam form ini digunaka

table untuk merapihka

posisi form. Terdapinputan berupa password.


22/23

Inputlaporan_user.php

CSS untuk membuat

tampilan input laporanuser


23/23

D. KESIMPULAN

Aplikasi Sistem Informasi Kepegawaian berbasis website ini diharapkan mampu

mempermudah dalam pengelolaan data kepegawaian suatu perusahaan. Admin bertugas dan

berwenang menginput serta mengedit seluruh data pegawai termasuk pemberian password

awal bagi user/pegawai. User dapat melihat data pribadinya dan mengedit data tertentu yang

diizinkan (nama, password, jenis kelamin, tanggal lahir, alamat dan tanggal masuk) jika terjadi

kesalahan penginputan dari admin. User dapat menginput weekly report atas pekerjaan yang

dilakukan. Penggunaan HTML, PHP dan CSS dalam pembuatan website ini, menjadikan

tampilan website lebih menarik karena penyusun dapat berkreativitas sesuai keinginannya,

fungsi-fungsi yang digunakan dalam mendevelop website akan membuat website lebih

interaktif, mudah dan menyesuaikan keinginan user.

Dalam form ini digunakan

table untuk merapihkan posisi

form. Terdapat inputan berupadate, teks, button dan text area.

laporan project web sistem informasi kepegawaian

Documents