Perancangan Aplikasi Online Penjualan Komik Berbasis Web Menggunakan Php Dan Mysql

BAB 2

LANDASAN TEORI

2.1

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, definisi 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.

Universitas Sumatera Utara

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 :
a.

Perangkat Keras (Hardware)


b.

Perangkat Lunak (Software)

c.

Perangkat Komputer (Brainware)

2.2

Tentang Sistem dan Informasi

Kata sistem berasal dari bahasa Yunani yaitu “systema” yang berarti kesatuan
suatu kesatuan yang saling tergantung dan saling bekerja sama untuk mencapai
tujuan tertentu. Suatu sistem dapat terdiri dari sitem-sistem bagian lainnya atau
sering disebut subsistem. Subsistem saling berinteraksi dan saling berhubungan
membentuk suatu kesatuan untuk tercapainya suatu sasaran dan sistem tidak
terlepas dari komponen-komponen pendukung sistem yang mempunyai sifat dan
fungsi


tertentu

dan

mampu

mempengaruhi

proses

sistem

secara

keseluruhan.Sistem pada dasarnya adalah sekelompok unsur yang erat
hubungannya satu dengan yang lain, yang berfungsi bersama-sama untuk
mencapai tujuan tertentu. Secara sederhana sistem dapat diartikan sebagai suatu
kumpulan atau himpunan dari unsur, komponen, atau variabel-variabel yang

Universitas Sumatera Utara


terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan
terpadu. Sistem bisa berupa abstraksi atau fisis (Gordon B. Davis, 2002).
Sistem yang abstrak adalah susunan yang teratur dari gagasan-gagasan
atau konsepsi yang saling tergantung. Sedangkan sistem yang bersifat fisis adalah
serangkaian unsur yang bekerjasama untuk mencapai suatu tujuan (Tata Sutabri,
2004).
Informasi adalah hasil pengolahan data yang diperoleh dari setiap elemen sistem
menjadi bentuk yang mudah dipahami oleh penerimanya dan informasi ini
menggambarkan kejadian-kejadian nyata untuk menambah pemahamannya
terhadap fakta-fakta yang ada, sehingga dapat digunakan untuk pengambilan suatu
keputusan. Sumber informasi adalah data. Data adalah kenyataan yang
menggambarkan kejadian-kejadian dan kesatuan yang nyata .
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi
operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu
organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporanlaporan yang diperlukan (Tata Sutabri, 2004).

2.3


Sekilas Tentang PHP (Hypertext Preprocessor) dan MySQL

PHP adalah salah satu bahasa pemrograman di Internet. Bisa juga di artikan
sebagai bahasa scripting yang menyatu dengan HTML dan dijalankan pada server
side. PHP bersifat cepat, gratis dan murah ( gratis ), selain itu PHP mendukung
penggunaan database seperti MySQL, PostgreSQL, dan Oracle.Untuk dapat

Universitas Sumatera Utara

menjalankan PHP melalui browser, maka anda diharuskan terlebih dahulu
menginstall web server (misalnya Apache, PWS, IIS) lalu menginstall PHP,
sedangkan untuk menjalankan MySQL anda tidak perlu menginstall web server,
hanya saja jika ingin dijalankan melalui browser, maka anda harus menginstall
web server. Prosedur penginstallan web server, PHP dan MySQL dapat anda baca
pada manual masing – masing. Jika anda tidak ingin merasa direpotkan untuk
menginstall PHP, MySQL, Apache dan sebagainya, ada alternatif yang bisa anda
coba. XAMPP, adalah software alternatif yang akan membantu anda dengan
memberikan layanan pengaktifan PHP, MySQL, Apache, Filezilla dan Tomcat
sekaligus.Syntax dalam pemograman PHP hamper sama dengan bahasa
pemograman C++.

Persamaan yang paling jelas adalah setiap akhir statement harus diakhiri
oleh semicolon ( ; ). Fungsi-fungsi yang ada di C++ juga ada dalam PHP, seperti
IF, FOR, WHILE, DO, ARRAY dan sebagainya. Sebagai fungsi yang unik dalam
PHP, ada fungsi FOREACH yang bisa diartikan sebagai “setiap”. PHP dijalankan
dalam file berekstensi .php, .php3 atau .phtml, itu tergantung dengan settingan
PHP anda, tetapi secara umum ekstensi file PHP adalah .php. Kode PHP menyatu
dengan tag – tag HTML dalam satu file. Kode PHP diawali dengan tag .
Contoh :


Universitas Sumatera Utara

Struktur penulisan dalam PHP, sama seperti dalam C++, yaitu setiap
pernyataan diakhiri oleh semicolon ( ; ) dan bersifat case sensitive untuk penulisan
nama variabel. Dalam penulisan variabel dalam PHP, variabel harus diawali
dengan symbol dolar ( $ ) lalu nama variabelnya tanpa menggunakan spasi dan
tida boleh diawali dengan angaka seperti $1, variabel tersebut tidak akan dianggap
sebagai variabel . Berikut adalah contoh penggunaan variabel dan operasi
sederhana dalam PHP.
Contoh :


MySQL adalah sebuah perangkat lunak Pembuat database yang bersifat
terbuka atau open source dan berjalan disemua platform baik Linux maupun
Windows, MySQL merupakan program pengakses database yang bersifat network
sehingga dapat digunakan untuk aplikasi Multi User (Pengguna Banyak).Ada
beberapa fungsi yang dipakai untuk memanipulasi isi database, seperti SELECT,
ALTER, DROP dan sebagainya. Bahasa PHP bisa dikombinasikan untuk
memanipulasi isi database. Contoh kombinasi bahasa PHP dan MySQL adalah
sebagai berikut.
Contoh:


2.3.1 Kelebihan PHP dari Bahasa Pemrograman Lain

1.

Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunanya.
2.


Web server yang mendukung PHP dapat ditemukan dimana-mana dari

mulai IIS sampai dengan apache, dengan kompilasi yang relatif mudah.
3.

Dalam sisi pengembangan relative mudah, karena banyak developer yang

siap membantu dalam pengembangan.
4.

PHP adalah bahasa open source yang dapat digunakan diberbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta
juga dapat menjalankan perintah-perintah sistem.
5.

Dalam sisi pemahaman, PHP adalah bahasa scipting yang paling mudah

karena refernsi yang banyak.


Universitas Sumatera Utara

2.4

Sekilas Tentang HTML (HyperText Markup Language)

HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan
untuk membangun suatu halaman Web. Sekalipun banyak orang menyebutnya
sebagai suatu bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa
pemrograman, karena seperti tercermin dari namanya HTML adalah suatu bahasa
mark up. HTML digunakan untuk melakukan mark up (penandaan) terhadap
sebuah dokumen teks. Tanda tersebut digunakan untuk menentukan format atau
style dari teks yang ditandai.Untuk menandai sebuah file teks merupakan file
HTML, maka ciri yang paling nampak jelas adalah file-nya, yaitu .html. Namun
lebih jauh daripada itu, di dalam file tersebut harus terkandung struktur sebagai
berikut:


...



Tag tersebut harus diletakkan pada bagian paling awal dan tag
harus diletakkan pada bagian paling akhir. Bagian head umumnya berisi
informasi mengenai dokumen tersebut, misalnya judul dokumen, versi HTML
yang digunakan. Sedangkan body berisi layout atau desain halaman web.

Universitas Sumatera Utara

2.5

Sekilas Tentang CSS ( Cascading Style Sheet )

Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web yang
digunakan untuk mengendalikan beberapa komponen dalam sebuah web sehingga
akan lebih terstruktur dan seragam. CSS dapat kita gunakan dalam mengendalikan
ukuran gambar, warna 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 bisa juga diartikan sebagai
bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan

adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan
format yang berbeda.

2.6

Sekilas tentang Macromedia Dreamweaver

Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang
sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, salah
satu perusahaan yang bernama macromedia membuat suatu editor dengan
menggunakan GUI tang dikhususkan untuk pembuatan website yang diberi nama
Dreamweaver.

Macromedia Dreamweaver merupakan sebuah HTML editor profesional
untuk mendesain secara visual dan mengelola situs web maupun halaman web.
Dreamweaver CS6 dalam hal ini digunakan untuk web desain. Dreamweaver CS6

Universitas Sumatera Utara

mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta
fasilitas-fasilitasnya, antara lain : referensi HTML, CSS dan Javascript, Javascript
debugger, dan editor kode (tampilan kode dan code inspector) yang mengizinkan
kita mengedit kode javascript, XML, dan dokumen taks lainnya secara langsung
dalam Dreamweaver.
Teknologi Dreamweaver roundtrip HTML mampu mengimpor dokumen
HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan
Dreamweaver pula untuk membersihkan dan memformat ulang HTML Bila kita
menginginkannya. Selain

itu dreamweaver

juga dilengkapi kemampuan

manajemen situs yang memudahkan kita mengelola keseluruh elemen yang ada
dalam situs.

Gambar 2.6.1 Tampilan Macromedia Dreamweaver CSS

Universitas Sumatera Utara

2.7

Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih
penting dan kompleks daripada data yang dimanipulasi oleh sistem. Dengan kata
lain DFD adalah pembuatan model yang memberikan penekanan hanya pada
fungsi sistem.
DFD juga merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi dapat digunakan oleh profesional sistem kepada
pemakai maupun pembuat program.
Tabel 2.7.1 Simbol-simbol Data Flow Diagram
No
1

Simbol

Fungsi
Eksternal Entity merupakan kesatuan luar
lingkungan sistem yang dapat berupa
seseorang,organisasi yang dapat
mengirimkan atau menerima data dari sistem.

2

Arus data merupakan tempat mengalirnya
informasi menunjukkan atus data berupa
sistem.

Universitas Sumatera Utara

Proses merupakan pengolahan data atau

3

aliran data masuk menjadi data aliran keluar

Penyimpanan data merupakan tempat
penyimpanan data yang ada di dalam sistem.

4

2.8 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau bidang yang
menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir.
Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkahlangkah pekerjaan dalam suatu algoritma. Penjelasan arti lambang-lambang
flowchart dapat didefinisikan seperti tabel dibawah ini :

Tabel 2.8.1 Arti lambang-lambang Flowchart
No

SIMBOL

KETERANGAN
Terminal, untuk memulai atau mengakhiri

1

suatu program

Universitas Sumatera Utara

Proses,
2

simbol

ini

menunjukkan

setiap

pengolahan yang dilakukan oleh komputer.

Input-output, untuk memasukkan data atau
3

menunjukkan hasil keluaran dari suatu proses

Decision, suatu kondisi yang menghasilkan
4

5

beberapa kemungkinan jawaban atau pilihan

Predefined

proses,

untuk

sekumpulan

langkah

proses

menyatakan
yang

ditulis

sebagai procedur
Connector, suatu prosedur akan masuk atau
6

keluar melalui simbol ini dalam lembaran yang
sama.
Off-line

7

connector,

simbol

masuk

atau

keluarnya suatu prosedur pada lembaran kertas
lainnya.
Document, merupakan simbol dari data yang

8

berbentuk kertas maupun informasi

Database, menyediakan tempat pengolahan
9

data serta penyimpanan dalam storage

Universitas Sumatera Utara