7

BAB II

TEORI DASAR

Dalam bab ini menjelaskan tentang landasan teori beserta komponen-

komponen apa saja yang mendukung dalam pembuatan sistem penjualan berbasis

web pada toko “PTMW” Group.

A. Landasan Teori

1. Pengertian Sistem

Sistem berasal dari bahasa Latin (Systema) dan bahasa Yunani

(sustema) adalah suatu keadaan yang terdiri dari komponen atau elemen

yang dihubungkan bersama untuk memudahkan aliran informasi, materi

atau energi untuk mencapai suatu tujuan.

Sistem juga merupakan suatu kesatuan bagian-bagian yang saling

berhubungan yang berada dalam suatu wilayah serta memiliki item-item

penggerak, contoh umum misalnya seperti Negara.

Dari pengertian di atas, dapat diambil kesimpulan bahwa sistem

merupakan kumpulan komponen-komponen atau elemen-elemen yang

saling berintegrasi dan bekerja sama untuk mencapai suatu tujuan.

2. Pengertian Informasi

Kata informasi berasal dari kata Perancis kuno informacion (tahun

1387) yang diambil dari bahasa Latin informationem yang berarti “garis

besar, konsep, ide”.

8

Informasi adalah pesan (ucapan atau ekspresi) atau kumpulan

pesan yang terdiri dari simbol atau makan yang dapat ditafsirkan dari

pesan atau kumpulan pesan.

Informasi merupakan data yang disimpan, diproses, atau

ditarnsmisikan yang telah diberi makna melalui konteks sehingga menjadi

punya makna dan manfaat.

Berdasarkan pendapat tersebut, dapat disimpulkan bahwa informasi

adalah kumpulan data yang telah diolah dan memiliki nilai tambah

sehingga menjadi lebih berarti dan lebih berguna bagi penerimanya.

3. Pengertian Sistem Informasi

Sistem Informasi (SI) adalah kombinasi dari teknologi informasi

dan aktivitas orang yang menggunakan teknologi itu untuk mendukung

operasi dan manajemen.

Sistem Informasi adalah suatu sistem kerja yang kegiatannya

ditujukan untuk pengolahan (menangkap, transmisi, menyimpan,

mangambil, memanipulasi, dan menampilkan) informasi.

Sistem Informasi juga dapat dikatakan sebagai bahasa semi formal

yang mendukung manusia dalam pengambilan keputusan dan tindakan.

Dari pengertian di atas, dapat disimpulkan bahwa sistem informasi

adalah komponen-komponen yang saling bekerja sama untuk

mengumpulkan data, diproses menjadi informasi, dan di distribusikan

kepada pemakai atau suatu sistem yang mengubah atau memproses data

9

menjadi informasi sehingga dapat berguna dalam pengambilan suatu

keputusan.

4. Pengertian Penjualan

Penjualan atau Pemasaran adalah proses penyusunan komunikasi

terpadu yang bertujuan untuk memberikan informasi mengenai barang atau

jasa dalam kaitannya dengan memuaskan kebutuhan dan keinginan

manusia.

Penjualan dapat diartikan sebagai kegiatan tukar menukar barang

atau jasa atau keduanya.

Jadi konsep penjualan adalah cara untuk memperngaruhi konsumen

untuk membeli produk yang ditawarkan. Dalam kenyataannya penjualan

mempunyai dua sistem yang biasa diterapkan oleh suatu perusahaan

dagang yaitu penjualan yang dilakukan dengan cara tunai dan penjualan

yang dilakukan menggunakan cara kredit atau sering disebut cara

angsuran.

5. Pengertian Basis Data (Database)

Basis data (database) adalah kumpulan informasi yang disimpan di

dalam komputer secara sistematik sehingga dapat diperiksa menggunakan

suatu progam komputer untuk memperoleh informasi dari basis data

tersebut.

Dari pengertian di atas, dapat disimpulkan bahwa database adalah

kumpulan data yang saling berhubungan dan disimpan didalam media

10

penyimpanan elektronik sedemikian rupa sehingga tidak terjadi

pengulangan.

6. Web Server

Web Server adalah suatu software yang betindak melayani

pengaksesan aplikasi web. Contoh software yang berfungsi sebagai web

server antara lain Apache HTTP Server, IIS, dan Xitami.

Web Browser seperti Mozilla Firefox atau Google Chrome

berkomunikasi melalui jaringan dengan web server, menggunakan HTTP

browser akan mengirimkan request kepada server untuk meminta dokumen

tertentu atau layanan yang disediakan oleh server. Server memberikan

dokumen atau layanannya jika tersedia juga dengan menggunakan

protokol HTTP.

7. Web Browser

Web Browser atau penjelajah web adalah perangkat lunak yang

berfungsi intuk menerima dan menyajikan sumber informasi di internet.

Sebuah sumber informasi diidentifikasi dengan Uiniform Resource

Identifier (URI) yang dapat berupa halaman web, gambar, video, atau jenis

konten lainnya. Web Browser yang populer adalah Google Chrome,

Firefox, Internet Explorer, Opera, dan Safari.

8. Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML) adalah sebuah bahasa

markah yang digunakan untuk membuat sebuah halaman web,

menampilkan berbagai informasi di dalam sebuah web browser Internet

11

dan pemformatan hiperteks sederhana yang ditulis dalam berkas format

ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Struktur Dasar HTML :

a. Setiap dokumen HTML harus diawali dengan menuliskan tag <html>

dan tag </html> diakhir dokumen.Tag ini menandai elemen HTML,

yang berarti dokumen HTML dalam suatu dokumen hanya ada satu

elemen HTML.

b. Section atau elemen head ditandai dengan tag <head> diawal dan tag

</head> diakhir, di dalamnya berisi informasi tentang dokumen

htmlnya. Minimal informasi yang dituliskan dalam elemen ini adalah

judul dari dokumen, judul ini akan ditampilkan pada caption bar dari

window browser di tandai dengan menggunakan tag <title> dan

diakhiri dengan </title>

c. Section atau elemen body ditandai dengan tag <body> diawal

dan tag </body> diakhir. Elemen ini berisi dokumen yang akan

ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan

sebagainya.Section body merupakan elemen terbesar di dalam

dokumen HTML.

B. Komponen Yang Mendukung dalam Pembuatan Sistem

1. XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak

sistem operasi, menggunakan kompilasi dari beberapa program.

12

Gambar 2.1 Logo XAMPP

Fungsinya adalah sebagai server yang berdiri sendiri (localhost),

yang terdiri atas program Apache HTTPServer, MySQL database, dan

penerjemah bahasa yang ditulis dengan bahasa pemograman PHP dan Perl.

Nama XAMPP merupakan singkatan dari X (empat sistem operasi

apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam

GNU General Public License dan bebas, merupakan web server yang

mudah digunakan yang dapat melayani tampilan halaman web dinamis.

Untuk mendapatkannya dapat mendownload langsung dari web resminya.

XAMPP dikembangkan dari sebuah tim proyek bernama Apache

Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang

(Development Team) & Tim Dukungan (Support Team).

Software XAMPP merupakan salah satu perangkat terpenting

dalam penyusunan sistem penjualan berbasis web ini.

2. Apache

Apache atau Apache HTTP Server adalah server web yang dapat

dijalankan di banyak sistem operasi yang berguna untuk melayani dan

memfungsikan situs web.

Gambar 2.2 Logo Apache

13

Protokol yang digunakan untuk melayani fasilitas web ini

menggunakan HTTP. Saat ini Apache memiliki fitur-fitur canggih seperti

pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan

lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna

berbasis grafik atau Graphic User Interface (GUI) yang memungkinkan

penanganan server menjadi mudah.

Apache merupakan perangkat lunak sumber terbuka dikembangkan

oleh komunitas terbuka yang terdiri dari pengembang-pengembang di

bawah naungan Apache Software Foundation.

3. MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis

data SQL.

Gambar 2.3 Logo MySQL

MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi

GNU General Public License (GPL), tetapi mereka juga menjual di bawah

lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok

dengan penggunaan GPL.

4. CMS

CMS atau Content Management System merupakan sebuah

perangkat lunak yang memungkinkan pengguna untuk mengelola konten

14

atau memanipulasi suatu website. Dalam hal ini penulis menggunakan

CMS Joomla versi 2.5.7

Pada dasarnya CMS mempunyai dua elemen penting, yaitu :

1. Aplikasi Pengiriman Isi

Elemen ini menggunakan dan menghimpun informasi-informasi

yang sebelumnya telah ditambah, dikurangi atau diubah oleh pemilik

situs web untuk memperbaharui situs web tersebut.

2. Aplikasi Manajemen Isi

Elemen ini memungkinkan pengelola konten yang tidak

memiliki pengetahuan mengenai HTML, untuk mengelola pembuatan,

pengubahan, dan penghapusan isi dari suatu situs web tanpa perlu

memiliki keahlian sebagai seorang webmaster.

5. Joomla!

Joomla! adalah salah satu Content Management System (CMS)

yang bebas dan terbuka serta sangat populer bagi pengguna internet.

Ditulis menggunakan bahasa PHP dan basisdata MySQL untuk keperluan

internet maupun intranet.

Gambar 2.4 Logo Joomla!

Fitur-fitur Joomla! di antaranya adalah sistem caching untuk

peningkatan performansi, RSS, blogs, polnh, dan lain-lain. Joomla!

menggunakan lisensi GPL.

15

Asal kata Joomla sendiri berasal dari kata Swahili jumla yang

mengandung arti “kebersamaan”.

Dalam pembuatan sistem penjualan berbasis web ini. Joomla!

berfungsi sebagai CMS sistem yang akan dibuat.

6. Virtuemart

Virtuemart merupakan free component joomla atau joomla

extension gratis yang paling banyak digunakan oleh para pemilik website

yang menggunakan Joomla! untuk aplikasi toko online. Sistem shopping

cart atau keranjang belanja untuk aplikasi toko online pada extension

joomla Virtuemart sangat mudah untuk digunakan dan dikelola. Selain itu

ada banyak developer joomla template yang membuat web template untuk

joomla dengan aplikasi Virtuemart.

Gambar 2.5 Halaman Utama Virtuemart.net

Ada banyak sekali fitur online shop yang tersedia pada aplikasi

Virtuemart ini, seperti : produk dan kategori tak terbatas, stok barang bisa

16

di input pada database, konten produk sesuai dengan standar SEO On

Page, dan sebaginya.

7. FileZilla

FileZilla atau FileZilla Client adalah salah satu software FTP

gratis, opensource, cross-platform.

Gambar 2.6.1 Logo FileZilla

Gambar 2.6.2 Tampilan Awal FileZilla

Fitur utama dari FileZilla adalah Site manager, Message log, File

and folder view, dan Transfer queue. FileZilla ini diguakan untuk migrasi

website ke hosting.

17

8. Adobe Photoshop CS 4

Adobe Photoshop atau Phothoshop adalah perangkat lunak editor

citra buatan Adobe Systems yang dikhususkan untuk pengeditan

foto/gambar dan pembuatan efek.

Gambar 2.7 Tampilan Adobe Photoshop CS 4

Perangkat lunak ini banyak digunakan pleh fotografer digital dan

perusahaan iklan sehingga dianggap sebagai pemimpin pasar untuk

perangkat lunak pengolah gambar/foto. Photoshop saat ini juga dapat

digunakan untuk memproduksi gambar untuk web. Photoshop ini

digunakan untuk mengedit gambar-gambar yang disediakan oleh template.

9. CorelDRAW X5

CorelDRAW adalah editor grafik vektor yang dikembangkan oleh

Corel, sebuah perusahaan perangkat lunak yang bermarkas di Ottawa,

Kanada.

18

Gambar 2.8 Tampilan CorelDRAW X5

Versi CorelDRAW X5 memiliki tampilan baru serta beberapa

aplikasi baru yang tidak ada pada Corel Draw versi sebelumnya. Beberapa

aplikasi terbaru yang ada, di antaranya Quick Start, Table, Smart Drawing

Tool, Save as Template, dan lain sebagainya. CorelDRAW X5 ini

digunakan untuk membuat logo toko “PTMW” Group.

10. Adobe Dreamweaver CS 6

Adobe Dreamweaver merupakan progam penyunting halaman web

keluaran Adobe System yang dulu dikenal sebagai Macromedia

Dreamweaver keluaran Macromedia.

19

Gambar 2.9 Tampilan Adobe Dreamweaver CS 6

Program ini banyak digunakan oleh pengembang web karena fitur-

fiturnya yang menarik dan kemudahan penggunaannya. Adode

Dreamweaver CS 6 ini digunakan untuk mengedit halaman web.

11. Hostinger (IdHostinger)

Hostinger atau IdHostinger adalah salah satu penyedia web hosting

gratis wilayah Indonesia yang memiliki space 2GB, Bandwith 100 GB

PHP dan MySQL, Site Builder tanpa iklan atau banner.

Gambar 2.10 Tampilan www.idhostinger.com

20

Penulis memilih Hostinger yang merupakan generasi baru web

hosting gratis, karena memberikan banyak fitur, layanan web hosting yang

handal serta tim support fantastis, Website bebas dari iklan maupun

banner, Website builder yang mudah digunakan, Support PHP dan

MySQL, serta tersedia layanan Script Auto Installer yang memudahkan

pengguan dalam membuat sebah website profesional.

C. Flowchart

Flowchart adalah gambar simbol-simbol yang digunakan untuk

menggambarkan urutan proses atau intruksi-intruksi yang terjadi didalam

suatu program komputer secara sistematis dan logis (Sugiyono, 2005).

Berikut simbol-simbol flowchart di lihat pada tabel 2.1:

SIMBOL ARTI

Input / Output Mempresentasiskan input atau output data yang

diproses atau informasi.

Proses Memproses data menjadi output yang akan terjadi

jika bener.

Keputusan Pengambilan Keputusan (Decision).

Penjelasan Digunakan untuk komentar tambahan.

Dokumen I/O dalam format yang di cetak.

21

Predefined Proses Rincian Operasi berada di tempat lain.

Terminal Point Awal dan Akhir Flowchart.

Anak Panah Mempresentasiskan alur kerja.

Tabel 2.1 Simbol-simbol Flowchart