ardian ecomm-01-pengenalan-dasar-dan-setruktur-file-september-2015

Hand Book I

Dasar-dasar membuat aplikasi Web Programing

Ardian Dwi Praba

www.ardiandp.com

WA/SMS: +6285235714803

www.ardiandp.com [email protected]

www.ard

iandp

.com

www.ardiandp.com

Software Requarment

1. Server (XAMPP, Apache2Triad, Wampp, Lampp)

2. Browser (Mozila, Opera, Chrom, Safari)

3. Text Editor (Notepad++, Dreamwiver, Netbeans, Codellobster)


www.ard

iandp

.com

www.ardiandp.com

Tahapan membuat website

1. Menyiapkan sebuah konsep tentang website yang akan dibuat(E-commers, Sisfo, Company Profile)

2. Membuat design dan analisa kebutuhan dalam membuatprogram (Software Requarment)

3. Mendisign database dari program yang akan kita buat

4. Mendevelop website sesuai dengan kebutuhan


www.ard

iandp

.com

www.ardiandp.com

Teknik membuat website

Create Website

Terstruktur

CMS

Framework (OOP)


www.ard

iandp

.com

www.ardiandp.com

Terstrukture

Pemrograman Terstruktur adalah suatu proses untukmengimplementasikan urutan langkah untuk menyelesaikan suatumasalah dalam bentuk program. Prinsip dari pemrogramanterstruktur adalah Jika suatu proses telah sampai pada suatu titik /langkah tertentu , maka proses selanjutnya tidak bolehmengeksekusi langkah sebelumnya / kembali lagi ke barissebelumnya, kecuali pada langkah – langkah untuk proses berulang(Loop).

Contoh: PHP, C, pascal


www.ard

iandp

.com

www.ardiandp.com

Content Management System (CMS)

CMS adalah aplikasi web yang berisikan template untuk mengelolaisi halaman web secara mudah. Penggunaan Content ManagementSystem tidak memerlukan pengetahuan pemrograman web yanghandal karena proses instalasi dan cara penggunaannya sudah userfriendly.

Contoh: Joomla, Wordpress, Drupal, Moodle


www.ard

iandp

.com

www.ardiandp.com

Object Oriented Program (OOP)

Pemrograman berorientasi objek (Inggris: object-orientedprogramming disingkat OOP) merupakan paradigma pemrogramanyang berorientasikan kepada objek. Semua data dan fungsi di dalamparadigma ini dibungkus dalam kelas-kelas atau objek-objek.Bandingkan dengan logika pemrograman terstruktur. Setiap objekdapat menerima pesan, memproses data, dan mengirim pesan keobjek lainnya.

Contoh: Java, C++, PHP, VB.Net


www.ard

iandp

.com

www.ardiandp.com

Teknik Pembuatan WebsiteHALAMAN DEPAN HALAMAN ADMIN

Template Halaman Depan Template Halaman Admin


www.ard

iandp

.com

www.ardiandp.com

Teknik Pembuatan AdminLOGIN ADMIN


www.ard

iandp

.com

www.ardiandp.com

Teknik Pembuatan LoginLOGIN ADMIN

TEMPLATE ADMIN

1. Jika login berhasil maka akan masuk ke halaman ADMIN, Namunjika salah maka akan kembali lagi ke halaman LOGIN.2. Halaman ADMIN dilindungi dengan SESSION


www.ard

iandp

.com

www.ardiandp.com

Teknik Pembuatan Folder Dan File

CONTENT/TEMPLATE

PRODUK KATEGORI CUSTOMER ORDER LOG OUT

CRUD CRUD CRUD CRUD LOG OUT


www.ard

iandp

.com

www.ardiandp.com

Pembuatan Component

CONTENT/TEMPLATE

PRODUK

CREATE READ UPDATE DELETE


www.ard

iandp

.com

www.ardiandp.com

CODING


www.ard

iandp

.com

www.ardiandp.com

Include File

Include file tidak hanya digunakan dalam PHP. Namun dalambahasa yang lain juga digunakan meskipun dengan perintah yang berbeda (beda bahasa tapi fungsinya sama).

Pada slide ini akan dibahas cara dinclude file dengan menggunakanbahsa PHP, CSS, JavaScript. Karena dalam pembuatan website minimal kita menggunkaan 3 bahsa tersebut


www.ard

iandp

.com

www.ardiandp.com

Include File di PHP

<?php

Include (‘koneksi.php’);

Include (‘../../config/koneksi.php’);

?>

Keterangan:

Coding diatas berfungsi untuk memasukan file koneksi kedalam file. Ketika kita include sebuah file, maka semua isi file akan masuk.

Dalam include file yang perlu di perhatikan adalah path.

Path:susunan direktori (letak file dalam computer)


www.ard

iandp

.com

www.ardiandp.com

Include File di JS

<script type="text/javascript" src="../tiny_mce/tiny_mce.js"> </script>

Keterangan:

Coding diatas berfungsi untuk memasukan file tiny_mce.js kedalamfile. Ketika kita include sebuah file, maka semua isi file akan masuk.


src="../tiny_mce/tiny_mce.js“ (posisi file)



www.ard

iandp

.com

www.ardiandp.com

Include File di CSS<link rel="stylesheet" type="text/css" href=“style.css" />

Keterangan:

Coding diatas berfungsi untuk memasukan style.css kedalam file. Ketika kita include sebuah file, maka semua isi file akan masuk.


href=“style.css“ (posisi file)



www.ard

iandp

.com

www.ardiandp.com

Index.php

Cek_login.php

Teknik Coding Dan Nama File

Main.php / Template

Produk Kategori

Tambah_kategori.php

Tampil_kategori.php

Edit_kategori.php

Update_kategori.php

Tambah_produk.php

Tampil_produkphp

Edit_produki.php

Update_produk.php


www.ard

iandp

.com

www.ardiandp.com

Index.php<form name="form1" method="post" action="cek_login.php">

<table width="388" border="1" align="center">

<tr>

<td colspan="2" align="center">LOGIN ADMIN</td>

</tr>

<tr>

<td width="113">USERNAME</td>

<td width="259"><label>

<input type="text" name="username" id="username">

</label></td>

</tr>

<tr>

<td>PASSWORD</td>

<td><label>

<input type="password" name="password" id="password">

</label></td>

</tr>

<tr>

<td><input type="submit" name="button" id="button" value="LOGIN"></td>

<td><input type="submit" name="button2" id="button2" value="BATAL"></td>

</tr>

</table>

</form>


www.ard

iandp

.com

www.ardiandp.com

Penjelasan index.php

<form name="form1" method="post" action="cek_login.php">

Method=POST

Method adalah cara yang digunakan untuk mengirim data yang kitainput. Method ada 2 macam yaitu POST dan GET

Action=cek_login.php

Action adalah lokasi yang akandituju ketika form di proses. Aksiberisi alamat atau URL, jika aksi kosong maka data tidak diproses di file yang lain.


www.ard

iandp

.com

www.ardiandp.com

Cek_login.php<?php

include "../config/koneksi.php";

$pass=md5($_POST['password']);

$user=$_POST['username'];

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

$ketemu=mysql_num_rows($login);

$r=mysql_fetch_array($login);

// Apabila username dan password ditemukan

if ($ketemu > 0){

session_start();

$_SESSION[username] = $r[username];

$_SESSION[nama_lengkap] = $r[nama_lengkap];

$_SESSION[password] = $r[password];

$_SESSION[level] = $r[level];

header('location:main.php?page=home');

// header('location:media.php?module=home');

//echo "<script>alert ('Selamat Datang $_SESSION[namalengkap] ');document.location='media.php?page=home' </script> ";

}

else{

echo "<script>alert ('maaf data yang di masukan tidak valid'); document.location='index.php' </script>";

}

?>


www.ard

iandp

.com

www.ardiandp.com

Penjelasan Cek_login.phpinclude "../config/koneksi.php";

Memasukan file koneksi kedalam file cek_login.php

$user=$_POST['username'];

Mengambil data/value yang dikirim dari file index.php (login)

$pass=md5($_POST['password']);

Mengambil data dan mengenskripsi menjadi md5

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

Membandingkan record didatabase dengan yang di input pada saat login (berdasarkan username dan password)


www.ard

iandp

.com

www.ardiandp.com

Penjelasan Cek_login.php (2)

$ketemu=mysql_num_rows($login);

Melihat apakah username dan password yang diinput sesuai?

if ($ketemu > 0)

Jika datanya > 0 = 1. Jika data ditemukan (0=salah, 1=benar)

session_start();

$_SESSION[username] = $r[username];

Pendaftaran Session untuk autentifikasi user yang akan masuk keadmin. Session adalah kunci untuk masuk kehalaman-halamanyang dilindungi oleh Session


www.ard

iandp

.com

www.ardiandp.com

Penjelasan Cek_login.php (3)

header('location:main.php?page=home');

Jika username dan password sesuai maka akan di arahkan kealamat yang dituju. Coding di atas adalah coding redirect

Else

{

echo "<script>alert ('maaf data yang di masukan tidak valid'); document.location='index.php' </script>";

}

Jika username dan password salah maka muncul pesan dan akandiarahkan kehalaman login.


www.ard

iandp

.com

www.ardiandp.com

Main.php (Template)

File main.php adalah file template. Dimaksud dengan file template karena dalam membuat website kita membutuhkan 1 design template untuk menampung semua file atau menu-menu yang adadi website.

Template ibarat rumah, menu barang,kategori dll adalah isi darirumah tersebut. Sehingga supaya menu barang, kategori dll bisarapi dan tidak berantakan, maka perlu dimasukan ke dalam rumah(template)


www.ard

iandp

.com

www.ardiandp.com

Main.php (Template)


header

content

menu

footer

www.ard

iandp

.com

www.ardiandp.com

Main.php (Template)

Template admin membutuhkan perlindungan, dimana hanya yang punya hak (bisa login) saja yang boleh masuk.

Untuk melindungi halaman admin dari pengguna penyusup, makakita menggunakan SESSION.

if (empty($_SESSION['username']) and empty($_SESSION['password']))

Apa SESSION ?


www.ard

iandp

.com

www.ardiandp.com

Main.php (Template)

Template web, berfungsi menampilkna isi dari semua menu yang kita pilih. Sehingga kita membutuhkan sebuah file yang berfungsimenampilkan apa yagn kita mau. File tersebut kita namakancontent.php (content)

File content kita letakan (include) kedalam template sehinggadimanapun kita membuat file maka akan ditampilkan didalamtemplate (tidak berantakan).


www.ard

iandp

.com

www.ardiandp.com

content.php (pengendali)

<?php

$page=htmlentities($_GET['page']);

$halaman="$page.php";

if(!file_exists($halaman) || empty($page)){

include "home.php";

}else{

include "$halaman";

}

?>


www.ard

iandp

.com

www.ardiandp.com

content.php (pengendali)Content menampilkan data berdasarkan alamat di URL (browser).

Perbedaan teknik dalam membuat website, mempengaruhi coding pada file content (yang dijadikan pengendali). Karena dalam membuat website ada bnyakteknik.

Misal:

www.privat.com/main.php?page=home

Maka yang dibaca oleh content.php adalah

?page=home

Home=home.php

NB: URL tidak menggunakan .php


www.ard

iandp

.com

www.ardiandp.com

http://www.privat.com/main.php?page=home


Misal kedua:

www.private.com/main.php?page=produk/tampil_produk

Maka yang dibacaoleh content adalah

?page=produk/tampil_produk

Produk= nama folder

Tampil_produk= nama file

NB: URL tidak menggunakan .php


www.ard

iandp

.com

www.ardiandp.com

http://www.private.com/main.php?page=produk/tampil_produk


Soal:

Apa perbedaan URL

www.private.com/main.php?page=produk/tampil_produk

Dengan

www.privat.com/main.php?page=home


www.ard

iandp

.com

www.ardiandp.com

http://www.private.com/main.php?page=produk/tampil_produk

http://www.privat.com/main.php?page=home

ardian ecomm-01-pengenalan-dasar-dan-setruktur-file-september-2015

Education