1. KONSEP Teknologi Aplikasi Web
WWW (Word Wide Web)
Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama.
Web adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, animasi, suara, dan multimedia lainnya, dimana diantara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozila Firefox dan Google Chrome.
Website (Situs Web)
Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Diibaratkan website ini seperti buku yang berisi topik tertentu.
HTML (HyperText Markup Language)
Merupakan bahasa standar yang digunakan untuk membuat suatu dokumen atau halaman web, terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web browser.
Script dasar HTML:
Web Developer adalah orang yang bekerja membuat web.
Hal-hal yang perlu diperhatikan dalam membuat web.
1. Dapat digunakan (USABILITY)
2. Navigation / Petujuk
3. Judul / Title
4. Peta Situs (Site Map)
5. Fasilitas Pencarian
6. Grafik dan Link
7. Konsep Penulisan
8. Kesederhanaan
9. Mudah Diakses
10. Teknologi Baru
Tag HTML
1. Judul
Mendeklarasikan judul suatu dokumen HTML
2. URL
Menyatakan URL asal suatu dokumen HTML
3. Link
Tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam website yang dibuat.
4. Meta
Tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML.
5. Index
Tag yang menyatakan bahwa dokumen tersebut diperkenankan oleh server web.
6. Style
Tag yang mendefinisikan style dari dokumen HTML.
1. Warna Latar
2. Warna Teks
3. Warna Link
2. Dasar Web Dinamis
Pada postingan ini kita akan membicarakan tiga standar kompetensi, yaitu: membuat halaman web dinamis dasar, membuat halaman dinamis tingkat lanjut, dan membuat program aplikasi web berbasis jsp. Penggabungan dari tiga kompetensi ini karena kedekatan isi kompetensi dasar. Penyusunan sub label tidak mengacu langsung pada kompetensi dasar, namun lebih mengacu pada urutan dan kedekatan pokok pembicaraan.
Sebelum memahami kompetensi ini, sebaiknya kita perlu mengingat kembali tentang 'dasar-dasar sistem komputer, sistem operasi, algoritma pemrograman dasar, pemrogaman Java juga web statis dan html.
Dasar web dinamis:
Pada halaman ini, kita akan lebih dalam memahami web dinamis.
Kebutuhan lingkungan teknis:
Ada perbedaan yang penting dalam kebutuhan lingkungan pengembangan antara web statis dan web dinamis. Pada label sebelumnya, kita telah mengetahui bahwa ada beberapa kebutuhan perangkat untuk membuat halaman web statis yang antara lain perangkat komputer personal, sistem operasi, text editor atau perangkat lunak pembuat halaman web, dan web browser. Beberapa kebutuhan tersebut dapat digunakan untuk lingkungan web statis, namun beberapa perangkat tambahan tentunya nanti akan diperlukan.
Pemrograman web dinamis:
Pemrograman web merupakan usaha untuk membuat halaman web dengan menggunakan bahasa pemrograman web (script). Pemrograman web (web programming) dikenal juga dengan istilah pengembangan web (web development). Istilah lain yang mungkin juga cukup terkenal adalah web design. Web design lebih memfokuskan pada bagaimana merancang tampilan halaman-halaman web menjadi menarik apabila dilihat, atau boleh dikatakan web design lebih pada aspek visualnya sedangkan web programming lebih fokus pada aspek logika proses yang terjadi di dalam halaman-halaman web. Seorang web programmer mungkin juga seorang web designer, namun biasanya pekerjaan ini dipisahkan orangnya, karena perbedaan fokus penekanannya.
Untuk membuat interaksi yang baik, dibutuhkan beberapa model pemrograman web. Model pemrograman yang umum digunakan adalah 'client-side dan serverside'. client dan server dalam kasus ini menunjukkan dua tempat yang berbeda. Server adalah komputer yang bertindak sebagai pihak yang melayani permintaan data atau informasi. Sedangkan client adalah komputer pengguna yang hendak mengakses program ke server untuk meminta data atau informasi dengan menggunakan alamat yang unik. Secara umum, interaksi dan pertukaran data antara client dan server dalam internet tampak pada gambar 14.2. Pada gambar tersebut, tampak bahwa segala proses dilakukan di web-server (serverside) sedangkan client hanya akan menerima hasil olahan dari webserver yaitu berupa halaman-halaman dalam format html.
Biasanya perangkat komputer yang bertindak sebagai server akan berjalan terus-menerus tanpa henti, dan berperan sebagai tempat dimana file/program dari aplikasi web ditempatkan. Secara umum, untuk dapat mengakses layanan ke server dibutuhkan browser seperti: internet explorer (ie), opera, mozilla, google chroom dan netscape.
Bahasa skrip untuk pemrograman web:
Seperti dijelaskan pada postingan 'pemrograman web dinamis', bahwa: ada dua model pemrograman web yaitu client-side dan server-side. Bahasa pemrograman untuk membuat web dinamis juga terbagi menjadi dua yaitu: client-side script dan server-side script. Bahasa pemrograman yang digunakan dalam membuat aplikasi pada sisi client biasa disebut sebagai client-side script. Client-side script yang umum digunakan adalah javascript dan vbscript. Keuntungan utama dari client-side script adalah waktu prosesnya yang jauh lebih cepat dibanding server-side. Hal ini karena seluruh permintaan pengguna akan diproses pada komputer pengguna sendiri. Namun, masalah terbesar dari aplikasi dengan client-side script adalah keamanan kode dan data. Hal ini karena pengguna dapat dengan mudah membuka dan melihat kode program.
Contoh penggunaan client-side script adalah:
Asp:
Asp, sebenarnya bukan bahasa pemrograman karena asp adalah mesin (engine) untuk server side script yang ditanamkan pada 'iis'. Bahasa pemrograman yang dipakai adalah vbscript. Namun orang lebih sering menyebut asp saja. Secara default ini adalah server side script pada web server microsoft windows. Seperti halnya bahasa pemrograman web lainnya, untuk menandai bahwa suatu kode dalam halaman web merupakan vbscript, maka digunakanlah tag sebagai penanda. Berikut ini suatu contoh vbscript:
<html>
<body>
<% Response.Write("Hello World!") %>
</body>
</html>
Atau sebagai berikut:
<html>
<body>
<%= "Hello World!" %>
</body>
</html>
Pada kode di atas bagian yang ditandai dengan <% dan %> merupakan bagian yang memuat kode vbscript. Vbscript merupakan bahasa yang sangat mirip dengan visual basic namun telah disesuaikan dengan lingkungan web. Dokumen yang berisi kode ini dapat disimpan dalam bentuk html atau dengan ekstensi .asp. Akan tetapi yang paling penting adalah: dokumen tersebut harus diletakkan pada direktory yang dapat dibaca dan dieksekusi oleh web server iis. Asp.net merupakan versi lanjutan dari asp, namun dengan teknologi yang sangat berbeda. Asp.net dibangun berdasarkan pada teknologi .net yang dikembangkan oleh microsoft. Bahasa yang digunakan tidak lagi vbscript namun telah menggunakan kemampuan penuh dari salah satu dari bahasa-bahasa dalam kelompok .net yaitu: visual basic.nET, c#, visual j. Dengan teknologi .net, memungkinkan tag-tag html digantikan secara penuh oleh script-script yang ditulis dengan bahasa-bahasa .net.
Php:
Php adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. Php adalah singkatan dari: Php Hypertext Preprocessor. Singkatan yang agak aneh. Awalnya, php adalah singkatan dari 'personal home page' yang pertama kali diciptakan oleh Rasmus lerdorf. Php diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung homepagenya. Perkembangan php saat ini dapat dilihat pada: www.php.net. Php adalah salah satu bahasa server-side yang paling populer. Kepopulerannya disebabkan kelebihan-kelebihannya dibanding bahasa sejenis, seperti: 'perl dan cgi'. Php mampu menutupi kekurangan pada bahasa pemrograman web pada umumnya. Php mudah dibuat dan cepat dijalankan. Php dapat berjalan dalam web server yang berbeda, seperti: apache, pws, iis dan sebagainya. Php juga dapat berjalan dalam sistem operasi yang berbeda pula, seperti: unix, windows, mac os x dan linux. Php diterbitkan secara gratis. Source code php dapat didownload tanpa perlu mengeluarkan uang. Php juga termasuk bahasa yang embedded (bisa diletakkan di dalam tag html).
Persiapan membuat halaman web dinamis:
Persiapan yang perlu dilakukan sebelum membuat halaman web dinamis antara lain adalah:
Pembuatan dan pengujian halaman web dinamis:
Pada halaman ini kita akan mencoba membuat halaman dinamis sederhana dengan bahasa php pada web server apache. Buka teks editor kita (bisa menggunakan notepad), kemudian ketikkan kode berikut ini.
<?php
echo "Hallo, ini PHP. Salam kenal ya..!!!";
?>
Simpan file dengan nama 21_1.php dan simpan di direktori yang bisa diakses web server apache (pada kasus ini disimpan di direktori c:\appserv\www\scripts\).
Bukalah web browser kita, kemudian ketikkan di halaman alamat:
https://localhost:8080/scripts/21_2.php
Localhost adalah nama server-nya dan 8080 adalah port dimana apache dijalankan. Perhatikan, bagaimana menuliskan alamat ini dan bandingkan dengan lokasi asli dari file tersebut. Jika semuanya lancar, maka kita akan mendapati tampilan seperti pada gambar 14.7.
Halaman web dinamis harus dipanggil dengan cara tersebut. Karena memang hanya bisa dijalankan oleh web server. Kalau dengan file halaman web statis, kita bisa langsung klik ganda pada file tersebut dan web browser akan menampilkan hasilnya. Tetapi, dengan halaman web dinamis tidak bisa dengan cara tersebut. Cobalah klik ganda pada halaman web dinamis yang telah kita buat di atas.
Bagaimanakah outputnya?
WWW (Word Wide Web)
Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama.
Web adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, animasi, suara, dan multimedia lainnya, dimana diantara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozila Firefox dan Google Chrome.
Website (Situs Web)
Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Diibaratkan website ini seperti buku yang berisi topik tertentu.
HTML (HyperText Markup Language)
Merupakan bahasa standar yang digunakan untuk membuat suatu dokumen atau halaman web, terdiri dari kode-kode singkat tertentu yang akan ditampilkan oleh web browser.
Script dasar HTML:
<html>
<head>
<title>Judul Web</title>
</head>
<body>Selamat Datang di Website Kami
</body>
</html>
<head>
<title>Judul Web</title>
</head>
<body>Selamat Datang di Website Kami
</body>
</html>
Web Developer adalah orang yang bekerja membuat web.
Hal-hal yang perlu diperhatikan dalam membuat web.
1. Dapat digunakan (USABILITY)
2. Navigation / Petujuk
3. Judul / Title
4. Peta Situs (Site Map)
5. Fasilitas Pencarian
6. Grafik dan Link
7. Konsep Penulisan
8. Kesederhanaan
9. Mudah Diakses
10. Teknologi Baru
Tag HTML
- Dokumen Head
1. Judul
Mendeklarasikan judul suatu dokumen HTML
<title>...Judul...</title>
2. URL
Menyatakan URL asal suatu dokumen HTML
<base href="...">
3. Link
Tag yang menghubungkan suatu dokumen dengan dokumen lainnya dalam website yang dibuat.
<link href="..."
4. Meta
Tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML.
<meta name="..." content="...">
5. Index
Tag yang menyatakan bahwa dokumen tersebut diperkenankan oleh server web.
<isindex>
6. Style
Tag yang mendefinisikan style dari dokumen HTML.
<style ahref="...">
- Attribut Body
<body>...</body>
1. Warna Latar
<body bgcolor="lime">
2. Warna Teks
<body teks="blue">
3. Warna Link
<body link="green"alink="red">
2. Dasar Web Dinamis
Bagi kita yang sering berselancar di internet, gambar seperti berikut hampir pasti sering kita jumpai. Gambar hasil pencarian dari google ini dapat digolongkan dalam halaman-halaman web dinamis. Hal ini karena apa yang akan ditampilkan berubah-ubah tergantung pada apa yang kita inputkan.
Pada postingan ini kita akan membicarakan tiga standar kompetensi, yaitu: membuat halaman web dinamis dasar, membuat halaman dinamis tingkat lanjut, dan membuat program aplikasi web berbasis jsp. Penggabungan dari tiga kompetensi ini karena kedekatan isi kompetensi dasar. Penyusunan sub label tidak mengacu langsung pada kompetensi dasar, namun lebih mengacu pada urutan dan kedekatan pokok pembicaraan.
Sebelum memahami kompetensi ini, sebaiknya kita perlu mengingat kembali tentang 'dasar-dasar sistem komputer, sistem operasi, algoritma pemrograman dasar, pemrogaman Java juga web statis dan html.
Dasar web dinamis:
Pada halaman ini, kita akan lebih dalam memahami web dinamis.
Kebutuhan lingkungan teknis:
Ada perbedaan yang penting dalam kebutuhan lingkungan pengembangan antara web statis dan web dinamis. Pada label sebelumnya, kita telah mengetahui bahwa ada beberapa kebutuhan perangkat untuk membuat halaman web statis yang antara lain perangkat komputer personal, sistem operasi, text editor atau perangkat lunak pembuat halaman web, dan web browser. Beberapa kebutuhan tersebut dapat digunakan untuk lingkungan web statis, namun beberapa perangkat tambahan tentunya nanti akan diperlukan.
- Perangkat keras:
Pengembangan web dinamis membutuhkan perangkat keras yang lebih tinggi spesifikasinya dibanding web statis. Umumnya pengembang akan melakukan pembuatan web dinamis pada satu komputer yang berperan sekaligus sebagai server dan client. Tapi, seringkali juga dibutuhkan lebih dari satu komputer, dimana satu komputer berperan sebagai server dan yang lainnya sebagai client. Pada komputer yang berperan sebagai server maka spesifikasi teknisnya harus lebih tinggi dari komputer client. Kebutuhan prosesor yang lebih cepat dan memori utama yang lebih besar merupakan kebutuhan mutlak. - Perangkat lunak:
Sistem operasi yang digunakan pada pengembangan web dinamis lebih baik jika menggunakan versi yang mendukung. Biasanya pembuat sistem operasi akan menyediakan versi yang memang khusus diperuntukkan bagi server. Versi ini biasanya memiliki tingkat keamanan dan stabilitas yang lebih tinggi dari versi desktop-nya. Sebagai contoh, pada linux ada distro ubuntu versi server, suse menyediakan versi enterprise server, dan demikian juga distro-distro lainnya. Sedangkan pada windows tersedia windows nt, windows server 2000, windows server 2003 dan yang terbaru windows server 2008.
Kebutuhan perangkat lunak yang sangat membedakan antara web statis dan web dinamis adalah bahasa pemrograman sisi server. Bahasa pemrograman ini diinstall dan digunakan untuk web server dalam menerjemahkan perintah-perintah tertentu didalam bahasa tertentu pula. Sebagai contoh: jika kita hanya menginstall web server apache saja, maka kita tidak dapat menjalankan halaman web dinamis yang kita tulis dengan bahasa pemrograman 'php atau jsp'. Maka, agar dapat menjalankan halaman web dinamis tersebut kita perlu menginstall 'php atau tomcat'.
Perangkat pengembang web dinamis saat ini sudah banyak tersedia meskipun ada beberapa memiliki harga yang relative mahal. Beberapa diantaranya adalah: microsoft visual studio, borland delphi studio, adobe dreamweaver, dan lainlain. Perangkat lunak ini selain dapat sebagai html editor, juga mendukung bahasa pemrograman server seperti: 'asp.net, php, jsp, dan coldfusion'. Perangkat lunak pengembang yang gratis juga tersedia, yang antara lain: netbeans yang mendukung penuh jsp, eclipse yang mendukung banyak bahasa pemrograman, komodo editor, dan lain-lain. Meskipun gratis, tetapi fasilitas yang disediakan tidak kalah dengan yang tidak gratis.
Perangkat lunak lain yang dibutuhkan adalah 'dbms'. Hal ini karena biasanya web dinamis menggunakan basis data sebagai tempat penyimpanan data. Dbms personal seperti microsoft access bukan pilihan yang baik untuk web dinamis, karena factor keamanan dan kinerjanya yang tidak sesuai dengan sifat-sifat web dinamis. Basis data berbasis sql yang bersifat server seperti: mysql, oracle, microsoft sql server dan lain-lain adalah merupakan pilihan yang cocok untuk digunakan dalam web dinamis.
Pemrograman web dinamis:
Pemrograman web merupakan usaha untuk membuat halaman web dengan menggunakan bahasa pemrograman web (script). Pemrograman web (web programming) dikenal juga dengan istilah pengembangan web (web development). Istilah lain yang mungkin juga cukup terkenal adalah web design. Web design lebih memfokuskan pada bagaimana merancang tampilan halaman-halaman web menjadi menarik apabila dilihat, atau boleh dikatakan web design lebih pada aspek visualnya sedangkan web programming lebih fokus pada aspek logika proses yang terjadi di dalam halaman-halaman web. Seorang web programmer mungkin juga seorang web designer, namun biasanya pekerjaan ini dipisahkan orangnya, karena perbedaan fokus penekanannya.
Untuk membuat interaksi yang baik, dibutuhkan beberapa model pemrograman web. Model pemrograman yang umum digunakan adalah 'client-side dan serverside'. client dan server dalam kasus ini menunjukkan dua tempat yang berbeda. Server adalah komputer yang bertindak sebagai pihak yang melayani permintaan data atau informasi. Sedangkan client adalah komputer pengguna yang hendak mengakses program ke server untuk meminta data atau informasi dengan menggunakan alamat yang unik. Secara umum, interaksi dan pertukaran data antara client dan server dalam internet tampak pada gambar 14.2. Pada gambar tersebut, tampak bahwa segala proses dilakukan di web-server (serverside) sedangkan client hanya akan menerima hasil olahan dari webserver yaitu berupa halaman-halaman dalam format html.
Biasanya perangkat komputer yang bertindak sebagai server akan berjalan terus-menerus tanpa henti, dan berperan sebagai tempat dimana file/program dari aplikasi web ditempatkan. Secara umum, untuk dapat mengakses layanan ke server dibutuhkan browser seperti: internet explorer (ie), opera, mozilla, google chroom dan netscape.
Bahasa skrip untuk pemrograman web:
Seperti dijelaskan pada postingan 'pemrograman web dinamis', bahwa: ada dua model pemrograman web yaitu client-side dan server-side. Bahasa pemrograman untuk membuat web dinamis juga terbagi menjadi dua yaitu: client-side script dan server-side script. Bahasa pemrograman yang digunakan dalam membuat aplikasi pada sisi client biasa disebut sebagai client-side script. Client-side script yang umum digunakan adalah javascript dan vbscript. Keuntungan utama dari client-side script adalah waktu prosesnya yang jauh lebih cepat dibanding server-side. Hal ini karena seluruh permintaan pengguna akan diproses pada komputer pengguna sendiri. Namun, masalah terbesar dari aplikasi dengan client-side script adalah keamanan kode dan data. Hal ini karena pengguna dapat dengan mudah membuka dan melihat kode program.
Contoh penggunaan client-side script adalah:
- aplikasi web untuk kalkulator, tanggal atau permainan.
- pemeriksaan event pada browser, jika mouse diklik kanan maka akan muncul keterangan yang dibutuhkan.
- validasi isi form yang diinputkan oleh pengguna, sebelum isi form tersebut dikirim ke server.
- Keamanan kode script yang kita buat tidak akan dapat dibaca oleh user karena seluruhnya akan disimpan dan dijalankan di web server. Adapun yang akan dikirim ke client (pengguna) adalah hasil pengolahan yang berupa dokumen dalam format html saja.
- Koneksi dengan basis data:
Kemampuan koneksi dengan basis data merupakan keuntungan terbesar dari server-side script. Dengan kemampuan ini informasi yang dihasilkan oleh web server menjadi sangat dinamis bukan lagi halaman-halaman statis. Informasi yang disampaikan ke user tergantung dari apa yang diinginkan oleh user tersebut. - Dapat melakukan tracking (pelacakan) pengguna:
Dengan server-side script, dapat diketahui siapakah user yang sedang akses ke aplikasi web dengan menggunakan fasilitas session.
Asp:
Asp, sebenarnya bukan bahasa pemrograman karena asp adalah mesin (engine) untuk server side script yang ditanamkan pada 'iis'. Bahasa pemrograman yang dipakai adalah vbscript. Namun orang lebih sering menyebut asp saja. Secara default ini adalah server side script pada web server microsoft windows. Seperti halnya bahasa pemrograman web lainnya, untuk menandai bahwa suatu kode dalam halaman web merupakan vbscript, maka digunakanlah tag sebagai penanda. Berikut ini suatu contoh vbscript:
<html>
<body>
<% Response.Write("Hello World!") %>
</body>
</html>
Atau sebagai berikut:
<html>
<body>
<%= "Hello World!" %>
</body>
</html>
Pada kode di atas bagian yang ditandai dengan <% dan %> merupakan bagian yang memuat kode vbscript. Vbscript merupakan bahasa yang sangat mirip dengan visual basic namun telah disesuaikan dengan lingkungan web. Dokumen yang berisi kode ini dapat disimpan dalam bentuk html atau dengan ekstensi .asp. Akan tetapi yang paling penting adalah: dokumen tersebut harus diletakkan pada direktory yang dapat dibaca dan dieksekusi oleh web server iis. Asp.net merupakan versi lanjutan dari asp, namun dengan teknologi yang sangat berbeda. Asp.net dibangun berdasarkan pada teknologi .net yang dikembangkan oleh microsoft. Bahasa yang digunakan tidak lagi vbscript namun telah menggunakan kemampuan penuh dari salah satu dari bahasa-bahasa dalam kelompok .net yaitu: visual basic.nET, c#, visual j. Dengan teknologi .net, memungkinkan tag-tag html digantikan secara penuh oleh script-script yang ditulis dengan bahasa-bahasa .net.
Php:
Php adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. Php adalah singkatan dari: Php Hypertext Preprocessor. Singkatan yang agak aneh. Awalnya, php adalah singkatan dari 'personal home page' yang pertama kali diciptakan oleh Rasmus lerdorf. Php diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung homepagenya. Perkembangan php saat ini dapat dilihat pada: www.php.net. Php adalah salah satu bahasa server-side yang paling populer. Kepopulerannya disebabkan kelebihan-kelebihannya dibanding bahasa sejenis, seperti: 'perl dan cgi'. Php mampu menutupi kekurangan pada bahasa pemrograman web pada umumnya. Php mudah dibuat dan cepat dijalankan. Php dapat berjalan dalam web server yang berbeda, seperti: apache, pws, iis dan sebagainya. Php juga dapat berjalan dalam sistem operasi yang berbeda pula, seperti: unix, windows, mac os x dan linux. Php diterbitkan secara gratis. Source code php dapat didownload tanpa perlu mengeluarkan uang. Php juga termasuk bahasa yang embedded (bisa diletakkan di dalam tag html).
Persiapan membuat halaman web dinamis:
Persiapan yang perlu dilakukan sebelum membuat halaman web dinamis antara lain adalah:
- Memeriksa apakah web server sudah terinstal dengan benar dan berjalan sebagaimana mestinya?.
Pada system operasi windows, kita dapat memeriksa apakah web server berjalan atau tidak melalui jendela service. Buka control panel, kemudian klik ganda pada ikon administrative tools. Pilih ikon Service dan klik ganda pada ikon tersebut sampai terbuka jendela seperti pada gambar 14.3.
Pada jendela services tersebut cari nama servis web server anda. Apabila kita menggunakan iis, cari nama 'internet information services' pada kolom nama. Dan apabila kita memakai apache, cari juga nama 'apache'. Apabola belum ada, mungkin belum terinstal atau belum didaftarkan sebagai servis. Apabila sudah ada, maka periksalah! apakah sudah dijalankan apa belum dengan cara memeriksa pada kolom status apakah sudah started atau belum. Kalau belum, klik start untuk menjalankan servis tersebut. Setelah itu ujilah dengan menjalankan web browser kita. Ketikkan pada bagian alamat: https://localhost/ kemudian tekan enter. Pada beberapa konfigurasi web server, pemanggilan alamat mungkin harus menyertakan nomor port seperti https://localhost:8080/. Kalau kita mendapati halaman muka web server kita tampil, (lihat Gambar 14.4) berarti web server telah dapat berjalan. Tetapi kalau tidak muncul atau terjadi pesan kesalahan berarti web server belum dapat berjalan dengan baik.
- Memeriksa apakah bahasa pemrograman server yang akan digunakan sudah terinstall dan dapat dipanggil oleh web server?.
Pemeriksaan dapat dilakukan dengan cara memeriksa daftar perangkat lunak yang sudah diinstal di dalam sistem. Pada windows, dapat dilakukan dengan cara membuka jendela 'add and remove programs' seperti pada gambar 14.5. Apabila perangkat lunak bahasa pemrograman kita sudah terinstal, maka akan terdaftar pada jendela ini.
- Mempersiapkan lokasi penyimpanan file-file kode program.
File-file yang berisi kode-kode server-side script harus diletakkan dalam direktori yang bisa dibaca oleh web server. Sebagai contoh pada beberapa distribusi linux, file-file php disimpan pada direktori /usr/var/www/. Pada beberapa distribusi yang lain disimpan di direktori /svr/www/. Pada microsoft windows demikian juga. Lokasi ini dapat diubah dengan cara mengedit file konfigurasi apache web server (httpd.conf). Contoh lokasi penyimpanan file-file php dapat dilihat pada gambar 14.6.
Pembuatan dan pengujian halaman web dinamis:
Pada halaman ini kita akan mencoba membuat halaman dinamis sederhana dengan bahasa php pada web server apache. Buka teks editor kita (bisa menggunakan notepad), kemudian ketikkan kode berikut ini.
<?php
echo "Hallo, ini PHP. Salam kenal ya..!!!";
?>
Simpan file dengan nama 21_1.php dan simpan di direktori yang bisa diakses web server apache (pada kasus ini disimpan di direktori c:\appserv\www\scripts\).
Bukalah web browser kita, kemudian ketikkan di halaman alamat:
https://localhost:8080/scripts/21_2.php
Localhost adalah nama server-nya dan 8080 adalah port dimana apache dijalankan. Perhatikan, bagaimana menuliskan alamat ini dan bandingkan dengan lokasi asli dari file tersebut. Jika semuanya lancar, maka kita akan mendapati tampilan seperti pada gambar 14.7.
Halaman web dinamis harus dipanggil dengan cara tersebut. Karena memang hanya bisa dijalankan oleh web server. Kalau dengan file halaman web statis, kita bisa langsung klik ganda pada file tersebut dan web browser akan menampilkan hasilnya. Tetapi, dengan halaman web dinamis tidak bisa dengan cara tersebut. Cobalah klik ganda pada halaman web dinamis yang telah kita buat di atas.
Bagaimanakah outputnya?
3. Fungsi standar
Fungsi standar pada php sering digunakan untuk menampilkan isi dari variabel atau text dari proses yang telah dilakukan, yaitu menggunakan fungsi output :
1. Echo
2. print()
3. printf()
Selain itu ada juga fungsi lain yaitu fungsi string, yang bisa digunakan untuk memanipulasi type data string pada pemrograman php. Fungsi string terdiri atas :
1. Explode dan Implode
Explode digunakan untuk memecah suatu kalimat menjadi pecahan-pecahan kecil kata berdasarkan pada suatu ketentuan. Sedangkan implode adalah kebalikannya, yaitu untuk menggabungkan pecahan-pecahan kata menjadi suatu kalimat berdasarkan suatu ketentuan tertentu.
2. Strlen dan Strpos
Strlen berfungsi untuk menghitung jumlah karakter pada suatu variabel string. Sedangkan strpos digunakan untuk menghitung jumlah kata dalam suatu variabel string.
3. Substr
Fungsi ini digunakan untuk menampilkan karakter pada urutan tertentu pada suatu variabel string yang telah ditentukan.
4. Str_replace
Str_replace berfungsi untuk menggantikan suatu nilai dari suatu variabel string.
5. Str_repeat
6. Strtolower
7. Strtoupper
Fungsi lainnya dalam php adalah fungsi tanggal, yaitu :
1. Date()
2. Time()
3. Mktime()
Sumber :
Materi Kuliah Pengembangan Aplikasi Web : “Fungsi Standar” oleh Bapak Chanief Budi Setiawan, S.T.
4.Operasi File
OPERASI FILE
Untuk membuka/mengakses file digunakan fungsi fopen(). Fungsi fopen() ini dapat mengakses file dari sistem file, atau melalui HTTP atau FTP di Internet.
Sintaksnya :
Fopen(filename, mode akses);
Filename adalah file yang akan dibuka, sedangkan mode akses adalah metode pengaksesan file tersebut apakah file tersebut diakses hanya untuk dibaca, ditulis atau ditambah. Mode akses yang diberikan :
Mode Akses
|
Keterangan
|
a
|
Membuka file untuk diubah. Data akan ditambahkan di akhir file yang diakses, jika file tidak ditemukan, maka PHP secara otomatis akan membuat file tersebut.
|
a+
|
Membuka file untuk diubah dan dibaca. Data akan ditambahkan di akhir file yang diakses, jika file tidak ditemukan, maka PHP secara otomatis akan membuat file tersebut
|
r
|
Membuka file untuk dibaca saja
|
r+
|
Membuka file untuk dibaca dan ditulis. Data akan ditulis di awal file
|
w
|
Membuka file untuk ditulis saja. Data dalam file yang lama akan hilang dan digantikan dengan data baru yang dimasukkan. Jika file tidak ditemukan, PHP secara otomatis akan membuat file tersebut
|
w+
|
Membuka file untuk ditulis dan dibaca. Data dalam file yang lama akan hilang dan digantikan dengan data baru yang dimasukkan. Jika file tidak ditemukan, PHP secara otomatis akan membuat file tersebut
|
Untuk melihat isi dari file digunakan fungsi fgets($filename, length), $filename adalah variabel file yang akan dibuka sedangkan length menunjukkan jumlah karakter yang diambil. Pada fungsi fgets() ini setiap tag HTML akan dieksekusi, agar tag HTML tidak bisa dieksekusi maka digunakan fungsi fgetss().
Sedangkan untuk menginputkan data ke dalam file, digunakan fungsi fputs($namafile, $variabel_data), isi data yang akan dimasukkan berada pada $variabel_data sedangkan $namafile adalah file tujuan data tersebut.
contoh :
File-1 tulisan.txt
Saya sekarang sedang belajar php<BR> Asyik lho
Ternyata PHP itu mudah,
tidak sesulit yang dibayangkan
<P>Bagaimana?
apakah anda ingin belajar lebih lanjut??
<HR>
File PHP
<?
if($file=fopen("tulisan.txt", "r"))
{
echo("Dibawah ini menggunakan fgets()<BR>");
while(!feof($file)) {
$string=fgets($file,255);
echo($string);
}
fclose($file);
$file=fopen("tulisan.txt", "a+");
echo("<P>Yang ini menggunakan fgetss()<BR>");
while(!feof($file)) {
$string=fgetss($file,255);
echo($string);
}
$tambahan="Ini Tambahannya";
echo("<P>\$tambahan = $tambahan<BR>");
fputs($file,$tambahan);
fclose($file);
$file=fopen("tulisan.txt","r");
echo("Setelah Ditambah : <BR>");
while(!feof($file)) {
$string=fgets($file,255);
echo($string);
}
fclose($file);
}
else
{
echo("File Gagal dibuka");
}
?>
Jika anda membuka kembali file tulisan.txt, isinya akan berubah menjadi :
Saya sekarang sedang belajar php<BR> Asyik lho
Ternyata PHP itu mudah,
tidak sesulit yang dibayangkan
<P>Bagaimana?
apakah anda ingin belajar lebih lanjut??
<HR>Ini Tambahannya
Dalam contoh diatas terdapat fungsi feof(). Kegunaan dari fungsi ini adalah menentukan akhir dari sebuah file, jika sudah pada akhir file fungsi ini akan bernilai True.
Komentar
Posting Komentar