Sistem pendaftaran siswa baru di SMA N 1 GIRSIP BOLON Mengunakan php dan mysql

BAB 2

LANDASAN TEORI

Dalam penulisan tugas akhir ini,penulis akan memberika beberapa pengertian
yang berhubungan dengan judul penelitian penulis ajukan serta sekilas tentang
bahasa pemorgraman yang digunakan oleh penulis dalam membangun aplikasi
tersebut.

2.1 Tentang Web
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu
layanan yang dapat dipakai oleh pemakai komputer yang terhubung ke internet.
Web pada awalnya

adalah ruang

informasi

dalam Internet,

dengan


menggunakan teknologi hyperteks, pemakai dituntun untuk menemukan informasi
dengan mengikuti link yang disediakan dalam dokumen web yang disediakan
web browser.
Kini Internet identik dengan web, karena kepopuleran
standard interface pada layanan-layanan

web sebagai

yang ada di internet, dari awalnya

sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail
sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).
Kini web seakan lebih popular dari email, walaupun secara statistik
email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna
internet.Web lebih popular bagi khalayak umum dan pemula, terutama untuk

Universitas Sumatera Utara

tujuan pencarian informasi dan melakukan komunikasi e-mail yang menggunakan

web sebagai interfacenya.

2.1.1

Sejarah Web

Tahun 1993, Tim Berners-Lee dan peneliti lain di European Particle Phsysics
Lab (CERN) di Geneva, Swiss mengembangkan suatu cara untuk men-share
data antar koleganya menggunakan sesuatu yang disebut hypertext. Pemakai
di CERN dapat menampilkan dokumen pada layar komputer dengan
menggunakan software browser baru.
Kode-kode

khusus

disisipkan

kedalam

dokumen


elektronikini,

memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya
pada layar dengan hanya memilih sebuah hyperlink.
Kemampuan Internet dimasukkan ke dalam browser ini sehingga loncat
dari satu dokumen ke dokumen lain, tidak lagi dari satu computer saja,
tetapi

dapat meloncat ke dokumen lain yang letaknya pada komputer

remote.Seorang peneliti dapat juga mengirimkan sebuah file dari computer remote
ke sistem lokalnya, atau log in ke dalam suatu remote hanya dengan mengklik
hyperlink, tidak perlu memakai sistem FTP atau Telnet. Jalan pintas CERN
digunakan sebagai dasar dari yang disebut juga sebagai World Wide Web dan
berikut server dan browser webnya(sekarang di maintenance oleh World Wide
Web Consortium).

Universitas Sumatera Utara


2.2 Tentang Internet
2.2.1

Pengertian Internet

Sebuah jaringan komputer yang saling terhubung dengan menggunakan suatu
sistem standar global transmission control protocol/internet protocol suite
(TCP/IP) yang digunakan sebagai protokol pertukaran paket dalam melayani
miliaran pengguna yang terdapat di seluruh dunia. Internet merupakan
kependekan dari interconnected network. Internet juga dapat diartikan sebagai
jaringan komunikasi global yang terbuka dan menghubungkan jutaaan atau
milyaran jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan
tipe komunikasi misalnya telepon, satelit, dan sebagainya.

2.2.2

Manfaat Internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi,
akses terhadap sumner dan jaringan informasi komputer mancanegara yang

berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan
informasi terbesar di dunia. Sehingga seharusnya para pengguna mengenal
manfaat apa yang diperoleh jaringan ini.
Adapun manfaat yang dapat diperoleh dari internet adalah:
1. Informasi yang di dapat lebih cepat dan murah dengan menggunakan
aplikasi fasilitas internet seperti e-mail, www, newsgroup, dan lain
sebagainya.
2. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran,
majalah, brosur dalam internet.

Universitas Sumatera Utara

Sebagai media promosi, misalnya pengenalan dan pemesanan produk dari
sebuah perusahaan.

2.2.3

Sejarah Internet

Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika

memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan
sejumlah komputer sehingga membentuk jaringan organik. Program riset ini
dikenal dengan nama arpanet. Pada 1970, sudah lebih dari 10 komputer
yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling
berkomunikasi dan membentuk
Tom

linson

sebuah

jaringan.

Tahun

1972,

Roy

berhasil menyempurnakan program e-mail yang ia ciptakan


setahun yang lalu untuk arpanet. Pada tahun 1982 dibentuk Transmission Control
Protocol atau TCP dan Internet Protocol atau IP yang kini kita kenal semua.
Sementara itu di Eropa muncul jaringan computer tandingan yang dikenal dengan
eunet, yang menyediakan

jasa jaringan komputer di negara-negara Belanda,

Inggris, Denmark dan Swedia.
Komputer yang tersambung dengan jaringan yang ada sudah melebihi
1000 komputer lebih. Setahun kemudian alamat anggota jaringan mulai
menggunakan alamat dengan akhiran.com. Sistem alamat yang serba praktis ini
langsung menggelumbungkan jumlah computer yang tersambung dengan
jaringan. Pada 1987 jumlah computer yang tersambung kejaringan melonjak 10
kali lipat menjadi 10.000 lebih. Tahun 1988, antar sesama komputer sudah mulai
dapat mengobrol atau chatting, karena Jarko Oikari nendari Finland berhasil
menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat.

Universitas Sumatera Utara


Setahun kemudian jumlah komputer yang saling berhubungan kembali
melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini
membentuk

sebuah

jaringan.

Tahun

1990

adalah

tahun

yang

paling


bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang
bias menjelajah antara satu computer dengan computer lainnya, yang
membentuk jaringan itu. Program inilah yang disebut www, atau World Wide
Web.
Tahun 1992, computer yang saling tersambung membentuk jaringan sudah
melampaui sejuta komputer, dan di tahun yang sama muncul istilah "surfing
the internet". Tahun 1994, situs internet telah tumbuh menjadi 3.000 alamat
halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di
internet. Dunia langsung berubah. Di tahun yang sama Yahoo! Didirikan, yang
juga sekaligus tahun kelahiran Netscape Navigator 1.0. Setahun kemudian internet
sudah menjadi jalur dimana suara gambar bisa streaming sekaligus.

2.3 Pengertian Komputer
Komputer merupakan alat pengolahan data elektronis dan elektromagnetis,ia
bekerja dengan bantuan peralatan elektronis dan elektromagnetis.pada umumnya
komputer berasal dari bahasa inggris yaitu ”compute” yang artinya menghitung.
Sejalin dengan perkembangan komputer maka banyak para ahli yang
mendefinisikan komputer yang intinya hampir sama.Ini adalah beberapa pendapat
para ahli mengenai berbagai pengertian dari komputer yang kita gunakan dalam
kehidupan sehari-hari:


Universitas Sumatera Utara

1. Menurut buku Computer Annual ( Robert H. Blissmer ).
Komputer adalah suatu alat elektronik yang mampu melakukan beberapa
tugas sebagai berikut :
a. Menerima input
b. Memproses input tersebut sesuai dengan programnya
c. Menyimpan perintah – perintah dan hasil dari pengolahan
d.

Menyediakan output dalam bentuk informasi

2. Menurut buku Computer Today ( Donald H. Sanders ).
Komputer adalah sistem elektronik untuk memanipulasi data yang cepat
dan tepat serta dirancang dan diorganisasikan agar secara otomatis
menerima dan menyimpan data input, memprosesnya, dan menghasilkan
output dibawah pengawasan suatu langkah – langkah instruksi program
yang tersimpan pada memori ( stored program ).
3. Menurut


buku

Computer

Organization

(

V.C.

Hamacher,

ZG.

Vranesic, S.G.Zaky).
Komputer adalah mesin penghitung elektronik yang dengan cepat dapat
menerima informasi input digital,

memprosesnya sesuai dengan suatu

program yang tersimpan di memorinya (stored program ) dan
menghasilkan output informasi.
4. Menurut buku Introduction to the Computer, The Tool of Business (
William M.Fuori ).
Komputer adalah suatu pemroses data ( data processor ) yang dapat
melakukan perhitungan yang besar dan cepat, termasuk perhitungan
aritmatika yang besar atau operasi logika, tanpa campur tangan dan

Universitas Sumatera Utara

manusia mengoperasikan selama pemrosesan ( defenisi ini diambil dari
American National Standard Institute dan sudah disetujui dalam suatu
pertemuan International Organization For Standardization Technical
Committee ).
5. Menurut buku Introduction to Computers ( Gordon B. Davis ).
Komputer adalah tipe khusus alat penghitung yang mempunyai sifat
tertentu yang pasti.
Berdasarkan beberapa defenisi tersebut, dapat disimpulkan bahwa
komputer adalah
1. Alat elektronik yang dapat melakukan perhitungan numerik.
2. Alat yang dapat membaca input data dan mengolahnya sesuai dengan
program yang ditetapkan untuk menghasilkan informasi yang merupakan
output hasil pemrosesan input data.
3. Alat yang dapat melakukan penyimpanan data, yaitu program, input,
maupun output hasil pengolahan.
4. Alat yang bekerja secara otomatis sesuai dengan aturan yang sudah
ditetapkan dalam program.

2.3.1

Aspek Dasar Sistem Komputerisasi

Adapun aspek utama dalam sistem komputerisasi adalah sebagai berikut:
1. Hardware (perangkat

keras/ piranti keras) adalah peralatan pada

sistem komputer yang secara fisik terlihat dan dapat disentuh.
2. Software (perangkat lunak/ piranti lunak) adalah program yang berisi
perintah- perintah untuk melakukan pengolahan data.

Universitas Sumatera Utara

3. Brainware adalah manusia yang terlibat di dalam pengoperasian
serta pengaturan sistem komputer.
Ketiga elemen sistem komputer tersebut harus saling berhubungan dan
membentuk satu kesatuan. Hardware tanpa adanya software, tidak akan
berfungsi sesuai dengan yang diharapkan, hanya berupa benda mati saja. Software
akan mengoperasikan hardware. Hardware yang sudah didukung oleh software
juga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya.
Akan tetapi jika ketiga elemen ini telah dikombinasikan sesuai dengan
fungsinya

masing-masing, maka akan terjadi suatu proses yang akan

menghasilkan suatu informasi sesuai dengan yang diharapkan.

2.3.2

Keunggulan Komputer

Komputer sebagai produk teknologi memiliki keunggulan (Sutarman, 2009),
antara lain:
1. Mampu mengakses dengan cepat dan tepat
2. Menghasilkan informasi dari data yang telah lama
3. Mampu memproses data yang sangat besar menjadi informasi
4. Mampu menyimpan data yang sangat banyak (sampai berukuran tera byte)
Mampu melakukan importing dan exporting data yang dirancang secara
khusus.
Komputer

dapat

bekerja

menurut

perintah

manusia

yang

menggunakannya. Manusia memberi perintah kepada komputer dengan
menggunakan bahasa manusia. Kemudian interpreter/ compiler (penterjemah)
akan membantu untuk menerjemahkan bahasa manusia ke bahasa mesin yang

Universitas Sumatera Utara

dimengerti oleh komputer. Selanjutnya komputer

akan

bekerja

sesuai

dengan perintah dan jika telah selesai akan menghasilkan informasi.

2.4 Sistem
Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah
suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama
untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu
tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas
yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat.
Kata "sistem" banyak sekali digunakan dalam percakapan sehari-hari,
dalam forum diskusi maupun dokumen ilmiah. Kata ini digunakan untuk banyak
hal, dan pada banyak bidang pula, sehingga maknanya menjadi beragam. Dalam
pengertian yang paling umum, sebuah sistem adalah sekumpulan benda yang
memiliki hubungan diantara mereka.berikut ini adalah pengertian sistem menurut
para ahli yaitu sebagai berikut:
1. Pengertian sistem Menurut Arifin Rahman.
Sistem adalah Webster New Collegiate Dictionary bahwa terdapat kata
"syn" dan "Histanai" yang berasal dari bahasa Yunani berarti
menempatkan bersama. Bahwa pengertian sistem adalah suatu kumpulan
pendapat pendapat, (collection of opinions), prinsip prinsip (principles),
dan lain lain yang membentuk suatu kesatuan yang berhubung hubungan
satu sama lain.

Universitas Sumatera Utara

2. Pengertian sistem menurut Ludwig von Bertallanffy
Bahwa sistem adalah sekumpulan unsur unsur yang berada dalam keadaan
yang berinteraksi.
3. Pengertian sistem berdasarkan A.Hall dan R. Fagen
Bahwa pengertian sistem adalah sekumpulan objek, yang mencakup
hubungan diantara objek tersebut (understanding of the system is a set of
objects, which includes the relationship between the object), serta
hubungan antara sifat yang mereka miliki (the relationship between their
properties).
4. Pengertian sistem menurut Colin Cherry
Bahwa sistem adalah suatu keseluruhan yang dibentuk dari banyak
bagian_suatu assambel dari berbagai macam sifat dan bagian bagian
tersebut.
5. Pengertian sistem menurut Pamudji
Bahwa sistem adalah suatu kebulatan atau keseluruhan yang kompleks
atau terorganisir (An overall roundness or complex or organized), suatu
himpunan atau perpaduan hal hal atau bagian bagian yang membentuk
suatu kebulatan atau keseluruhan yang kompleks dan utuh

Universitas Sumatera Utara

2.4.1 Karakteristik Sistem
Suatu sistem memiliki beberapa karakteriktik atau sifat-sifat yang tertentu berikut
adalah beberapa karakteristik dari sistem.
1. Mempunyai komponen (components)
Komponen sistem adalah segala sesuatu yang menjadi bagian penyusun
sistem. Komponen sistem dapat berupa benda nyata ataupun abstrak.
Komponen sistem disebut sebagai sub sistem, dapat berupa orang, benda,
hal atau kejadian yang terlibat didalam sistem.
2. Mempunyai batas (boundry)
Batas sistem diperlukan untuk membedakan satu sistem dengan sistem
yang lain. Tanpa adanya batas sistem, maka sangat sulit untuk
menjelaskan suatu sistem. Batas sistem akan memberikan batasan scope
tinjauan terhadap sistem.
3. Mempunyai lingkungan (environments)
Lingkungan sistem adalah segala sesuatu yang berada diluar sistem.
Lingkungan sistem dapat menguntungkan ataupun merugikan. Umumnya,
lingkungan yang menguntungkan akan selalu dipertahankan untuk
menjaga keberlangsungan sistem. Sedangkan lingkungan sistem yang
merugikan akan diupayakan agar mempunyai pengaruh seminimal
mungkin, bahkan jika mungkin ditiadakan.
4. Mempunyai penghubung/antar muka (interface) antar komponen
Penghubung/antar muka merupakan komponen sistem, yaitu segala
sesuatu yang bertugas menjebatani hubungan antar komponen dalam
sistem. Penghubung/antar muka merupakan sarana yang memungkinkan

Universitas Sumatera Utara

setiap komponen saling berinteraksi dan berkomunikasi dalam rangka
menjalankan fungsi masing-masing komponen. Dalam dunia komputer,
penghubung/antar muka dapat berupa berbagai macam tampilan dialog
layar monitor yang memungkinkan seseorang dapat dengan mudah
mengoperasikan sistem aplikasi komputer yang digunakan.
5. Mempunyai masukan (input)
Masukan merupakan komponen sistem, yaitu segala sesuatu yang perlu
dimasukan kedalam sistem sebagai bahan yang akan diolah lebih lanjut
untuk menghasilkan keluaran yang akan diolah.

2.5 Pemrograman PHP dan MySQL
Php adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP
banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup
kemungkinan digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah forum (phpBB) dan MediaWiki
(software di belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari
ASP.NET/C#/VB.NET Microsoft, ColdFusion Macromedia, JSP/Java Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa
CMS yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke,
Xaraya, dan lain-lain.

Universitas Sumatera Utara

2.5.1 Sejarah 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 FI (Form Interpreted), yang wujudnya berupa
sekumpulan

script

yang

digunakan

untuk

mengolah

data

form

dari

web.Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source,
maka banyak programmer 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 dirubah 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 model

Universitas Sumatera Utara

pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan
bahasa pemrograman ke arah paradigma berorientasi objek.
Dengan menggunakan php maka maintenance suatu situs web menjadi
lebih mudah.proses update data dapat dilakukan dengan menggunakan aplikasi
yang dibuat dengan menggunakan script php.

Ada beberapa cara dalam penulisan script php yaitu:
1.
2.
3.
Mengenal php

4.
Cara pertama merupakan format yang dianjurkan akan tetapi mungki cara
yang kedua lebih sering digunakan karena lebih ringkas.cara yang ketiga
digunakan untuk mengantisipasi editor dan web server yang tidak dapat menerima
kedua cara diatas.selain itu kita juga bias menggunakan cara penulisan asp,tetapi
tentu saja ada beberapa konfigurasi yang perlu ditambahkan terlebih dahulu pada
file konfigurasi php.

Universitas Sumatera Utara

2.5.2 Keunggulan PHP
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana – mana dari
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif
mudah. Dalam sisi pengembangan lebih mudah, karena banyaknya milis –
milis dan developer yang siap membantu dalam pengembangan.
3. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling
mudah karena memiliki referensi yang banyak.
4. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah system.

2.5.3 Kelemahan PHP
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak

memiliki

sistem

pemrograman

berorientasi

objek

yang

sesungguhnya (sampai versi 4 ini).
3. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau
penggunaan template dapat memperbaikinya).
4. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli
dalam melakukan pemrograman dan kurang memperhatikan isu dan
konfigurasi PHP.

Universitas Sumatera Utara

2.6 Tentang MySQL
2.6.1 Pengertian MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(database management system) atau DBMS yang multithread, multi-user,dengan
sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia
sebagai perangkat lunak gratis dibawah lisensi GNU General Public License
(GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus
dimana penggunaannya tidak cocok dengan penggunaan GPL.
MySQL sebenarnya merupakan turunan salah satu konsep utama dalam
database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah
konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan
pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan
mudah secara otomastis.

2.6.2 Kelebihan MySQL
1. Portability
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti
windows, Linux, FreeBSD, Solaris dan lain-lain.
2. Open Source
MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL
sehingga dapat digunakan cuma-Cuma.
3. Multi User
MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan
tanpa mengalami masalah atau konflik.

Universitas Sumatera Utara

4. Performance Tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani query
sederhana, dengan kata lain dapat memproses lebih banyak SQL per
satuan waktu.
5. Coloumn Types
MySQL memiliki tipe kolom yang sangat kompleks, seperti integer,
double, char, text, datedan lain-lain.
6. Command and Function
MySQL memiliki operator dan fungsi secara penuh yang mendukung
perintah select dan where dalam query.

2.7 HTML (Hypertext Markup Language)
HTML ( HyperText Markup Language ) adalah bahasa dari WWW ( World Wide
Web ). Setiap kali mengakses internet atau lebih tepat disebut dengan istilah
homepage, sesungguhnya kita mengakses dokumen seseorang yang dibuat
menggunakan dokumen HTML. ( Untung Rahardja, Augury El Rayeb, Asep
Saefullah, 2009).
Pada dasarnya, HTML adalah semacam standar yang digunakan dalam
dunia web. HTML bersifat fleksibel, artinya HTML dapat disisipi kode – kode
script seperti Java Script, VBScript, dan juga bahasa pemrograman berbasis web
seperti PHP dan ASP. Animasi seperti Flash serta beberapa jenis file grafis
dan

multimedia

juga

dapat disisipkan dan ditampilkan melalui HTML.

Fleksibilitas HTML dan daya dukungnya ini meningkatkan daya guna dan
menjadikannya sebagai bahasa kode yang „dinamis‟.

Universitas Sumatera Utara

HTML ( HyperText Markup Language ) dikenal sebagai bahasa kode
berbasis teks untuk membuat sebuah halaman web. Keberadaannya dikenali
dengan adanya ekstensi *.htm atau *.html, misalnya index.htm. Sementara web
sendiri sebenarnya berasal dari kata World Wide Web, salah satu layanan global
yang diperuntukkan bagi semua pengguna internet.
Untuk

membuat

file

HTML,

dapat

digunakan

software

editor

seperti Dreamweaver. Sebenarnya, notepad atau wordpad sudah cukup apabila
ingin membuat sebuah file HTML sederhana atau ingin mendalami bahasa kode
HTML. Salah satu hal terpenting untuk mempelajari HTML adalah mengenal dan
menguasai penggunaan tag – tag HTML dan dukungan browser terhadap tag – tag
tersebut.

2.7.1 Bagian-bagian HTML
HTML

terdiri dari beberapa bagian yang fungsinya sebgai penanda suatu

kelompok perintah tertentu. Sintaks Elemen HTML Sebuah elemen HTML
dimulai dengan tag pembuka dan di akhiri dengan tag penutupIsi dari elemen
adalah semua yang ditulis diantara tag pembuka dan tag penutupBeberapa elemen
HTML memiliki isi kosong, elemen kosong ditutup pada tag mulaiHampir semua
elemen HTML juga memiliki atribut. Hampir semua elemen HTML bisa
bersarang pada elemen HTML lain. Bahkan dokumen HTML yang saling
bersarang. Berikut ini adalah contoh script pada html:


Ini Adalah Paragraf Pertama>

Universitas Sumatera Utara

body>
html>

Berikut adalah penjelasan mengenai bagian html diatas:
1. Elemen 1 adalah elemen untuk membuat paragraf di HTML. Elemen
tersebut dibuka dengan tag dan diakhiri dengan tag Isi dari elemen tersebut
adalah kalimat "Ini Adalah Paragraf Pertama".
2. Elemen 2
Elemen ini merupakan isi utama dari sebuah halaman web. karena apa
yang nantinya akan ditampilkan di layar, di tulis pada elemen . Elemen ini
dimulai dengan tag , diakhiri dengan tagPada elemen ini terdapat elemen
lain, yaitu elemen paragraf.
3. Elemen 3
Elemen menyatakan bahwa seluruh isi dokumen adalah dokumen HTML
atau sebuah halaman web.Elemen ini dibuka dengan tag dan diakhiri
dengan tag . Di dalam elemen ini terdapat elemen lain, yaitu elemen
.Jangan Lupakan TAG Akhir Beberapa elemen HTML mungkin
menampilkan dengan benar bahkan jika Anda lupa tag akhir:
Ini Adalah Isi Paragraf Pertama
Ini Adalah Isi Paragraf Kedua
Contoh di atas bekerja di kebanyakan browser, karena tag penutup
dianggap opsional.

Universitas Sumatera Utara

2.8 DFD (Data Flow Diagram)
Suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari
data sistem, yang penggunaannya sangat membantu untuk memahami sistem
secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam
menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama
Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model
fungsi.

2.8.1 Tujuan DFD
1. Memberikan indikasi mengenai bagaimana data ditransformasi pada saat
data bergerak melalui sistem
2. Menggambarkan fungsi-fungsi(dan sub fungsi) yang mentransformasi
aliran data

2.8.2 Manfaat DFD
1. Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan profesional sistem untuk menggambarkan sistem sebagai
suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan
alur data, baik secara manual maupun komputerisasi.
2. DFD ini adalah salah satu alat pembuatan model yang sering
digunakan,khususnya bila fungsi-fungsi sistem merupakan bagian yang
lebih penting dan kompleks dari pada data yang dimanipulasi oleh

Universitas Sumatera Utara

sistem.Dengan kata lain, DFD adalah alat pembuatan model yang
memberikan penekanan hanya pada fungsi sistem.
3. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi dapat digunakan untuk penggambaran
analisa maupun rancangan sistem yang mudah dikomunikasikan oleh
profesional sistem kepada pemakai maupun pembuat program.

Berikut ini adalah symbol-simbol DFD yang sering digunakan untuk
membuat suatu aliran data:

Tabel 2.1 simbol-simbol DFD
No
1

2

3

Simbol

Keterangan
External entity (kesatuan luar)
adalah kesatuan lingkungan luar
system yang dapat berupa orang,
organisasi atau system lainnya yang
berada pada lingkungan luarnya
yang akan
memberikan
input
ataupun menerima output dari
sistem.
Attibute (proses) adalah kegiatan
atau kerja yang dilakukan oleh
orang, mesin atau komputer dari
hasil suatu arus data yang masuk
kedalam proses untuk dihasilkan
arus data yang akan keluar dari
proses.
Data Flow (Arus Data) adalah arus
dari data yang dapat berupa
masukan (input) untuk system atau
hasil (output) dari proses sistem.

Universitas Sumatera Utara

2.9 Diagram Alir (Flowchart)
Flowchart merupakan gambar yang menampilkan struktur dan isi halaman per
halaman. Bagan alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari
proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu
yang menyatakan tiap langkah program. Simbol-simbol flowchart dapat dilihat
pada table berikut ini:

Tabel 2.2 Simbol-simbol flowchart
SIMBOL

NAMA
Input/Output symbol

Flow lines symbol

Connector symbol

Flow lines symbol

Decision symbol

Predifined process
Symbol

KEGUNAAN
Simbol input/output
digunakan
mewakili data
input/output
Simbol garis arah
digunakan untuk
menunjukkan arus dari
proses
Simbol
penghubung
digunakan
untuk
menunjukkan sambungan
dari bagan alir yang
terputus dihalaman yang
Simbol garis arah
digunakan untuk
menunjukkan arus dari
proses.
Simbol keputusan
digunakan untuk
suatu penyeleksian
kondisidi dalam program
Simbol proses terdefenisi
digunakan
untuk
menunjukan suatu operasi
yang rincinya ditunjukan
ditempat / halaman lain.

Universitas Sumatera Utara

Magnetik disk
simbol

Simbol yang menunjukkan
penyimpanan data ke
dalam database.

Terminal point

Simbol
titik
terminal
digunakan
untuk
menunjukkan awal dan
akhir dari suatu proses.

Symbol

2.10

Tentang Notepad++

2.10.1 Pengertian dan Sejarah Notepad++
Notepad++ adalah suatu text editor yang berjalan pada Operating System(OS)
Windows. Notepad++ disini menggunakan komponen-komponen Scintilla agar
dapat menampilkan dan menyunting text dan berkas source code berbagai bahasa
pemrograman. Notepad++ didistribusikan sebagai Free Software (gratis) Proyek
ini dilayani oleh Sourceforge.net dengan telah diunduh lebih dari 27 juta kali dan
dua kali memenangkan penghargaan SourceForge Community Choice Award for
Best Developer Tool.
Pengembang dari Notepad++ disini adan Don Ho yang diriliskan pada
tanggal 24 November 2003,dengan memiliki license dari GNU General Public
License dengan ukuran program yang kecil yaitu 5.5MB. Bahasa pemrograman
yang didukung oleh notepad++ adalah bahasa C++ karena fungsi-fungsinya yang
dimasukan kedalam daftar fungsi dan kata-katanya akan berubah sesuai dengan
makna kata C++. Berikut ini adalah bahasa pemrograman yang didukung oleh
Notepad++ sejak dirilis pada versi 5.9.3 :

Universitas Sumatera Utara

1. ActionScript, Ada, ASP, Assembler, autoIt,Batch,C, C++, C#, Caml,
Cmake,

COBOL,

CSS,D,

Diff,Flash

ActionScript,

Fortran,Gui4CLI,Haskell, HTML,Berkas INI, InnoSetup,Java, Javascript,
JSP,KiXtart,LISP,

Lua,Makefile,

Matlab,

MS-DOS,NSIS,Objective-

C,Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python R,
Resource file, Ruby,Shell, Scheme, Smalltalk, SQL,TCL, TeX,Pascal,
Perl, PHP, Postscript, PowerShell, Properties file, Python,XML,YAML

2.10.2 Keunggulan Notepad++
1. Simple, Ringan dan Cepat dibandingkan dengan text editor lainnya,
notepad++ tidak perlu menunggu loading opening library.
2. Bracket Matching atau bisa dibilang mengumpulkan yang sesuai
(berpasangan), biasanya digunakan pada saat menuliskan syntax
percabangan, perulangan dan bagian utama program. Fungsi ini berguna
untuk kita jika menuliskan block program yang panjang dan terkadang kita
lupa untuk menutup block program yang telah kita buat.
3. Syntax Highlighting tampilan source code, disini kita bisa melihat warna
pada setiap fungsi dari syntax. Jadi kita tidak bingung menggolongkan
kegunaan syntax yang kita tulis dan dapat dibaca dengan mudah. Contoh
tulisan yang berwarna hijau biasanya terdapat pada statment jika kita
menuliskan komentar pada sebuah program.
4. Syntax Folding atau melipat source code, ini hampir sama seperti bracket
matching

sebelumnya.

Jika

bracket

matching

digunakan

untuk

menunjukan awal dan akhir suatu block program. Syntax Folding disini

Universitas Sumatera Utara

tidak jauh beda tetapi, digunakan untuk menyembunyikan block program
tertentu agar terlihat lebih ringkas tampilannya agar programmer tidak
perlu melihat seluruh syntaxnya apa lagi jika sudah sampai lebih 1000
baris lebih.
5. Quick Color Picker++ fungsi ini berguna pada saat kita menuliskan kode
warna pada html atau pun CSS tetapi tidak harus menuliskan kodenya
terlebih jika kita lupa kode pada warna yang kita inginkan, biasanya akan
muncul kotak dengan banyak aneka warna yang kita tinggal pilih,setelah
memilih nanti kode warna tersebut akan muncul.
6. FingerText, biasa digunakan untuk menuliskan bahasa PHP di notepad++,
fungsi ini berfungsi untuk memudahkan pengetikan syntax dengan kata
tertentu sebagai pemicu/trigger dan menggantikannya dengan menekan
tombol TAB. Contoh kata g akan berubah menjadi $_GET.

2.10.3 Memulai Notepad++
Sama halnya dengan aplikasi yang lainnya dalam menggunakan notepad ++ kita
harus mempunyai aplikasi tersebut.mulailah dengan memilih tombol start pada
taskbar,kemudian pilih all programs pada tampilan start menu program,pilih
folder notepad ++ dan kemudia klik notepad ++.
Berikut ini adalah tampilan pertama saat kita ingin menggunakan notepad
++ dalm membuat koding php dalam membangun suatu website:

Universitas Sumatera Utara

Gambar 2.1 Tampilan Awal Notepad ++

Universitas Sumatera Utara