Sistem Informasi Penjualan Sepatu Olahraga Secara Online Berbasis Web Menggunakan PHP dan MySQL
BAB 2
LANDASAN TEORI
2.1. Sistem
Sistem (Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi) dapat diartikan
sebagai suatu kumpulan atau himpunandari unsur atau variabel-variabel yang saling
terorganisasi, saling berinteraksi, dan saling bergantung satu sama lain. Mudrick dan
Ross (1983) mendefinisikan sistem sebagai seperangkat elemen yang digabungkan
satu dengan yang lainnyauntuk suatu tujuan bersama.
Sebuah sistem terdiri dari berbagai unsur yang saling melengkapi dalam
mencapai tujuan dan sasaran. Unsur-unsur yang terdapat dalam sistem itulah yang
disebut dengan subsistem. Subsistem-subsistem tersebut harus saling berhubungan
dan berinteraksi melalui komunikasi yang relevan sehingga sistem dapat bekerja
secara efektif dan efisien.
2.2. PHP
PHP (Ali Zaki, PHP dan MySQL) adalah bahasa pemrograman script yang paling
banyak diapaki saat ini. PHP banyak dipakai untuk pemrograman website, walaupun
tidak tertutup kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan
salah satu bahasa server side scripting yang disisipkan diantara bahsa HTML untuk
Universitas Sumatera Utara
7
melihat halaman web yang dinamis. Dan karena bahasa berbasi server side, maka PHP
akan dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil
dalam bentuk HTML, dan kode PHP tidak akan terlihat.
2.3. Database MySQL
Database adalah suatu kumpulan data-data yang disusun sedemikian rupa sehingga
membentuk informasi yang sangat berguna. Database terbentuk dari sekelompok
data-data yang memiliki jenis/sifat yang sama. Ambil contoh, data-data berupa namanama, kelas-kelas, alamat-alamat. Semua data tersebut dikumpulkan menjadi satu
menjadi kelompok data baru, sebut saja sebagai data-data mahasiswa.
Demikian juga, kumpulan dari data-data mahasiswa, data-data dosen, data-data
keuangan dan lainnya dapat dikumpulkan lagi menjadi kelompok besar, misalkan
data-data politeknik elektronika. Bahkan dalam perkembangannya, data-data tersebut
dapat berbentuk berbagai macam data, misalkan dapat berupa program, lembaranlembaran untuk entry (memasukkan) data, laporan-laporan. Kesemuanya itu dapat
dikumpulkan menjadi satu yang disebut dengan database. Salah satu bahasa database
yang populer adalah SQL.
MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat
lunak database relasi (Relational Database Management System atau RDBMS)
seperti halnya Oracle, Postgresql, MS SQL dan sebagainya.
SQL atau singkatan dari Structured Query Language ialah suatu sintaks perintahperintah tertentu atau bahasa pemrograman yang digunakan untuk mengelola suatu
Universitas Sumatera Utara
8
database. Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat
lunaknya dan SQL adalah bahasa perintahnya.
Ketika dibandingkan antara MySQL dengan sistem database yang lain, maka
perlu difikirkan apa yang paling penting sesuai kebutuhan. Apakah tampilan, support,
fitur-fitur SQL, kondisi keamanan dalam lisensi, atau masalah harga. Dengan
pertimbangan tersebut, MySQL memiliki banyak hal yang bisa ditawarkan, antara
lain:
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di-setup dan dikonfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
pilihan sistem database moderen.
5. Banyak klien dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak
akses tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Universitas Sumatera Utara
9
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka MySQL juga
memiliki kekurangan seperti :
1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan
foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.4. Pengertian HTML
HTML (Hyper Text Markup Language) merupakan bahasa pemograman web yang
memiliki sintak atau aturan tertentu dalam menuliskan secript atau kode-kode,
sehingga browser dapat menampilkan informasi dengan membaca kode-kode HTML.
Untuk memudahkan kita dalam mempelajari dasar pemograman HTML.
2.5. XAMPP Control Panel
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi
dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto
konfigurasi.
Anda
bisa
mendownload
aplikasi
xampp
di
//www.apachefriends.org/en/xampp-window.html.
Universitas Sumatera Utara
10
2.6. CSS (Cascadings Style Sheet)
CSS (Cascading Style Sheet) merupakan aturan untuk mengatur beberapa komponen
dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya
dengan styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat
mengatur beberapa style untuk membuat desain atau membuat halaman kerja menjadi
lebih menarik, misalnya heading, subbab, bodytext, footer, images, dan style lainnya
untuk dapat digunakan bersama-sama dalam beberapa berkas.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,
warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi
antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter
lainnya CSS adalah bahasa Cascanding style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan
halaman yang sama dengan format yang berbeda.
2.7. Pengertian JavaScript
JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming
Language. Client Side Programming Language adalah tipe bahasa pemrograman yang
pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk
kepada web
browser seperti Google
Chrome dan
Mozilla
Firefox.
Bahasa
pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti
PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.
Universitas Sumatera Utara
11
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara
user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web
server. Sebelum JavaScript, setiap interaksi dari user harus diproses oleh web server.
Untuk keperluan seperti ini lah JavaScript dikembangkan. Pemrosesan untuk
mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web
server dalam web browser.
Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web
browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol
eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk
mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga
kita tidak bisa bergantung sepenuhnya kepada JavaScript.
2.8. Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antarproses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana dari
tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi
digambarkan dengan garis-garis.
Flowchart merupakan langkah awal pembuatan program. Setelah flowchart
selesai disusun, selanjutnya pemrogram menerjemahkannya ke dalam bentuk program
menggunakan bahasa pemrograman. Berikut ini adalah simbol-simbol standar pada
sebuah flowchart beserta fungsinya:
Universitas Sumatera Utara
12
1. Flow Direction Symbols
Yaitu, simbol yang dipakai untuk menghubungkan antara simbol yang satu
dengan simbol lainnya atau disebut juga connecting line.
Tabel 2.1. Flow Direction Symbols
Simbol
Nama
Fungsi
Penghubung antara
Arus / Flow
prosedur / proses.
Simbol keluar / masuk
prosedur atau proses dalam
Connector
lembar / halaman yang
sama.
Simbol keluar / masuk
prosedur atau proses.
Off-line Connector
dalam lembar / halaman
yang lain.
2. Processing Simbols
Yaitu, merupakan simbol yang menunjukkan jenis operasi pengolahan dalam
suatu prosedur.
Tabel 2.2. Processing Symbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Universitas Sumatera Utara
13
Simbol untuk kondisi yang akan
Decision
menghasilkan beberapa
kemungkinan jawaban / aksi.
Simbol untuk mempersiapkan
penyimpanan yang akan
Predefined Process
digunakan sebagai tempat
pengolahan didalam storage.
Simbol untuk permulaan atau
Terminal
akhir darti suatu program.
Simbol untuk pemasukan data
Manual Input
secara manual on-line keyboard.
3. Input-Output Simbol
Simbol yang dipakai untuk menyatakan jenis peralatan yang digunakan
sebagai media input atau output.
Tabel 2.3. Input-Output Symbols
Simbol
Nama
Fungsi
Simbol yang menyatakan proses
input dan output tanpa
Input-Output
tergantung dengan jenis
peralatannya.
Simbol yang menyatakan input
Document
berasal dari dokumen dalam
bentuk kertas atau output di
Universitas Sumatera Utara
14
cetak dikertas.
Simbol untuk menyatakan input
Disk and On-line
berasal dari disk atau output di
Storage
simpan ke disk.
2.9. Entity Relationship Diagram
Entity Relationship Diagram merupakan suatu model untuk menjelaskan hubungan
antar-data dalam basis data berdasarkan objek-objek dasar data yang mempunyai
hubungan antar-relasi. Sementara seolah-olah teknik diagram atau alat peraga
memberikan dasar untuk desain database relasional yang mendasari sistem
informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung
merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk
database.
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Suatu objek yang dapat
Entitas
diidentifikasi dalam
lingkungan pemakai.
Mendeskripsikan karakter
Atribut
entitas.
Universitas Sumatera Utara
15
Hubungan di antara
Relasi
sejumlah entitas yang
berbeda.
Penghubung antara relasi
Garis
dengan entitas dengan
atribut.
Universitas Sumatera Utara
LANDASAN TEORI
2.1. Sistem
Sistem (Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi) dapat diartikan
sebagai suatu kumpulan atau himpunandari unsur atau variabel-variabel yang saling
terorganisasi, saling berinteraksi, dan saling bergantung satu sama lain. Mudrick dan
Ross (1983) mendefinisikan sistem sebagai seperangkat elemen yang digabungkan
satu dengan yang lainnyauntuk suatu tujuan bersama.
Sebuah sistem terdiri dari berbagai unsur yang saling melengkapi dalam
mencapai tujuan dan sasaran. Unsur-unsur yang terdapat dalam sistem itulah yang
disebut dengan subsistem. Subsistem-subsistem tersebut harus saling berhubungan
dan berinteraksi melalui komunikasi yang relevan sehingga sistem dapat bekerja
secara efektif dan efisien.
2.2. PHP
PHP (Ali Zaki, PHP dan MySQL) adalah bahasa pemrograman script yang paling
banyak diapaki saat ini. PHP banyak dipakai untuk pemrograman website, walaupun
tidak tertutup kemungkinan untuk digunakan untuk pemakaian lain. PHP merupakan
salah satu bahasa server side scripting yang disisipkan diantara bahsa HTML untuk
Universitas Sumatera Utara
7
melihat halaman web yang dinamis. Dan karena bahasa berbasi server side, maka PHP
akan dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil
dalam bentuk HTML, dan kode PHP tidak akan terlihat.
2.3. Database MySQL
Database adalah suatu kumpulan data-data yang disusun sedemikian rupa sehingga
membentuk informasi yang sangat berguna. Database terbentuk dari sekelompok
data-data yang memiliki jenis/sifat yang sama. Ambil contoh, data-data berupa namanama, kelas-kelas, alamat-alamat. Semua data tersebut dikumpulkan menjadi satu
menjadi kelompok data baru, sebut saja sebagai data-data mahasiswa.
Demikian juga, kumpulan dari data-data mahasiswa, data-data dosen, data-data
keuangan dan lainnya dapat dikumpulkan lagi menjadi kelompok besar, misalkan
data-data politeknik elektronika. Bahkan dalam perkembangannya, data-data tersebut
dapat berbentuk berbagai macam data, misalkan dapat berupa program, lembaranlembaran untuk entry (memasukkan) data, laporan-laporan. Kesemuanya itu dapat
dikumpulkan menjadi satu yang disebut dengan database. Salah satu bahasa database
yang populer adalah SQL.
MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat
lunak database relasi (Relational Database Management System atau RDBMS)
seperti halnya Oracle, Postgresql, MS SQL dan sebagainya.
SQL atau singkatan dari Structured Query Language ialah suatu sintaks perintahperintah tertentu atau bahasa pemrograman yang digunakan untuk mengelola suatu
Universitas Sumatera Utara
8
database. Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat
lunaknya dan SQL adalah bahasa perintahnya.
Ketika dibandingkan antara MySQL dengan sistem database yang lain, maka
perlu difikirkan apa yang paling penting sesuai kebutuhan. Apakah tampilan, support,
fitur-fitur SQL, kondisi keamanan dalam lisensi, atau masalah harga. Dengan
pertimbangan tersebut, MySQL memiliki banyak hal yang bisa ditawarkan, antara
lain:
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di-setup dan dikonfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
pilihan sistem database moderen.
5. Banyak klien dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak
akses tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Universitas Sumatera Utara
9
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka MySQL juga
memiliki kekurangan seperti :
1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan
foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.4. Pengertian HTML
HTML (Hyper Text Markup Language) merupakan bahasa pemograman web yang
memiliki sintak atau aturan tertentu dalam menuliskan secript atau kode-kode,
sehingga browser dapat menampilkan informasi dengan membaca kode-kode HTML.
Untuk memudahkan kita dalam mempelajari dasar pemograman HTML.
2.5. XAMPP Control Panel
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi
dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto
konfigurasi.
Anda
bisa
mendownload
aplikasi
xampp
di
//www.apachefriends.org/en/xampp-window.html.
Universitas Sumatera Utara
10
2.6. CSS (Cascadings Style Sheet)
CSS (Cascading Style Sheet) merupakan aturan untuk mengatur beberapa komponen
dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya
dengan styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat
mengatur beberapa style untuk membuat desain atau membuat halaman kerja menjadi
lebih menarik, misalnya heading, subbab, bodytext, footer, images, dan style lainnya
untuk dapat digunakan bersama-sama dalam beberapa berkas.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,
warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi
antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter
lainnya CSS adalah bahasa Cascanding style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan
halaman yang sama dengan format yang berbeda.
2.7. Pengertian JavaScript
JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming
Language. Client Side Programming Language adalah tipe bahasa pemrograman yang
pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk
kepada web
browser seperti Google
Chrome dan
Mozilla
Firefox.
Bahasa
pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti
PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.
Universitas Sumatera Utara
11
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara
user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web
server. Sebelum JavaScript, setiap interaksi dari user harus diproses oleh web server.
Untuk keperluan seperti ini lah JavaScript dikembangkan. Pemrosesan untuk
mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web
server dalam web browser.
Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web
browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol
eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk
mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga
kita tidak bisa bergantung sepenuhnya kepada JavaScript.
2.8. Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antarproses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana dari
tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi
digambarkan dengan garis-garis.
Flowchart merupakan langkah awal pembuatan program. Setelah flowchart
selesai disusun, selanjutnya pemrogram menerjemahkannya ke dalam bentuk program
menggunakan bahasa pemrograman. Berikut ini adalah simbol-simbol standar pada
sebuah flowchart beserta fungsinya:
Universitas Sumatera Utara
12
1. Flow Direction Symbols
Yaitu, simbol yang dipakai untuk menghubungkan antara simbol yang satu
dengan simbol lainnya atau disebut juga connecting line.
Tabel 2.1. Flow Direction Symbols
Simbol
Nama
Fungsi
Penghubung antara
Arus / Flow
prosedur / proses.
Simbol keluar / masuk
prosedur atau proses dalam
Connector
lembar / halaman yang
sama.
Simbol keluar / masuk
prosedur atau proses.
Off-line Connector
dalam lembar / halaman
yang lain.
2. Processing Simbols
Yaitu, merupakan simbol yang menunjukkan jenis operasi pengolahan dalam
suatu prosedur.
Tabel 2.2. Processing Symbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Universitas Sumatera Utara
13
Simbol untuk kondisi yang akan
Decision
menghasilkan beberapa
kemungkinan jawaban / aksi.
Simbol untuk mempersiapkan
penyimpanan yang akan
Predefined Process
digunakan sebagai tempat
pengolahan didalam storage.
Simbol untuk permulaan atau
Terminal
akhir darti suatu program.
Simbol untuk pemasukan data
Manual Input
secara manual on-line keyboard.
3. Input-Output Simbol
Simbol yang dipakai untuk menyatakan jenis peralatan yang digunakan
sebagai media input atau output.
Tabel 2.3. Input-Output Symbols
Simbol
Nama
Fungsi
Simbol yang menyatakan proses
input dan output tanpa
Input-Output
tergantung dengan jenis
peralatannya.
Simbol yang menyatakan input
Document
berasal dari dokumen dalam
bentuk kertas atau output di
Universitas Sumatera Utara
14
cetak dikertas.
Simbol untuk menyatakan input
Disk and On-line
berasal dari disk atau output di
Storage
simpan ke disk.
2.9. Entity Relationship Diagram
Entity Relationship Diagram merupakan suatu model untuk menjelaskan hubungan
antar-data dalam basis data berdasarkan objek-objek dasar data yang mempunyai
hubungan antar-relasi. Sementara seolah-olah teknik diagram atau alat peraga
memberikan dasar untuk desain database relasional yang mendasari sistem
informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung
merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk
database.
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Suatu objek yang dapat
Entitas
diidentifikasi dalam
lingkungan pemakai.
Mendeskripsikan karakter
Atribut
entitas.
Universitas Sumatera Utara
15
Hubungan di antara
Relasi
sejumlah entitas yang
berbeda.
Penghubung antara relasi
Garis
dengan entitas dengan
atribut.
Universitas Sumatera Utara