BAB I

PENDAHULUAN
1.1

Latar Belakang
Pesatnya perkembangan ilmu pengetahuan dan teknologi, menciptakan
struktur baru, yaitu struktur global. Struktur tersebut akan mengakibatkan
semua bangsa di dunia termasuk Indonesia, mau tidak mau akan terlibat dalam
suatu tatanan global yang seragam, pola hubungan dan pergaulan yang
seragam khususnya dibidang ilmu pengetahuan dan teknologi. Dengan
perkembangan teknologi yang begitu pesat, masyarakat dunia khususnya
masyarakat Indonesia terus berubah sejalan dengan perkembangan teknologi,
dari masyarakat pertanian ke masyarakat industri dan berlanjut ke masyarakat
pasca industri yang serba teknologis. Pencapaian tujuan cenderung akan
semakin ditentukan oleh penguasaan teknologi dan informasi, walaupun
kualitas sumber daya manusia (SDM) masih tetap yang utama.
Sumberdaya manusia (SDM) merupakan salah satu faktor kunci dalam
persaingan global, yakni bagaimana menciptakan SDM yang berkualitas dan
memiliki keterampilan serta berdaya saing tinggi dalam persaingan global
yang selama ini kita abaikan. Makadari itu dilaksanakanlah Praktik Kerja
Industri (PRAKERIN) yang diharapkan dapat bersaing di dunia globalisasi ini
dan dapat menjadi Sumberdaya Manusia (SDM) yang handal serta dapat
menciptakan lapangan pekerjaan baru nantinya.

1.2

Tujuan Pembuatan Laporan

Tujuan Pembuatan Laporan :
1. Meningkatkan Kompetensi siswa dalam pembuatan laporan
2. Memperoleh pengalaman belajar dalam karya tulis
3. Memperoleh pengalaman kerja sesuai standar industri
4. Meningkatkan etos kerja
5. Menumbuhkan dan melatih dalam karya menulis
6. Bukti secara tertulis telah melaksanakan praktik di Industri
7. Untuk mendapatkan nilai praktik Industri

1.3

Pembatasan Ruang Lingkup

Ruang Lingkup yang akan dibahas oleh penulis pada laporan ialah
tentang cara membuat Login dengan teknik Session, dimana terdapat sesi
cookies antara lain session start dan session destroy. Lalu ditambah dengan
pengecekan validasi apakah id_user masih login atau sudah logout. Penjelasan
lebih lanjut akan dibahas dalam Bab selanjutnya.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

BAB II
KAJIAN TEORI
2.1

Tinjauan Umum
Login akan dibuat menggunakan teknik session, yaitu suatu teknik
penyimpanan variabel (mendaftarkan / register variabel) ke server. Ketika ditemukan
datanya di database (valid), maka akan dibuatkan session username dan password
untuk mengakses inbox dan selama user berada dalam sesi tersebut, maka dia akan
bebas mengakses data sampai dia memutuskan mengakhiri sesi tersebut dengan
mengklik SignOut atau Logout.

2.2

Konstruksi / Model
Tabel Database
Tabel user
*id_user
username
password

Form Tampilan
Form login.php
Form dimana tempat menginputkan username dan password
Form index.php
Form setelah berhasil login yang berisi link logout dimana pengkodean
php menggunakan session destroy().

Form Proses
Form login-logout.php
Form dimana pengecekan apakah terdapat id_user yang masih login atau
telah logout. Jika masih login, maka form login-logout.php akan
menampilkan form index.php. Jika telah logout, maka form loginlogout.php akan menampilkan form login.php.
Form koneksi.php
Form dimana sebagai include (memasukkan) menyambungkan sistem php
dengan database MySQL yang telah dibuat.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

 Algoritma Login dengan Teknik Session

Mulai

Input ID dan
Password

Proses ID dan Password

TIDAK
Valid?
YA
Session start

Proses User

YA
Session Destroy?
Tidak

Tampilkan
Home

Selesai

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

2.3

Nama Bagian dan Fungsi

2.3.1 Software
XAMPP (Bahasa Indonesia)
XAMPP ialah perangkat lunak gratis yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (disebut:
localhost), yang terdiri atas program Apache HTTP Server, MySQL
database dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl. XAMPP merupakan singkatan dari : X
(cross platform = dapat dijalankan di sistem operasi apapun seperti
Windows, Linux, MacOS dan Solaris); A (Apache HTTP Server =
Aplikasi Web Server); M (MySQL = aplikasi database server); P (PHP
= bahasa pemrograman web); P (Perl = bahasa pemrograman).
Mengenal bagian XAMPP yang biasa digunakan pada umumnya :
htdoc ialah tempat meletakkan berkas-berkas yang akan
dijalankan, seperti berkas PHP, HTML dan skrip lainnya.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

 Control Panel yang berfungsi untuk mengelola layanan

(service) XAMPP. Seperti menghentikan (stop) layanan,
ataupun memulai (start).

phpMyAdmin ialah bagian untuk mengelola database (basis

data) MySQL yang ada di komputer. Untuk membukanya,
menggunakan browser lalu ketikkan pada address :
http://localhost/phpmyadmin, maka akan muncul halaman
phpMyAdmin.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

Notepad++
Software dari Free Software Foundation dimana saat menekan
Ctrl + Space akan mengeluarkan syntax sesuai keadaan.

Chrome (Web Browser)

2.3.2

Hardware
Notebook PC HP G42-360TX dengan spesifikasi sebagai berikut :
Intel Core i3-M 380 2.53 GHz (4 Core)
ATI Mobility Radeon HD 5470
2 GB DDR3 RAM
300 GB HDD
Screen Resolution 1366 x 768
OS : Windows 7 Home Premium 32-bit Service Pack 1

2.3.3

Language Programming
HTML 5
HTML (HyperText Markup Languange) merupakan
sebuah bahasa pemrograman script berbasis web yang
digunakan oleh browser Internet untuk membuat halaman dan
dokumen pada sebuah web.
PHP 5.4.7
PHP (PHP Hypertext Preprocessor) adalah sebuah
bahasa pemrograman script yang digunakan untuk membuat
web dinamis, yang berjalan dalam sebuah web-server (Server
Side).
CSS 2 dan 3 (Cascading Style Sheet)
Javascript, Bahasa Pemrograman yang berfungsi mengecek
validasi

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

2.4

Cara Kerja
2.4.1 Membuat Database
1. Menjalankan Aplikasi XAMPP

2. Membuka Web Browser (Chrome)

http://localhost/phpmyadmin pada address

lalu

mengetikkan

3. Klik kiri pada Basisdata

4. Masukkan login sebagai nama Basisdata lalu klik kiri ciptakan

5. Klik Kiri pada Basisdata login

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

6. Isikan nama tabel user dan memiliki 3 kolom lalu klik Go di

sebelah kanan

7. Mengisi Kolom serta jenis dan ukuran pada tabel user lalu klik
Simpan

8. Tabel user telah dibuat, selanjutnya klik pada sisipkan untuk

menambah data

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

9. Isikan data username dan password saja, lalu tekan go

10. Lihat data yang telah disimpan dengan klik tabel user

2.4.2

Membuat Form
Form koneksi.php
<?php
$host = "localhost";
$username = "root";
$password = "";
$databasename = "login";
$connection = mysql_connect($host, $username, $password) or
die("Kesalahan Koneksi ... !!"); mysql_select_db($databasename,
$connection) or die("Databasenya Belum ada");
?>
Form login.php
<html>
<head><title>Clear Login Window Template</title></head>
<body>
<h1>Member Login</h1>
<form action="login-logout.php?act=login"
method="POST" id="loginForm">
<input name="username" type="text" />
<input name="password" type="password" />
<input type="submit" name="login" value="Log
In" />
</form>
</body>
</html>

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

 Form index.php
<?php
session_start();
//cek user logged in
if(!isset($_SESSION['username']) and
!isset($_SESSION['password'])){
header('location:login.php'); //ke halaman login
}
?>
<head>
<title>Skripku</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php
//koneksi dengan database
include "koneksi.php";
?>
<h3>Halaman Users</h3>
<p>Hi,<?php echo $_SESSION['username'];?>. Anda berhak
mengakses halaman ini.
<a href="loginlogout.php?act=logout"><b>Logout</b></a></p>
</body>
</html>
Form login-logout.php

<?php
session_start();
//Koneksi dengan database
include "koneksi.php";
//Aksi Login
if($_GET['act']=='login'):
//cek username dan password user dalam table user
database
$txtuser =$_POST['username'];
$txtpass =$_POST['password'];
Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

10

$query =mysql_query("SELECT * FROM user

WHERE username='$txtuser' AND password='$txtpass'");
$data_user =mysql_fetch_array($query);
$_SESSION['username'] = $data_user['username'];
if($data_user['username'] == $txtuser and
$data_user['password'] == $txtpass){
//men-set data sesi
header('location:index.php');
}
else {
//penanganan error
$error ="";
if(empty($txtuser) and
empty($_POST['password'])){
$error ="Username dan Password
kosong";
}else if(empty($txtuser)){
$error ="Username kosong";
}else if(empty($_POST['password'])){
$error ="Password kosong";
}else{
$error ="Username dan Password tidak
sesuai";
}
print"<script>alert(\"Login Gagal :
$error.\");history.back(-1);</script>";
//echo "<h3>Login Gagal:</h3><p>$error. <br
/><a href='login.php'>Kembali</a><p>";
}
//Aksi Logout
else:
//menghapus data sesi
session_destroy();
header('location:index.php');
endif;
?>

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

11

2.5

Gangguan-Gangguan
Gangguan gangguan yang terjadi selama membuat Login dengan Teknik
Session adalah sebagai berikut
1. Kesalahan syntaks dalam nama suatu inputan,
2. Kesalahan syntaks dalam memanggil (POST) dari nama suatu inputan ke database
(valid),
3. Kesalahan syntaks dalam tabel dan kolom pada database ketika ingin memilih
data (Select * FROM ... ),
4. Kesalahan syntaks dalam variabel yang belum terdefinisikan oleh PHP, dan
5. Software XAMPP debug saat dijalankan.

2.6

Keselamatan Kerja
Ilmu Keselamatan dan Kesehatan Kerja ( K3 ) merupakan bagian dari
ilmu Kesehatan Masyarakat. Salah satu faktor yang mempengaruhi tingkat
ergonomis di tempat kerja atau kantor adalah posisi pekerja itu sendiri.
Dengan posisi kerja yang baik akan dapat menjaga kesehatan tubuh, dan
mencegah timbulnya kelelahan sewaktu bekerja.
a. Kenyamanan dalam posisi duduk
Saat kita duduk saat mengoperasikan komputer, diperlukan posisi yang
baik dan benar seperti:
Tempat duduk yang ergonomis yang memiliki sandaran yang nyaman
Kursi dapat di atur tinggi rendahnya
Kursi dapat di putar atau dapat bergeser
b. Kenyamanan pada posisi mata
Posisi mata yang baik dan benar di depan komputer yaitu :
Posisi mata pada layar harus lurus
Posisi mata tidak terlalu tinggi/rendah
Layar yang digunakan sebaiknya layar yang low radiasi
Jangan menggunakan efek warna yang terlalu terang
Gunakan kaca anti radiasi
c. Kenyamanan posisi tangan di keyboard
Posisi tangan di keyboard yang baik dan benar yaitu :
Pilihlah tuts keyboard yang lembet
Gunakan jari sebanyak mungkin untuk mengetik

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

12

BAB III
PELAPORAN
3.1

Pemeriksaan
3.1.1 Proses Login
3.1.1.1 Berhasil Login
- username : khana
password : khana

Berhasil login ke index.php

Ketika Logout di klik, akan kembali ke login lagi dengan

username dan password kosong, jika kita back melalui
browser. Maka browser akan tetap menampilkan login.php
karena melalui proses pemeriksaan apakah user sudah login
atau belum pada login-logout.php

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

13

3.1.1.2 Gagal Login

- Ketika password salah dimasukkan
username : khana
password : user

Maka akan keluar peringatan Login Gagal

Ketika Password kosong keluar peringatan Login Gagal

Begitu pula sebaliknya ketika username kosong

3.2

Pengukuran
Penulis dapat menyimpulkan dalam pembuatan Login dengan teknik
session banyak cara untuk melindungi akun user, misalnya dengan mengganti
JavaScript dengan mengirim langsung ke login.php setelah logout atau gagal
login.

3.2

Kesimpulan Gangguan
Dalam pembuatan aplikasi web berbasis php harus memperhatikan syntaks
dengan benar sampai sedetail-detailnya, dari kurang tanda sampai rumus pada syntaks
yang dipakainya. Harus teliti benar-benar betul sebelum menyerah di perjalanan.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

14

BAB IV
KESIMPULAN DAN SARAN
4.1

Kesimpulan
Membuat Login dengan teknik session bisa dibilang mudah bila kita
mengerti algoritma dan dasar pengkodean
.

4.2

Saran
Sebaiknya untuk penulis memberikan design style pada Form yang telah
dibuat dan untuk para pembaca lebih banyak mencari referensi pengalaman dalam
syntaks web.

Laporan Praktik Industri SMKN 1 Denpasar 2012-2013

15