Aplikasi Rekam Medis Dengan PHP & MYSQL (Part #3)

Bismillahirrahmanirrahim.

Assalamu’alaikum.

Database sudah selesai. Sekarang saatnya ngoding. Eiits!! Sebelumnya kita susun dulu directorinya biar lebih rapih gitu. :D

Langkah – langkah sebagai berikut :

a. Struktur Direktori File

Buatlah folder baru terlebih dahulu pada directory xampp/htdocs dengan nama PROJECT-REKAMMEDIS. Setelah itu Susunan lah dan buat folder (directory) baru seperti gambar diatas pada directory htdocs (xampp/hrdocs/). Directory yang di buat :

· Css

· Fonts

· Img

· Include

· js

b. Download File Pendukung.

Download file pendukung pada link berikut ini :

https://app.box.com/s/qri5ucikwb9finqipuwc1ke8tb1qjueu

Setelah didownload, extract file tersebut. Terdapat 3 folder dalam hasil downloadn tersebut yaitu :
1. css.

Isi file :

bootstrap.css
bootstrap.css.map
bootstrap.min.css
bootstrap-theme.css
bootstrap-theme.css.map
bootstrap-theme.min.css

2. fonts

Isi file :

glyphicons-halflings-regular
glyphicons-halflings-regular
glyphicons-halflings-regular
glyphicons-halflings-regular.woff
glyphicons-halflings-regularwoff2

3. js

Isi file :

bootstrap
bootstrap.min
jquery.min
npm
Pada masing – masing folder (css, js, fonts) terdapat beberapa file, copykan lah file tersebut ke foler kerja kita yaitu pada directory PROJECT-REKAMMEDIS. Pastikan letaknya sesuai dengan directory nya ya. Missal folder css ke folder css juga. Folder js ke folder js juga, folder fonts ke folder fonts juga. Oke :D

a. Start Coding.

1) Buatlah file baru dengan nama koneksi.php

Ini fungsinya untuk mengkoneksikan aplikasi kita dengan database mysql. Berikut codingannya. Supaya makin jago ngoding, jangan di copas ya, di ketik ulang aja. Biar selalu ingat. OK



<?php

$host = "localhost";
$user = "root";
$pass = "";
$namedb = "db_medis";

$koneksi = mysql_connect($host, $user, $pass);
mysql_select_db($namedb);


?>

Simpan file tersebut pada folder directory include (PROJECT-REKAMMEDIS/include/) dengan nama file “ koneksi.php “

2) Buatlah file baru dengan nama index.php

Index.php berisi halaman login. Berikut code dari index.php :

<!DOCTYPE html>

<head>

<title>Rekam Medis</title>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<h2 class="form-signin-heading">Please sign in</h2>

<label for="inputEmail" class="sr-only">Username</label>

<label for="inputPassword" class="sr-only">Password</label>

<label>

<input type="checkbox" value="remember-me"> Remember me

</label>

</div>

</form>

</div>

</div>

<!-- Bootstrap core JavaScript

================================================== -->

</body>

</html>

Untuk melihat hasilnya, pada browser kita ketikan alamat berikut :

localhost/NAMAFOLDER

Tampilan dari file Index.php

3) Buatlah file baru dengan nama “proses_login.php”

Berikut code dari proses login :

<?php

include "include/koneksi.php";

$username =$_POST['username'];

$password =$_POST['password'];

$baca =mysql_query("SELECT * FROM login WHERE username ='$username' AND password='$password'");

$periksa =mysql_fetch_array($baca);

$username =$periksa['username'];

//periksa

if ($periksa > 0) //jika ditemukan

{

session_start();

$_SESSION['username']=$username;

alert("SELAMAT DATANG");

document.location.href="home.php";

</script>

<?php

}

else

{

alert("LOGIN ANDA DI TOLAK");

document.location.href="index.php";

</script>

<?php

}

4) Buatlah file baru dengan nama “home.php”

Berikut code dari home.php

<?php session_start();

if(isset($_SESSION['username'])){

//koneksi terpusat

include "include/koneksi.php";

$username=$_SESSION['username'];

<!DOCTYPE html>

<head>

<title>SI - Rekam Medis</title>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="home.php">App Rekam Medis</a>

</div>

<li><a href="#about">About</a></li>

<li><a href="#contact">Pengaturan</a></li>

<li><a href="#">Pasien</a></li>

<li><a href="#">Laboratorium</a></li>

<li><a href="#">Dokter</a></li>

<li><a href="#">Kunjungan</a></li>

<li><a href="#">Tindakan</a></li>

<li><a href="#">Poliklinik</a></li>

<li><a href="#">Rekam Medis</a></li>

</ul>

</li>

</ul>

<li class="active"><a href="./"><?php echo $username ;?><span class="sr-only">(current)</span></a></li>

<li><a href="logout.php">Logout</a></li>

</ul>

</div>

</div>

</nav>

<?php

if (isset($_GET['halaman']))

{

$isi =$_GET['halaman'];

}

else

{

$isi =0;

}

switch($isi)

{

case '0':

require ("welcome.php");

break;

}

<!-- Bootstrap core JavaScript

================================================== -->

</body>

</html>

<?php

}else{

session_destroy();

alert("LOGIN ANDA DI TOLAK");

document.location.href="index.php";

</script>

<?php

}

5) Buatlah file baru dengan nama “welcome.php”

<h1>Welcome</h1>

<p>Selamat Datang Di Halaman Aplikasi Rekam Medis</p>

</div>

6) Insert data ke table login pada database db_medis. Untuk table login sebagai contoh saya insert

a. Userame : admin

b. Password : admin

7) Setelah di insert kita coba jalankan program kita. Buka browser dan ketikan : localhost/namafolderproject

Maka akan tampil seperti berikut :

Isilah username dan password yang telah kita bikin tadi

Ø Username : admin

Ø Password : admin

Klik sign in, maka akn muncul halaman Home

Jika username dan password salah, maka akan tampil tulisan “Login Ditolak

8) Buatlah file baru dengan nama “logout.php”

<?php

session_start();

session_destroy();

echo "<script>alert('Logout Berhasil'); window.location = 'index.php'</script>";

Code logout berfungsi untuk keluar dari aplikasi kita. Coba klik pada tulisan yang berwarna kuning

Maka kita akan keluar dari halam home dan kembali lagi ke halaman index.php yaitu halamn login aplikasi.

Aplikasi Rekam Medis Dengan PHP & MYSQL (Part #3)

0 comments:

Post a Comment

Aplikasi Rekam Medis Dengan PHP & MYSQL (Part #3)

Next

Newer Post

Previous

Older Post

0 comments:

Post a Comment