Web Server Cascading Style Sheet CSS

Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer.Salah satunya adalahUniversity of California at Los Angeles UCLA. Akhirnya pada tahun 1970 internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna komputer dengan merek dan tipe berbeda dapat saling berhubungan, maka para ahli membuat sebuah protocol semacam bahasa yang sama untuk dipakai di Internet. Namanya TCP Transmission Control Protokol protokol pengendali transmisi dan IP Internet Protokol. Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu: 1. Fungsi Komunitas Internet adalah alat komunikasi.Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail e-mail. Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan. 2. Fungsi Resource Sharing Internet menghubungkan komputer dengan fasilitas sharing resource diantara komputer. 3. Fungsi Reseorces Discovery Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara jutaan host.

2.5 Web Server

Web server adalah sebuah aplikasi server yang melayani permintaan HTTP atau HTTPS dari browser dan mengirimkannya kembali dalam bentuk halaman – halaman Web .halaman –halaman web yang dikirim oleh web server biasanya Universitas Sumatera Utara berupa file file HTML dan CSS yang nantinya akan di parsing atau ditata oleh browser sehingga menjadi halaman –halaman web yang bagus dan mudah dibaca. Pengguna paling umum server dalah untuk menempatkan situs web , namun pada praktek nya penggunanya diperluas sebagai tempat penyimpanan data ataupun untuk menjalankan sejumlah aplikasi kelas bisnis . Fungsi sebua server web adalah untuk mentrasfer berkas atas permintaan pengguna melalui protocol komunikasi yang telah ditentukan .diseebabkan sebuah halaman web dapat terdiri atas berkas teks,gambar ,video ,dan lainnya pemanfaatan server halaman web yang terkait; termasuk didalamnya teks ,gambar,video atau lainya. Saat ini umumnya sever web telah dilengkapi pula dengan mesin penerjemah bahasa skrip yang memungkinkan server web menyediakaan layanaan situs web dinamis dengan memanfaatkan pustaka tambahan seperti PHP,ASP Pemanfaatan server web sat ini tidak terbatas hanya untuk publikasi situs web dalam World wide web ,pada prakteknya server web banyak pula digunakan dalam perangkat keras lainya seperti printer ,router ,kamera web yang menyediakan perangkat manajemen serta mempermdah peninjauan atas perangkat keras tersebut.

2.6 Hyper Text Markup Language HTML

Beberapa bagian yang penting, yang terdapat di HTML yaitu

2.6.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage.Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet. Universitas Sumatera Utara Ada dua cara untuk membuat web page dengan web editor misalnya macromedia Dreamweaver atau Microsoft Frontpage atau teks editor biasa misalnya notepad atau editplus.

2.6.2 Penamaan Dokumen HTML

Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive membedakan huruf besar dan kecil. Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya ‘dokumen.html’ berbeda dengan ‘DOKUMEN.html’.Kasus case sensitive akan dijumpai pada dokumen web yang dihosting didalam server yang berbasis .nix keluarga sistem operasi UNIX.

2.6.3 Dasar

– dasar HTML Mendesain html berarti melakukan suatu tindakan pemrograman.Namun html bukanlah sebuah bahasa pemrograman.Namun html hanyalah berisi perintah ‐ perintah yang telah terstruktur berupa tag ‐tag penyusun.Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah ‐perintah tertentu agar html kita dapat di aksesoleh browser.Mendesain html adalah adalah sebuah seni tersendiri.Homepage yang merupakan implementasi dari htmladalah refleksi dari orang yang membuatnya. html head titleJudul Dokumen htmltitle head body penulisan informasi Web body html Universitas Sumatera Utara Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: 1. Tag Tag adalah teks khusus markup berupa dua karakter dan , sebagai contoh body adalah tag dengan namabody. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup ditambahkan karakter setelah karakter , sebagai contoh bodyini adalah tag pembuka isi dokumen html, dan body ini adalah tag penutup isi dokumen html. 2. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan elementtitle, dimana: title ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html title ini adalah tag penutup judul dokumen html. Tag ‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag ‐tag lainnya. Contoh penulisan tag ‐tag yang benar p b b p 3. Attribute Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: TAG nama-attr=nilai-attr nama-attr=nilai-attr TAG Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan Universitas Sumatera Utara latarbelakang halaman webmenjadi hitam, penulisannya adalah body bgcolor=black text=yellow. 4. Element html Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks: html html 2. Element head Merupakan kepala dari dokumen html.Tag head dan tag head terletak di antara tag html dan taghtml. Sintaks: head head 3. Element title Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser.Tag title dan tag title terletak di antara tag head dan tag head. Sintaks: title Judul Halaman HTML title 4. Element body Element ini untuk menampilkan isi dokumen html.Tag body dan tag body terletak di bawah tag head dan tag head. Element body mempunyai attribute ‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.Sintaks: body text=v bgcolor=w background=uri link=x alink=y vlink=zbody Universitas Sumatera Utara

2.6.4 Elemen dan Tag HTML

Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri , tanda lebih kecil, sebuah nama tag, dan sebuah kurung sudut kanan , tanda lebih besar. Tag umumnya berpasangan misalnya, H1 dengan H1, atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen. Nama elemen ditunjukkan dengan namatagnya.Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah: 1. Paragraf dengan tag p. 2. Ganti garis – break line dengan tagbr. 3. Ganti datar – horizontal rule dengan tag hr. 4. List item dengan tagLi. Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tag nya, dituliskan: namatag_nametagpenulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran tidak case sensitive. Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan memformat halaman dokumen tersebut dalam browser. Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan taghtml, head dan bodyberikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya. Universitas Sumatera Utara Secara umum dokumen dibagi menjadi dua section bagian, yaitu section head dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut: html head …informasi tentang dokumen HTML head body …informasi yang ditampilkan oleh browser web body html Setiap dokumen HTML harus diawali taghtml dan taghtml diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML. Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan taghead diawal, dan taghead diakhir.Section ini berisi informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari windows browser, ditandai dengan menggunakan tagtitledan diakhiri dengan title. Section atau elemen body ditandai dengan tagbody diawal, dan tag body diakhir.Section body merupakan elemen terbesar didalam dokumen HTML . Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya.Contoh dokumen HTML sebagai berikut: -contoh.html- html head Universitas Sumatera Utara title Halaman contoh title head body File ini merupakan file contoh.br bini untuk membuat huruf cetak tebalb bodyhtml

2.7 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML.Vesri mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

2.7.1 Kelebihan dan Kelemahan PHP

Kelebihan PHP : a. Bahasa pemograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaan nya b. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai apache ,IIS,Lighttpd,hingga xintamidengan konfigurasi yang relatife mudah c. Dalam sisi pengembangan lebihmudah ,karena bannyak nya milis- milis dan developer yang siap membantu dalam pengembangan Universitas Sumatera Utara d. Dalam sisi pemahaman ,PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak. e. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin Linux,Unix, Macintosh,Windows dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah –perintah System Kelemahan PHP : a. Tidak ideal untuk pengembangan skala besar . b. Tidak memiliki sistem pemograman berorientasi objek yang sesungguhnya c. Tidak bisa memisahkan antara tampilan dengan logic dengan baik walau pengguna tempalate dapat memperbaikinya d. PHP memiliki kelemahan pengamanan tertentu apabila programmer tidak jeli dalam melakukan pemograman dan kurang memperhatikan isu dan konfigurasi PHP e. Kode PHP dapat dibaca semua orang ,dan kompilasi hanya dapat dilakukan dengan tool yang mahal dari Zend 2.8 MySql MySQL merupakan salah satu perangkat lunak sistem pengelola basis data database management system. MySQL juga dapat dikategorikan sebagai relation DatabaseManagement Sistem RDBMS.Karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal. MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada wwb server.MySQL bayak digunakan karena Universitas Sumatera Utara kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dalam memanggil data.MySQL dapat didefinisikan sebagai: 1. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah,mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server. 2. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSIISO SQL Standar. 3. MySQL merupakan software Open Source, berarti semuaorang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan. 4. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet. 5. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative ,dan sejumlah Application programming Interfaces APIs. 6. MySQL terdiri daribeberapa macam bahasa.

2.8.1 Pengertian Sql

Structured Query Languange SQL adasekumpulan perintah khusus yang digunakan untuk mengakses data dalam database relasional .SQL merupakan bahasa komputer yang mengikuti standart ANSI American Nasional Standart Universitas Sumatera Utara Institute yang digunakan dalam manajemen database relasional .dengan SQL,kita dapat mengakses database ,menjalankan queryuntuk mengambil data dari database ,menambahkan data ke database ,menghapus data didalam database ,dan mengubah data didalam database .saat ini hampir semua server database yang ada mendukung SQL untuk melakukan manajemen datanya

2.9 Cascading Style Sheet CSS

Cascading Style Sheet CSS merupakan salah satu bahasa pemograman beberapa komponen dalam sebuah web sehingga akan lebih terstrutur dan seragam .sama halnya styles dalam aplikasi pengolahan kata seperti microsoft word yang dapat mengatur beberapa style ,misalnya heading , subbab ,bodytext footer ,images, dan style lainya untuk dapat digunakan bersama-sama dalam beberapa file .pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.CSS dapat mengendalikan ukuran gambar ,warna body teks ,warna tabel , ukuran border ,warna border,warna hyperlink, warna mouse over ,spasi antar paragraf ,spasi antar teks ,margin kirikananatasbawah ,dan parameter lainya .CSS adalah bahasa style Sheet yang digunakan untuk mengatur tampilan document .dengan adanya css memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

2.10 Sublime Text 2