pengantar e-commerce e-commerce.pdf · pengantar e-commerce aririk japik, s.kom m 1 . pengertian...

28
Pengantar e-commerce Aririk Japik, S.Kom Learning by : Aririk Japik, S.Kom 1

Upload: others

Post on 31-May-2020

21 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Pengantar e-commerce

Aririk Japik, S.Kom

Lear

nin

g b

y : A

riri

k Ja

pik

, S.K

om

1

Page 2: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Pengertian

• E-Commerce yaitu perdagangan elektronik atau

e-dagang (Electronic Commerce) yaitu

penyebaran, pembelian, penjualan, pemasaran

barang, dan jasa melalui sistem elektronik seperti

internet atau televisi, atau jaringan komputer

lainnya.

Learning by : Aririk Japik, S.Kom 2

Page 3: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Simulasi

Learning by : Aririk Japik, S.Kom 3

Page 4: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Front and back end

Learning by : Aririk Japik, S.Kom 4

Page 5: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Layout

Learning by : Aririk Japik, S.Kom 5

Page 6: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Rancangan

Learning by : Aririk Japik, S.Kom 6

Page 7: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Halaman Pengunjung (Front-End)

Insert Tabel

Row : 4

Coloumn : 2

Width=800

padd=1

Space=0

Isifile

Learning by : Aririk Japik, S.Kom 7

Page 8: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Profile

Learning by : Aririk Japik, S.Kom 8

Page 9: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Isifile.php <?php

if (isset($_GET['page'])){

$page = $_GET['page'];

if ($page == 'main'){

include('home.php');

}

elseif ($page == 'profil'){

include('profil.php');

}

} else {

include('home.php');

}

?>

Learning by : Aririk Japik, S.Kom 9

Page 10: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Testimoni

Tampil Testimoni

Learning by : Aririk Japik, S.Kom 10

Buatlah kode penyimpanan

Dengan

Nama database :

dbtokonama

Tabel : testimoni

Page 11: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Tampil Testimoni

Learning by : Aririk Japik, S.Kom 11

Page 12: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Halaman Admin (Back-End)

Learning by : Aririk Japik, S.Kom 12

Page 13: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Index.php

Learning by : Aririk Japik, S.Kom 13

Page 14: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

home

Learning by : Aririk Japik, S.Kom 14

Page 15: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Input Produk

Learning by : Aririk Japik, S.Kom 15

Page 16: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Database

Learning by : Aririk Japik, S.Kom 16

Database : dbtokonama

Tabel: produk

Jumlah field : 7

Page 17: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Koneksi ke database

<?php

$server="localhost";

$username="root";

$password="";

$nmdatabase=“namadatabase";

mysql_connect($server,$username,$password) or

die("GAGAL KONEKSI");

mysql_select_db($nmdatabase)or die("DATABASE NOT

FOUND");

//SIMPAN dengan nama koneksidb

?>

Learning by : Aririk Japik, S.Kom 17

Page 18: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

SimpanProduk

<?php

include "koneksidb.php";

$kdproduk=$_POST['kdproduk'];

$kategori=$_POST['kategori'];

$nmproduk=$_POST['nmproduk'];

$harga=$_POST['harga'];

//menyimpan gambar

$lokasigambar=$_FILES['gambar']['tmp_name'];

$namagambar=$_FILES['gambar']['name'];

$ukurangambar=$_FILES['gambar']['size'];

$simpangambar="foto_produk/$namagambar";

move_uploaded_file($lokasigambar,"$simpangambar");

$stok=$_POST['stok'];

$deskripsi=$_POST['deskripsi'];

Learning by : Aririk Japik, S.Kom 18

Page 19: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

SimpanProduk

//menyimpan dalam tabel

$simpan="INSERT INTO produk

values('$kdproduk','$kategori','$nmproduk','$harga','$simpangambar',

'$stok','$deskripsi')";

if(mysql_query($simpan)) {

echo "<center><h2>DATA PRODUK BERHASIL DISIMPAN</h2>";

echo "<a href='?page=produk'>Back</a>"; }

else {

echo "<center><h2>DATA PRODUK GAGAL

DISIMPAN</h2>";

echo "<a href='?page=produk'>Back</a>"; }

?>

Learning by : Aririk Japik, S.Kom 19

Page 20: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Tampil Produk

Learning by : Aririk Japik, S.Kom 20

Page 21: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Tugas

• Buatlah kode untuk menampilkan produk

• Buatlah Untuk hapus data produk

• Buatlah untuk edit data produk

Learning by : Aririk Japik, S.Kom 21

Page 22: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

TampilProduk

Learning by : Aririk Japik, S.Kom 22

Page 23: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Home(front end)

Learning by : Aririk Japik, S.Kom 23

Include “produk _terbaru.php

Page 24: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Produk_terbaru

Learning by : Aririk Japik, S.Kom 24

Include “produk.php

Page 25: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

produk

<?php

include "koneksidb.php";

$query = "SELECT * FROM produk order by rand()";

$tampil = mysql_query($query);

// Tentukan banyaknya kolom horizontal

$kolom = 4;

echo "<center><table><tr>";

$i = 0;

while ($r = mysql_fetch_array($tampil)){

// Tampilkan data ke kolom kanan selama

$i >= $kolom;

if ($i >= $kolom){

echo "</tr><tr>";

$i = 0;

}

Learning by : Aririk Japik, S.Kom 25

Page 26: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

produk

$i++;

$harga=number_format($r['harga']);

echo "<td align='center'><br>Kode Produk :<br><b>

$r[kode_produk]</b><br><br>

<img src='admin/$r[gambar]' width='180' height='200'

class='border'>

<br>$r[nama_produk]<br>Rp. $harga<br><a

href='#'>Pesan </a><br></td>";

}

echo "</tr></table>";

?>

Learning by : Aririk Japik, S.Kom 26

Page 27: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Tampilan

Learning by : Aririk Japik, S.Kom 27

Page 28: Pengantar e-commerce e-commerce.pdf · Pengantar e-commerce Aririk Japik, S.Kom m 1 . Pengertian •E-Commerce yaitu perdagangan elektronik atau e-dagang (Electronic Commerce) yaitu

Tugas

• Tampilkan detail dari produk yang dipesan

• Lampirkan data konsumen yang akan memesan

• Simpan data konsumen dan produk yang dipesan

kedalam tabel order

• Tampilkan data order konsumen pada halaman

admin

• Lakukan pengecekan data order.

Learning by : Aririk Japik, S.Kom 28