Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

(1)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika:

Nama : PINGKY PAMUNGKAS SIMANGUNSONG NIM : 132406074

Prog. Studi : D3 Teknik Informatika

Judul TA : Penjualan sepatu sport di Star Galeri berbasis website menggunakan PHP dan MySQL

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal……….

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni2016 Dosen Pembimbing

Drs. Henry Rani Sitepu M.Si NIP. 195303031983031002

(2)

List Program

<?php include "cek_session.php" ?> <?php include "header_admin.php" ?>

<li><a href="index.php">Beranda</a></li> <li>Halaman Admin</li>

</div> </div>

</div>

<h3>Selamat Datang Administrator</h3> <div class="container">

<h4>Form Tambah Galeri </h4> <h5><?php include "form_upload_galeri.php"?></h5> <h4>Form Hapus Galeri </h4>

</div> </div>

</div>

(3)

<?php

$validasi =trim ($_POST ['validasi']); if ($validasi > 50){

?><script>alert('Terima kasih');</script><?php

?><script>document.location.href='index.php';</script><?php }

else {

?><script>alert('tidaK');</script><?php

?><script>document.location.href='index.php';</script><?php }

<?php

session_start(); include("conn.php");

if (!isset ($_SESSION['nama'])) {

header("location:login_admin.php"); exit;

} ?>

<?php

mysql_connect("localhost","root",""); mysql_select_db("db_server"); ?>

(4)

<li><a href="index.php">Beranda</a></li> <li>Galeri</li>

</div> </div>

</div>

<div class="container"> <h3>Galeri</h3>

</div> </div> </div>

<?php include "footer.php" ?>

(5)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head> <body>

<tr>

<td height="44">Untuk pemesanan barang ini silahkan transfer ke Rekening Mandiri Atas Nama Sunsed, No. Rekening 009-0011-9987-1110 sejumlah harga barang yang anda pesan.</td>

</tr> <tr>

<td>Apabila sudah mentransfer silahkan Kode Menvalidasi transfer </td> <body>

(6)

<tr>

<td>Validasi</td>

</body> </html>

<table width="100%"> <?php

include "conn.php";

$tampil=mysql_query("SELECT * FROM galeri order by id_galeri DESC "); while($row=mysql_fetch_object($tampil)){

?> <TR>

<TD ><strong>Nama Photo:</strong> <?php echo ucwords("$row->nama"); ?></TD>

Jenis Photo:</strong> <?php echo "$row->jenis"; ?></TD>

<TD colspan="3" align="center" ><strong>Aksi:</strong> </br><?php echo "<a href='hapus_galeri.php?id_galeri=$row->id_galeri'>Hapus</font></a>"; ?></TD>

</TR> <TR>

</TR> <?php

(7)

} ?> </Table>

<br /> 

<th scope="row" align="left">Nama Pengguna  </font></th> <td><input name="username" type="text" id="user" size="13" value="Username" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>

</tr> <tr>

<th scope="row" align="left">Kata Sandi  </th>

<tr>

<td><input type="submit" name="login" id="login" value="Login" align="absmiddle"/></td> </tr> </table> <br/> </label> </form> <script language='javascript'> function cek_isi(inputan) {

if(inputan.value != "") { inputan.value=''; }

(8)

}

function cek_isi2(inputan) {

if( inputan.value== '') { inputan.value='Username'; }}

</script>

<td width="236">Nama Photo</td>

</tr> <tr>

<td>Harga Barang</td>

<tr>

<td>Spesifikasi</td>

</tr> <tr>

<td height="24" >File Photo</td>

<tr>

</tr> </table>

(9)

</form> <?php

include "conn.php";

$tampil=mysql_query("SELECT * FROM galeri"); while($row=mysql_fetch_object($tampil))

{

<p align="left"><b>Nama Photo : <?php echo ucwords("$row->nama"); ?></b> <br />

</TD> <TD> </TD> </TR> <TR > <TD>

<p align="left"><img src="<?php echo("$row->file"); ?>" id="img-border" width="400px" ></p>

</TD> </TR> <TR>

<p align="left"> Harga Barang : <?php echo "$row->jenis"; ?></p>

</TD> </TR> <TR>

<p align="left"> Spesifikasi Barang : <?php echo "$row->keterangan"; ?></p>

</TD> </TR>

(10)

<tr>

<td colspan="5"> <hr color="#006699" size="1"> </td> </tr> </TD> </TR> <?php } ?> </TABLE> <?php $id=$_REQUEST['id_galeri']; include "conn.php";

$sql = "DELETE FROM galeri WHERE id_galeri=$id"; $hasil = mysql_query($sql);

header("location:admin.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

</head> <body>

(11)

<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-brand"> <a href="index.php"><h1><span>Star </span>Galeri</h1></a> </div> </div>

<li

role="presentation"><a href="index.php" class="active">Beranda</a></li> <li

role="presentation"><a href="daftar_galeri.php">Galeri Sepatu</a></li> <li

role="presentation"><a href="pemutar_musik.php">pemesanan</a></li> <li

role="presentation"><a href="login_admin.php" target="_blank">Login</a></li> </ul>

</div> </div>

(12)

</div> </div> </nav> </header> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

</head> <body>

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

(13)

<div class="navbar-brand"> <a

href="index.php"><h1><span>Administrator Star </span>Galeri</h1></a> </div>

</div>

<li

role="presentation"><a href="log_out_admin.php">Log-out Admin</a></li> </ul> </div> </div> </div> </div> </nav> </header>

<?php include "header.php" ?>

(14)

<h2 class=""><font color="#FF0000">Star Galeri</font></h2>

</div> </div>

<h2>Bila ada pertanyaan ?</h2>

<p>Silahkan hubungi kami 081375571120</p> </div> </div> </div> </div> </div> </section>

(15)

<?php include "footer.php" ?> <?php

session_start();

$nama = $_SESSION['nama']; session_unset();

header("location:login_admin.php"); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head> <body>

<table width="562" border="0"> <tr> <td colspan="2">LOGIN</td> </tr> <tr> <td width="209"> </td> <td width="337"> </td> </tr> <tr> <td>Username</td>

</tr> <tr>

<td>Password</td>

(16)

</form></td> </tr>

<tr>

<td><a href="../Onlineshop/index.html">LOGIN, </a></td> </tr> <tr> <td> </td> <td><a href="../Onlineshop/register.html">Daftar</a></td> </tr> </table> </body> </html>

<?php include "header.php" ?> <div id="breadcrumb"> <div class="container"> <div class="breadcrumb"> <li><a href="index.php">Beranda</a></li> <li>Login admin</li> </div> </div> </div> <div class="aboutus"> <div class="container">

<h3>Panel Login </h3>

</div> </div> </div>

(17)

<?php include "footer.php" ?>

</head> <body>

<td width="217">Nama Barang </td>

<tr>

<td>Harga Barang</td>

<tr>

</form></td> <td> </td> </tr>

(18)

<td>Alamat</td>

</form></td> <td> </td> </tr>

<tr>

<td>No. Identitas ( KTP/SIM)</td>

</form></td> <td> </td> </tr>

<tr>

<td>No. Handphone </td>

</form></td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><a href="index.html">Kembali</a></td>

<td><form id="form5" name="form5" method="post" action=""> <a href="form validasi.html">LANJUT VALIDASI

</a> </form></td> <td> </td> </tr> </table> </body> </html> </font></font>

(19)

<?php include "header.php" ?> <div id="breadcrumb">

<li><a href="index.php">Beranda</a></li> <li>Pemesanan</li>

</div> </div>

</div>

<div class="container"> <h3>Pemesanan</h3>

</div> </div>

<?php include "footer.php" ?>

<?php

session_start();

//memanggil koneksi ke database include("conn.php");

//menampung nilai inputan dari form //print_r ($_POST);

(20)

$password = $_POST['password']; //menyusun query

$query = "select * from admin where username='$nama' and password ='$password'"; $run_query = mysql_query ($query);

if (mysql_num_rows ($run_query)== 1) {

$user = mysql_fetch_assoc($run_query); $_SESSION['nama'] = $user['username']; header("location:admin.php");

} else {

header("location:login_admin.php"); }

?> <?php

include "conn.php";

$nama_photo=$_POST['nama_photo']; $jenis=$_POST['jenis'];

$keterangan=$_POST['keterangan']; $photo=$_FILES["photo"];

$nama=$photo["name"];

if(copy($photo["tmp_name"],"images/galeri/$nama")) {

$photo="images/galeri/".$nama;

$simpan="insert into galeri values('','$nama_photo','$jenis','$keterangan','$photo')"; mysql_query($simpan);

header("location:admin.php"); }

(21)

Daftar Pustaka

Thomas,C & Carolin,B.(2005). DATA BASE SYSTEMS Apractical Approach to Design, Inplementation, and Management.

Mahmud, Subaena.2009.3 Juni 2012, http://www.ilmukomputer.com.

Setiawan, Yudha.(2004).Database Client Server Menggunakan Internet Base, Yogyakarta: ANDI.

Kadir, Abdul.2003. ”Pemograman Berbasis Web Dengan PHP dan MYSQL”, Yogyakarta: Andi.

Lubis, Mohammad Safri. 2011. “Teknologipengembanganaplikasi web”, USU Press,Medan.

(22)

BAB 3

SEKILAS TENTANG TOKO STAR GALERI

3.1 Latar Belakang Toko Star Galeri

Toko ini berdiri pada tanggal 15 Januari 2013. Nama pemilik toko adalah Ian Tarigan. Toko ini terletak di jalan Jamin Ginting. Toko ini menjual berbagai macam sepatu berkarakter olahraga dengan bahan yang berkualitas. Untuk memasarkan toko ini maka penulis membantu pemilik toko dengan merancang sebuah Website penjualan jersey. Website ini dibuat untuk mengoptimalkan publikasi informasi sekaligus sebagai aplikasi jual beli secara online .Sebagai dokumen wajib pemuat informasi pada website yang akan dibaca oleh browser di internet digunakan script HTML. Namun sebagai media publikasi, website ini tidak cukup hanya sekedar menampilkan informasi saja, tetapi juga harus memperhatikan layouting dan keindahan tampilan website, untuk itu digunakanlah CSS dan JavaScript. Serta untuk memberikan kedinamisan konten website digunakan script PHP, agar berita dan informasinya dapa tselalu di-update. Untuk administrasi data, digunakan database MySQL, sehingga kedinamisan website dan manipulasi data konten website dapat dioptimalkan.

(23)

Pada website ini semua jenis layanan jual beli hanya dapat diakses oleh user yang telah terdaftar saja atau telah melakukan sign in. Dalam aplikasi jual belinya, pertama pelanggan yang sudah terdaftar melakukan sign in terlebih dahulu untuk dapat memilih barang yang diinginkan. Sedangkan untuk yang belum terdaftar, pelanggan harus mendaftarkan dirinya terlebih dahulu di menu sign up. Selesai memilih barang dan check out, pelanggan diperlihatkan review belanjaannya dan apabila sudah sesuai maka pelanggan memasuki tahap selanjutnya yaitu tentang alamat tujuan untuk pengiriman barang. Setelah semua sesuai, pelanggan melakukan pembayaran dengan melakukan transfer ke bank, lalu melakukan konfirmasi pembayaran.

3.2 Struktur Organisasi Toko Star Galeri

Organisasi adalah suatu bentuk kerjasama dari sejumlah orang dalam suatu wadah tertentu untuk mencapai suatu tujuan. Struktur organisasi merupakan kerangka pembagian tugas dan tanggungjawab fungsional yang berperan menjalankan aktifitas organisasi melalui struktur organisasi yang jelas.

Dengan adanya struktur organisasi ini diharapkan setiap pengurus mengetahui dengan jelas tugas dan kewajiban yang harus dilaksanakan serta dapat mempertanggungjawabkannya kepada ketua dan ketua akan mengetahui bagaimana mendelegasikan wewenang kepada anggotanya, sehingga setiap aktifitas anggota

(24)

dapat terselenggara dengan baik dan terkoordinasi. Untuk melaksanakan tugas, telah ditetapkan struktur organisasi dan tata tentang organisasi dan tata kerja. Struktur organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara pengurus yang satu dengan pengurus yang lain dan bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang baik harus menjelaskan hubungan wewenang anggota melapor kepada pengurus. Empat elemen dalam struktur organisasi yaitu :

1. Adanya spesialisasi kegiatan kerja. 2. Adanya standardisasi kegiatan kerja. 3. Adanya koordinasi kegiatan kerja. 4. Besaran seluruh organisasi.

3.3 Koleksi Sepatu

Beberapa koleksi sepatu sport yang disediakan pada Toko Star Galeri yaitu sepatu bola dengan bermacam merk, sepatu futsal, dan sepatu olahraga lainnya dengan bermacam merk yang berkualitas.

3.3.1 Sepatu Bola

Sepatu bola ini terdapat empat merek dengan nomor yang berbeda dan harga yang berbeda seperti sepatu Adidas dengan nomor 35-43 harga kisaran Rp 250.000, sepatu Nike dengan nomor 43 harga kisaran Rp 250.000, sepatu Puma dengan nomor 35-43 harga kisaran Rp 215.000, dan sepatu Reebok dengan nomor 35-35-43 harga kisaran

(25)

Rp.180.000,. Banyak orang jaman sekarang ingin memiliki sepatu bola jenis/merk Adidas, Nike, Puma, dan Reebok karena sepatu ini berkualitas dan nyaman dipakai saat sedang bermain.

3.3.2 Sepatu Futsal

Sepatu futsal ini terdapat dua merk sepatu yaitu Adidas dan Nike, dengan nomor dan harga yang berbeda seperti sepatu bola. Adidas dengan nomor 35-43 harga kisaran Rp 230.000, dan Nike dengan nomor 35-43 harga kisaran Rp 230.000. Banyak Pria jaman sekarang ingin memiliki sepatu futsal jenis/ merek Adidas dan Nike, karena sepatu ini berkualitas, nyaman saat dipakai dan tidak gampang rusak.

3.3.3 Sepatu Olahraga

Sepatu ini terdapat beberapa merk seperti Adidas, Nike, Puma, Reebok dengan ukuran yang berbeda dan harga yang berbeda. Adidas dengan nomor 35-43 harga kisaran Rp 180.000, Nike dengan nomor 35-53 harga kisaran Rp 180.000, Puma dengan ukuran 35-43 harga kisaran Rp 150.000, Reebok dengan ukuran 35-43 harga kisaran Rp 150.000. Banyak pria maupun wanita jaman sekarang ingin memiliki sepatu dengan merk yang berkualitas ini, karena sepatu ini berkualitas, nyaman saat dipakai berolahraga, tidak gampang rusak, modis, dan bahkan dapat dipakai ke mana saja.

(26)

3.4 Visi dan Misi

Visi Toko Star Galeri :

”Terwujudnya suatu bisnis yang maju, berkembang, dan terorganisir dengan baik.” Misi Toko Star Galeri:

1. Memperkenalkan Toko Star Galeri bukan hanya kepada pebisnis tetapi juga kepada masyarakat umum.

2. Mengembangkan website Toko Star Galeri dan bukan hanya di Indonesia saja tapi juga sampai keluar negeri.

3. Mempermudah user dalam mencari sepatu sport yang semakin sulit ditemukan saat ini.

3.5 Tujuan Toko Star Galeri

Tujuan dari Toko Star Galeri:

1. Untuk membantu orang lain dalam mendapatkan info tentang pembelian sepatu sport agar proses lebih cepat, mudah dan dapat dilihat oleh semua orang.

2. Memperbaiki sistem manual menjadi system komputer yang lebih efisien baik dari segi waktu maupun tenaga.

(27)

BAB 4

PERANCANGAN SISTEM

4.1 Defenisi Perancangan Sistem

Perancangan sistem adalah merancang atau mendesain suatu sistem yang baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem.

Perancangan sistem merupakan tahap selanjutnya setelah analisa sistem, mendapatkan dengan jelas tentang apa yang dikerjakan di analisa sistem, maka dilanjutkan dengan memikirkan bagaimana membentuk sistem tersebut.

Dalam membuat sebuah Web, tentukan terlebih dahulu tujuan dari Web yang akan dibuat karena bentuk desain dan isi sebuah Web sangat tergantung dari tujuan Web itu di buat.Sebelum melakukan perancangan sistem informasi, maka harus dilakukan anlisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan dan kekurangan sistem.

Menurut Jogiyanto. HM,(1991), Perancangan sistem dapat diartikan sebagai berikut :

1. Tahap setelah analisis dari siklus pengembangan system. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional.

(28)

3. Persipan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.

5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.

6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari suatu sistem.

4.2 Metode Pengembangan Sistem

Dalam pembuatan tugas akhir ini, penulis menggunakan metode yang terdiri dari: 1. Studi kelayakan

Studi kelayakan adalah studi awal untuk memeriksa kebutuhan informasi pengguna akhir dan tujuannya, batasan, kebutuhan sumber daya, biaya, manfaat, dan kelayakan dari proyek yang diusulkan.

2. Rencana pendahuluan

Yaitu menentukan lingkup sistem yang akan ditangani. 3. Analisis Sistem

Penguraian dari suatu system informasi yang utuh kedalam bagian-bagian komponenya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan

(29)

yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan.

4. Perancangan Sistem

Pendefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk merancang bangun implementasi, menggambarkan bagaimana suatu system dibentuk serta mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari sistem.

5. Implementasi Sistem

Tahap untuk meletakkan system supaya siap untuk dijalankan.

4.3 Simbol Simbol pada Flowchart dan Penjelasannya

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut.Tabel Flowchart beserta fungsinya:

(30)

Tabel 4.1Simbol-Simbol Flowchart

No Nama Simbol Fungsi

Terminator

Terminator, fungsinya untuk permulaan/ akhir program

2 Process

Process, digunakan untuk melambangkan kegiatan pemrosesan input.

Tabel 4.1Simbol-Simbol Flowchart (Lanjutan)

3 Input data

Input data, fungsi untuk proses input data, parameter.

4 Garis alir ( flow line)

Garis alir (flow line), fungsinya untuk arah aliran program.

Preparation

Preparation, berfungsi untuk proses inisialisasi/ pemberian harga awal perulangan.

(31)

Proses

Proses, fungsinya untuk proses perhitungan/proses pengolahan data .

Connector

Connector,penghubung bagian-bagian flowchart yang berada pada satu halaman.

Output data

Output data, informasi

Off page

connector

Off page connector

penghubung bagian-bagian flowchart yang berada pada halaman berbeda.

Tabel 4.1Simbol-Simbol Flowchart (Lanjutan)

Predefined process

Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

Display

Display ,untuk output yang diajukan suatu device, seperti

(32)

monitor.

Magnetic disk

Magnetic disk, untuk

penyimpanan data.

4.4 Metode Perancangan

Metode perancangan system ini menggunakan metode pendekatan atas-bawah (top down approach). Perancangan dimulai dari bentuk yang paling global yaitu diagram konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.

4.4.1 Pembuatan Flowchart (Diagram Alir)

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Flowchar tmenolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart Sistem merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam system secara keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada di dalam sistem. Dengan kata lain, flowchart ini merupakan deskripsi secara grafik dari urutan prosedur-prosedur yang terkombinasi yang membentuk suatu sistem. Flowchart Sistem terdiri dari data yang mengalir melalui system dan proses

(33)

yang mentransformasikan data itu. Data dan proses dalam flowchart system dapat digambarkan secara online (dihubungkan langsung dengan komputer) atau offline (tidak dihubungkan langsung dengan komputer, misalnya mesintik, cash register atau kalkulator).

Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan fileHTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web.

4.5 Perancangan Database

Perancangan database adalah salah satu langkah untuk menentukan file database, table, tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang paling penting dalam perancangan sistem.

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan dan penampilan isi database ke halaman web. Database ini terdiri atas tabel – tabel yang dibuat dengan menggunakan program MySQL. Adapun database yang dibuat oleh penulis adalah

(34)

database website Penjualan Sepatu Sport di Star Galeri berbasis Web menggunakan php dan Mysql.

Di dalam suatu organisasi yang besar, sistem database merupakan bagian penting pada sistem informasi, karena di perlukan untuk mengelola sumber informasi pada organisasi tersebut. Untuk mengelola sumber informasi tersebut yang pertama kali di lakukan adalah merancang suatu sistem database agar informasi yang ada pada organisasi tersebut dapat digunakan secara maksimal.

Tujuan Perancangan Database

• U tuk e e uhi kebutuha aka i for asi dari pe ggu a da aplikasi • Me yediaka struktur i for asi ya g atural da udah di e gerti oleh pengguna.

• Me duku g kebutuha pe rosesa da beberapa obyek kinerja dari suatu sistem database.

(35)

BAB 5

IMPLEMENTASI SISTEM

5.1 Defenisi Implementasi Sistem

Implementasi sistem adalah tahap meletakkan sistem supaya siap dioperasikan. Dalam menjalankan kegiatan implementasi perlu dilakukan beberapa hal yaitu: menerapkan rencana implementasi, rencana implementasi merupakan kegiatan awal dari tahap implementasi sistem.

Sebelum program aplikasi diimplementasikan, maka aplikasi akan dilakukan pengujian untuk menghindari kesalahan-kesalahan yang mungkin terjadi yaitu:

1. Kesalahan tata bahasa adalah kesalahan pengetikan perintah atau statemen menyalahi aturan pengkodean. Kesalahan ini mudah ditanggulangi, karena setiap kesalahan yang terjadi akan tampil pada saat kompilasi di web browser atau muncul pada saat pengetikan kode itu sendiri di macromedia dream weaver.

2. Run Time Errors adalah keadaan dimana kesalahan akan terjadi pada saat program dijalankan, dan terhenti sebelum proses kompilasi selesai, karena terjadi sebuah kekurangan sebuah file penting atau terjadi karena kesalahan alokasi memori.

3. Kesalahan Logika merupakan kesalahan yang cukup sulit ditemukan penyebabnya, karena kesalahan ini tidak ada tampil pada saat proses

(36)

kompilasi, tetapi hasil yang dikeluarkan tidak sesuai dengan program yang diinstruksikan. Kesalahan ini dapat diketahui setelah melakukan testing dan membandingkan hasil pengolahannya dengan hasil yang sudah diketahui. 4. Penulisan Program adalah proses menulis perintah-perintah program yang

akan diimplementasikan dengan bahasa pemrograman berbasis web.

5. Pengujian program adalah tahapan akhir dimana program akan diuji untuk mengetahui apakah program yang dibuat sesuai dengan spesifikasi yang ditentukan, atau belum.

5.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem yaitu:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai saranapenyaji informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat yang baik dan jelas.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

(37)

5.3 Kebutuhan Sistem

Kebutuhan pendukung sangat dibutuhkan untuk menyelesaikan perancangan sistem yang akan dibuat. Adapun kebutuhan pendukung itu yaitu berupa komponen-komponen penting dalam menyelesaikan perancangan system ini. Komponen-komponen tersebut adalah sebagai berikut:

5.3.1 PerangkatLunak (Software)

Software adalah segala sesuatu yang berkaitan dengan program komputer. Dalam membuat perancangan sistem ini penulis menggunakan beberapa perangkat lunak, yaitu:

1. Sistem Operasi Minimum Microsoft Windows XP dan Maximum Windows 7.

2. Macromedia Dreamweaver sebagai software desain dan pengembangan web yang menyediakan kode editor.

3. XAMPP sebagai server yang berdiri sendiri.

4. Notepat++ berfungsi sebagai teks editor dalam penulisan script PHP dalam pembuatan website.

(38)

5.3.2 Perangkat Keras (hardware)

Hardware adalah komponen-komponen komputer yang dapat dilihat dan diraba secara langsung atau yang berbentuk nyata, yang berfungsi mendukung proses komputerisasi. Umumnya komponen tersebut terdiri atas tiga jenis perangkat yaitu masukan (input device), perangkat pengolahan (processor) dan perangkat keluaran (output device). Adapun spesifikasi dari perangkat keras tersebut adalah sebagai berikut:

1. Input device, seperti, mouse, keyboard.

2. Perangkat pengolahan, seperti, Prosessor core-i7,RAM 2GB, motherboard, harddisk 500GB.

3. Output device, seperti, monitor, printer.

4. Serta peralatan tambahan lainnya, seperti, USB Flash.

5.3.3 Unsur Manusia (Brainware)

Brainware merupakan aspek manusia yang menangani pengolahan maupun pengembangan komputer, yang termasuk brainware adalah:

1. Progaramer yaitu orang yang memiliki kemampuan untuk menguasai salah satu ataupun banyak bahasa pemrograman. Programer dapat juga dikatakan sebagai pembuat dan petugas yang mempersiapkan program-program yang diperlukan pada sistem komputerisasi yang akan dirancang.

2. Administrator Adalah orang yang bertugas mengelola suatu sistem operasi dan juga program yang berjalan pada sebuah sistem komputer atauoun pada jaringan komputer.

(39)

3. Operator yaitu orang yang bertugas melayani dan menjalankan sistem maupun peralatan yang ada hubungannya dengan perangkat komputer, misalnya seperti menyiapkan data untuk diakses, merawat sistem komputer, dan sebagainya.

5.4 Tampilan Website

Berikut adalah tampilan website star galeri :

Gambar tampilan beranda website

(40)

Gambar tampilan galeri sepatu

(41)

Gambar tampilan galeri sepatu

(42)

Gambar tampilan pemesanan sepatu

Gambar validasi pemesanan sepatu

Gambar tampilan panel login admin

(43)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Perkembangan Teknologi Informasi saat ini telah mengalami perkembangan yang sangat cepat. Teknologi Informasi banyak diaplikasikan sebagai website untuk penjualan produk secara online, dimana produk tersebut dapat diakses di seluruh penjuru dunia. E-commerce merupakan salah satu Teknologi Informasi yang cukup handal dalam menangani transaksi dagang yang terjadi dijagat internet. Salah satu teknologi e-commerce adalah Internet Commerce, teknologi ini lebih berorientasi kepada periklanan, dengan teknologi ini harga dan segala hal tentang suatu barang maupun jasa tidak akan diketahui orang lain, melainkan diketahui oleh orang diseluruh dunia yang bisa mengakses internet.

Setelah Melewati tahap-tahap hasil penelitian akhirnya penulis dapat menyimpulkan sebagai berikut:

1. Disini telah dibuat sebuah website Penjualan sepatu sport di Star Galeri berbasis website menggunakan PHP dan MYSQL, yang dapat mempermudah seluruh kalangan dalam memenuhi kebutuhannya.

(44)

2. Sistem informasi ini berhubungan langsung dengan database, sehingga mempermudah penjual untuk mengatur dan mengelolah data – data produknya. 3. Sistem informasi ini adalah sarana untuk penjual memasarkan produk – produk

hasil produksinya dengan mudah tanpa mengeluarkan biaya yang besar.

4. Dengan adanya system informasi ini, maka informasi dapat diakses dan mengakses via internet.

5. Sistem informasi ini menampilkan identitas data harga dan nama dari setiap barang yang mau dibeli.Sistem informasi ini merupakan sarana informasi bisnis online yang dapat diakses oleh siapapun yang bukan hanya dari kalangan pebisnis.

6. Sistem informasi dapat dilihat oleh semua kalangan asalkan PC yang digunakan terhubung dengan internet. Dan untuk menarik minat pengunjung, perlu dibuat rancangan template dengan gambar yang menarik.

6.2 Saran

Beberapa saran penulis dalam pembuatan sistem informasi ini adalah:

1. Apabila pengunjung dari website ini ingin membeli sepatu sport yang berkualitas, diharapkan dapat mengisi data-data dengan lengkap yang sesuai dan tidak di rekayasa.

(45)

2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.

3. Website yang dibuat oleh penulis diharapkan bermanfaat pada proses pembelajaran peningkatan kualitas dibidang akademik dan seluruh kalangan dunia.

(46)

BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi Web

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011). Sedangkan meurut (Rouse, 2011) aplikasi web adalah sebuah program yang disimpan di Server dan dikirim melalui internet dan diakses melalui antarmuka browser. Dari pengertian diatas dapat disimpulkan aplikasi web merupakan aplikasi yang diakses mengunakan web berowser melalui jaringan internet atau intranet. Aplikasi web juga merupakan suatu perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web seperti HTML, JavaScript, CSS, Ruby, Python, Php, Java dan bahasa pemrograman lainnya.

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer. Arsitektur aplikasi web meliputi klien, web server, middlewaredan basis data. Klien berinteraksi dengan web server.Secara internal, web server berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh klien.(Abdul Kadir, 2009).

(47)

Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya ada perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri Lubis, 2011).

Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah diperintahkan.

2.2 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung.Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).

(48)

Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan elektronik yang bekerja bersama – sama secara otomatis, menerima input, memproses data dan menghasilkan data secara logis (output), cepat dan tepat berdasarkan perintah– perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari sistem komputerisasi.

Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh komponen–komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki beberapa komponen yaitu:

1. Perangkat Keras (Hardware)

Peragkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan. Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam tiga bagian:

a. Alat input

Alat input adalah alat yang memiliki fungsi untuk memasukkan data ataupun program yang akan diproses komputer, seperti keyboard, mouse, printer, scanner dan lainnya.

b. Alat Proses

Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau unit terpenting didalam sistem komputer. Fungsi utamanya adalah pusat

(49)

pemprosesan data dan mengiontrol keseluruhan sistem komputer selama pengolahan data berlangsung, contohnya adalah prosessor.

c. Alat Output

Alat output adalah alat untuk menampilkan hasil pengolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

2. Perangkat Lunak (Software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data.Komponen ini tidak nyata secara fisik.Perangkat lunak berfungsi sebagai perantara antara komputer dan user sehingga dapat digunakan.

3. Perangkat Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu menangani suatu sistem operasi komputer.Brainware dapat dikelompokkan dalam beberapa bagian, yaitu : a. Sistem Analisis

Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.

b. Programmer

Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu bahasa program tertentu.

(50)

Orang yang bertugas menangani pengolahan data secara langsung. d. Data Entry Operator

Orang yang bertugas melakukan pengurusan data yang akan diolah, mulai dari pengumpulan data, perekaman data kedalam media penyimpanan hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.

2.3 Mengenal PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal).PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP.Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,

(51)

perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0.PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21.Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.Versi ini juga memasukkan modelpemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

2.3.1 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi

(52)

dengan HTML.Vesri mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

2.3.2 Kelebihan PHP

Banyak sekali kelebihan yang dimiliki PHP dibandingkan dengan bahasa pemrograman yang lain, Diantaranya :

1. Bisa membuat Web menjadi Dinamis.

2. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.

3. Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Operasi bahkan HP yang mempunyai Web Browser dapat menggunakan program PHP.

4. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java.

5. Mendukung banyak paket Database seperti MySQL, Oracle, PostgrSQL, dan lain-lain.

6. Bahasa pemrograman PHP tidak memerlukan Kompilasi / Compile dalam penggunaannya.

7. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd, IIS dan lain-lain.

8. Pengembangan Aplikasi PHP mudah karena banyak Dokumentasi, Refrensi & Developer yang membantu dalam pengembangannya.

9. Banyak bertebaran Aplikasi & Program PHP yang Gratis & Siap pakai seperti WordPress, PrestaShop, dan lain-lain.

(53)

2.3.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda:

<?php. . . ?> <? . . . .?>

Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer local maka file PHP disimpan folder htdocs di web server.

Berikut contoh dari scrip PHP: <?php

Echo (“hallo”);?

2.4 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi juga menjual dibawah lisensi komersial untuk kasus-kasus dimana

penggunaannya tidak cocok dengan penggunaan GPL.

Relational Database Management System (RDBMS).

MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan

(54)

data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada wwb server.MySQL bayak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dalam memanggil data.MySQL dapat didefinisikan sebagai:

1. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah,mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.

2. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standar.

3. MySQL merupakan software Open Source, berarti semuaorang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.

4. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun.

(55)

Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.

5. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative,dan sejumlah Application programming Interfaces (APIs). 6. MySQL terdiri daribeberapa macam bahasa.

2.5 Pengertian Sistem Informasi dan Data

Di bawah ini terdapat beberapa Pengertian sistem informasi dan data menurut para ahli yaitu:

2.5.1 Sistem

Beberapa pengertian tentang sistem adalah sebagai berikut :

1. Murdick and ross (1993) mendefinisikan sistem seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama. 2. Menurut M.alexander dalam buku information system analysis menyatakan

bahwa sistem merupakan elemen – elemen baik berupa fisik maupun non fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah sistem.

(56)

3. L. James Havery Menurutnya sistem adalah prosedur logis dan rasional untuk merancang suatu rangkaian komponen yang berhubungan satu dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan.

4. C.W. Churcham Menurutnya sistem adalah seperangkat bagian – bagian yang dikoordinasikan untuk melaksanakan seperangkat tujuan.

2.5.2 Informasi

Informasi adalah Sekumpulan data/ fakta yang diorganisasi atau diolah dengan cara tertentu sehingga mempunyai arti bagi penerim. Data yang telah diolah menjadi sesuatu yang berguna bagi si penerima maksudnya yaitu dapat memberikan keterangan atau pengetahuan. Dengan demikian yang menjadi sumber informasi adalah data. Informasi dapat juga di katakan sebuah pengetahuan yang diperoleh dari

pembelajaran, pengalaman, atau instruksi.

Contoh informasi: dokumen dalam Microsoft exel, berbentuk spreadsheet seringkali digunakan untuk membuat sebuah informasi dari data yang terdapat di dalamnya, seperti laporan untung, rugi dan neraca adalah bentuk informasi dan angka yang terdapat di dalamnya adalah data.Menurut Davis dalam Abdul Kadir (2003;28) informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau saat mendatang. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (andri Kristanto,

(57)

2003:6).Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto, 1990:8).

2.5.3 Sistem informasi

Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-proses-output yang berhubungan dengan pengolaan informasi (data yang telah diperoleh sehingga lebih berguna bagi user).

1. Menurut John F. Nash (1995:8) yang diterjemahkan oleh La Midjan dan Azhar Susanto, menyatakan bahwa Sistem informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur daan pengendalian yang bermaksud menata jaringan komunikasi yang penting,proses atas transaksi-trsnsaksi tertentu dan rutin, membantu manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat.

2. Menurut Kertahadi (dalam Fatta,2007) sistem informasi adalah suatu alat untuk menyajikan informasi sedemikian rupa sehingga bermanfaat bagi penerimanya. Tujuan adalah untuk menyajikan informasi guna pengambilan keputusan pada perancanaan, pemrakarsaan, pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang menyajikan sinergi organisasi pada proses ( Mursick& Ross, dalam Fatta 2007).

(58)

2.5.4 Data

Data adalah fakta berupa angka, karakter, symbol, gambar, tanda - tanda, isyarat, tulisan,suara, bunyi yang mempresentasikan keadaan sebenarnya yang selanjutnya digunakan sebagai masukan suatu Sistem Informasi.

Data dapat berfunsi sebagai badan dasar yang objektif (relatif) dalam proses penyusunan kebijaksanaan dan keputusan pimpinan organisasi.

2.6 Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia.Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet.

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan

(59)

komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan komputer lainnya.

ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis dipindahkan kesambungan lainnya.

Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer.Salah satunya adalahUniversity of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna komputer dengan merek dan tipe berbeda dapat saling berhubungan, maka para ahli membuat sebuah protocol (semacam bahasa) yang sama untuk dipakai di Internet. Namanya TCP (Transmission Control Protokol) protokol pengendali transmisi dan IP (Internet Protokol).

Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu:

1. Fungsi Komunitas

Internet adalah alat komunikasi.Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail

(60)

(e-mail). Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan.

2. Fungsi Resource Sharing

Internet menghubungkan komputer dengan fasilitas sharing resource diantara komputer.

3. Fungsi Reseorces Discovery

Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara jutaan host.

2.7 World WideWeb (WWW)

World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext. Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Kini internet identik dengan web, karena kepopuleran web sebagai standart interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

(61)

Kini, web seakan lebih popular dari pada email, walaupun secara statisktik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.

Interface identik dengan web, karena popularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma–cuma sampai dengan yang komersial, semuanya ada.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:

1. Akses informasi yang mudah. 2. Setup server yang lebih mudah. 3. Informasi mudah didistribusikan.

4. Bebas platform : informasi dapat disajikan oleh web browser pada sistem mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

(62)

Web memberikan highlight ( penyorotan ) pada kata – kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki grapichal user interface ( GUI ), link – link dapat dihubungkan ke tujuanny dengan menunjuk link tersebut dengan mouse dengan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi dua yaitu:

1. Web Statis

Web statis adalah web yang berisi informasi yang sifatnya statis (tetap).Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut.Untuk mengetahui tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah.interaksi pengguna terbatas hanya dapat melihat informasi yang ditampilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atauhtm.

2. Web Dinamis

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna.Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan.Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih

(63)

indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.

2.7.1 Lahirnya Web

Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Physics Lab (Consei European Pour la Recherche Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru. Kode-kode khusus disisipkan kedalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat kedokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu melalui mekanisme FTP atau Telnet.Jalan pintas CERN digunakan sebagai dasar dari yang disebut World Wide Web atau berikut server dan browser webnya (sekarang dimaintenence oleh World Wide Consortium).

(64)

2.7.2 Browser Web

Browser web adalah software yang digunakan untuk menampilkan informasi dari server web.Software ini kini telah berkembang dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik untuk pindah antar dokumen.

Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan.Lynx ini ada pada lingkungan DOS (Disk Operation System).Akan tetapi pengembangan dari browser mode teks ini adalah tidak secepat browser web dengan GUI (Grafic User Interface).

Disaat perkembangan WWW ada dua browser web yang paling populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browserweb lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera, dan Mozilla Firefox. Diantara web browserini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan yaitu:

1. Cara Kerja Browser Mengambil Halaman

Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page

(65)

address. Sebuah page address terlihat seperti berikut :http://www.google.com/search?q=%s.

2. Cara Kerja Browser Menampilkan Halaman

Seluruh webpage berisi instruksi-instruksi bagaimana untuk ditampilkan.Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. TagHTML contohnya, yaitu <p> ini merupakan suatu paragraph </p>.

2.7.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaann dokumen web dari kliennya. Browserweb seperti IE dan Opera berkomunkasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunkan HTTP.Browserakan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan olehserver. Server memberikan dokumen atau layanan jika tersedia juga dengan menggunakan protokol HTTP.

2.7.4 Istilah-istilah Umum Yang Harus Diketahui

(66)

1. Protokolsecara defenisi adalah standart pemprosesan informasi yang diterima secara umum. Protokol TCP / IP merupakan protokol komunikasi yang digunakan dalam internet.

2. HTTP (Hyper Transfer Protokol) HTTP pada umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambah langsung ke dalam dokumen. Dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh.

3. Browsing / Surfing kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.

4. URL (Universal resource Locator) adalah konsep namafile standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan namafilen, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan dengan berbagai metode, dan bisa jadi bukan sekedar file, kerena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database.

2.8 HTML (Hypertext Markup Language)

Beberapa bagian yang penting, yang terdapat di HTML yaitu: 2.8.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage.Dokumen HTML merupakan

(67)

dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.

Ada dua cara untuk membuat web page dengan web editor (misalnya macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor biasa misalnya notepad atau editplus.

2.8.2 Penamaan Dokumen HTML

Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya ‘dokumen.html’ berbeda dengan ‘DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web yang dihosting didalam server yang berbasis *.nix (keluarga sistem operasi UNIX).

2.8.3 Dasar – dasar HTML

Mendesain html berarti melakukan suatu tindakan pemrograman.Namun html bukanlah sebuah bahasa pemrograman.Namun html hanyalah berisi perintah‐perintah yang telah terstruktur berupa tag‐tag penyusun.Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah‐perintah tertentu agar html kita dapat di

(68)

aksesoleh browser.Mendesain html adalah adalah sebuah seni tersendiri.Homepage yang merupakan implementasi dari htmladalah refleksi dari orang yang membuatnya. <html>

<head>

<title>Judul Dokumen html</title> </head>

<body>

penulisan informasi Web </body>

</html>

Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: 1. Tag

Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan namabody. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body>ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag penutup isi dokumen html.

2. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser

(69)

digunakan elementtitle, dimana: <title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html. Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya. Contoh penulisan tag‐tag yang benar:

</p> 3. Attribute

Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG

nama-attr="nilai-attr" nama-attr="nilai-attr" >

</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman webmenjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">.

(1)

PERSETUJUAN

Judul : Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Kategori : Tugas Akhir

Nama : Pingky Pamungkas Simangunsong

Nomor Induk Mahasiswa : 132406074

Program Studi : D3 Teknik Informatika

Departemen : Matematika

Fakultas : Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di

Medan, Juni 2016

DisetujuiOleh:

Program Studi D3 Teknik Informatika Pembimbing FMIPAUSU

Ketua,

Dr. EllyRosmaini, M.Si Drs. Henry Rany S, M.Si

(2)

PERNYATAAN

PENJUALAN SEPATU SPORT DI STAR GALERI BERBASIS WEBSITE MENGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2016

PINGKY P SIMANGUNSONG 132406074

(3)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Kuasa, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul Penjualan Sepatu Sport di Star Galeri Berbasis Web Menggunakan PHP dan MySQL.

Terimakasih penulis sampaikan kepada Bapak Drs.Henry Rani Sitepu, M.Si selaku pembimbing yang telah meluangkan banyak waktunya untuk memberi

motivasi, saran dan kritik kepada penulis selama penyusunan tugas akhir ini. Kepada Bapak Dr. Kerista Sebayang, MS selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Medan yang telah meluangkan

banyak waktunya selama penyusunan tugas akhir ini. Bapak Prof. Dr. Tulus, Vordipl. Math., M.Si., Ph.D. selaku Ketua Departemen Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik Informatik FMIPA. Bapak Syahriol Sitorus S.Si, M.IT selaku sekretaris Program Studi D3 Teknik Informatika FMIPA USU, dan seluruh staff dan Dosen Program Studi D3 Teknik Informatika, dan pegawai FMIPA USU. Tidak terlupakan kedua orangtua, Ayahanda Mangurat Simangunsong dan Ibunda Berliana Silalahi yang telah memberikan banyak motivasi dan doa yang tulus. Juga kepada teman-teman Program Studi D3 Teknik Informatika selaku sahabat dan rekan kerja terbaik.

Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan maupun pengetahuan kita.

(4)

ABSTRAK

Kajian ini penulis bertujuan untuk membuat perancangan website penjualan sepatu sport di star galeri berbasis website, merupakan sebuah website yang digunakan untuk mengakses dan menginput data dari website pada internet. Metode dan rancangan website penjualan sepatu sport di star galeri ini dengan menggunakan PHP dan MYSQL. Cara kerja dari website yang dibuat adalah penjualan dan pembelian sepatu. Hasil rancangan dari website penjualan sepatu sport ini dapat memberikan informasi tentang sepatu sport yang ada di star galeri Medan. Kajian ini dibuat bertujuan untuk menambah wawasan cara membuat website yang sederhana.

(5)

DAFTAR ISI

PERSETUJUAN i

PERNYATAAN ii

PENGHARGAAN iii

ABSTRAK iv

DAFTAR ISI v

BAB 1 PENDAHULUAN 1

1.1. Latar Belakang 1

1.2. Perumusan Masalah 2

1.3. Batasan Masalah 3

1.4. Tujuan Penelitian 3

1.5. Manfaat Penelitian 3

1.6. Tinjauan Pustaka 5

1.7. Metodologi Penelitian 6

1.8. Sistematika Penulisan 7

BAB 2 LANDASAN TEORI 9

2.1. Pengertian Aplikasi Web 9

2.2. Pengertian Komputer 10

2.3. Mengenal PHP 13

2.3.1. Sejarah Singkat PHP 14

2.3.2. Kelebihan PHP 15

2.3.3. Script PHP 15

2.4. MySQL 16

2.5. Pengertian Sistem Informasi dan Data 18

2.5.1. Sistem 18

2.5.2. Informasi 19

2.5.3. Sistem Informasi 19

2.5.4. Data 20

2.6. Internet 20

2.7. World Wide Web 22

2.7.1. Lahirnya Web 25

2.7.2. Browser Web 26

2.7.3. Server Web 27

2.7.4. Istilah-Istilah Umum yang Harus Diketahui 28

2.8. HTML 29

2.8.1. Dokumen HTML 29

2.8.2. Penamaan Dokumen HTML 29

2.8.3. Dasar-Dasar HTML 30

2.8.4. Elemen dan Tag HTML 33

2.9. Pengertian E-commerce 36

2.9.1. Klasifikasi E-commerce 37

(6)

2.10. Sublime Text 2 40

2.11. Cascading Style Sheet 40

2.12. Macromedia Dreamweaver 40

BAB 3 Sekilas Tentang Toko Star Galeri 42

3.1. Latar Belakang Toko Star Galeri 42

3.2. Struktur Organisasi Toko Star Galeri 43

3.3. Koleksi Sepatu 44

3.3.1. Sepatu Bola 44

3.3.2. Sepatu Futsal 45

3.3.3. Sepatu Olahraga 45

3.4. Visi dan Misi

3.5. Tujuan Toko Star Galeri 46

BAB 4 PERANCANGAN SISTEM 49

4.1. Defenisi Perancangan Sistem 49

4.2. Metode Pengembangan Sistem 50

4.3. Simbol pada flowchart dan penjelasannya 51

4.4. Metode Perancangan 53

4.4.1 Pembuatan Flowchart 54

4.5. Perancangan Database 55

BAB 5 IMPLEMENTASI SISTEM 56

5.1. Defenisi Implementasi Sistem 56

5.2. Tujuan Implementasi Sistem 57

5.3. Kebutuhan Sistem 58

5.3.1 Perangkat Lunak 58

5.3.2 Perangkat Keras 59

5.3.3 Unsur-unsur Manusia 59

5.4. Tampilan Website 61

BAB 6 KESIMPULAN DAN SARAN 64

6.1. Kesimpulan 64

6.2. Saran 65

DAFTAR PUSTAKA LAMPIRAN

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

List Program

Daftar Pustaka

Parts

Dokumen yang terkait

Perancangan Website Penjualan Secara Online Menggunakan PHP Dan MYSQL

Sistem Informasi Penjualan Kue Kering Berbasis Website Menggunakan PHP dan MYSQL.

Website Penjualan Produk Distro Menggunakan PHP dan MYSQL.

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Sistem Informasi Penjualan Sepatu Olahraga Secara Online Berbasis Web Menggunakan PHP dan MySQL

Dukungan

Links

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

List Program

Daftar Pustaka

Parts

Dokumen yang terkait

Perancangan Website Penjualan Secara Online Menggunakan PHP Dan MYSQL

Sistem Informasi Penjualan Kue Kering Berbasis Website Menggunakan PHP dan MYSQL.

Website Penjualan Produk Distro Menggunakan PHP dan MYSQL.

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Penjualan sepatu sport di star galeri berbasis website menggunakan PHP dan MySQL

Sistem Informasi Penjualan Sepatu Olahraga Secara Online Berbasis Web Menggunakan PHP dan MySQL

Dokumen yang Anda mencari sudah siap untuk unduhkan