1 16 BAB 2 TINJAUAN TEORI 2.1 Sejarah Singkat Internet Istilah Internet berasal dari singkatan dua suku kata yaitu, interconnected dan network interco...
Istilah Internet berasal dari singkatan dua suku kata yaitu, interconnected dan network interconnected berarti hubungan yang sangat luas, sedangkan network berarti jaringan kerja. Maka internet adalah sebuah system komunikasi global yang menghubungkan computer-komputer dan jaringan-jaringan komputer diseluruh dunia. Komputer dan jaringan dengan berbagai flatform yang mempunyai perbedaan dan cirri khas masingmasing (uniix, linux, windows, mac, dll) bertukar informasi dengan sebuah prootokol standar yang dikenal dengan nama TCP/IP (Transmission Control Protocol/ Internet Protocol).
Internet berawal dari diciptakannya teknologi jaringan computer. Jaringan computer merupakan beberapa komputeryang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan computer ini berfungsi agar pengguna computer bisa bertukar informasi dan data dengan menggunakan computer lainnya.
ARPAnet(US Defense Advanced Research Projects Agency) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan computer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan kejaringan lainnya.
Setelah angkatan bersenjata amerika, dunia pendidikan pun merasa perlu mempelajari dan mengembangkan jaringan computer. Akhirnya pada tahun 1970
Universitas Sumatera Utara
17
internet banyak digunakan di universitas-universitas diamerika dan berkembang sampai saat ini.
2.2
Fasilitas dalam Dunia Internet
Fasilitas yang tersedia dalam layanan internet antara lain :
1. WWW (World Wide Web) adalah layanan yang paling sering digunakan dan memiliki perkembangan yang sangat pesat karena dengan layanan ini kita bisa menerima informasi dalam berbagai format (multimedia). 2. Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser untuk mencari informasi yang kita inginkan. Search engine yang sangat terkenal adalah Google, namun masih banyak Search engine lainnya seperti MSN, Yahoo, dan sebagainya. 3. E-mail (Electronic Mail) merupakan surat menyurat melalui internet. Namun sebelum kita menggunakan fasilitas e-mail kita harus terdaftar dan memiliki account disalah satu layanan penyedia e-mail seperti yahoo. 4. Chatting merupakan layanan percakapan online yang biasa digunakan pengguna internet untuk berbicara dengan pengguna lainnya. 5. FTP (File Transfer Protocol) adalah suatu protocol yang digunakan yang dilakukan untuk pemindahan (transfer) baik upload dari satu atau lebih file (dokumen) antara sebuah computer dan sembarang servr FTP.
2.2.1
Lahirnya Web
Tahun 1989, Timothy Berners-Lee seorang ahli computer dari inggris dan peneliti lain di European Particle Physic Lab(Consei European Pour la Recherche Nucleaire, atau CERN) di Genava, Swiss, mengembangkan suatu cara untuk men-share data antar koleganya mengggunakan sesuatu dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layer computer dengan menggunakan siftware browser baru.
Universitas Sumatera Utara
18
Kode-kode khusus disispkan kedalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari suatu dokumen ke dokumen lain pada layer dengan hanya memilih sebuah hyperlink. Kemampuan internet dimasukan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lainnya, tidak lagi dari satu computer saja, tetapi dapat melompat ke dokumen lain yang letaknya pada dokumen remote.
2.2.2
Browser Web
Browser web adalah software yang digunakan untuk menampilakn informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan interface gratis, sehingga pemakai dapat dengan mudah melakukan ‘point dan click’ untuk pindah antar dokumen.
2.2.2.1 Cara Kerja Browser Mengambil Halaman/ Page
Sebuah browser mengambil sebuah web page dari server dengan sebuah request. Sebuah reques adalah HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti berikut: http://www.google.co.id.
2.2.2.2 Cara Kerja Browser Menampilkan Halaman/ Page
Sebuah web page berisiinstruksi-instruksi bagaimana untuk ditampilakan. Browser menampilakn page dengan membaca intruksi-intruksi ini. Intruksi yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya, yaitu
ini merupakan suatu paragraph
.
Universitas Sumatera Utara
19
2.2.3
Istilah-istilah Umum Yang Harus Diketahui
1. Server Server adalah jaringan yang mempunyai software yang mengatur pelaksanaan jalannya komputer atau dengan kata lain server adalah alat yang digunakan secara bersama-sama sebagai sumbernya melalui network. Server yang digunakan untuk tujuan dimana data, program, peralatan yang digunakan bersama (Hard disk, CD RAM, printer) ditempatkan secara terpisah pada server,workstation mengambil data / program dan penggunaan peralatan secara sharing dari server.
2. LAN (Local Area Network) Local Area Network (LAN) merupakan sejumlah komputer yang dihubungkan satu sama lain sehingga data dan peripherial yang ada pada jaringan itu dapat digunakan secara bersama-sama.
3. WAN Pada Wide Area Network (WAN) menggunakan sistem jaringan dimana : 1. Unit / sistem terpisah pada lokasi yang berbeda (antar kota, pulau ,dan negara). 2. Menggunakan peralatan komunikasi untuk menghubungkan unit / sistem . 4. Protocol Protocol adalah standar pemrosesan informasi yang diterima secara umum. Protocol TCP/IP merupakan protocol yang digunakan dalam komunikasi dalam internet.
5. Browsing Browsing adalah kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.
Universitas Sumatera Utara
20
2.3
HTML (HyperText Markup Language)
2.3.1
Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen inin umumnya berisi informasi atau interface didalam internet.
Ada dua cara untuk membuat sebuah web page: dengan web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus).
2.3.1.1 Penamaan Dokumen HTML
Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.html” atau “htm” (tanda kutip tidak perlu ditulis karena hanya penjelas saja).
Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan system penamaan yang ada dalam sistem oprasi DOS. Nama dokumen pada beberapa sistem bersifat case sensitive (membedakan huruf besar dan huruf kecil).
2.3.1.2 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen “Elemen” merupaka istilah bagi komponen – komponen dasar pembentuk dokuumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML , digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil)sebuah nama tag, dan sebuah kurung sudut kanan (>/H1>), tag yang menjadi pasangan selalu diawali dari karakter garis miring. Tag yang pertama menunjukan tag awal yang berarti awal elemen, dan yang
Universitas Sumatera Utara
21
kedua menunjukan tag akhir , berarti akhir elemen. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskaan secara berpasangan, elemen tersebut diantaranya adalah: a. Paragraf dengan tag
. b. Ganti baris-line break dengan tag . c. Garis datar-horizontal rule dengan tag
. d. List item dengan tag
.
Secara umum dokumen dibagi menjadi dua bagian, yaitu bagian head, dan bagian body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:
…..informasi tentang dokumen HTML …..informasi yang ditampilakan dalam browser web
Contoh penulisan suatu dokumen HTML sebagai berikut : Halaman Contoh File ini merupakan file penulisan suatu dokumen HTML.
Universitas Sumatera Utara
22
Hasil dokumen HTML yang ditampilakan di browser internet explor:
Gambar 2.1 Dokumen HTML di tampilkan di brows Internet Explorer
2.4 CSS (Cascading Style Sheet) CSS merupakan singkatan dari Cascading Style Sheets. CSS menggunakan Style untuk menampilkan elemen-elemen HTML. Style mendefinisikan bagaimana elemenelemen HTML ditampilkan di browser. CSS (Cascading Style Sheets) digunakan untuk menampilkan elemen-elemen HTML seperti pengaturan background, font, margin, padding, dll. Keuntungan dari adanya CSS adalah kita tidak perlu merubah tampilan halaman web secara keseluruhan karena semuanya sudah ditangani secara terpisah oleh halaman CSS yang disebut Style Sheets.
2.4.1 Membuat halaman CSS : 1. Internal CSS, kita membuat CSS satu halaman dengan halaman web HTML kita
Universitas Sumatera Utara
23
<style type=”text/css”> hr {color: red} p {margin-left: 20px} body {background-image: url (” images / xxx.gif”)} 2. External CSS, kita membuat halaman CSS yang terpisah dengan halaman HTML kita, keuntungannya adalah saat melakukan perubahan style halaman kita cukup mengacu pada satu halaman CSS saja. style.css adalah halaman sumber dari code css kita (extensi .css) 3. Inline CSS, biasanya digunakan untuk pengaturan elemen yang penggunaannya jarang atau accidental (tapi tergantung, kadang juga sangat sering digunakan)
Kolom ini hanya muncul sekali
2.4.2
Aplikasi
CSS menggunakan beberapa cara pemanggilan yaitu dengan tag class atau tag id. Pada tag class, definisi css menggunakan awalan dot (.) dan pada tag id menggunakan awalan tanda (#). Juga kita bisa mendefinisikan tag elemen HTML secara langsung. 2.4.3
JavaScript pertama kali muncul di netscape2.0 dan dikembangkan lebih lanjut pada metscape3.0. Walaupun memiliki nama yang serupa JavaScript sama sekali tidak berhubungan dengan java.
Java adalah pemrograman tingkat tinggi untuk membuat aplikasi cross-platform, sedangkan JavaScript hanyalah scripting language yang terintraksi dengan web browser untuk mmemberikan fleksibilitas bagi programmer untuk mengontrol elemenelemen dalam halaman web.
2.6
Pengenalan PHP
2.6.1
Sejarah PHP
PHP merupakan script untuk pemrograman script web server side, script yang membuat dokumen HTML secara on the Fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML.
Universitas Sumatera Utara
25
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.
PHP/FI merupakan nama awal dari PHP. PHP- Personal Home Page, FI adalah Form Interface. Dibuat pertama kali oleh Rasmus Lerdoff. PHP awalnya merupakan program CGI (Common Gateway Interface) yang dikhususkan untuk menerima input melalui form yang ditampilkan dalam browser web. Software ini disebarkan dan dilisensikan sebagai perangkat lunak Open source. PHP secara resmi merupakan kependekan dari HyperText Preprocessor, merupakan bahasa script server-side yang disisipkan pada HTML. Berikut adalah contoh yang umum digunakan untuk menjelaskan tentang PHP sebagai script yang disisipkan (embedded Script) dalam dokumen HTML :
Contoh : Contoh
Kode / script PHP diapit dengan menggunakan tag awal dan tag akhir yang khusus, yang memungkinkan pemrogram untuk masuk dan keluar dari mode script PHP. PHP secara dasar dapat mengerjakan semua yang dapat dikerjakan program CGI, seperti mendapatkan data dari atau menghasilkan isi halaman web yang dinamik. Kemampuan (feature) PHP yang paling diandalkan dan signifikan adalah dukungan kepada banyak database. Membuat halaman web yang menggunakan data dari
Universitas Sumatera Utara
26
database dengan sangat mudah dapat dilakukan. Berikut adalah daftar database yang didukung oleh PHP :
a. Adabas D b. dBase c. Empress d. File pro (read only) e. FrontBase f. Hyperwave g. IBM DB2 h. Informix i. Interbase j. MSQL k. MYSQL l. Oracle (OC17 dan OC18) m. dll
2.6.2
Kelebihan Bahasa Pemrograman PHP
Bahasa pemrograman PHP memiliki beberapa kelebihan antara lain: 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 configurasi yang relatif mudah. 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan. 4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak. 5. 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.
Universitas Sumatera Utara
27
6. PHP diterbitkan secara gratis dan dapat diambil oleh siapa aja.
2.7
Database
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 sama. Contohnya : data mahasiswa, data dosen, dll. Pembuatan situs web dinamis biasanya menggunakan database. PHP mensupport beberapa database diantaranya adalah MySQL dan Oracle (support database Oracle untuk Redhat 7 memerlukan kompilasi khusus, klik di sini untuk melihat artikel kompilasi Apache agar support Oracle 9i).
Dalam artikel ini akan ditunjukkan cara koneksi database dengan MySQL dari PHP.
Secara umum langkah perintah-perintahnya adalah sebagai berikut
(diasumsikan Web server ada di alamat 192.168.1.2, menggunakan server database dengan alamat 192.168.1.1, user coba, password cobapsw, database prothelon, table tabel1):
"); } mysql_close(); ?>
Dalam sebuah database dapat kita jumpai lebih dr 1 tabel biasanta terdiri dari field-field, jumlah karakter pada setiap field yang diinput. Berikut penjelasan dari beberapa yang terdapat di database, yaitu:
Universitas Sumatera Utara
28
a. Data: fakta-fakta yang dapat disimpan dan mempunyai arti tertentu b. Tabel : Tempat untuk menyimpan data, tabel terdiri dari field dan record c. Field : disebut juga dengan kolom, yaitu bagian tabel tempat menyimpan sebuah item data. d. Record : disebut juga dengan baris, yaitu satu bagian informasi yang disimpan dalam tabel, misal data seorang mahasiswa akan disimpan dalam satu record yang terdiri dari beberapa kolom/ field
2.8
MysQL
MySQL adalah database server relasional yang gratis di bawah lisensi GNU (General Public Lisensi). Dengan sifatnya yang open source, memungkinkan juga user untuk melakukan modifikasi pada source codenya untuk memenuhi kebutuhan spesifik mereka sendiri. MySQL merupakan database server multi user dan multi threaded yang tangguh. Dengan memiliki banyak feature MySQL bisa bersaing dengan database komersial sekalipun. Tidak mengejutkan MySQL menjadi database pilihan untuk banyak pengguna PHP. MySQL termasuk jenis RDBMS (Relational Database Management System) itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada MySQL. Pada My SQL sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri dari sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. Ada Beberapa karakteristik utama dari MySQL yaitu:
a. Fully multi-threaded dengan kernel threads. Artinya bisa dengan mudah mempergunakan multiple CPU bila ada b. API (Application Programming Interface) dengan C, C++, Eiffel, Java, Perl, PHP, Python dan Tcl c. Beroprasi pada banyak platform berbeda spt : Linux, Win 95, Win 98, NT, Win 2000, Solaris, SunOS dll d. Kita bisa mencampurkan tabel dari database yang berbeda pada query yang sama e. Dukungan ODBC (Open-Database-Connectivity), misalkan dengan MS Access bisa melakukan koneksi ke MySQL
Universitas Sumatera Utara
29
f. Server bisa memberikan pesan kesalahan ke client dalam banyak bahasa
2.8.1
Perintah Dasar MySQL
Perintah –perintah dasar SQL yang dipergunakan pada MySQL, sebagai berikut :
a. Create Database b. Drop Database c. Create Database d. Describe e. Alter Table f. Drop Table g. Delete h. Update i. Lock Tables j. Unlock Tables k. Insert Into l. Select
2.9
Macromedia Dreamweaver 8
Software ini berfungsi sebagai text editor dalam penulisan script PHP dalam pembuatan website.
Universitas Sumatera Utara
30
Gambar 2.9.1 Tampilan Antar Muka Macromedia Dreamweaver 8
Adapun tahap-tahap instalasi adalah sebagai berikut:
1. Klik pada file macromedia_dreamweaver
Universitas Sumatera Utara
31
Gambar 2.9.2 Klik pada file macromedia_dreamweaver
2. lalu klik tombol Next
Gambar 2.9.3 lalu klik tombol Next 3. Lalu klik I accept the terms in the license agreement lalu Next
Universitas Sumatera Utara
32
Gambar 2.9.3 lalu klik I accept the terms in the license agreement lalu Next
4. Lalu Ceklist kedua text box dan Next
Gambar 2.9.4 lalu klik Ceklist kedua text box dan Next 5. Lalu Klik Next
Universitas Sumatera Utara
33
Gambar 2.9.5 lalu klik Next
6. Lalu klik instal
Gambar 2.9.6 lalu klik Instal 7. Setelah status penuh klik Next
Universitas Sumatera Utara
34
Gambar 2.9.7 Setelah status penuh klik Next
8. Lalu cek box keduanya dan Finis
Gambar 2.9.8 Lalu cek box keduanya dan Finis
9. Lalu cekbox I want to try Macromedia Dreamweaver (4 days remaining)
Universitas Sumatera Utara
35
Gambar 2.9.9 Lalu cekbox I want to try Macromedia Dreamweaver (4 days remaining)
10. Lalu Selesai dan tampil jendela Macromedia Dreamweaver
Gambar 2.9.10 Selesai dan tampil jendela Macromedia Dreamweaver
