Anda di halaman 1dari 9

See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/338385559

PERANCANGAN WEBSITE DATA KARYAWAN DENGAN MENGGUNAKAN PHP


DAN MySQL

Article · January 2019

CITATION READS

1 1,180

4 authors, including:

Tedi Kurniawan
PQ
6 PUBLICATIONS 1 CITATION

SEE PROFILE

All content following this page was uploaded by Tedi Kurniawan on 04 January 2020.

The user has requested enhancement of the downloaded file.


Jurnal Sistem Basis Data Januari 2019

PERANCANGAN WEBSITE DATA


KARYAWAN DENGAN MENGGUNAKAN PHP
DAN MySQL
(Studi Kasus : STMIK Sumedang)
Ari Nur Ismail (A2.1700019), Fikri Sumarsono (A2.1700045), Nuryana (A2.1700082),
Tedi Kurniawan (A2.1700119)
Program Studi Teknik Informatika
STMIK Sumedang, Jl. Angkrek Situ No.19, Sumedang, 45323 Indonesia

ABSTRAKSI Dalam memperoleh data dan informasi, kami


melakukan studi kepustakaan yaitu dengan cara
Perancangan website Data Karyawan mengumpulkan dan membaca literatur – literatur
menggunakan PHP dan MySQL serta dan jurnal dari internet serta buku yang relevan
Dreamweaver sebagai media untuk penulisan dengan penulisan tugas akhir ini.
koding. Pembuatan isi website berfokus pada
pemberian informasi yang berkenaan dengan 1.4 Langkah Pembuatan Website
data dari karyawan PT Jaya Kusuma Sarana.
Website yang terdiri dari beberapa halaman ini, Dalam pembuatan website ini, Kami menerapkan
berisi informasi tentang data departemen, data langkah – langkah sebagai berikut :
pegawai, data proyek, data jam kerja, dan lokasi 1. Perencanaan dan Analisa, Kami merencanakan
departemen. Dengan adanya website ini, dapat untuk membuat sebuah website Karyawan dan
memberikan informasi yang dibutuhkan oleh memilih bahasa pemrograman yang akan
karyawan di PT Jaya Kusuma Sarana. digunakan untuk membangunwebsite ini yaitu
bahasa pemrograman web seperti PHP dan HTML,
Kata Kunci : Perancangan website data
setelah itu Penulis mengumpulkan materi – materi
karyawan PT Jaya Kusuma Sarana
yang kemudian akan digunakan dalam pembuatan
website.

I. PENDAHULUAN 2. Perancangan, Penulis membuat rancangan


tampilan atau output yang akan disajikan seperti
1.1 Batasan Masalah rancangan interface menu – menu yang terdapat
dalam website.
Penulisan dan pembuatan website memfokuskan
dan menitikberatkan hanya kepada pemberian 3. Implementasi, Penulis mengimplementasikan
informasi seputar Data dari karyawan di PT jaya materi – materi tersebut ke dalam bahasa
Kusuma Sarana, seperti seperti data departemen, pemrograman yang telah dipilih yaitu bahasa
data pegawai, data proyek, data jam kerja, lokasi pemrograman PHP dan HTML untuk pembuatan
departemen. Pada perancangannya website ini akan website.
dibuat dengan menggunakan bahasapemrograman
web PHP dan HTML. 4. Testing dan Validasi, kami mengompilasi koding
yang telah dibuat, apakah dapat berjalan dengan
1.2 Tujuan Penulisan baik atau masih ada error.
Tujuan dari penulisan ini adalah untuk memenuhi
Ujian Akhir Semester matakuliah Sistem Basis
Data dengan membuat Website Data Karyawan PT II . TINJAUAN PUSTAKA
jaya Kusuma Sarana dengan menggunalkan bahasa
2.1 Pengertian Website
pemrograman PHP dan MySQL.
Website adalah sebuah kumpulan dari halaman web
1.3 Studi Pustaka yang saling berhubungan dan dapat diakses melalui
Jurnal Sistem Basis Data Januari 2019

2
halaman depan (home page) menggunakan sebuah <img src=”NamaFileGambar” />
browser.
2.5 Tabel
2.2 Web Browser
Dalam hal ini penggunaan tabel pada website
Web browser adalah suatu perangkat lunak atau adalah sebagai dasar pengaturan tata letak (Layout)
perangkat navigasi dalam web yang dijalankan pada dan pembuatan tabel dalam penulisan website.
komputer user dan digunakan untuk menampilkan Adapun standar penulisan tag untuk pembuatan
halaman halaman dokumen website yang berada di tabel adalah sebagai berikut :
internet atau server web. Adapun salah satu contoh
dari web browser itu sendiri di antaranya seperti, <table> definisi 6arag </table> menampilkan data
Internet Explorer (IE), Mozilla Firefox (MF), Opera dalam bentuk 6arag Tabel didefinisikan dengan
Mini, dan masih banyak lagi. cara menyatakan baris-baris dan kolomkolom. skrip
untuk penanda baris adalah
2.3 HTML
<tr> definisi baris </tr>
Hypertext Markup Language (HTML) adalah
bahasa pemrograman dengan format standar untuk skrip untuk penanda kolom adalah <td>data</td>
membuat dokumen web yang juga merupakan 2.6 Mengatur Baris dan Paragraf
bahasa Markup bertanda, yang menggunakan
rangkaian teks tertentu berupa kode-kode. Untuk ulasan selanjutnya akan dijelaskan mengenai
pengaturan Baris dan Paragraf dalam HTML.
2.3.1 Struktur Dasar HTML Adapun untuk pengaturan baris adalah sebagai
Adapun struktur HTML adalah berupa dasar – dasar berikut :
penulisan skrip pada HTML itu sendiri. Dalam hal <br>Teks</br>
ini standar penulisan HTML terdiri dari :
<br> : digunakan untuk pindah ke baris berikutnya.
<html>
Sementara itu untuk pengaturan paragraf,
<head> penulisannya adalah sebagai berikut :
<title>.........................</title> <p>paragraph</p>
<body>.....................................</body> <p> : digunakan untuk menandai suatu paragraf,
</head> dalam hal ini paragraph akan terlihat dibatasi oleh
satu baris kosong sebelum dan sesudahnya.
</body>
2.7 Menyisipkan Skrip
</html>
Penyisipan skrip berkenaan dengan penyisipan
Dalam hal ini skrip <html> berperan sebagai tanda skrip di luar dari skrip HTML itu sendiri, contoh
awal penulisan dokumen html, kemudian <head> apabila dalam dokumen HTML terdapat kondisi
sebagai informasi page header. Di dalam skrip ini yang mengharuskan untuk digunakan skrip PHP
pemrogram dapat meletakkan tag – tag title, base, maka skema penulisannya adalah sebagai
isi index, link, script, style dan meta, untuk skrip
<title> digunakan sebagai indikasi untuk penulisan berikut :
judul halaman dokumen web yang dibuat. Pada <html>
skrip <body> dapat diletakkan berbagai atribut
seperti warna, dan latar belakang. <head>
2.4 Tag Gambar <title>Test</title>
Tag gambar biasa digunakan untuk menyisipkan </head>
gambar pada halaman web yang dibuat, adapun
<body>
struktur penulisannya adalah sebagai berikut :
<h4>Example One</h4>
<img src=”NamaFileGambar”>
<p><?php echo “Hello World”; ?>
NamaFileGambar = file gambar yang mempunyai
ekstensi .GIF, .JPG, atau .PNG. Untuk </p>
menampilkan sebuah file gambar. Bentuk penulisan
lain yang dianjurkan (XML style) : </body>
Jurnal Sistem Basis Data Januari 2019

3
</html> echo_;
Selain menyisipkan Skrip, juga terdapat skema ?>
untuk menautkan antara halaman dokumen web
yang satu dengan yang lain yaitu dengan menautkan atau sebagai berikut :
link alamat URL yang akan disisipkan. Adapun <?
penulisan standar tag untuk menautkan link adalah
sebagai berikut : define(“NAME”,”KEVIN ALI”);
<a href=”Link”>Kata yang di klick</a> echo NAME;
Contoh:<ahref=”www.STMIK-sumedang.ac.id”> ?>
KAMPUS</a> Pada skrip dinyatakan bahwa user akan
mendeklarasikan konstanta “NAMA” dengan nama
2.7.1 PHP “KEVIN ALI”. Pada PHP juga dikenal sejumlah
PHP adalah singkatan dari Hypertext Preprocessor, karakter yang menggunakan penulisan secara
yaitu bahasa pemrograman yang digunakan secara khusus di antaranya terdapat pada tabel 2.1
luas untuk penanganan pembuatan dan 2.7.4 Operator
pengembangan sebuah situs web dan bisa
digunakan bersamaan dengan HTML. PHP Tabel 2.1 Penulisan Khusus dalam PHP
diciptakan pertama kali tahun 1994 oleh Rasmus
Lerdorf seorang pemrogram C. Penulisan Karakter yang Dimaksud
\* Petik Ganda
Pada awalnya PHP adalah singkatan dari Personal \\ Backslash
Home Page Tools. Selanjutnya diganti menjadi
Forms Interpreter (FI). Sejak versi 3.0, nama bahasa \$ Tanda Dolar
ini diubah menjadi Hypertext Preprocessor dengan \n Newline
singkatannya“PHP”. PHP versi terbaru adalah versi \r Carriage Return
ke-5. Berdasarkan survey Netcraft pada bulan \t Tab
Desember 1999, lebih dari sejuta site menggunakan \x00 Karakter
PHP, di antaranya adalah NASA, Mitsubishi, dan
s/d\Xff Heksadesimal
RedHat. Tujuan dari penulisan PHP ini adalah
memungkinkan perancang web untuk menulis Tabel 2.1
halaman web dinamik dengan cepat dan untuk
membuat aplikasi yang dijalankan di atas teknologi Adapun operator dalam PHP terdiri dari operator
web (Kadir, 2003). Aritmatika, operator Logika, operator
Perbandingan, operator String, operator Increment/
2.7.2 Variabel dan Tipe Data Decrement, operator Bitwise, operator Ternary,
Variabel di dalam PHP diawali dengan karakter $ operator Eksekusi, dan operator Assignment, dan
dan diikuti dengan huruf sebagai karakter pertama, lain-lain.
kemudian dapat diikuti dengan kombinasi huruf dan Tabel 2.2. Operator pada PHP
angka, tidak boleh ada spasi dan tanda baca, kecuali
_ (garis bawah). Operator Prioritas
() Tertinggi
contoh : ~,!,++,--,$,&
$nama *,/,%
+,-
$a1 <>,<=,>=
==,!=
$nilai_uts ^ Terendah
2.7.3 Konstanta !
&&
Konstanta menyatakan nilai yang tetap di dalam ||
program, contoh penulisan konstanta dalam PHP : =, +=, -=, *=, /=,
&=, |=, ^=, =
<?
AND (&&)
define(“nama_konstanta”,”nilai_konstanta”); XOR (||)
OR
Jurnal Sistem Basis Data Januari 2019

4
Tabel 2.2 untuk tiap sistem manajemen basis data, namun
secara umum implementasi tiap bahasa ini memiliki
bentuk standar yang ditetapkan oleh ANSI
(Kristianto,2002)

2.7.5 Pernyataan Kondisi 2.9.1 DDL Data Definition Language (DDL)

Dalam PHP juga dikenal istilah kondisi. Kondisi Digunakan untuk mendefinisikan, mengubah, serta
pada PHP umumnya digunakan sebagai sebuah menghapus basis data dan objek-objek yang
fungsi dimana perintah hanya akan dijalankan atau diperlukan dalam basis data, misalnya tabel, view,
dieksekusi jika kondisi yang diberikan terpenuhi, user, dan sebagainya. Secara umum, DDL yang
contoh dalam penggunaan kondisi di sini adalah digunakan adalah CREATE untuk membuat objek
kondisi IF. PHP memiliki tiga macam bentuk IF, baru, USE untuk menggunakan objek, ALTER
yaitu : if, if...else, if...else...if. untuk mengubah objek yang sudah ada, dan DROP
untuk menghapus objek. DDL biasanya digunakan
2.7.6 Perulangan oleh administrator basis data dalam pembuatan
sebuah aplikasi basis data.
Dalam bahasa pemrograman web seperti PHP juga
terdapat struktur Perulangan. Struktur perulangan 2.10 DMLData manipulation Language (DML)
atau yang biasa disebut sebagai looping adalah
struktur yang digunakan padaprogram terutama Digunakan untuk memanipulasi data yang ada
dalam hal ini PHP untuk menjalankan suatu dalam suatu tabel. Perintah yang umum dilakukan
statement secara berulang – ulang (looping). adalah:
Beberapa bentuk perulangan dalam PHP, yaitu • SELECT untuk menampilkan data
while...end, dan for...next.
• INSERT untuk menambahkan data baru
2.8 PhpMyAdmin
• UPDATE untuk mengubah data yang sudah ada
PhpMyAdmin adalah sebuah perangkat lunak yang
ditulis dalam bahasa pemrograman Hypertext • DELETE untuk menghapus data
Preprocessor (PHP), yang digunakan untuk
menangani administrasi MySQL melalui media 2.11 Basis Data
internet world wide web (www). PhpMyAdmin Basis data adalah kumpulan informasi yang
juga mendukung berbagai operasi MySQL, di disimpan di dalam komputer secara sistematik
antaranya mengelola basis data, tabel-tabel beserta sehingga dapat diperiksa menggunakan suatu
atribut –atributnya, relasi (relations), indeks, program komputer untuk memperoleh informasi
pengguna (users), perijinan (permissions), dan lain- dari basis data tersebut. Perangkat lunak yang
lain (Kristianto, 2002). Halaman awal dari digunakan untuk mengelola dan memanggil (query)
PhpMyAdmin basis data disebut sistem manajemen basis data
adalah Database Management System (DBMS)
(Kristianto, 2002).
2.12 MySQL
MySQL adalah sebuah perangkat lunak sistem
manajemen basis data SQL. Database Management
System (DBMS) ini bersifat multi thread, dan
multi-user, dengan sekitar 6 juta instalasi di seluruh
dunia. MySQL juga merupakan implementasi dari
sistem manajemen basis data relasional (RDBMS)
yang didistribusikan secara gratis di bawah lisensi
Gambar 2.3 General Public License (GPL). Setiap pengguna
2.9 SQL dapat secara bebas menggunakan MySQL, namun
dengan batasan perangkat lunak tersebut tidak
Structured Query Language (SQL) merupakan boleh dijadikan produk turunan yang bersifat
bahasa standar yang digunakan untuk komersial.
memanipulasi basis data relasional. Secara umum,
SQL terdiri dari dua bahasa, yaitu Data Definition MySQL sebenarnya merupakan turunan salah satu
Language (DDL) dan Data Manipulation Language konsep utama dalam basis data yang telah ada
(DML). Implementasi DDL dan DML berbeda sebelumnya, yaitu Structured Query Language
Jurnal Sistem Basis Data Januari 2019

5
(SQL). Terdapat beberapa Application III. PERANCANGAN
Programming Interface (API) tersedia yang
memungkinkan aplikasi-aplikasi komputer yang 3.0 Metodologi Penelitian
ditulis dalam berbagai bahasa pemrograman untuk Pada bab perancangan ini, kami melalui beberapa
dapat mengakses basis data MySQL, antara lain tahapan diantaranya studi lapangan, perancangan
bahasa pemrograman C, C++, C#, Perl, PHP, struktur navigasi, pembuatan basis data dan lain-lain
bahasa pemrograman Python, dan Ruby.
Kebanyakan kode sumber MySQL dalam ANSI C.
Penggunaan MySQL sangat populer dalam aplikasi
web seperti PHPNuke. Popularitas sebagai aplikasi
web tersebut dikarenakan kedekatannya dengan
bahasa pemrograman web PHP, sehingga seringkali
disebut sebagai Dynamic Duo (Kristianto, 2002).
2.13 Xampp
Xampp adalah perangkat lunak bebas, yang
mendukung banyak sistem operasi, merupakan
kompilasi dari beberapa program. Fungsinya adalah
sebagai server yang berdiri sendiri (localhost), yang
terdiri atas program Apache HTTP Server, MySQL
database, dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP dan Perl. Nama
XAMPP merupakan singkatan dari X (empat sistem
Gambar 2.4
operasi apapun), Apache, MySQL, PHP dan Perl.
2.14 Sybase Dilihat dari perancangan diatas yaitu pertama kami
membuat perancangan struktur navigasi yang
Sybase adalah sebuah peusahaan perangkat lunak menggambarkan secara visual langkah atau urutan
komputer yang mengmbangkan dan menujual jalan suatu halaman website dari awal sampai akhir
sistem manajemen database (DBMS) dan produk Selain itu perancangan struktur navigasi juga
middleware. Produk Sybase telah menemukan digunakan untuk mempermudah dalam menentukan
aplikasi yang luas terutama dalam sistem hal – hal apa saja yang harus dirancang untuk
komunikasi komersial, industri, dan, militer. memenuhi kebutuhan dalam pembuatan website.
2.15 Adobe Dreamweaver Lalu langkah selanjutnya adalah pembuatan basis
data, dalam hal ini dibuat untuk menyimpan data
Adobe Dreamweaver merupakan program seperti pada halaman login suatu website, atau
penyunting halaman web keluaran Adobe Systems untukmenyimpan kebutuhan data lain pada website.
yang dulu dikenal sebagai Macromedia Selain itu dengan adanya basis data maka suatu
Dreamweaver keluaran Macromedia. Program ini website akan menjadi lebih dinamis. Kemudian
banyak digunakan oleh pengembang web karena dilanjutkan dengan perancangan form menu,
fitur-fiturnya yang menarik dan kemudahan Kemudaian dilanjutkan dengan pengodingan. lalu
penggunaannya. seetelah itu dilakukan uji coba dari hasil tadi untuk
mengkoreksi kesalahan dari pengkodingan.
2.16 Adobe Photoshop
Adobe Photoshop, atau biasa disebut Photoshop,
adalah perangkat lunak editor citra buatan Adobe 3.1 Perancangan
Systems yang dikhususkan untuk pengeditan foto/ Perancangan dalam hal ini adalah merancang
gambar dan pembuatan efek. Perangkat lunak ini struktur navigasi dari website karyawan di PT Jaya
banyak digunakan oleh fotografer digital dan Kusuma Sarana
perusahaan iklan sehingga dianggap sebagai
pemimpin pasar (market leader) untuk perangkat 3.2 Struktur navigasi
lunak pengolah foto/ gambar bersama Adobe Struktur navigasi digunakan untuk
Acrobat, dianggap sebagai produk terbaik yang menggambarakan secara visual langkah atau urutan
pernah diproduksi oleh Adobe Systems jalannya suatu proses, dan disini kami menggunakan
aplikasi sybase power designer dan merancang ERD
diagram, DFD, Diagram Konteks.
Jurnal Sistem Basis Data Januari 2019

ERD-Diagram Diagram Context

Gambar 2.7

Gambar 2.5
3.3 Perancangan Basis Data
Perancangan basis data merupakan salah satu
DFD ( Data Flow Diagram ) tahapan yang bertujuan untuk menggambarkan
struktur dan bagian-bagian dari suatu basis data,
sehingga relasi antar tabel juga akan terlihat.
Pembuatan basis data menggunakan PhpMyAdmin,
diawali dengan mengetikkan pada browser
localhost/phpMyadmin. Setelah muncul tampilan
phpMyadmin lalu pilih create database. Dalam hal
ini untuk login admin database yang dibuat adalah
Data Karyawan, jika sudah selanjutnya create table,
dan tabel yang kami buat diantaranya :
• Data Pegawai
• Jam Kerja
• Proyek
• Departemen
• Lokasi_Departemen
Gambar 2.6 3.5 Perancangan Tampilan Website
Rancangan situs website merupakan hal yang
diperlukan di dalam proses pembuatan aplikasi yang
terdapat di dalam suatu situs website. Rancangan ini
digunakan untuk mengomunikasikan kebutuhan
pengguna ke dalam suatu desain untuk diisi dengan
fitur-fitur website.
Jurnal Sistem Basis Data Januari 2019

7
IV. IMPLEMENTASI 4.3 Pembuatan Form Menu dan Tampilan

4.1 Pembuatan Basis Data Website


Pembuatan basis data atau database pada website, Pada proses pembuatan website diawali dengan
berfungsi sebagai media untuk menyimpan data merancang tampilan, dan tampilan form menu
pada website. yang kami buat kurang lebih seperti ini

• Tabel Data Karyawan

• Tabel Jam Kerja 4.4 Halaman Form Menu Website

• Tabel Proyek

• Tabel Departemen 4.4 Pembuatan Coding


Koding pada website ini dibuat dengan
menggunakan bahasa pemrograman web
seperti HTML, PHP, serta beberapa bahasa
pemrograman tambahan lain seperti CSS.
• Tabel Lokasi_Departemen Penulis menggunakan perangkat lunak adobe
dreamweaver CS sebagai media penulisan
koding.Pembuatan koding dimulai dengan
pembuatan koding untuk halamanutama
website kemudian menyusul ke halaman yang
4.2 Pembuatan Website lainya
Pembuatan website melalui tigatahapan penting
yaitu, tahap perancangan (design) yang 4.5 Pengujian Website
dilakukan untuk merancang tampilan website, Penggujian kami lakukan untuk mencegah
kemudian tahap pengkodean (coding), yaitu adanya error dan adanya kesalahan sehingga
tahap pembuatan koding website, dan yang tampilan yang kurang rapi
terakhir adalah tahap pengujian (testing) yang
ditujukan untuk menguji apakah sistem atau
website yang dibuat sudah sesuai dan sudah
memenuhi kebutuhan pengguna.
Dalam pembuatan website PT jaya kusuma
sarana ini, kami melalui beberapa tahapan, di
antaranya harus terlebih dahulu memasang
beberapa perangkat lunak yang akan digunakan
dalam pembuatan website. Perangkat lunak
tersebut antara lain Photoshop CS, adobe
dreamweaver CS5, xampp
Jurnal Sistem Basis Data Januari 2019

8
Tahu Belum?.
V. PENUTUP
https://www.nesabamedia.com/pengertian-
5.1 Kesimpulan dan-fungsi-web-browser/. Diakses pada Rabu,
Website data karyawan PT.Jaya Kusuma
slSarana sudah berhasil dibuat dengan 26 Desember 2018
menggunakan html, PHP, dan MySQL. Dan [3]. Anonim. 2018. HTML.
website ini terdiri dari beberapa halaman
sarana seperti data departemen, data pegawai, https://id.m.wikipedia.org/wiki/HTML/.
data proyek, data jam kerja, lokasi departemen. Diakses pada Rabu, 26 Desember 2018
Dengan demikian maka perancangan dan
[4]. Anonim. 2018. Adobe Photoshop.
pembuatan website ini diharapkan dapat
memberikan kemudahan bagi karyawannya https://id.m.wikipedia.org/wiki/Adobe_Photos
untuk memperoleh informasi yang dibutuhkan
serta memberikan kemudahan bagi hop. Diakses pada Rabu, 26 Desember 2018
perusahaannya agar data yang dibuat dapat [5]. Lukman. 2017. Struktur Dasar HTML dan
dikelola dengan maksimal
penjelasannya. https://carakode.com/struktur-
5.2 Saran dasar-html-dan-penjelasannya/. Diakses pada
Website ini masih dapat dikembangkan
menjadi lebih baik lagi seperti penambahan Rabu, 26 Desember 2018
halaman website dan pengaturan tampilan agar [6]. Anonim. 2018. MySQL.
lebih menarik, penambahan animasi, serta
penambahan konten lain agar website lebih https://id.m.wikipedia.org/wiki/MySQL.
interaktif lagi. Diakses pada Rabu, 26 Desember 2018
[7]. Anonim. 2018. XAMPP.
https://id.m.wikipedia.org/wiki/XAMPP.
DAFTAR PUSTAKA
Diakses pada Rabu, 26 Desember 2018
[8]. Mahardika, F. 2017. Manajemen Risiko
[1]. Waryanto. 2017. Pengertian Website
Keamanan Informasi Menggunakan
Lengkap dengan Jenis dan Manfaatnya.
Framework NIST SP 800-30 Revisi 1 (Studi
https://www.niagahoster.co.id/blog/pengertian
Kasus di STMIK SUMEDANG. Jurnal
-website/amp/. Diakses pada Rabu, 26
Informatika : Jurnal Pengembangan IT, 2(2), 1.
Desember 2018
[2]. Zakaria. 2018. Pengertian Browser Beserta
Fungsi Browser dan Cara Kerjanya, Sudah

View publication stats

Anda mungkin juga menyukai