Upload
lutfia-rahma
View
238
Download
0
Embed Size (px)
Citation preview
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
11/23
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
12/23
Dalam form ini digunakan table untuk
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
14/23
Inputlaporan_admin.php
Merupakan halaman yang menampilkan form untuk admin dan user memasukkan laporan yang
baru.
CSS untuk
membuat
tampilan
input
laporan
Dalam form ini digunakan table untuk
merapihkan posisi form. Terdapat inputan berupa teks, button dan text area.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
Dalam form ini digunakan table untuk
merapihkan posisi form. Terdapat inputan
berupa teks, button dan text area.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
16/23
Deletelaporan_admin.php
USER
Halaman user.php
Instruksi Delete laporan pegawaiakan menghapus data laporan
pegawai yang dipilih.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
18/23
Dalam form ini digunakan table untuk
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
19/23
User_edit.php
CSS untuk membuat
tampilan input laporan
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
21/23
CSS untuk membuattampilan ubah password
Dalam form ini digunaka
table untuk merapihka
posisi form. Terdapinputan berupa password.
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
22/23
Inputlaporan_user.php
CSS untuk membuat
tampilan input laporanuser
8/16/2019 Laporan Project Web Sistem Informasi Kepegawaian
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.