UTSRAI 31 Oktober 2011 10:44 @wisnu Materi : Pengaantar Web Enginering Konsep WE HTML CSS & JS PHP Pengaantar Web Enginering Rekayasa web Metode untuk menciptakan sistem aplikasi berbasis web dnegan mengunakan teknologi rekayasa Internet ("I" besar) Merupakan public international network of network yang memungkinkan digunakn oleh siapa saja dan tidak terbatas pada kelompok orang tertentu.internet ("i" kecil) Merupakan singkatan dari internetwork, yang bisa berarti jaringan sebuah perusahaan multinasional, lembaga atau badan yang terbatas untuk penggunaan internal. WWW Merupakan sekumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam Internet Web browser Merupakan aplikasi client Web server Merupakan server HTTP Protokol standar yang digunakan untuk mengakses dokumen HTML HTTPS Protokol untuk mengakses dokumen HTML yang melalui jalur aman/ terenskripsi Konsep WE Aplikasi Web Web statis Web dinamis Multi Tier Appliaction Client Side Semua perintah aplikasi dalam client side dijalankan di web browser yang digunakn oleh masing2 user Contoh : HTML, JS, Jquery Kekurangan Tergantung browser user Code bisa dilihat oleh user Server Side Semua perintah aplikasi dijalankan pada sisi server, user hanya menerima hasil outputan dari server, bagian dari SS adalah pendefinisian fungsi dan fitur apliakasi Contoh PHP, CGI, ASP, JSP HTML HTML Merupakan bahasa pemrograman web berupa format data yang digunakan untuk membuat dokumen hypertext yg dapat dibaca, diinterpretasikan dari satu platform komputer ke platform lainnya. DHTML Html dengan tambahan format2 khusu dan script untuk me,buat halaman web menjadi lebih interaktif/menarik. Karakteristik HTML Diawalai tag < dan diakiri tag > Ada tag yang memiliki pasangan atau akiran, ada yang tidak RAI Page 1
Ada tag yang memiliki atribut, dan ada yg tidak Tag dalam html tidak bersifat case sensitive Html tidak mempedulikan white space characters Struktur global HTML <html> <head> script untuk bagian head </head> <body> script bagian body </body> </head> CSS & JS CSS Tag pada head <title> <style> <script> <meta> Tag pada body <div> <table> <br> <p> Dll Tag Link <a href="path"> text</a> CSS merupakan mekanisme sederhana style sheet yang memungkinkan desainer atau programer web untuk membuat style dari web. Model CSS Inline CSS Penulisan langsung pada tag HTML yang bersangkutan <p style="color:sienna;marginleft:20px "></p> Embedded CSS CSS dituliis pada tag <style> pada bagian <head> <style type="text/css">.p { color :black;} </style> Linked CSS File css disimpan dlam file terpisah dengan html, namun file css dihubungkan dengan link pada tag <head> <link rel="stylesheet" type="text/css" href="style.css" /> Tag CSS Class Merupakan style css yang dapat digunakn lebih dari 1 kali, dan dapat digunakan berbarengan dengan class lainnya dalam satu elemen tersebut dalam 1 file html Dilambangkan dengan tanda "." atau titik sebelum nama style.wsn {color:#dadada;} Dipanggil dengan cara <p class="wsn"> text</p> ID Merupakan style css yang hanya dapat digunakan hanya 1 kali dalam 1 file html Dilambangkan dengan tanda "#" sebelum nama style #wsn {color:#dadada} RAI Page 2
Dipanggil dengan cara <p id="wsn"> text</p> JavaScript Pengertian Merupakan scripting yang dikembangkan oleh Sun Microsystem dan Netscape, yang digunakn untuk membuat halaman web menjadi lebih interactif. Karakteristik Bergantung pada browser yang mengakses halaman web. Merupakan Client Side Programming Code terintegrasi dalam dokumen HTML Berbasis objek, menggunkan objek builtin. Tanpa class atau inheretance. Cara penggunaan Mengunakn tag <Script> : <script type="text/javascript"> Statement JavaScript </srcipt> Mengunakan File eksternal : <script type="text/javascript" src="js.js"></script> Contoh JavaScript / <SCRIPT language="javascript"> alert("selamat Datang di Pemrograman JavaScript"); document.write("<h1>rekayasa Aplikasi Internet</H1>"); document.write("<p><b>contoh Pertama JavaScript</b></p><br>"); </SCRIPT> Pengakseses Elemen dalam JS JS memperlakukan elemen2 yang tampil dalam jendela web browser sebagai suatu objek, artinya : Element2 tersebut diklasifikasikan berdasarkan hirarki, sehingga kita bisa mengetahui posisi objek sebenarnya Elemt2 tersebut terasosiasi dengan kondisi/sifat kusus (properti) Hirarki dokumen Screen clipping taken: 31/10/2011 15:29 Variable dalam JS Aturan penulisan Nama variable harus diawalai huruf atau karakter _ Tidak boleh ada spasi kosong dalam nama variable Tidak boleh menggunakan kode yang digunakn JS JS mengunakan sistem case sensitive Eksplisit : Var test ="hallo" Implisit : test = "hallo" Jika pendeklarasian variabel dilakukan dengan cara implisit, maka variabel tersebut dapat diakses dari RAI Page 3
PHP seluruh bagian program (semua fungsi dalam program dapat memanggil dan menggunakan variabel ini). Variabel ini disebut sebagai variabel global. Jila pendeklarasian variabel dilakukan dengan cara eksplisit, maka kemungkinan pengaksesan variabel tersebut bergantung pada lokasi penempatan variabel. Jika dideklarasikan pada awal script program, artinya sebelum pendeklarasian semua fungsi, maka variabel ini menjadi variabel global. Jika dideklarasikan di dalam suatu fungsi tertentu, maka variabel ini hanya dapat diakses dalam fungsi tersebut, dan disebut sebagai variabel lokal. JavaScript hanya dapat memanipulasi empat jenis data, yaitu: Bilangan: bulat atau desimal, yang disebut sebagai integer atau float. Kata (kumpulan huruf), yang disebut sebagai string. Boolean: suatu variabel yang memiliki dua nilai (true atau false) dan berfungsi untuk memeriksa suatu kondisi. Null: suatu kata khusus (termasuk keyword juga) untuk menjelaskan bahwa tidak ada data di dalamnya. Pemanggilan fungsi JS dengan event <form> <input type="button" value="click me" onclick="alert('ya')"> </form> PHP PHP atau singkatan dari PHP Hypertext Preprocessor merupakan salah satu serverside scripting yang dapat disatukan dengan HTML untuk membuat halaman web dinamis. Cara penulisan PHP <?php // Script PHP?> Penulisan variable Diawali dengan tanda $ Variable dapat dipasing dengan URL Form Cookie Pengunaan PHP ini hampir sama dengan Bahasa C Statement2 Require() Digunakan untuk membaca nilai variable dan fungsi2 dari sebuh file lainnya Tidak bisa dimasukkan dalam loop Include() Akan menyertakan isi suatu file tertentu. Include dapat diletakkan dalam loop PHP mendukung pemrograman OO Cookie dan Session Cookie Merupakan sepotong data yang disimpan dalam harddirk lokal milik client, dan digunakan oleh halaman web untuk mengingat suatu informasi Misal digunakan untuk menyimpan username/password Session Session diimplementasikan dengan menyimpan data pada web server. Dengan demikian tidak perlu ada komunikasi bolakbalik antara web server dan client ketika web membutuhkan data tersebut Setiap session dibentuk maka akan ada referensi yang menunjuk ke session tersebut. Yang disebut dengan Session Identifier (SID). Mengawali session Session_start() Mengakiri session Session_destroy() Mengetahui SID Session_id() RAI Page 4
mendafta Rkan variable session Session_register(namaVariable); Level kesalahan menyatakan tingkat kesalahan yang berupa: parse error, menyatakan kesalahan karena kaidah fatal error, menyatakan kesalahan sematik yang membuat PHP menghentikan eksekusi program warning, akan membuat pesan kesalahan ditampilkan namun eksekusi program tetap dilakukan notice. RAI Page 5