BAB 2 LANDASAN TEORI. disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya,

BAB 2

LANDASAN TEORI

2.1

Aplikasi Web

Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML seperti PHP dan ASP pada skrip dan Apllet pada objek. Aplikasi Web dapat dibagi menjadi dua jenis yaitu aplikasi web statis dan dinamis.

Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus menerus untuk mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman web dilakukan tanpa perubahan program tetapi melalui perubahan data. Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga

Universitas Sumatera Utara

perubahan informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab dari webmaster.

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.

2.2

Alat-alat Pemodelan

Alat-alat pemodelan sistem informasi dibutuhkan dalam proses perancangan sistem. Alat-alat pemodelan sistem informasi terdiri dari tiga pemodelan yaitu : 1.

Diagram Alir Dokumen / Flowmap Merupakan suatu diagram yang menggambarkan sistem yang didalamnya terdapat subsistem-subsistem. Didalam subsistem-subsistem tersebut terdapat dokumen-dokumen yang mengalir yang menghubungkan antara subsistemsubsistem yang ada di sistem tersebut. Simbol-simbol yang ada didalm flowmap, terdapat pada Gambar 2.1 di bawah ini :

Universitas Sumatera Utara

Simbol

Keterangan

Dokumen

Proses Komputerisasi

Penyimpanan

Aliran data

Manual

GAMBAR 2.1 SIMBOL FLOW MAP Sumber : Jogiyanto.HM (2004:645)

2.

Diagram Konteks / Context Diagram Menurut Jog [6] definisi konteks diagram adalah suatu aliran data tingkat tinggi yang menggambarkan seluruh jaringan dan masukan keluaran (input / output) sebuah sistem yang maksudnya adalah untuk menggambarkan sistem yang sedang berjalan, mengidentifikasikan awal dan akhir data yang masuk dan keluar sistem.

Universitas Sumatera Utara

3.

Diagram Arus Data / Data Flow Diagram Data Flow Diagram Merupakan diagram yang dipresentasikan dengan lambang lambang tertentu. Dan suatu sistem yang menunjukkan proses, aliran data, entitas dan aliran data yang terdapat pada sistem tersebut. Simbol-simbol yang ada di dalam Data Flow Diagram (DFD), diantaranya:

Simbol

Keterangan

File/arsip data

Sumber/entitas

Prosedur/proses

Aliran data

GAMBAR 2.2. DATA FLOW DIAGRAM (DFD) Sumber : Jogiyanto.HM (2004:700)

Universitas Sumatera Utara

2.2.1

Perancangan Basis Data

Perancangan basis data dibutuhkan agar didapat sistem yang lengkap dan efisien, melalui beberapa tahap yaitu : a.

Entity Relation Diagram (ERD) ERD merupakan komponen-komponen dari himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan kunci relasi, yang berguna untuk menghubungkan entitas dengan relasi.

Simbol

Keterangan

Menjelaskan adanya suatu relasi antar entity Entitas

Nama relasi

Menjelaskan entity yang terlibat didalamnya Menjelaskan nama dari suatu relasi antar entity

GAMBAR 2.3 ENTITY RELATIONSHIP DIAGRAM (ERD) Sumber : Fathansyah.HM (2010:70)

Universitas Sumatera Utara

b.

Relasi Tabel

Relasi tabel menunjukan adanya hubungan diantara sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Dalam tabel relasi terdapat kardinalitas, kardinalitas relasi menunjukan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Kardinalitas yang terjadi dapat berupa : Satu ke Satu (One to One) Banyak ke Satu (Many to One) Banyak ke Banyak (Many to Many).

2.3

Perancangan Database

Merancang database merupakan suatu hal yang sangat penting. Kesulitan utama dalam merancang database adalah bagaimana merancang sehingga database dapat memuaskan keperluan saat ini dan masa mendatang. Perancangan basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna.

2.3.1 Pengertian Database Database adalah kumpulan file-file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan, instansi dalam batasan tertentu. Fathansyah (2010:120

Universitas Sumatera Utara

Basis Data didefinisikan dalam sejumlah sudut pandang seperti : 1. Himpunan kelompok data yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah. 2. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan. 3. Kumpulan file / tabel / arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.

2.4

Pemrograman Web

Banyak diantara pengguna internet mempunyai homepage di internet baik itu yang menggunakan server ISP (Internet Service Provider) maupun web server gratis, atau menggunakan fasilitas pendidikan. Namun sebagian besar homepage yang dibuat adalah statis.

Sebelum pembahasan lebih lanjut, penyusun akan menjelaskan perbedaan situs dan homepage. Situs adalah kumpulan halaman-halaman web di internet yang

Universitas Sumatera Utara

bersisi informasi. Sedangkan homepage adalah halaman yang kita lihat pertama kali kita membuka situs tertentu.

Halaman-halaman web dinamis tidak mungkin kita buat hanya dengan menggunakan tag-tag HTML. Untuk membuat situs yang dinamis diperlukan kemampuan pemrograman web.

Ciri-ciri situs yang dinamis adalah bisa berinteraksi dengan pengunjung situs, bisa menampilkan informasi-informasi yang berasal dari database, dan halaman web bisa berubah secara otomatis . Berdasarkan tempat dijalankannya perintah-perintah program dalam halaman web, pemrograman web dapat dilakukan menjadi 2 yaitu: 1.

Server – side programming

2.

Client – side programming

Pada Server – side programming perintah-perintah program dijalankan di web server, sedangkan Client – side programming menjalankan perintah pada client dalam hal browser.

Universitas Sumatera Utara

2.5

Tinjauan PHP

PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, anda bisa menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP (Active Server Page), Cold Fusion, ataupun Perl.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut “Personal Home Page”. Paket inilah yang menjadi cikal-bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI Versi 2, pada versi inilah pemrogram dapat menempelkan kode terstruktur didalam tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan.

2.5.1 Skrip PHP Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Sebagaimana diketahui, HTML (HyperText Markup Language) adalah bahasa standar untuk membuat halaman-halaman web. Sebagai contoh, berikut adalah kode HTML (disimpan dengan ekstensi.htm atau . html):

Universitas Sumatera Utara

Kode PHP menyerupai kode bahasa C, walaupun tidak sepenuhnya sama. Jika anda telah mengerti C, memprogram PHP akan terasa mudah.

2.5.2

Konsep Kerja PHP

Model kerja PHP prinsipnya serupa dengan kode HTML yaitu dengan diawali dengan permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan sebutan alamat Internet, browser mendapatkan alamat dari web server, mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server, ketika berkas PHP yang diminta didapatkan oleh webserver, isinya segera dikirim ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode HTML) ke web server. Selanjutnya, web server menyampaikan ke klien.

Universitas Sumatera Utara

Gambar 2.4 Skema PHP Kadir,Abdul (2008:10)

2.6

Pengertian MySQL

MySQL merupakan sebuah database developer yang juga bersifat free, MySQL banyak digunakan sebagai database karena mudah digunakan dan juga sangat banyak tersedia. MySQL menggunakan bahasa SQL yang sangat mudah digunakan saat ini. MySQL merupakan software database yang paling populer di lingkungan linux atau unix, kepopuleran ini ditunjang karena performansi query dari databasenya yang saat itu bisa dikatakan paling cepat dan juga memiliki sedikit permasalahan

Universitas Sumatera Utara

Ketika user mengkreasikan tabel dalam MySQL, diperlukan spesifikasi tipe data untuk setiap field. Tipe data ini memainkan peranan yang penting dalam mengintegrasikan data dalam sebuah database MySQL dan dalam pembuatan akan lebih mudah untuk digunakan dan dimanipulasi.

2.7

HTML (Hypertext Markup Language)

HTML adalah bahasa umum dalam website. HTML adalah bahasa pemrograman dari setiap halaman web di internet. Diperlukan landasan yang kuat bagaimana HTML dapat bekerja dan bagaimana user lain dapat menggunakannya. HTML sendiri adalah singkatan dari Hypertext Markup Language. “Hypertext” mempunyai arti adanya hubungan antara dokumen dengan dokumen di dalam dokumen yang terkoneksi dengan dokumen-dokumen lainnya. Halaman yang terkait memungkinkan web untuk terus memperluas dan tetap saling berhubungan.

HTML sendiri dikreasikan pada tahun 1991 oleh Tim Berners-Lee, seorang peneliti ilmiah CERN yang berlokasi di Swiss. Tim dtugaskan untuk mengkreasikan sebuah sistem yang simpel yang berfungsi untuk mengelola dokumen secara sederhana. Ketika orang mulai menggunakan HTML dan kita tahu web lahir dari itu.

Universitas Sumatera Utara

2.8

Apache

Apache merupakan salah satu web server yang melayani permintaan client terhadap suatu halaman web. Web server adalah server internet yang mampu melayani koneksi transfer data dengan protocol Hypertext Transfer Protocol (HTTP). Web server pada umumnya melayani data dalam bentuk file HTML lainnya seperti ke file gambar, file suara, dan jenis file lainnya yang hendak dipublikasikan di internet.Keuntungan penggunaan Apache sebagai web server antara lain adalah akses basis data yang lebih fleksibel, waktu eksekusi lebih cepat, dan dapat diperoleh secara gratis karena bersifat open source .

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 (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.

Universitas Sumatera Utara

2.9

JavaScript

JavaScript adalah bahasa program komputer yang didesain untuk mengeksekusi di dalam web browser. JavaScript digunakan di dalam pengembangan dari program kecil yang disebut sebagai script yang tertanam di dalam halaman HTML. Ketika dieksekusi, script megeluarkan kemampuan untuk menambahkan isi yang interaktif ke beberapa halaman web.

JavaScript adalah bahasa program yang berorientasi

objek, dikarenakan semua program JavaScript disimpan di dalam halaman HTML dan di browser dianggap sebagai objek .

JavaScript tidak sama dengan Java, kedua bahasa program ini sangat jauh berbeda, walaupun terlihat sama. Dalam JavaScript banyak hal yang dapat dilakukan, seperti penambahan, pembagian, perkalian, dan pengurangan bilangan. Selain itu dengan JavaScript dalam banyak aksi dapat dilakukan hanya dapat dilakukan dalam satu aksi saja, contohnya ketika user memasukkan lebih dari 10 angka, maka JavaScript dapat mengeksekusinya hanya dengan satu kali aksi saja. Aksi-aksi diatas memang kelihatan sangat simpel, tetapi hal itu dapat dikombinasikan dan menjadi lebih powerful dalam pengaplikasiannya.

JavaScript tidak hanya teknologi yang

dapat memberikan untuk sebuah konten web lebih berwarna. Lebih dari itu JavaScript merupakan hal yang sangat penting dimana JavaScript bergerak tanpa harus adanya standard array, tool, ataupun teknologi lain.

Universitas Sumatera Utara

2.10

CSS (Cascade Style Sheet)

CSS adalah sebuah bahasa stylesheet yang dapat digunakan untuk mendefinisikan representasi visual dari sebuah halaman HTML. CSS dapat digunakan untuk mendefinisikan hal-hal yang simple seperti warna teks, ukuran teks, style, dan atribut lainnya .

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /tabel layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama.

2.11 Internet

Internet adalah suatu jaringan komputer global yang terbentuk dari jaringan-jaringan lokal dan regional yang memungkinkan komunikasi data antar komputer yang terhubung dengan jaringan tersebut.

Universitas Sumatera Utara

TCP/IP (transmision control protocol / internet protocol) merupakan protokol standar internet yang digunakan untuk melakukan koneksi ke internet protocol. TCP/IP memiliki beberapa subjek protocol berbeda yyang beroperasi pada lapisan yang berbeda dan mempunyai tugas masing-masing. Berkat adanya protocol ini setiap komputer dapat berhubungan secara fleksibel dengan host-host yang terkoneksi.

Universitas Sumatera Utara