Perancangan Sistem Penjualan Online Pada Toko Buku Katah Ilmu
PERANCANGAN SISTEM PENJUALAN ONLINE
PADA TOKO BUKU KATAH ILMU
TUGAS AKHIR
GENA VIANTARI
112406151
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
(2)
PERANCANGAN SISTEM PENJUALAN ONLINE
PADA TOKO BUKU KATAH ILMU
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat
memperoleh gelar Ahli Madya
GENA VIANTARI
112406151
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
(3)
PERSETUJUAN
Judul : PERANCANGAN SISTEM PENJUALAN
ONLINE PADA TOKO BUKU KATAH ILMU
Kategori : TUGAS AKHIR
Nama : GENA VIANTARI
Nomor Induk Mahasiswa : 112406151
Program Studi : DIPLOMA 3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (MIPA)
UNIVERSITAS SUMATERA UTARA
Disetujui di Medan, Juli 2014
Disetujui Oleh
Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU,
Ketua,
Dr. Elly Rosmaini, M.Si Drs. Rachmad Sitepu, M.Si
NIP. 19600520 198503 2 002 NIP. 19530418 198703 1 001
(4)
PERNYATAAN
PERANCANGAN SISTEM PENJUALAN ONLINE PADA TOKO BUKU KATAH ILMU
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 2014
GENA VIANTARI 112406151
(5)
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rakmat dan ridho-Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul “ Perancangan Sistem Penjualan Online Pada Toko Buku Katah Ilmu”. Penyusunan dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.
Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan terima kasih dan penghargan yang setinggi-tingginya kepada: Bapak Rachmad Sitepu, M.Si., selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir. Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan sekretaris Program Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara. Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Sc selaku Ketua dan Sekretaris Departemen Matematika Fakultas MIPA Universitas Sumatera Utara. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Para Staf/Pengajar Jurusan D3 Teknik Informatika FMIPA USU. Kedua Orang Tua-ku Tercinta, Ayah, Mama, Wo, Dedek untuk setiap doa,
(6)
perhatian, pengertian, dan dukungannya. Untuk sahabat-sahabatku ( Rahmayani Karo-Karo, Dwi Puspasari Amelia, Khairunnisa, Meirizki N D Cahyani, Meirizki N D Cahyana, Rizka Syafitri ) Serta rekan-rekan seangkatan D3 Teknik Informatika Stambuk 2011. Serta semua pihak yang telah membantu dalam penyelesaian Tugas Akhir ini yang tidak dapat disebutkan namanya satu per satu.
Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis mengharapkan kritik dan saran yang membangun.
Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalam penulisan Tugas Akhir ini dan sekali lagi penulis berharap semoga Tugas Akhir ini dapat memberikan manfaat bagi penulis dan pembaca. Terima Kasih.
Medan, Juni 2014 Penulis,
GENA VIANTARI 112406151
(7)
ABSTRAK
Penulisan tugas akhir ini, bertujuan untuk membangun Perancangan Sistem Penjualan Online pada Toko Buku Katah Ilmu. Sistem ini dikembangkan dengan menggunakan perangkat lunak Adobe Dreamweaver CS8, Adobe Photoshop CS3, XAMPP yang merupakan gabungan dari Apache, PHP, dan MySQL. Pembuatan sistem penjualan buku online ini juga bertujuan untuk mempermudah masyarakat dalam mendapatkan informasi perbelanjaan secara Online sehingga dapat
menghemat waktu. Fasilitas-fasilitas yang terdapat di dalamnya berupa data-data berbagai kategori buku yang tersedia.
(8)
DAFTAR GAMBAR
3.1 Flowchart Menu Utama 24
3.2 Flowchart Pembelian Buku 25
3.3 Flowchart Login Admin 26
3.4 Flowchart Menu Utama Admin 27
4.5.1 Tampilan Halaman Utama 31
4.5.2 Tampilan Halaman Buku yang Disediakan 32
4.5.3 Tampilan Cara Pembelian 32
(9)
DAFTAR TABEL
3.1 Tabel Arti Lambang-lambang Flowchart 19
3.2 Tabel dalam Database 20
3.3 Tabel Admin 20
3.4 Tabel Buku 20
3.5 Tabel Rinci_Buku 21
3.6 Tabel Kategori 21
3.7 Tabel Member 22
3.8 Tabel Penerbit 22
3.9 Tabel Pesanan 23
(10)
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Gambar Daftar Tabel Daftar Isi
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Batasan Masalah 3
1.4 Rumusan Masalah 3
1.5 Tujuan Penelitian 4
1.6 Manfaat Penelitian 4
1.7 Sistematika Penulisan 5
BAB 2 LANDASAN TEORI 7
2.1 Pengertian Sistem Informasi 7
2.2 Pengertian Perancangan 7
2.3 Pengertian Internet 8
2.4 Pengertian Data 8
2.5 Pengertian Komputer 9
2.6 Pengertisn PHP 10
2.7 Pengertian MySQL 10
2.8 Fungsi PHP dan MySQL 11
2.9 Pengenalan HTML 12
2.10 Pengenalan CSS 15
2.11 Pengenalan Macromedia Dreamweaver 8 22
BAB 3 PERANCANGAN SISTEM 17
3.1 Perancangan Sistem 17
3.2 Flowchart 17
3.3 PerancanganBasis Data 19
BAB 4 IMPLEMENTASI SISTEM 27
4.1 Pengertian Implementasi Sistem 27
4.2 Tujuan Implementasi 28
4.3 Komponen Sistem 28
4.3.1 Hardware 29
4.3.2 Software 29
(11)
4.4 Pengujian di Browser 30
4.5 Tampilan Program 31
4.5.1 Tampilan Halaman Utama 31
4.5.2 Tampilan Produk 31
4.5.3 Tampilan Cara Pembelian 32
4.5.4 Tampilan Login Admin 33
BAB 5 KESIMPULAN DAN SARAN 34
5.1 Kesimpulan 34
5.2 Saran 35
DAFTAR PUSTAKA
SURAT KETERANGAN UJI PROGRAM
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA LAMPIRAN
(12)
ABSTRAK
Penulisan tugas akhir ini, bertujuan untuk membangun Perancangan Sistem Penjualan Online pada Toko Buku Katah Ilmu. Sistem ini dikembangkan dengan menggunakan perangkat lunak Adobe Dreamweaver CS8, Adobe Photoshop CS3, XAMPP yang merupakan gabungan dari Apache, PHP, dan MySQL. Pembuatan sistem penjualan buku online ini juga bertujuan untuk mempermudah masyarakat dalam mendapatkan informasi perbelanjaan secara Online sehingga dapat
menghemat waktu. Fasilitas-fasilitas yang terdapat di dalamnya berupa data-data berbagai kategori buku yang tersedia.
(13)
BAB 1
PENDAHULUAN
1.1Latar Belakang
Perkembangan teknologi saat ini semakin pesat, sehingga dapat mengubah gaya hidup masyarakat di berbagai bidang, terutama di bidang teknologi informasi, termasuk dalam hal perdagangan atau bisnis. Teknologi informasi saat ini telah menjadi bagian utama dalam kegiatan bisnis di dunia. Informasi yang lebih akurat merupakan bentuk informasiyang sangat dibutuhkan oleh masyarakat.
Bisnis secara online atau berbasis teknologi informasi dapat melengkapi atau bahkan dapat menggantikan metode bisnis secara manual atau online. Terlebih dalam penjualan produk, metode offline hanya akan efektif jika masih dalam lingkup satu area geografis dalam arti kata penjual dan pembeli bertemu langsung dan mengadakan transaksi di tempat.
Sejalan dengankemajuan teknologi informasi tersebut, menyebabkan masyarakat dunia mengenal suatu teknologi yang dinamakan Internet. Beberapa
(14)
keunggulan internet antara lain dapat menyampaikan informasi yang ada di sebuah perusahaan/instansi tertentu. Melalui internet, keterangan mengenai suatu produk dapat dipublikasikan secara luas kepada masyarakat. Sehingga agar bisnis yang dikelola dapat berjalan dengan sukses, perusahaan harus mengikuti trend internet dengan melakukan inovasi untuk mendapatkan pencapaian yang memuaskan dari bisnis yang dijalankan.
Bertolak dari permasalahan tersebut di atas, maka untuk lebih meningkatkan pelayanan kepada konsumen agar lebih mudah mendapatkan informasi mengetahui mengenai produk dan harga diperlukan suatu media sebagai penyampai informasi. Maka dalam penyusunan usulan penelitian ini penulis memberi judul : “Perancangan Sistem Penjualan Online pada Toko Buku
Katah Ilmu”.
1.2 Identifikasi Masalah
Sesuai dengan latar belakang masalah di atas, maka penulis dapat mengidentifikasi beberapa masalah sebagai berikut :
1. Setiap pembeli harus mendatangi toko buku secara langsung untuk melakukan transaksi pembelian sehingga pembeli berpotensi mengeluarkan biaya yang relative tidak sedikit dan juga keterbatasan tempat yang ada pada toko buku.
(15)
2. Pengolahan data penjualan dan persediaan barang di toko masih menggunakan sistem pembukuan sehingga menghambat proses pengelolaan data barang.
3. Belum tersedianya media informasi yang baik untuk memberikan informasi mengenai Toko Buku Katah Ilmu kepada masyarakat luas.
1.3 Batasan Masalah
Dalam perancangan kamus ini dilakukan beberapa batasan sebagai berikut : 1. Bahasa pemrograman yang digunakan dalam perancangan website ini
adalah bahasa pemrograman PHP dengan basis data MySQL. 2. Penggunaan website ini dapat diakses dimana saja dan kapan saja.
3. Jangkauan penjualan produk hanya melayani pembelian yang berada di Indonesia.
4. Pembayaran dilakukan oleh pelanggan langsung melalui rekening bank yang telah disediakan/disepakati tetapi tidak menerima pembayaran secara online atau dengan kartu kredit.
1.4Rumusan Masalah
Berdasarkan latar belakang dan identifikasi masalah yang telah diuraikan di atas oleh penulis maka dapat dirumuskan masalah, yakni :
(16)
2. Bagaimana membangun aplikasi penjualan dan persediaan barang di Toko Buku Katah Ilmu, sehingga mempercepat proses pengolahan dan transaksi penjualan sehingga dapat membantu pemasaran dan mendukung strategi penjualan produk ke masyarakat luas.
1.5Tujuan Penelitian
Adapun tujuan pembuatan sistem aplikasi ini adalah menerapkan program aplikasi berbasis web dalam bidang bisnis penjualan sebagai sarana untuk efisiensi dan penerapan teknologi informasi dalam dunia perdagangan. Aplikasi ini mempermudah pengunjung dalam berbelanja dan melakukan transaksi serta pengiriman yang cepat dan efisien.
1.6Manfaat Penelitian
Manfaat dari perancangan sistem aplikasi berbasis web ini adalah memungkinkan pelanggan untuk berbelanja atau melakukan transaksi lain selama 24 jam sehari sepanjang tahun dari hampir setiap lokasi. Memberikan lebih banyak pilihan kepada pelanggan.
(17)
1.7Sistematika Penulisan
Adapun sistematika penulisan laporan Tugas Akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Bab ini merupakan bagian yang berisi mengenai latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, metode penelitian serta sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini merupakan uraian teoritis mengenai pengertian-pengertian dan mengenai bahasa pemrograman yang digunakan.
BAB 3 : PERANCANGAN SISTEM
Bab ini berisi rancangan aplikasi yang akan dibentuk, pengertian perancangan sistem, data flow diagram, flowchart, persiapan database, file yang digunakan serta algoritma terbentuknya program.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini berisi uraian pengertian dan implementasi sistem, spesifikasi aplikasi, instalasi PHP, MySQL dan Apache, Pengujian pada browser dan tampilan halaman aplikasi web yang dirancang.
(18)
BAB 5 : KESIMPULAN DAN SARAN
Bab ini berisi uraian mengenai kesimpulan dan saran dari penelitian yang telah dilakukan.
(19)
BAB 2
LANDASAN TEORI
2.1Pengertian Sistem Informasi
Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan hasilnya. Gordon B. Davis (1991: 91)
Sistem informasi merupakan sarana alternatif untuk membantu memberikan informasi bagi suatu lembaga/perusahaan ataupun perorangan. Salah satunya adalah website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang ingin mengaksesnya kapanpun dan dimanapun.
2.2Pengertian Perancangan
Perancangan biasa diartikan sebagai suatu tahap setelah analisa dari pengembangan sistem untuk mengembangkan bagaimana suatu sistem itu akan
(20)
dibentuk. Perancangan juga bisa berupa penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan memiliki fungsi. Termasuk juga menyangkut software dan komputer.
2.3Pengertian Internet
Internet adalah singkatan dari interconnection-networking yang merupakan sebuah sistem global jaringan komputer yang saling menghubungkan antara satu dengan yang lain di seluruh penjuru dunia. Adapun standar yang digunakan disebut Internet Protocol Suite (TCP/IP). Komputer yang terhubung ke internet dapat melakukan aktifitas pertukaran data dengan cepat.
Internet (Interconnected Network) juga merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan antar jaringan. MADCOMS (2008)
(21)
Data berasal dari bahasa Latin yaitu datum yang berarti fakta, kenyataan, kejadian atau peristiwa. Jadi data atau fakta adalah kenyataan dari sesuatu kejadian atau peristiwa. Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik, kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan yang digunakan oleh manusia.
Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data merupakan keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluan yang dibutuhkan. Kenneth C. Laudon dan Jane P. Laudon (2008)
2.5 Pengertian Komputer
Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung (to compute). Dengan demikian komputer dapat diartikan sebagai alat hitung. Komputer bukan sekedar mesin hitung tetapi komputer mempunyai kemampuan yang dapat membantu manusia dalam menyelesaikan pekerjaan. Komputer dapat melakukan berbagai macam pekerjaan sesuai dengan program yang diberikan. Program adalah sekumpulan instruksi atau perintah terperinci yang sudah dipersiapkan agar komputer dapat melakukan fungsinya dengan cara
(22)
yang sudah ditentukan. Komputer adalah alat elektronik yang mampu melakukan beberapa pekerjaan diantaranya:
a. Menerima masukan data
b. Memproses masukan sesuai dengan programnya.
c. Menyimpan perintah-perintah dan hasil dari pengolahan.
d. Menyediakan keluaran dalam bentuk informasi (www.id.wikipedia.org)
2.6PHP (Personal Home Page)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi
server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). Kasiman Peranginangin, (2009).
(23)
MySQL merupakan software sistem manajemen database (Database Management System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan skrip dan Ped.
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database.(R.W. Rosari, 2008).
2.8Fungsi PHP dan MySQL
Fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :
a. mysql_connect(), fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL.
(24)
Format fungsinya adalah : mysql_connect(string hostname, string username, string password);
b. mysql_select_db, setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilihi
database yang akan digunakan. Fungsi mysql_connect_db digunakan untuk memilih database. Format fungsinya adalah: mysql_select_db(string database, koneksi);
c. mysql_query, dalam database MySQL, perintah untuk melakukan trnasaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan
query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah: int mysql_query(string query, int[link_identifier]);
d. mysql_num_rows, kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format penulisannya adalah: int mysql_num_rows(int result);
e. mysql_fetch-array, fungsi ini digunakan untuk menampilkan data. Dalam fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah: Array mysql_fetch_array(int result, int [result_type]);
(25)
2.9 Hypertext Markup Language (HTML)
Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat
intenet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atau interface aplikasi didalam internet.
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.
Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak miring, maka mark up yang digunakan adalah sebagai berikut :
<i> Teks ini akan dicetak miring </i> (MADCOMS, 2008)
(26)
HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :
<html> <head>
<title> Judul Halaman </title> </head>
<body>
…isi dari halaman web…
</body> </html>
Keterangan :
1. Dokumen HTML selalu diawali dengan tand tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts
pemrograman web seperti Javascript, VBscript atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
(27)
3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen.
Tag adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain. (MADCOMS, 2008)
2.10 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol
(28)
tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010).
2.11 Pengenalan Macromedia Dreamweaver 8
Dreamweaver 8 merupakan salah satu produk software yang dikeluarkan dari perusahaan Macromedia, Inc. Software ini bergerak dalam bidang perancangan web. Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software pembangun website yang mampu melakukan banyak hal dan memiliki banyak keunggulan.
Dreamweaver 8 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah membuat tampilan websitenya. Dreamweaver 8 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk program lainnya.
(29)
BAB 3
PERANCANGAN SISTEM
3.1Perancangan Sistem
Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user
(pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.
3.2Flowchart
Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi
(30)
pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang-lambang flowchart
dapat didefinisikan seperti tabel di bawah ini :
No Simbol Fungsi
1. Terminator, untuk memulai dan mengakhiri suatu
program.
2. Process, suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan oleh komputer.
3. Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses
4. Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5. Preparation, suatu simbol untuk menyediakan
tempat-tempat pengolahan data dalam storage.
6. Connector, suatu simbol untuk masuk dan keluarnya
suatu prosedur pada lembar kertas yang sama.
7. Arus atau flow, suatu prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri
8. Off-page connector, suatu simbol untuk masuk dan
keluarnya prosedur pada lembar kertas yang lain.
9. Document, suatu simbol untuk data yang berbentuk
(31)
10. Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis.
11. Display, untuk output yang ditujukan suatu device, seperti pada monitor.
12. Magnetic disk, berguna dalam penyimpanan data. Tabel 3.1 Arti Lambang-lambang Flowchart
3.3Perancangan Basis Data
Basis data atau database merupakan kumpulan data yang saling berhubungan satu dengan lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem informasi :
(32)
Tabel 3.2 Tabel dalam Database No. Nama Tabel
1 Admin
2 Buku
3 Rinci_Buku 4 Kategori
5 Member
6 Penerbit
7 Pesanan
8 Pesanan_Buku
Tabel 3.3 Tabel Admin
Nama Field Tipe Lebar
id_admin int 11
username varchar 50
user_password varchar 50
Tabel 3.4 Tabel Buku
Nama Field Tipe Lebar
id_buku int 11
id_kategori int 6
id_penerbit int 11
(33)
noisbn varchar 255
Deskripsi text -
Harga decimal 10,2
Penilis varchar 255
jlh_halaman int 11
Tahun varchar 5
file_gambar varchar 255
Stok int 11
dijual char 1
Dihapus char 1
Tabel 3.5 Tabel Rinci_Buku
Nama Field Tipe Lebar
jlh_buku int 11
Jumlah int 11
Table 3.6 Tabel Kategori
Nama Field Tipe Lebar
id_kategori int 11
Nama varchar 255
Deskripsi text -
(34)
Tabel 3.7 Tabel Member
Nama Field Tipe Lebar
id_member varchar 255
nama varchar 255
email varchar 255
telp varchar 40
alamat varchar 255
kontak varchar 40
password varchar 255
Tabel 3.8 Tabel Penerbit
Nama Field Tipe Lebar
id_penerbit int 255
nama varchar 255
alamat varchar 255
email varchar 255
website varchar 255
kota varchar 40
telp varchar 40
(35)
Table 3.9 Tabel Pesanan
Nama Field Tipe Lebar
id_pesanan int 11
id_member varchar 255
Waktu datetime -
dicheckout char 1
Diarsipkan char 1
Tabel 3.10 Tabel Pesanan_Buku
Nama Field Tipe Lebar
id_pesanan int 11
id_buku int 11
Qty int 11
Harga decimal 10,2
(36)
3.4 Flowchart Menu Utama
Tidak
Masuk
Buka Koneksi Database
Menu Beranda
Profil
Pencarian buku
Kategori
Keluar
Hubungi Kami
Cara Pembelian
Tutup Koneksi Database
Selesai
Ya(37)
Gambar 3.1 Flowchart Menu Utama 3.5 Flowchart Pembelian Buku
Tidak
Ya
Tidak Ya
Mulai
Isi Email &
Password
Login
Pilih Kategori
Pilih Buku
Masuk ke Keranjang Belanja
Konfirmasi Pemesanan
Selesai
Order
(38)
Gambar 3.1 Flowchart Pembelian Buku 3.6 Flowchart Login Admin
Tidak
Gambar 3.1 Flowchart Login Admin
Mulai
Isi Email &
Password
Login
Menu Admin
Selesai
Ya(39)
BAB 4
IMPLEMENTASI SISTEM
4.1Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat/sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem.
3. Menulis, menguji, mengontrol dan mendokumentasikan website.
(40)
4.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem adalah:
1. Memberi rangkaian sistem baik dari segi software maupun hardware
sebagai sarana pengolahan data dan penyajian informasi.
2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.
3. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana
4. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
5. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.
6. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan melakukan instalasi secara benar.
4.3 Komponen Sistem
Untuk menjalankan sistem yang telah dirancang, dibutuhkan beberapa komponen, antara lain:
(41)
4.3.1 Hardware
Merupakan suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini, dapat dirincikan spesifikasi komponen hardware
yaitu: 1. Prosesor. 2. Harddisk. 3. Monitor. 4. Memory.
5. Keyboard dan Mouse. 6. Printer.
4.3.2 Software
Hardware tidak akan memecahkan suatu masalah tanpa adanya komponen
software. Software merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan seperti yang diinginkan. Adapun software yang sering digunakan dalam pembuatan website ini adalah:
(42)
b. XAMPP Version 1.6.4 software yang merangkum Apache 2.2.8 sebagai
web server, PHP 5.2.4 sebagai web programming dan MySQL 5.0.45 sebagai database server.
c. Macromedia Dreamweaver sebagai media untuk mendesain web dan menggabungkan antara layout dengan bahasa pemrograman.
d. Adobe Photoshop CS3 sebagai desain layout.
4.3.3 Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan informasi, pemrosesan dan penggunaan keluaran informasi. Brainware dalam sistem ini terbagi atas:
1. Sistem analis: orang yang menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.
2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.
3. Operator: orang yang menggunakan dan memanfaatkan sistem.
(43)
Setelah menginstalasi AppServ, maka aplikasi web telah dapat diujikan di komputer local. Adapun caranya adalah sebagai berikut:
a) Letakkan file-file yang membangun web ke dalam suatu folder. Dalam hal ini penulis membuat nama foldernya “toko”.
b) Buka browser Google Chrome atau Mozilla Firefox. c) Pada kotak URL ketikkan http://localhost/toko/. 4.5 Tampilan Akhir Website
4.5.1 Tampilan Beranda
Halaman Beranda, yaitu halaman yang berfungsi sebagai pembuka dan menampilkan hasil website toko buku online.
(44)
4.5.2 Tampilan Produk
Halaman produk, yaitu halaman yang berfungsi untuk menginput produk baru yang terdapat pada toko buku online dan kemudian ditampilkan pada halaman depan.
Gambar 4.5.2 Tampilan Halaman Buku yang Disediakan
4.5.3 Tampilan Cara Pembelian
Halaman Cara Pembelian, yaitu halaman yang berfungsi sebagai syarat bertransaksi pada situs ini.
(45)
Gambar 4.5.3 Tampilan Cara Pembelian 4.5.4 Tampilan Login Admin
Halaman Login, yaitu halaman yang berfungsi untuk dapat masuk ke dalam halaman area administrator.
(46)
BAB 5
KESIMPULAN DAN SARAN
5.1Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam membangun Sistem Penjualan Online pada Toko Buku Katah Ilmu, maka dapat disimpulkan bahwa:
1. Sistem apllikasi ini berbasis web.
2. Sistem penjualan yang berjalan masih bersifat konvensional, dimana pembeli harus dating langsung ke toko sehingga akan menyulitkan konsumen yang berada di luar kota. Dengan dibangunnya sistem penjualan online ini, diharapkan agar transaksi penjualan dapat dilakukan dimana saja dan kapan saja oleh Customer. Konsumen hanya perlu mendaftar, melakukan login, memilih produk, melakukan pemesanan min 3 produk, lalu mengkonformasi pembayaran.
3. Terjadinya kesalahan dalam penyajian informasi, dengan menggunakan sistem yang berbasis web dapat meminimalkan terjadinya kesalahan data.
(47)
4. Pencarian dan pengolahan data penjualan barang masih memerlukan waktu yang lama, disebabkan tidak teraturnya data dalam penyimpanan arsip. Dengan merancang sistem penjualan yang diusulkan yang dapat membantu dalam pengolahan data penjualan dengan berbasiskan web
4.2 Saran
Sistem Penjualan Online Toko Buku Katah Ilmu ini pun masih memiliki beberapa keterbatasan, sehingga penulis menyarankan untuk pengembangan sistem selanjutnya agar :
1. Penulis berharap sistem ini dapat digunakan oleh semua pihak dalam bidang perdagangan untuk melakukan jual beli secara online, dimana transaksi lebih cepat, efisien, dan ekonomis.
2. Penulis juga berharap nantinya sistem ini dapat diterapkan untuk penjualan online yang bermanfaat bagi semua.
(48)
DAFTAR PUSTAKA
Desiani, A., dan Arhami, M. 2008. Konsep Kecerdasan Buatan. Yogyakarta: Penerbit ANDI.
Kadir, Abdul. 2009. Belajar Database Menggunakan MySQL. Yogyakarta: Penerbit ANDI.
Kurniawan, Budi. 2008. Desain Web Praktis dengan CSS. Jakarta: Penerbit PT. Gramedia Elex Media Komputindo.
Laudon, Kenneth C. dan Laudon, Jane P. 2008. Sistem Informasi Manajemen. Jakarta: Penerbit Salemba Empat.
Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor :Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Peranginangin, Kasiman.2009. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Penerbit ANDI.
Oktavian, Diar Puji. Menjadi Programmer Jempolan dengan Menggunakan PHP. 2010. Yogyakarta: Penerbit Mediakom.
Rosari, R. W. 2008. PHP dan MySQL untuk pemula, Yogyakarta: Penerbit ANDI. Simarmata, Janner. 2009. Pengenalan Teknologi Komputer dan Informasi,
Yogyakarta: Penerbit ANDI.
www.wikipedia.com. Diakses pada tanggal 22 Mei 2013
(49)
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :
Nama : GENA VIANTARI
NIM : 112406151
Program Studi : TEKNIK INFORMATIKA
Judul Tugas Akhir : PERANCANGAN SISTEM PENJUALAN ONLINE PADA TOKO BUKU KATAH ILMU.
Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada tanggal ...Juni 2014
Dengan Hasil : Sukses / Gagal
Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.
Medan, Juni 2014 Dosen Pembimbing,
Drs. Rachmad Sitepu, M.Si. NIP. 19530418 198703 1 001
(50)
KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : Dekanat@FMIPA.USU.AC.ID
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : GENA VIANTARI
Nomor Stambuk : 112406151
Judul Tugas Akhir : Perancangan Sistem Penjualan Online Pada Toko Buku Katah Ilmu
Dosen Pembimbing : Drs. Rachmad Sitepu, M.Si Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai,
pada Bab
Paraf Dosen
Pembimbing Keterangan 1 2 3 4 5 6 7 8
Disetujui, Disetujui,
Program Studi D3 Teknik Informatika Pembimbing Utama/
FMIPA USU Penanggung Jawab
Ketua,
Dr. Elly Rosmaini, M.Si Drs. Rachmad Sitepu, M.Si NIP. 19600520 198503 2 002 NIP. 19530418 198703 1 001
(51)
LAMPIRAN LISTING PROGRAM
index.php
<?php include("include/lib_func.php"); ?> <?php include("include/class_paging.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Toko Buku Katah ilmu</title>
<link rel="stylesheet" type="text/css" href="style_user/style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
<script type="text/javascript"
(52)
</head> <body>
<div id="main_container">
<div id="header">
<div class="top_right">
<div class="big_banner">
<a href="index.php"></a> </div>
</div>
<div id="logo"><a href="index.php"></a></div>
</div>
<div id="main_content">
<div id="menu_tab"> <ul class="menu">
<li><a href="index.php" class="nav" style="font-family: "Kristen ITC"; color: #330000">Beranda</a></li>
(53)
<li class="divider"></li>
<li><a href="profil.php" class="nav" style="font-family: "Kristen ITC"; color: #330000">Profil</a></li>
<li class="divider"></li>
<li><a href="cara_pembelian.php" class="nav" style="font-family: "Kristen ITC"; color: #330000">Cara Pembelian</a></li>
<li class="divider"></li>
<li><a href="request_book.php" class="nav" style="font-family: "Kristen ITC"; color: #330000">Request Book</a></li>
<li class="divider"></li> <li>
<?php
$cek = cek_login();
if ($cek == 1){
echo "<a href='aksi/logout.php' class='nav'>Log Out</a>";
}else{
echo "<a href='sign_up.php' class='nav'>Sign Up</a>";
} ?>
(54)
</li>
<li class="divider"></li>
<li><a href="search.php" class="nav" style="font-family: "Kristen ITC"; color: #330000">Pencarian Buku</a></li>
</ul>
</div><!-- end of menu tab -->
<div class="crumb_navigation" style="font-family: "Kristen ITC"; color: #330000">Anda Berada di Halaman : <span class="current" style="color: #0000CC">Beranda</span> </div>
<div class="left_content">
<div class="title_box" style="font-family: "Kristen ITC"; color: #330000">Kategori</div>
<?php ShowKategori(); ?><br />
<div class="title_box" style="font-family: "Kristen ITC"; color: #330000">List Penerbit</div>
<?php ShowPenerbit(); ?>
(55)
</div><!-- end of left content --> <div class="center_content">
<div class="oferta">
<div class="oferta_details">
<div class="oferta_title" style="font-family: "Kristen ITC"; color: #330000">Hai...
<div class="oferta_title" style="font-family: "Kristen ITC"; color: #330000"></div>
<div class="oferta_text" style="font-family: "Kristen ITC"; color: #330000">
<p>Selamat Datang pada website Toko Buku Katah Ilmu.</p>
<p>Dapatkan beragam buku-buku menarik disini. Terima kasih telah berkunjung ke website kami.</p>
<p> </p>
<p align="center">Salam Hangat,</p>
<p align="center">Toko Buku Katah Ilmu </p>
(56)
</div>
<div class="oferta_text"></div> </div>
</div>
<div class="center_title_bar" style="font-family: "Kristen ITC"; color: #330000">Buku Yang Tersedia</div>
<?php
$file = "index.php"; $p = new Paging(); $batas = 9;
$posisi =
$p->cariPosisi($batas);
$link = koneksi_db();
$sql = "select * from dtbuku limit $posisi,$batas";
$res =
mysql_query($sql,$link);
$sql2 = "select * from dtbuku";
$res2 = mysql_query($sql2);
$jmlrecord =
(57)
$jmlhalaman = $p->jumlahHalaman($jmlrecord,$batas);
while ($data =
mysql_fetch_array($res)) :
?>
<div class="prod_box">
<div class="center_prod_box">
<div
class="product_title"><a href="details.php?id=<?php echo $data['id_Buku']; ?>"><?php echo $data['judul']; ?></a></div>
<div class="product_img"><img
src="admin/gambar_buku/small_<?php echo $data['filegambar']; ?>"></div>
<div
class="prod_price"><span class="price" style="color:
#330066; font-family: "Kristen
ITC"">Rp.</span><span class="price"> <?php echo $data['harga']; ?></span></div>
</div>
(58)
<div
class="prod_details_tab" style="font-family: "Kristen ITC"; color: #330000">
<a
href="keranjang.php?id=<?php echo $data['id_Buku']; ?>"
class="prod_buy" style="color: #330000">Add to Cart</a> <a
href="details.php?id=<?php echo $data['id_Buku']; ?>" class="prod_details" style="color: #330000">Details</a>
</div> </div>
<?php endwhile; ?>
<div class='page_paging'>
<?php
$linkHalaman =
$p->navHalaman($_GET[halaman],$jmlhalaman, 0);
echo $linkHalaman;
?>
</div>
</div><!-- end of center content -->
(59)
<?php
$hasil = cek_login(); if ($hasil == 1): ?>
<div class="shopping_cart"> <div class="title_box" style="font-family: "Kristen ITC"; color: #330000">Informasi Member</div>
<div class="border_box"> <span style="font-family: "Kristen ITC"; color: #330000">Selamat datang</span> <b>
<?php
$nama =
get_nama();
echo $nama; ?></b>
</div>
<div class="cart_details">
<span style="font-family: "Kristen ITC"; color: #330000">Ada</span> <?php echo get_jml_item() ?> <span
(60)
style="color: #330000; font-family: "Kristen ITC"">Buku</span><br />
<span style="font-family: "Kristen ITC"; color: #330000">Total Harga: Rp.</span> <span class="price"><?php echo
get_tot_bayar() ?></span>
</div>
<div class="cart_icon"> <a
href="view_keranjang.php" title=""><img src="images/shoppingcart.png" alt="" title="" width="35" height="35" border="0" /></a>
</div>
</div><br /> <?php
endif ?>
<div class="title_box" style="color: #330000; font-family: "Kristen ITC"">10 Buku Favorit</div>
<?php
(61)
?>
<div class="banner_adds">
<a href="#"></a> </div>
</div><!-- end of right content -->
</div><!-- end of main content -->
<div class="footer">
<div class="left_footer"></div>
<div class="center_footer" style="font-family: "Kristen ITC"; color: #330000">
<a href="index.php" style="color: #330066">Toko Buku Katah Ilmu </a>
<br />
All Rights Reserved 2014<br /> </div>
<div class="right_footer" style="font-family: "Kristen ITC"; color: #330000; font-size: 12px">Toko Buku Katah Ilmu, Gena V, 2014 </div>
(62)
</div>
</div>
<!-- end of main_container --> </body>
</html>
index.php admin
<?php session_start(); ?>
<?php include "libfunc.php";?>
<?php if (!empty($_SESSION['admUser']) && !empty($_SESSION['admPass'])) {
echo "<script language='javascript'>window.location = '../admin/adminLayout.php'</script>";
}else{ ?> <html> <head>
<title>Toko Buku Katah Ilmu</title>
<link href="admInc/signInStyle.css" type="text/css" rel="stylesheet">
<script language="javascript" src="admInc/jsSignCheck.js"></script>
(63)
<style type="text/css"> <!--
.style1 {
font-family: "Kristen ITC"; color: #330000;
}
.style5 {padding-left:3px; font-size: 10px; border: 1px solid #CCCCCC;}
.style6 {background-color: #F5F5F2; text-decoration: none; margin-top: 5px; margin-right: 5px; font-size: 10px; border: 1px solid #CCCCCC;}
.style8 {font-family: "Kristen ITC"; color: #330000; font-weight: bold; }
-->
</style> </head> <body>
<div id="wrapper"> <div id="note"> <center>
<span class="style8">Welcome To Admin Page</span>
</center>
(64)
<div id="header">
<img src="image/lock.png" border="0" class="image"> <div class="title style1">Sign In Please</div>
<!-- title //-->
</div><!-- header //--> <div id="formTable"> <div class="menuLabel">
<form action="proses_signin.php" method="post" class="style1" onSubmit="return validasiForm(this)">
Username :<br>
<input name="user" type="text" class="style5" size="30">
<br>
Password :<br>
<input name="pass" type="password" class="style5" size="30">
<br>
<input type="submit" class="style6" value="Sign In"><input type="reset" class="style6" onClick="window.location = '../'" value="Cancel">
</form> </div>
</div><!-- formTable //--> </div><!-- wrapper //--> </body>
(65)
</html> <?php } ?
proses_signin.php
<?php
include("libfunc.php");
$usr = $_POST['user']; $psw = $_POST['pass']; $psw = md5($psw);
$link = koneksi_db();
$sql = "SELECT * FROM admin WHERE username='$usr' AND userpsw='$psw'";
$query = mysql_query($sql,$link) or
die(mysql_error());
$f = mysql_fetch_array($query); $n = mysql_num_rows($query);
if($n == 1){
session_start();
(66)
session_register('admPass');
$_SESSION['admUser'] = $usr; $_SESSION['admPass'] = $psw;
echo"<script language='javascript'>window.location = '../admin/adminIndex.php'</script>";
}else{
echo "<script language='javascript'>alert('User Tidak Ada Pada Database, Cek User Database di Table Admin!')</script>";
echo "<script language='javascript'>window.location = '../admin'</script>";
} ?>
log_out.php
<?php
session_start(); session_destroy();
echo"<script language='javascript'>window.location = '../admin'</script>";
(1)
?>
<div class="banner_adds">
<a href="#"></a> </div>
</div><!-- end of right content -->
</div><!-- end of main content -->
<div class="footer">
<div class="left_footer"></div>
<div class="center_footer" style="font-family: "Kristen ITC"; color: #330000">
<a href="index.php" style="color: #330066">Toko Buku Katah Ilmu </a>
<br />
All Rights Reserved 2014<br /> </div>
<div class="right_footer" style="font-family: "Kristen ITC"; color: #330000; font-size: 12px">Toko Buku Katah Ilmu, Gena V, 2014 </div>
(2)
</div>
</div>
<!-- end of main_container --> </body>
</html>
index.php admin
<?php session_start(); ?>
<?php include "libfunc.php";?>
<?php if (!empty($_SESSION['admUser']) && !empty($_SESSION['admPass'])) {
echo "<script language='javascript'>window.location = '../admin/adminLayout.php'</script>";
}else{ ?> <html> <head>
<title>Toko Buku Katah Ilmu</title>
<link href="admInc/signInStyle.css" type="text/css" rel="stylesheet">
<script language="javascript"
(3)
<style type="text/css"> <!--
.style1 {
font-family: "Kristen ITC"; color: #330000;
}
.style5 {padding-left:3px; font-size: 10px; border: 1px solid #CCCCCC;}
.style6 {background-color: #F5F5F2; text-decoration: none; margin-top: 5px; margin-right: 5px; font-size: 10px; border: 1px solid #CCCCCC;}
.style8 {font-family: "Kristen ITC"; color: #330000; font-weight: bold; }
-->
</style> </head> <body>
<div id="wrapper"> <div id="note"> <center>
<span class="style8">Welcome To Admin Page</span>
</center>
(4)
<div id="header">
<img src="image/lock.png" border="0" class="image"> <div class="title style1">Sign In Please</div>
<!-- title //-->
</div><!-- header //--> <div id="formTable"> <div class="menuLabel">
<form action="proses_signin.php" method="post" class="style1" onSubmit="return validasiForm(this)">
Username :<br>
<input name="user" type="text" class="style5" size="30">
<br>
Password :<br>
<input name="pass" type="password" class="style5" size="30">
<br>
<input type="submit" class="style6" value="Sign In"><input type="reset" class="style6" onClick="window.location = '../'" value="Cancel">
</form> </div>
</div><!-- formTable //--> </div><!-- wrapper //--> </body>
(5)
</html> <?php } ?
proses_signin.php
<?php
include("libfunc.php");
$usr = $_POST['user']; $psw = $_POST['pass']; $psw = md5($psw);
$link = koneksi_db();
$sql = "SELECT * FROM admin WHERE username='$usr' AND userpsw='$psw'";
$query = mysql_query($sql,$link) or
die(mysql_error());
$f = mysql_fetch_array($query); $n = mysql_num_rows($query);
if($n == 1){
session_start();
(6)
session_register('admPass');
$_SESSION['admUser'] = $usr; $_SESSION['admPass'] = $psw;
echo"<script language='javascript'>window.location = '../admin/adminIndex.php'</script>";
}else{
echo "<script language='javascript'>alert('User Tidak Ada Pada Database, Cek User Database di Table Admin!')</script>";
echo "<script language='javascript'>window.location = '../admin'</script>";
} ?>
log_out.php
<?php
session_start(); session_destroy();
echo"<script language='javascript'>window.location = '../admin'</script>";