Rabu, 17 Desember 2014

WEB DINAMIS

SEJARAH WEB
Pertama kali dikembangkan oleh Sir Timothy John Tim Berners-Lee, dan pada saat itu web masih berjalan tanpa hubungan jaringan.
Pada tahun 80-an web mulai terkenal karena sudah terhubung dengan jaringan internet.Sejarah web berkaitan dengan sejarah perkembangan teknologi komputer. Karena awalnya tampilan web masih sangatlah sederhana, hanya menampilkan teks, lalu untuk hyperlink (link) pada saat itu masih menggunakan tampilan nomor yang menghubungkan antara satu halaman ke halaman lainnya.
Pada teknologi web dikembangkan dan berjalan pada sistem operasi Unix, dan sangat jarang yang menggunakan teknologi windows karena teknologi windows masih sangat sederhana.
Semakin beragamnya tampilan dan penerapan teknologi berbasis desktop pun mempengeruhi perkembangan teknologi sejarah web, baik berupa teknologi tampilan (GUI – Graphical User Interface), teknologi browser, teknologi bahasa yang digunaan untuk mengembangkan web, platform web dan beragam teknologi web lainnya. Dan seiring waktu keberadaan web pun meledak.
Awalnya berjumlah ribuan, hingga mencapai jumlah jutaan bahkan milyaran.
Fungsinya pun berkembang, bukan hanya sebagai media bertukar informasi, tapi  aplikasi sistem informasi berbasis web.
Dalam sejarah web, web browser digunakan sebagai media untuk berselancar (surfing), dan browser pertama kali yang sangat populer yaitu Internet Explorer. Internet Explorer digunakan sebagai aplikasi untuk mengakses web melalui komputer. Seiring perkembangan saat ini sudah tersedia beragam web browser selain Internet Explorer, seperti mozilla firefox, google chrome, safari, opera dan sebagainya. Untuk bahasa pemrograman yang pada awalnya hanya terdapat beberapa bahasa, saat ini sudah beragam.
Akhirnya lahir definisi web pada akhir tahun 90-an, yang menjadi salah satu bentuk bagian perkembangan sejarah web yaitu yang disebut web 2.0. Web 2.0 ini didefinisikan sebagai web yang berfungsi kolaboratif, informatif, dengan tujuan membuat pengguna semakin dekat dengan pengguna yang lain, dengan hadirnya wiki, blog, social network.
2. Beberapa Versi Web
Adapun versi-versinya sbb:
Web 1.0
Versi ini  masih bersifat read-only. Jadi isi dari web tersebut hanya dapat dibaca oleh penggunanya, tanpa ada interaksi sedikitpun antara penguna dan web tersebut.
Fasilitas-fasilitas yang di miliki oleh versi ini sbb:
-          Mempunyai Formulir HTML terkirim otomatis via email. Kita bisa mengisinya dan mengirim balik ke pengirim, langsung tercatat di database.
-           CSS (Cascading Style Sheets)
-          Aplikasi Rich Internet atau berbasis Ajax
-           Markup XHTML
-           Sindikasi dan agregasi data menggunakan RSS/Atom
-          URL yang valid
-           Folksonomies
-          Aplikasi wiki pada sebagian atau seluruh Website XML Web-Service API
b.  Web 2.0
Versi ini bersifat read-write. Pada Web 2.0 kegiatan sosial sudah dimulai, dengan semakin popularnya berbagai fasilitas seperti wikipedia, blog, friendster dan sebagainya.
Sehingga sudah terjadi interaksi antara web dengan penggunanya. Kendala utama pada Web 2.0 adalah penangan untuk pertukaran data atau interoperabilitas masih sulit.
Fasilitas-fasilitas yang di miliki versi ini adalah sbb:
-          Mempunyai Formulir HTML terkirim otomatis via email.
-          Kita bisa mengisinya dan mengirim balik ke pengirim, langsung tercatat di database.
-           CSS (Cascading Style Sheets)
-          Aplikasi Rich Internet atau berbasis Ajax
-          Markup XHTML
-           Sindikasi dan agregasi data menggunakan RSS/Atom
-           URL yang valid
-           Folksonomies
-           Aplikasi wiki pada sebagian atau seluruh Website XML Web-Service API
c. Web 3.0
Mengembangkan hubungan manusia ke manusia, manusia ke mesin, dan mesin ke mesin. Web 3.0 mencoba menyempurnakan Web 2.0 dengan memberikan penekanan penelitian pada Semantic Web, Ontology, Web Service, Social Software, Folksonomies dan Peer-to-Peer. Penelitian ini sangat memperhatikan ‘budaya’ sebuah komunitas terhadap kebutuhan akan sebuah data atau informasi.
Fasilitas yang di miliki versi ini adalah sbb:
-          Transformation dari tempat penyimpanan yang bersifat terpisah pisah menjadi satu.
-           Ubiquitous connectivity, memungkinkan info diakses di berbagai media.
-           Network computing, software as service business models, Web Services interoperability, distributed computing, grid computing dan cloud computing.
-          Open technologies, sebagian besar semuanya berjalan dalam platform open source / free.
-           Open identity, Open ID, seluruh info adalah bebas dan sebebas – bebasnya.
-           The intelligent web, Semantic Web technologies seperti RDF, OWL, SWRL, SPAROL, GRDDL,semantic application platforms, dan statement based datastores.
-          Distributed databases, database terdistribusi dalam WWD ( World Wide Database )
-           Intelligent applications.

PERBEDAAN WEB STATIS DAN DINAMIS
1. Web Statis
Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas situs web tersebut dilakukan secara manual. Ada tiga jenis perangkat utilitas yang biasa digunakan dalam pengaturan situs web statis:
Editor teks merupakan perangkat utilitas yang digunakan untuk menyunting berkas halaman web, misalnya: Notepad atau TextEdit.
Editor WYSIWYG, merupakan perangkat lunak utilitas penyunting halaman web yang dilengkapi dengan antar muka grafis dalam perancangan serta pendisainannya, berkas halaman web umumnya tidak disunting secara lengsung oleh pengguna melainkan utilitas ini akan membuatnya secara otomatis berbasis dari laman kerja yang dibuat oleh pengguna. perangkat lunak ini misalnya: Microsoft Frontpage, Macromedia Dreamweaver.
Editor berbasis templat, beberapa utilitas tertentu seperti Rapidweaver dan iWeb, pengguna dapat dengan mudah membuat sebuah situs web tanpa harus mengetahui bahasa HTML, melainkan menyunting halaman web seperti halnya halaman biasa, pengguna dapat memilih templat yang akan digunakan oleh utilitas ini untuk menyunting berkas yang dibuat pengguna dan menjadikannya halam web secara otomatis.


2. Web Dinamis

Situs web dinamis merupakan situs web yang secara spesifik didisain agar isi yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan mudah. Sesuai dengan namanya, isi yang terkadung dalam situs web ini umumnya akan berubah setelah melewati satu periode tertentu. Situs berita adalah salah satu contoh jenis situs yang umumnya mengimplementasikan situs web dinamis.
Tidak seperti halnya situs web statis, pengimplementasian situs web dinamis umumnya membutuhkan keberadaan infrastruktur yang lebih kompleks dibandingkan situs web statis. Hal ini disebabkan karena pada situs web dinamis halaman web umumnya baru akan dibuat saat ada pengguna yang mengaksesnya, berbeda dengan situs web statis yang umumnya telah membentuk sejumlah halaman web saat diunggah di server web sehingga saat pengguna mengaksesnya server web hanya tinggal memberikan halaman tersebut tanpa perlu membuatnya terlebih dulu.
Untuk memungkinkan server web menciptakan halaman web pada saat pengguna mengaksesnya, umumnya pada server web dilengkapi dengan mesin penerjemah bahasa skrip (PHP, ASP, ColdFusion, atau lainnya), serta perangkat lunak sistem manajemen basisdata relasional seperti MySQL.
Struktur berkas sebuah situs web dinamis umumnya berbeda dengan situs web statis, berkas-berkas pada situs web statis umumnya merupakan sekumpulan berkas yang membentuk sebuah situs web. Berbeda halnya dengan situs web dinamis, berkas-berkas pada situs web dinamis umumnya merupakan sekumpulan berkas yang membentuk perangkat lunak aplikasi web yang akan dijalankan oleh mesin penerjemah server web, berfungsi memanajemen pembuatan halaman web saat halaman tersebut diminta oleh pengguna.

CONTOH PROGRAM WEB
1. HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen

Kumpulan Tag HTML
1(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4(applet) Sebagai awal dari Java applets
5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6(b) Membuat teks tebal
7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
8(bgsound) Memberi (suara latar) background sound pada halaman web
9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10(blink) Membuat teks berkedip
11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12(br) Pindah baris
13(caption) Membuat caption pada tabel
14(center) Untuk perataan tengah terhadap teks atau gambar
15(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16(dd) Indents teks
17(div) Represents different sections of text.
18(embed) Menambahkan sound or file avi ke halaman web
19(fn) Seperti tag (a name)
20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21(form) Mendefinisikan input form
22(frame) Mendefinisikan frame
23(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame
24(h1 ... h6) Ukuran font
25(head) Mendefinisikan head document.
26(hr) Membuat garis horizontal
27(html) Bararti dokumen html
28(i) Membuat teks miring
29(img) Image, imagemap atau an animation
30(input) Mendefinisikan input field pada form
31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
32(map) Mendefinisikan client-side map
33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
34(nobr) Mencegah ganti baris pada teks atau images
35(noframes) Jika browser user tidak mendukung frame
36(ol) Mendefinisikan awal dan akhir list
37(p) Ganti paragraf
38(pre) Membuat teks dengan ukuran huruf yg sama
39(script) Mendefinisikan awal script
40(table) Membuat tabel
41(td) Kolom pada tabel
42(title) Mendefinisikan title
43(tr) Baris pada tabel
44(u) Membuat teks bergaris bawah

Cara mengkoneksi database mysql dengan phpUntuk melakukan koneksi ke MySQL ada dua fungsi yang bisa digunakan. Yang pertama adalah dengan menggunakan fungsi mysql_connect. Sintaks fungsinya adalah sebagai berikut.
resource mysql_connect ( [string server [, string username [, string password [, bool new_link [, int client_flags]]]]])
Contoh penggunaannya adalah sebagai berikut ini.$conn = mysql_connect('localhost', 'root', 'passwordku');
if (!$conn) {
die('Koneksi ke MySQL gagal: ' . mysql_error());
}
echo 'Koneksi ke MySQL sukses dengan mysql_connect !!';
mysql_close($conn);
?>

Kita lihat di atas ada perintah mysql_connect yang fungsi utamanya adalah untuk melakukan koneksi ke database MySQL. Sebagai contoh di atas server MySQL ada di localhost dengan username root dan passwordnya adalah passwordku. Ada catatan penting yang harus diingat di sini. Sejak versi 4.1, MySQL sudah mengunakan sistem autentikasi protokol yang baru yang berbasis pada algoritma hashing. Hal ini membuat koneksi yang menggunakan client lama akan gagal dan akan menghasilkan error message seperti berikut ini.
Client does not support authentication protocol requested by server; consider upgrading MySQL client
Tidak usah takut. Penulis sendiri mengalami hal sama ketika melakukan uji coba dengan PHP 4.3.11 dan MySQL 4.1.11 ini. Solusinya mudah dan ada beberapa cara. Menurut pada manual MySQL 4.1.11, hal tersebut bisa diatasi dengan cara reset password dari user sehingga bisa diakses oleh client versi yang lama. Ini dilakukan dengan menggunakan perintah SET PASSWORD dan juga fungsi OLD_PASSWORD(). Contoh untuk melakukannya adalah sebagai berikut.
mysql> SET PASSWORD FOR
-> 'some_user'@'some_host' = OLD_PASSWORD('newpwd');Anda bisa mengganti 'some_user' dengan user yang Anda gunakan dan 'some_host' dengan host Anda (biasanya localhost). Kemudian pada bagian newpwd isikan dengan password Anda.
Persistent connection
Selain menggunakan fungsi mysql_connect, bisa juga dengan menggunakan fungsi mysql_pconnect. Apa bedanya? Ini adalah fungsi koneksi ke MySQL dengan cara persistent. Sekali kita koneksi secara persistent ke database server maka koneksi ini terus melangsungkan hubungan ke database server. Secara prinsip fungsi mysql_pconnect ini sama dengan mysql_connect hanya saja dengan dua perbedaan yaitu:
1. Selama mengadakan koneksi maka fungsi ini akan mencari suatu link persistent lain yang sudah terhubung ke host, user dan password yang sama. Jika link tersebut ditemukan maka identifier dari koneksi atau link tersebut akan diberikan ke client dan client tidak akan mengadakan koneksi baru ke dataase server.
2. Koneksi ke database tidak akan terputus jika eksekusi dari suatu script SQL selesai dilakukan. Pada fungsi mysql_connect, secara otomatis koneksi akan terputus sesaat setelah suatu script SQL dieksekusi. Pada fungsi mysql_pconnect, koneksi ke database akan terus terjadi dan tidak akan diputus walaupun Anda menggunakan fungsi mysql_close.
Sintaks dasar dari penggunaan fungsi mysql_pconnect adalah sebagai berikut.
resource mysql_pconnect ( [string server [, string username [, string password [, int client_flags]]]])

2. PHP Pengertian PHP 
PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan
sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip
dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.
Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web
menulis halaman web dinamik dengan cepat.
Hubungan PHP dengan HTML
Halaman web biasanya disusun dari kode-kode html yang disimpan dalam
sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke
browser, kemudian browser menerjemahkan kode-kode tersebut sehingga
menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program
ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang
dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun
disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama
dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit
program tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut
tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program
php harus diganti ekstensi-nya menjadi .php3 atau .php.
PHP merupakan bahasa pemograman web yang bersifat server-side
HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada
si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan
sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai
bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan
digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server
Pages) dan JSP (Java Server Pages).
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 pada tahun
1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses
database dan dapat terintegrasi dengan HTML.
Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0
yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya..
Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan
versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan
yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat
oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP
scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan
library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk
membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini,
aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya
secara keseluruhan dijalankan web server.
Kelebihan PHP
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin
ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs
tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh
ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa
server-side scripting yang lebih dinamis seperti PHP.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan
yang paling utama PHP adalah pada konektivitasnya dengan system database di
dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle
2. MySQL
3. Sybase
4. PostgreSQL
5. dan lainnya

PHP dapat berjalan di berbagai system operasi seperti windows 98/NT,
UNIX/LINUX, solaris maupun macintosh.




Add caption
3. Javascript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla FirefoxNetscape dan OperaKode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT

4. jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL.

Tidak ada komentar:

Posting Komentar