Sistem Penjualan Jersey Bola Berbasis Web pada Toko Mansyur Jersey Medan menggunakan PHP dan MySQL
SISTEM PENJUALAN JERSEY BOLA BERBASIS WEB PADA TOKO
MANSYUR JERSEY MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
VINCEN H SIAGIAN
132406090
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
(2)
SISTEM PENJUALAN JERSEY BOLA BERBASIS WEB PADA TOKO
MANSYUR JERSEY MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
VINCEN H SIAGIAN
132406090
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
(3)
PERSETUJUAN
Judul : Sistem Penjualan Jersey Bola Berbasis Web pada Toko Mansyur
Jersey Medan menggunakan PHP dan MySQL
Kategori : Tugas Akhir
Nama : Vincen H Siagian
Nomor Induk Mahasiswa : 132406090
Program Studi : D3 Teknik Informatika
Departemen : Matematika
Fakultas : Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera
Utara
Disetujui di
Medan, Juni 2016
Disetujui Oleh:
Program Studi D3 Teknik Informatika Pembimbing
FMIPAUSU Ketua,
Dr. EllyRosmaini, M.Si Dr. Pasukat Sembiring, M.Si
(4)
PERNYATAAN
SISTEM PENJUALAN JERSEY BOLA BERBASIS WEB
PADA TOKO MANSYUR JERSEY MEDAN MENGGUNAKAN 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
VINCEN H SIAGIAN 132406090
(5)
PENGHARGAAN
Puji dan syuku rpenulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, denganlimpah karunia-Nya Penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul sistem penjualan jersey bola berbasis web pada toko mansyur jersey medan menggunakan PHP danMysql.
Terimakasih penulissampaikan kepada BapakDr. KeristaSebayang,MS selaku Dekan FMIPA USU medan yang telah meluangkan waktunya selama penyusunan tugas akhir ini.Bapak Dr. Pasukat sembiring,M.Si. selaku Pembimbing penulis yang selalu memberikan masukan baik kritik dan saran kepada penulis selama pembuatan tugas akhir dari awal hingga selesai.Bapak Prof. Dr. Tulus,Vordipl.Math.,M.Si.Ph.D selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Ibu Dr. Elly Rosmanini, M.S. selaku Ketua Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Seluruh dosen pengajar Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Seluruh Staff/ Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Kepada keluarga yang selalu memberi dukungan dan motivasi yang takhenti-hentinya.
Teman-temanKom A, Kom B, Kom C, Kom D dan Kom E program studi D3 Teknik Informatika.
(6)
ABSTRAK
Kajian ini penulis bertujuan untuk membuat perancangan website Penjualan Jersey Bola, merupakan sebuah website yang digunakan untuk mengakses dan menginput data dari website pada internet. Metode dan rancangan website Penjualan Jersey Bola ini dengan menggunakan PHP dan MYSQL. Cara kerja dari website yang dibuat adalah mengakses data yang terdapat di
website Penjualan Jersey Bola. Hasil rancangan dari website Penjualan Jersey Bola ini dapat
memberikan informasi tentang penjualan dandatabase penjualannya.Dan tujuan website ini untuk mempermudah pengguna atau pelanggan dalam pemesanan dan pembelian produk–produk. Target yang akan dicapai dari perancangan website Penjualan Jersey Bola ini adalah user mampu mengakses informasi tentang website Penjualan Jersey Bola. Kajian ini dibuat bertujuan untuk
(7)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel viii
Daftar Gambar ix
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 3
1.4 Tujuan Penelitian 4
1.5 Manfaat Penelitian 4
1.6Tinjauan Pustaka 5
1.7 Metodologi Penelitian 6
(8)
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 Skrip 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 (WWW) 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 (Hypertext Markup Language) 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
(9)
2.9.1 Klasifikasi E-commerce 37
2.9.2 Manfaat E-commerce 38
2.10 Subline Text 2 40
2.11 Cascading Style Sheet (CSS) 40
2.12 Macromedia Dreamweaver 40
BAB 3 GAMBARAN PERANCANGAN 42
3.1 Latar Belakang Toko Mansyur Jersey 42
3.2 StrukturOrganisasi 43
3.3 Koleksi Jersey 44
3.3.1 Jersey Pria Lengan Pendek 44
3.3.2 Jersey Pria Lengan Panjang 45
3.3.3 Jersey Wanita Lengan Pendek 46
3.3.4 Jersey Anak-Anak 47
3.4 Visi dan Misi 47
3.5Tujuan Toko Mansyur Jersey 48
Bab 4 PERANCANGAN SISTEM 49
4.1 Defenisi Perancangan Sistem 49
4.2 Metode Pengembangan Sistem 50
4.3 Simbol-Simbol pada Flowchart dan Penjelasanya 51
4.4 Metode Perancangan 53
4.4.1 Pembuatan Flowchart (Diagram Alir) 53
(10)
BAB 5 IMPLEMENTASI SISTEM 71
5.1 Defenisi Implementasi Sistem 71
5.2 Tujuan Implementasi Sistem 72
5.3 Kebutuhan Sistem 73
5.3.1 Perangkat Lunak (Software) 73
5.3.2 Perangkat Keras (Hardware) 74
5.3.3 Unsur Manusia (Brainware) 74
5.4 Uji Program 75
BAB 6 KESIMPULAN DAN SARAN 85
6.1 Kesimpulan 85
6.2Saran 86
DAFTAR PUSTAKA LAMPIRAN
(11)
DAFTAR TABEL
Halaman
Tabel 3.1Jersey Pria Lengan Pendek 45
Tabel 3.2Jersey Pria Lengan Panjang 46
Tabel 3.3Jersey Wanita Lengan Pendek 46
Tabel 3.3Jersey Anak-Anak 47
Tabel 4.1 Simbol-Simbol Flowchart 51
Tabel 4.2 Data Admin 60
Tabel 4.3 Data Bank 61
Tabel 4.4 Data Banner 61
Tabel 4.5 Data Header 61
Tabel 4.6 Data Hubungi 62
Tabel 4.7 Data Kategori 62
Tabel 4.8 Data Komentar 63
Tabel 4.9 Data Kota 63
Tabel 4.10 Data Kustomer 64
Tabel 4.11 Data Main Menu 64
Tabel 4.12 Data Modul 65
Tabel 4.13 Data Orders 65
Tabel 4.14 Data Orders Detail 66
Tabel 4.15 Data Orders Temp 66
Tabel 4.16 Data Poling 66
Tabel 4.17 Data Produk 67
Tabel 4.18 Data Sekilas Info 68
Tabel 4.19 Data Pengiriman 68
Tabel 4.20 Data Statistik 68
Tabel 4.21 Data Sub Menu 69
Tabel 4.22 Data Sub Produk 69
Tabel 4.23 Data Tag 69
(12)
DAFTAR GAMBAR
Halaman
Gambar 4.1 Flowchart Pemesanan Produk 55
Gambar 4.2 Flowchart Halaman Utama 56
Gambar 4.3 Flowchart Halaman Kategori 57
Gambar 4.4 Flowchart Produk Kami 58
Gambar 4.5 Flowchart Halaman Login 59
Gambar 5.1 Tampilan Halaman Utama 75
Gambar 5.2Tampilan Halaman Home 76
Gambar 5.3Tampilan Halaman Kategori 76
Gambar 5.4Tampilan Halaman Cara Pembelian 77
Gambar 5.5Tampilan Halaman Produk Kami 77
Gambar 5.6Tampilan Halaman Cart Dalam Keadaan Kosong 78
Gambar 5.7Tampilan Halaman Cart Setelah Belanja 78
Gambar 5.8Tampilan Halaman Contact 79
Gambar 5.9Tampilan Halaman Login Admin 79
Gambar 5.10Tampilan Halaman Admin 80
Gambar 5.11Tampilan Halaman Manajemen Produk 80
Gambar 5.12Tampilan Halaman Produk 81
Gambar 5.13Tampilan Halaman Sub Produk 81
Gambar 5.14Tampilan Halaman Kategori 82
Gambar 5.15Tampilan Halaman Jasa Pengiriman 82
Gambar 5.16Tampilan Halaman Ongkos Kirim 83
Gambar 5.17Tampilan Halaman Costumer Online 83
Gambar 5.18Tampilan Halaman Rekening Bank 84
Gambar 5.19Tampilan Halaman Link Terkait 84
Gambar 5.20Tampilan Halaman Komentar 85
(13)
ABSTRAK
Kajian ini penulis bertujuan untuk membuat perancangan website Penjualan Jersey Bola, merupakan sebuah website yang digunakan untuk mengakses dan menginput data dari website pada internet. Metode dan rancangan website Penjualan Jersey Bola ini dengan menggunakan PHP dan MYSQL. Cara kerja dari website yang dibuat adalah mengakses data yang terdapat di
website Penjualan Jersey Bola. Hasil rancangan dari website Penjualan Jersey Bola ini dapat
memberikan informasi tentang penjualan dandatabase penjualannya.Dan tujuan website ini untuk mempermudah pengguna atau pelanggan dalam pemesanan dan pembelian produk–produk. Target yang akan dicapai dari perancangan website Penjualan Jersey Bola ini adalah user mampu mengakses informasi tentang website Penjualan Jersey Bola. Kajian ini dibuat bertujuan untuk
(14)
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan ilmu pengetahuan dan teknologi telah memperlihatkan kemajuan yang sangat pesat untuk dapat diaplikasikan disemua bidang. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaannya yang semakin luas menjadi salah satu sarana komunikasi, media informasi dan edukasi. Perkembangan teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahaan-perusahaan kecil dan menengah dalam hal mengenai masalah yang timbul dalam setiap kegiatan operasionalnya.
Dengan adanya Website diharapkan dapat membantu masyarakat pada umumnya dan sekolah pada khususnya untuk melakukan penyebaran informasi dengan cepat, murah, dan efektif. Salah satunya, jersey bola yang merupakan baju yang banyak di minati terutama pada kaum remaja kemudian banyak dijadikan untuk pakaian dan lainnya yang menjadi salah sau kebudayaan pecinta sepak bola. Namun, sekarang hampir semua kalangan masyarakat sudah memakainya. Selain untuk melakukan perhitungan, komputer juga dapat difungsikan sebagai madia informasi dan komunikasi dalam mempublikasikan hasil karya jersey bola yang berada di Indonesia kepada seluruh pengguna teknologi di dunia.
(15)
Media informasi dan komunikasi untuk usaha kecil dan menengah juga sangat vital dalam dunia bisnis. Untuk itu penulis mencoba membuat sistem informasi penjualan jersey bola pada Toko mansyur jersey yang berada di Jl. Dr. Mansyur.
Dalam perkembangan teknologi yang sangat pesat baik perangkat lunak dan perangkat keras. Bahasa pemrograman PHP dan MySQL digunakan untuk memfasilitasi perancangan sistem informasi tersebut. Yang bersifat multi platform pada setiap sistem operasi dan merupakan software yang bisa digunakan untuk membuat program aplikasi yang cukup sederhana dan lebih dinamis. Penggunaan MySQL dalam penanganan database merupakan kemajuan teknologi dalam perkembangan basis data. Dalam menangani data yang besar PHP dan MySQL sangat efektif dibandingkan dengan sistem pemrosesan manual yang biasa dilakukan. Dengan demikian penulis sangat tertarik untuk menyusun Tugas Besar Perkuliahan dengan mengangkat sebuah judul “Sistem Penjualan Jersey Bola Berbasis Web pada Toko Mansyur Jersey Medan”.
1.2 Rumusan Masalah
Dari uraian latar belakang masalah sebelumnya, maka rumusan masalah yangdiajukan dari kegiatan penelitian ini. Bagaimana meningkatkan ekonomi pengusaha kecil dan menengah dengan membantu merancang media informasi dan komunikasi dengan Sistem Informasi Penjualan Jersey bola Berbasis Web pada Toko Mansyur Jersey.Suatu aplikasi layaknya dirancang untuk mengatasi masalah yang dilakukan oleh pengguna untuk mengatasi permasalahan agar dapat dilakukan lebih efektif dan efisien. Namun untuk mengatasi hal tersebut
(16)
perlu dibuat sebuah aplikasi yang bersifat terbuka dan dapat digunakan oleh masyarakat luas. Untuk itu, penulis membuat sebuat aplikasi dengan tujuan mempermudah pengoperasian sistem penjualan jersey bola berbasis web pada toko mansyur jersey mengunakan php dan mysql untuk semua kalangan masyarakat di mana pun.
1.3 Batasan Masalah
Agar pembahasan masalah tidak menyimpang dari tujuan penelitian, maka berikut ini adalah beberapa batasan masalah yang perlu dibuat yaitu:
1. Aplikasi web yang dibuat berdasarkan data yang ada pada Toko Mansyur Jersey.
2. Dapat diakses oleh tiap kalangan masyarakat yang ingin me-review atau melakukan pemesanan terhadap barang yang tersedia.
3. Proses kerja sistem penjualan jersey bola berbasis web pada toko mansyur jersey tidak ditampilkan secara detail hingga dalam motor penggerak.
4. Menggunakan bahasa pemrograman berbasis web.
1.4 Tujuan Penelitian
Adapun maksud dari penelitian ini adalah untuk mengembangkan Sistem Informasi Penjualan Jersey Bola Berbasis Web pada Toko Mansyur Jersey.Serta tujuan dari penelitian ini adalah sebagai berikut:
(17)
1. Untuk mendapatkan gambaran sistem yang lebih efektif dan efesien, sehingga sistem yang akan dibuat lebih baik dari sistem manual biasanya.
2. Untuk membantu pengusaha kecil dan menengah dalam meningkatkan
perekonomiannya.
3. Untuk membantu pengguna teknologi dan pemakai jersey bola khususnya dalam
mencari informasi tentang jersey bola dipasaran.
4. Untuk penyelesaian Tugas Akhir Mahasiswa Diploma III Jurusan Teknik Informatika
di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara serta untuk perencanaan dasar menambah wawasan ilmu pengetahuan.
1.5 Manfaat Penelitian
Diharapkan penelitian Sistem Informasi Berbasis Web pada Toko Mansyur Jersey Medan dapat memberikan manfaat yang baik antara lain:
1. Bagi penulis yaitu sebagai bahan untuk menyusun tugas akhir yang merupakan syarat
untuk dapat menyelesaikan pendidikan di Program Studi D3 Teknik Informatika Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Mempromosikan Jersey bola pada Toko Mansyur Jersey Medan.
3. Membuat situs Web Penjualan Jersey bola di Toko Mansyur Jersey Medan .
(18)
Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language). Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.
Arsitektur aplikasi web meliputi klien, web server, middleware dan 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.
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 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.PHP dapat digunakan pada setiap sistem operasi, antara lain
(19)
Apache, Microsoft Internet information Server (MIIS), Personal Web Server(PWS), dan masih
banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran HTML.
1.7 Metodologi Penelitian
Untuk menyelesaikan tugas besar kuliah ini, penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga penyusun tugas besar kuliah ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan sebagai berikut:
1. Pengumpulan datapendukung
Pengumpulan data dalam penelitian penulis lakukan dengan mencari data-data yang
valid.
2. Membuat Rancangan Aplikasi
Proses pembuatan ini meliputi pembuatan rancangan aplikasi dan pembuatan user
interface aplikasi.
3. Pengujian Aplikasi
Menguji apakah aplikasi berbasis web yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error pada aplikasi.
4. Implementasi Aplikasi
Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah berjalan dengan baik.
(20)
Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang penelitian yang telah dilakukan.
1.8 Sistematika Penulisan.
Agar dapat memberikan gambaran yang jelas pada penulisan tugas akhir ini, maka penulis membaginya dalam beberapa bab sebagai berikut :
Bab 1 :Pendahuluan
Bab ini berisi tentang latar belakang masalah, identifikasi masalah, batasan masalah, tujuan dan manfaat, metodologi penyelesaian, dan sistematika penulisan.
Bab 2 :Landasan Teori
Bab ini mengungkapkan tentang konsep dasar dan teori – teori yang mendukung pembahasan untuk tema penulisan yang didapatkan dari beberapa literatur
Bab 3 :Sekilas Tentang Toko Mansyur Jersey
Bab ini membahas tentang latar belakang, struktur organisasi, tujuan, dan visi misi pada Toko Manyur Jersey.
Bab 4 :Perancangan Sistem
Bab in imembahas tentang perancangan penjualan jersey bola (vending machine) dan gambaran umum rancangannya.
(21)
Bab 5 :Implementasi Sistem
Bab ini membahasan analisa hasil dan pembahasan penjualan jersey bola yang dirancang.Pembuatan program yang diajukan, tampilan dari program dan pengujian game tersebut.
Bab 6 :Kesimpulandan Saran
(22)
BAB 2
LANDASAN TEORI
2.1 Pengertian Aplikasi Web
Aplikasi web dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language). Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011).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).
Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools dan pengguna
(23)
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).
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:
(24)
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 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.
(25)
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.
c. Komputer Operator
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.
(26)
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, 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
(27)
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 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
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.PHP dapat digunakan pada setiap sistem operasi, antara lain Linux,Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web server, seperti Apache, Microsoft Internet information Server (MIIS), Personal Web
Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk
mengolah keluaran gambar, file pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.
(28)
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 language=”PHP”> . . . . .</script>
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 merupakan salah satu perangkat lunak sistem pengelola basis data (database management system). MySQL juga dapat dikategorikan sebagai relation DatabaseManagement Sistem (RDBMS).Karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah dalam
berbagai tabel dua dimensi.Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs
(29)
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. 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
(30)
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.
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
(31)
2.5.2 Informasi
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi == input – proses – output. 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, 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-transaksi 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
(32)
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).
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.
(33)
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 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
(34)
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).
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
(35)
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.
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:
(36)
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 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
(37)
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).
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
(38)
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 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.
(39)
2.7.4 Istilah-istilah Umum Yang Harus Diketahui
Berikut beberapa istilah umum yang harus diketahui antara lain:
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
(40)
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 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
(41)
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 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.
(42)
2. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser 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> <b> </b>
</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">.
(43)
4. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks: <html>
</html>
5. Element head
Merupakan kepala dari dokumen html.Tag <head> dan tag </head> terletak di antara tag <html> dan tag</html>.
Sintaks: <head> </head> 6. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser.Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title> Judul Halaman HTML </title>
7. Element body
Element ini untuk menampilkan isi dokumen html.Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.Sintaks:
(44)
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"></body>
2.8.4 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya, <H1> dengan </H1>), atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan namatagnya.Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan
tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:
1. Paragraf dengan tag <p>.
2. Ganti garis – break line dengan tag<br>. 3. Ganti datar – horizontal rule dengan tag <hr>. 4. List item dengan tag<Li>.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag>penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan
(45)
tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan
(memformat) halaman dokumen tersebut dalam browser.
Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag<html>, <head> dan <body>berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section
body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:
<html> <head>
…informasi tentang dokumen HTML
</head>
<body>
…informasi yang ditampilkan oleh browser web </body>
</html>
Setiap dokumen HTML harus diawali tag<html> dan tag</html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.
Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan tag<head> diawal, dan tag</head> diakhir.Section ini berisi informasi tentang dokumen
(46)
HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen,
judul ini akan ditampilkan pada captionBr dari windows browser, ditandai dengan menggunakan
tag<title>dan diakhiri dengan </title>.
Section atau elemen body ditandai dengan tag<body> diawal, dan tag </body>
diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya.Contoh dokumen HTML sebagai berikut:
<!-contoh.html-> <html>
<head>
<title> Halaman contoh </title> </head>
<body>
File ini merupakan file contoh.<br>
<b>ini untuk membuat huruf cetak tebal</b> </body></html>
2.9 Pengertian E-commerce
E-commerce atau yang bisa disebut juga dengan istilah Ecom atau Emmerce atau EC merupakan
pertukaran bisnis yang rutin dengan menggunakan transmisi Electronic Data Interchange (EDI),
(47)
berkenan dengan transaksi-transaksi belanja di Internet shopping, stock online dan surat obligasi, download dan penjualan software, dokumen, grafik, musik, dan lain-lain, serta transaksiBusiness
to Business (B2B).
Sedangkan defenisi e-commerce menurut David Baum (1999) adalah satu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunikasi tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik.
E-commerce (electronic ecommerce) sebagai perdagangan elektronik dimana untuk
transaksi perdagangan baik membeli maupun menjual dilakukan melalui elektronik pada jaringan internet. Keberadaan e-commerce sendiri dalam internet dapatdilakukan melalui adanya fasilitas pemasangan iklan, penjualan, dan service support terbaik bagi seluruh pelangganya dengan menggunakan sebuah toko online berbentuk web yang setiap harinya beroperasiselama 24 jam.Proses yang ada dalam e-commerce adalah sebagai berikut:
1. Persentasi elektronis (Pembuatan Website ) untuk produk dan layanan.
2. Pemesanan secara langsung dan tersedianya tagihan.
3. Otomatis account pelanggan secara aman (baik nomor rekening maupun nomor kartu
kredit).
4. Pembayaran yang dilakukan secara langsung (online) dan penanganan transaksi.
(48)
Penggolongane-commerce yang lazim digunakan orang adalah berdasarkan sifat transaksinya, antara lain:
1. Business to Business(B2B)
Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar karena akan dijual kembali.
2. Business to Consumer (B2C)
Jenis transaksi dimana pembeli perorangan dan tidak punya tujuan untuk menjualnya kembali biasanya semacam toko online yang menjual berbagai macam barang.
3. Consumer to Consumer (C2C)
Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai tujuan untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan bermacam-macam barang melainkan hanya beberapa barang saja.
4. Consumer to Business (C2B)
Termasuk kedalam kategori ini adalah perseorangan yang menjual produk atau layanan kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan mereka dan menyepakati suatu transaksi.
2.9.2 Manfaat E-commerce
E-commerce memiliki beberapa manfaat, baik itu organisasi perusahaan dan masyarakat itu
sendiri, Berikut beberapa manfaat dari e-commerce:
1. Manfaat yang diperoleh bagi organisasi pemilik e-commerce:
(49)
b. Dengan capital outplay yang minim, sehingga perusahaan dapat dengan mudah menemukan lebih banyak pelanggan, supplier yang lebih baik dan partner bisnis yang paling cocok dari seluruh dunia.
c. E-commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian, penyimpanan, dan pencarian informasi yang menggunakan kertas.
d. E-commerce mengurangi waktu antara outlay modal dan penerimaan produk dan
jasa.
2. Manfaat bagi konsumen antara lain:
a. E-commerce memungkinkan pelanggan untuk belanja atau melakukan transaksi
selama 24 jam sehari sepanjang tahun dari hampir setiap lokasi.
b. E-commerce memberikan lebih banyak pilihan kepada pelanggan, mereka memilih
berbagai produk dari banyak vendor.
c. E-commerce menyediakan produk dan jasa yang tidak mahal kepada pelanggan
dengan cara mengunjungi banyak tempat dan melakukan perbandingan secara cepat.
d. Pelanggan bisa menerima informasi yang relevan secara detil dalam hitungan detik, bukan lagi hari atau minggu.
3. Manfaat bagi masyarakat lain:
a. E-commerce memungkinkan orang untuk bekerja di dalam rumah dan tidak harus
keluar rumah untuk berbelanja. Ini berakibat menurunkan arus kepadatan lalu lintas dijalan serta mengurangi polusi udara.
(50)
b. E-commerce memungkinkan orang dinegara-negara dunia ketiga dan wilayah
pedesaan untuk menikmati aneka produk dan jasa yang akan susah mereka dapatkan tanpa e-commerce.
2.10 Sublime Text 2
Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang sangat sederhana adalah notepad.
Sublime Text merupakan editor HTML yang professional mendesain, menulis kode
program dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaanya
dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreatifitas
pembuatan web.
2.11 Cascading Style Sheet (CSS)
CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka style itu akan dapat digunakan berulang kali.
(51)
2.12 Macromedia Dreamweaver
Saat ini dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web.Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan.Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun dalam membangun web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia
Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah
dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and
Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan
baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung program Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah.
Macromedia Dreamweaver juga mendukung program Script ServerSide, seperti PHP,ASP,ASP.NET, dan JSP.
(52)
BAB 3
SEKILAS TENTANG TOKO MANSYUR JERSEY
3.1 Latar Belakang Toko Mansyur Jersey
Toko ini berdiri pada tanggal 15 Januari 2013. Nama pemilik toko adalah Amin. Toko ini terletak di jalan Dr Mansyur No.151 Medan. Toko ini menjual berbagai macam pakaian berkarakter bola dengan bahan yang berkualitas. Untuk memasarkan toko ini maka penulis membantu pemilik toko dengan merancang sebuah Website penjualan jersey. Website ini dibuat untuk mengoptimalkan publikasiinformasi 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 dapat selalu
di-update. Untuk administrasi data, digunakan database MySQL, sehingga kedinamisan website
dan manipulasi data konten website dapat dioptimalkan.
Pada website ini semua jenis layanan jualbeli 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
(53)
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 Mansyur Jersey
Organisasi adalah suatu bentuk kerjasama dari sejumlah orang dalam suatu wadah tertentu untuk mencapai suatu tujuan. Struktur organisas 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 dapa t mempertanggung jawabkannya kepada ketua dan ketua akan mengetahui bagaimana mendelegasikan wewenang kepada anggotanya, sehingga setiap aktifitas anggota 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 struktu rorganisasi 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.
(54)
3.3 Koleksi Jersey
Beberapa koleksi jersey yang disediakan pada Toko Mansyur Jersey yaitu jersey pria lengan pendek, jersey pria lengan panjang, jersey wanita lengan pendek, dan jersey anak-anak.
3.3.1 Jersey Pria Lengan Pendek
Jersey pria lengan pendek ini terdapat empat merek jersey dengan ukuran yang berbeda dan harga yang berbeda seperti jersey Adidas dengan ukuran S,M,L,XL harga Rp 100.000, jersey Nike dengan ukuran S,M,L,XL harga Rp 100.000, jersey Puma dengan ukuran S,M, harga Rp 100.000, dan jersey Kappa dengan ukuran M harga 150.000, jersey Umbro dengan ukuran M harga 150.000. Banyak pria yang jaman sekarang ingin memiliki jersey jenis/merek Adidas, Nike, Puma, Kappa, dan Umbro karena jersey ini Berkualitas dan dapat di pakai ke mana saja.Tabelnya seperti di bawah ini:
Tabel 3.1 Jersey Pria Lengan Pendek
No Jenia/Merek Ukuran Harga
1 Adidas S Rp 75.000
2 Adidas M Rp 75.000
3 Adidas L Rp 75.000
4 Adidas XL Rp 100.000
5 Nike S Rp 100.000
6 Nike M Rp 100.000
(55)
8 Nike XL Rp 100.000
9 Puma S Rp 65.000
10 Puma M Rp 65.000
11 Kappa S Rp 150.000
12 Umbro M Rp 150.000
3.3.2 Jersey Pria Lengan Panjang
Jersey pria lengan panjang ini terdapat dua merek jersey dengan ukuran yang berbeda dan harga yang berbeda seperti jersey Adidas dengan ukuran S,M harga Rp 130.000, dan jersey Nike dengan ukuran S,M, harga Rp 130.000. Banyak Pria yang jaman sekarang ingin memiliki jersey lengan panjang jenis/ merek Adidas dan Nike, karena jersey ini Berkualitas, tertutup dan dapat di pakai ke mana saja. Tabelnya seperti di bawah ini:
Tabel 3.2 Jersey Pria Lengan Panjang
No Jenis/Merek Ukuran Harga
1 Adidas S Rp 130.000
2 Adidas M Rp 130.000
3 Nike S Rp 130.000
4 Nike M Rp 130.000
(56)
Jersey wanita lengan pendek ini terdapat dua merek jersey dengan ukuran yang berbeda dan harga yang berbeda seperti jersey Adidas dengan ukuran S,M harga Rp 100.000, dan jersey Nike dengan ukuran S,M, harga Rp 100.000. Banyak wanita yang jaman sekarang ingin memiliki jersey jenis merek Adidas dan Nike, karena jersey ini Berkualitas dan dapat di pakai ke mana saja. Tabelnya seperti di bawah ini:
Tabel 3.3 Jersey Wanita Lengan Pendek
No Jenis/Merek Ukuran Harga
1 Adidas S Rp 100.000
2 Adidas M Rp 100.000
3 Nike S Rp 100.000
4 Nike M Rp 100.000
3.3.4 Jersey Anak-Anak
Jersey anak-anak ini terdapat dua merek jersey dengan ukuran yang berbeda dan harga yang berbeda seperti jersey Adidas dengan ukuran 26,28 harga Rp 95.000, dan jersey Nike dengan ukuran 26,28, harga Rp 95.000. Banyak anak-anak yang jaman sekarang ingin memiliki jersey jenis merek Adidas dan Nike, karena jersey ini Berkualitas dan dapat di pakai ke mana saja.Tabelnya seperti di bawah ini:
Tabel 3.4 Jersey Anak-Anak
(57)
1 Adidas 26 Rp 95.000
2 Adidas 28 Rp 95.000
3 Nike 26 Rp 95.000
4 Nike 28 Rp 95.000
3.4 Visi dan Misi
Visi TokoMansyur Jersey:
” Terwujud nya suatu bisnis yang maju, berkembang, dan terorganisir dengan baik.” Misi Toko Mansyur Jersey:
1. Memperkenalkan Toko Mansyur Jersey bukan hanya kepada pebisnis tetapi juga
kepada masyarakat umum.
2. Mengembangkan website Toko Mansyur Jersey dan bukan hanya di Indonesia saja tapi juga sampai keluar negeri.
3. Mempermudah user dalam mencari jersey bola yang semakin sulit ditemukan saa tini.
3.5 Tujuan Toko Mansyur Jersey
Tujuan dari Toko Mansyur Jersey:
1. Untuk membantu orang lain dalam mendapatkan info tentang pembelian jersey bola 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.
(58)
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.
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.
3. Persipan untuk rancang bangun implementasi.
4. Menggambarkan bagaimana suatu sistem dibentuk.
5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau
pengaturandari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
(59)
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
Penguraiandarisuatu system informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan 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.
(60)
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:
Tabel 4.1Simbol-Simbol Flowchart
No Nama Simbol Fungsi
1
Terminator
Terminator, fungsinya untuk permulaan/ akhir program
2 Process
Process, digunakan untuk
melambangkan kegiatan
pemrosesan input.
(61)
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.
5
Preparation
Preparation, berfungsi untuk proses inisialisasi/
pemberian harga awal
perulangan. 6
Proses
Proses, fungsinya untuk
proses perhitungan/proses
pengolahan data . 7
Connector
Connector,penghubung
bagian-bagian flowchart
yang berada pada satu
halaman. 8
Output data
Output data, informasi
9
Off page connector
Off page connector
penghubung bagian-bagian
flowchart yang berada pada
(62)
Tabel 4.1Simbol-Simbol Flowchart (Lanjutan)
10
Predefined process
Predefined process, untuk
menyatakan sekumpulan
langkah proses yang ditulis sebagai prosedur.
11
Display
Display,untukoutput yang diajukan suatu device, seperti monitor.
12
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.Flowchart menggolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif
(63)
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 yang mentransformasikan data itu. Data dan proses dalam flowchart system dapat digambarkan secara
online (dihubungkanlangsungdengankomputer) atau offline (tidak dihubungkan langsung dengan
komputer, misalnya mesin tik, 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. Secara sederhana flowchart keseluruhan dalam membangun situs ini dapat dilihat pada gambar di bawah ini:
(64)
(65)
(66)
Gambar.4.2 Flowchart Halaman Utama
(67)
(68)
(69)
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 database website Sistem penjualan Jersey Bola BerbasisWeb Pada TokoMansyur Jersey Medan dengan tabel – tabel sebagai berikut:
1. TabelData Admin
Tabel 4.2Data Admin
No Field Type Size Description
1 Username Varchar 50 Username
2 Password Varchar 50 Password
3 Nama_Lengkap Varchar 100 Nama Lengkap
4 Email Varchar 100 Email
5 No_Telpon Varchar 20 No Telpon
6 Level Varchar 20 Level
(70)
2. Tabel Data Bank
Tabel 4.3DataBank
No Field Type Size Description
1 Id_Bank Int 5 Id Bank
2 Nama_Bank Varchar 100 Nama Bank
3 No_Rekening Varchar 100 No Rekening
4 Pemilik Varchar 100 Pemilik
5 Gambar Varchar 100 Gambar
3. Tabel Data Banner
Tabel 4.4DataBanner
No Field Type Size Description
1 Id_Banner Int 5 Id Banner
2 Judul Varchar 100 Judul
3 Url Varchar 100 Url
4 Gambar Varchar 100 Gambar
5 Tanggal_Posting Date Tanggal Posting
4. Tabel Data Header
Tabel 4.5Data Header
No Field Type Size Description
1 Id_Gambar Int 5 Id Gambar
(71)
3 Url Varchar 100 Url Tabel 4.5Data Header(Lanjutan)
No Field Type Size Description
4 Gambar Varchar 100 Gambar
5 Deskripsi Varchar 100 Deskripsi
6 Tanggal_Posting Date Tanggal Posting
5. Tabel Data Hubungi
Tabel 4.6 DataHubungi
No Field Type Size Description
1 Id_Hubungi Int 5 Id Hubungi
2 Nama Varchar 50 Nama
3 Email Varchar 100 Email
4 Subject Varchar 100 Subject
5 Pesan Text Pesan
6 Tanggal Date Tanggal
6. Tabel Data Kategori
Tabel 4.7DataKategori
No Field Type Size Description
1 Id_Kategori Int 5 Id Kategori
2 Nama_Kategori Varchar 100 Nama Kategori
(72)
7. Tabel Data Komentar
Tabel 4.8DataKomentar
No Field Type Size Description
1 Id_Komentar Int 5 Id Komentar
2 Id_Produk Int 5 Id Produk
3 Nama_Komentar Varchar 100 Nama Komentar
4 Url Varchar 100 Url
5 Isi_Komentar Text Isi Komentar
6 Tanggal Date Tanggal
7 Jam_Komentar Time Jam Komentar
8 Aktif Enum Aktif
8. Tabel Data Kota
Tabel 4.9DataKota
No Field Type Size Description
1 Id_kota Int 3 Id kota
2 Id_Perusahaan Int 10 Id Perusahaan
3 Nama_Kota Varchar 100 Nama Kota
(73)
9. Tabel Data Kustomer
Tabel 4.10DataKustomer
No Field Type Size Description
1 Id_Kustomer Int 5 Id Kustomer
2 Password Varchar 50 Password
3 Nama_Lengkap Varchar 100 Nama Lengkap
4 Alamat Text Alamat
5 Email Varchar 100 Email
6 Telpon Varchar 20 Telpon
7 Id_Kota Int 5 Id Kota
8 Aktif Enum Aktif
10. Tabel Data Main Menu
Tabel 4.11DataMain Menu
No Field Type Size Description
1 Id_Main Int 5 Id Main
2 Nama_Menu Varchar 50 Nama Menu
3 Link Varchar 100 Link
(74)
11. Tabel Data Modul
Tabel 4.12DataModul
No Field Type Size Description
1 Id_Modul Int 5 Id Modul
2 Nama_Modul Varchar 50 Nama Modul
3 Link Varchar 100 Link
4 Static_Content Text Static Content
5 Gambar Varchar 100 Gambar
6 Status Enum Status
7 Aktif Enum Aktif
8 Urutan Int 5 Urutan
12. Tabel Data Orders
Tabel 4.13 Tabel Orders
No Field Type Size Description
1 Id_Orders Int 5 Id Orders
2 Status_Orders Varchar 50 Status Orders
3 Tanggal_Orders Date Tanggal Orders
4 Jam_Orders Time Jam Orders
(75)
13. Tabel Data Order Detail
Tabel 4.14DataOrders Detail
No Field Type Size Description
1 Id_Orders Int 5 Id Orders
2 Id_Produk Int 5 Id Produk
3 Jumlah Int 5 Jumlah
14. Tabel Data Orders Temp
Tabel 4.15Data Orders Temp
No Field Type Size Description
1 Id_Orders_Temp Int 5 Id Orders Temp
2 Id_Produk Int 5 Id Produk
3 Id_Session Varchar 100 Id Session
4 Jumlah Int 5 Jumlah
5 Tanggal_Orders_Temp Date Tanggal Orders
Temp
6 Jumlah_Order Time Jumlah Order
(1)
<?php include ("menu2.php"); ?> </ul>
<?php include ("cari.php"); ?>
<?php include ("keranhang.php"); ?> <!---->
</div>
<div class="clearfix"> </div> </div>
</div> </div>
</div> <!---->
<!---->
<div class="container">
<div class="account_grid"> <div class=" login-right">
<h3>SILAHKAN MASUKKAN INFORMASI ANDA DENGAN BENAR UNTUK KELANCARAN PENGIRIMAN</h3>
<?php
require_once("kon.php");
(2)
$tampil=mysql_query("SELECT * FROM member where nm_pengguna='$pengguna'");
while($row=mysql_fetch_obhect($tampil)){ ?>
<form name="tuhuan" action="proses_set_tuhuan.php" method="post"> <div class="mation">
<div>
<span>Nama Lengkap Anda</span>
<input type="hidden" name="nm_pengguna" readonly value="<?php echo "$row->nm_pengguna"; ?>">
<input type="text" name="nama_lengkap" readonly value="<?php echo "$row->nama_member"; ?>">
</div> <div>
<span>Nomor Handphone</span>
<input type="text" name="no_hp" readonly value="<?php echo "$row->no_hp"; ?>">
</div>
<div>
<span>Alamat Tuhuan Pengiriman</span> <input type="text" name="tuhuan"> </div>
<div>
<span>Kode Pos</span>
<input type="text" name="kode_pos">
(3)
</div> </div>
<input type="submit" value="Submit"> </form>
<?php
} ?> </div>
</div> </div>
<!----> </body> </html>
(4)
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : VINCEN H SIAGIAN
Nomor Stambuk : 132406090
Judul Tugas Akhir : SISTEM PENJUALAN JERSEY BOLA BERBASIS WEB
PADA TOKO MANSYUR JERSEY MEDAN MENGUNAKAN PHP DAN MySQL
Dosen Pembimbing : Dr.Pasukat sembiring, M.si
Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No. Tanggal
Asisten Bimbingan
Pembahasan pada Asistensi Mengenai, pada
Bab :
Paraf Dosen Pembimbing
Keterangan
1. PengajuanJudul
2. ACC JudulTugasAkhir
3. Pengajuan Bab 1 – 5
4. ACC Bab 1 – 5
5. ACC TugasAkhir
6. Uji Program
∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui, Disetujui,
KetuaProgram Studi D3 Teknik Informatika, Pembimbing,
(5)
Dr. EllyRosmaini, M.Si Dr.Pasukat sembiring, M.si
NIP.196005201985032002 NIP.195311131985031002
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 TeknikInformatika:
Nama : VINCEN H SIAGIAN
NIM : 132406090
Prog. Studi : D3TeknikInformatika
Judul TA : Sistem penjualan jersey bolaberbasis web pada Toko Mansyur Jersey Medan 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
(6)
Dr. Pasukat Sembiring, M.Si NIP.195311131985031002