Panduan Trainer Web Programming Modul Web Programming dimaksudkan untuk memberikan pelatihan bagi siswa yang ingin mempelajari pembuatan web dinamis yang terhubung ke basis data. Setelah mempelajari modul ini, siswa diharapkan dapat memulai karir sebagai web programmer. Untuk itu, trainer perlu mempersiapkan beberapa hal penting guna terlaksananya proses pelatihan dengan baik, agar pelatihan ini bermutu dan mengakomodasi teknologi web terkini yang digunakan dan dibutuhkan dunia industri saat ini.
Persiapan Software : 1. Software yang harus ada : • Edit plus • Dreamweaver 8.0 • Ms. Frontpage • Notepad • Java J2SE 1.5 • Java J2EE 1.4 • NetBeans 4.0 Beta • Borland JBUilder X • PHPTRIAD atau (PHP dan MySql) • Visual Studio .NET 2005 • Sql Server 2005 2. Setting software harus dalam keadaan default, sehingga siswa dapat diajarkan lebih jauh mengenai perubahan/penambahan setting software.
Hal yang harus diperhatikan oleh Trainer : 1. Setiap akan memberikan pelatihan, trainer harus memberikan gambaran umum materi yang akan diajarkan untuk tiap bab menggunakan peta konsep yang ada. 2. Siswa harus diberikan pemahaman dan tujuan yang ingin dicapai pada tiap bab. 3. Trainer harus memberikan penjelasan yang mudah dipahami oleh siswa terlebih dahulu, disertai contoh-contoh yang memadai. 4. Siswa harus diberikan waktu yang cukup untuk mengulang-ulang materi yang telah diajarkan hingga merasa cukup menguasai materi tersebut. 5. Soal-soal yang ada pada tiap bab harus dikerjakan siswa, dan trainer harus membahasnya, untuk dapat mempersiapkan ujian sertifikasi dengan baik.
LSP Telematika
A. Panduan untuk materi HTML dan Javascript : 1. Untuk membuat kode HTML, dapat menggunakan software Editplus atau editor ringan lainnya seperti Notepad. 2. Pastikan trainer menekankan pembuatan situs yang dinamis menggunakan HTML untuk membuat personal web, dengan validasi dan aksi dinamis lainnya menggunakan JavaScript 3. Pastikan situs tersebut diupload ke hosting gratis di www.geocities.com atau hosting gratis lainnya. Ini untuk memberikan pemahaman siswa cara mengupload ke web server nyata. 4. Pastikan Trainer juga memperkenalkan cara mendesain web menggunakan Dreamweaver 8.0 dan FrontPage B. Panduan untuk materi Java : 1. Software dengan spesifikasi minimal Java J2SE 1.5, J2EE 1.4 harus diinstal dengan paket yang complete (Full), serta mencatat password admin yang ada. 2. Pastikan anda menginstall Java dengan setting seperti berikut Instalasi Java J2SE, J2EE dan NetBeeans 4.0 Berikut langkah menginstasasi Program Java dan NetBeans sebagai editor java dan membuat program java sederhana dan cara menjalankannya di windows, untuk di linux Anda ikuti petunjuk konfigurasi program yang tidak jauh beda. 1. Jalankan program instalasi J2SE 1.5, buat folder instalasi misal c:\j2se lalu klik next hingga finish
Instalasi awal J2SE 1.5
LSP Telematika
1. Jalankan program instalasi J2EE 1.4.2, buat folder intalasi c:\j2ee lalu klik next, masukkan password J2EE, lalu klik next hingga finish.
Instalasi awal J2EE 1.4.2
2. Set Path di bagian Environment variables dengan cara klik kanan mouse di My Computer | Properties | Advanced |Environment Variables . Jika belum anda nama Path dapat anda tambahkan dan mohon sesuaikan dengan direktori instalasi Anda . Misal jika J2SE berada di c:\j2se, maka untuk CLASSPATH set ke c:\j2se\lib;. Jika J2EE berada di c:\j2ee, maka set classpath ke c:\j2ee\lib\j2ee.jar;. (ingat, ada titiknya).
Setting CLASSPATH 3. Set Path ke c:\j2se\bin dan c:\j2ee\bin; , lakukan juga setting J2EE_HOME ke c:\j2ee dan JAVA_HOME ke c:\j2se
LSP Telematika
Setting Path
Setting J2EE_HOME
Setting JAVA_HOME 4. Jika Anda menggunakan Apache Tomcat tersendiri (bukan dari Netbeans 4.0), dapat diseting CATALINA_HOME ke foldernya misal di c:\tomcat\catalina. Selain itu jika anda menggunakan program paket /maker seperti ANT, javamail dan JAF juga perlu diseting classpathnya.
Setting CATALINA_HOME
5. Install editor Java yaitu NetBeans4.0-Beta2-windows.exe dari cd program buku ini, klik Next untuk menginstal program NetBeans IDE 4.0. Kekurangan dari editor versi
LSP Telematika
ini ialah konsep peletakan folder classes yang agak rancu, jika anda sudah terbiasa dengan konsep servlet model lama.
Tampilan instalasi NetBeans
6. Buat nama folder untuk NetBeans misalnya c:\NetBeans, lalu klik Next hingga tampil association panel, lalu klik next lagi.
Membuat nama folder program 7. Program harus dapat mendeteksi J2SE (jdk1.5) yang sudah terinstall di komputer, jika tidak tampil direktori J2SE, pastikan anda telah menginstal J2SE terlebih dahulu. Klik Next untuk menampilkan Association panel, klik next saja dari pilihan chekbox yang diberikan. Tampilan berikut ialah NeBeans mendeteksi J2SE versi 1.5
LSP Telematika
NetBeans mendeteksi versi J2SE
8. Tampilan instalasi akan berjalan sekitar beberapa menit, dimana akan diinstal file pendukung java dan Jakarta-Tomcat versi 5.0-28 juga akan otomatis diiinstal.
Tampilan proses intalasi 9. Setelah selesai proses instalasi, Jalankan NetBean, kekurangan editor java yang ada saat ini ialah cukup beratnya menjalankan editor tersebut, anda membutuhkan komputer dengan spesifikasi Pentium III dengan RMA 128 keatas, editor lain yang bisa dijadikan alternatif ialah Eclipse, Gel dan JCreator. Jika anda menggunakan NetBeans 3.6, yang harus dilakukan pertama kali ialah menset direktori tempat file kode java disimpan, pastikan Anda membuat folder kode java terlebih dahulu. Contoh c:\Java. 10. Pilih menu File | Mount FileSystem lalu pilih Local Directory untuk menset directory (mounting) kode java kita, misalnya c:\Java. Untuk NetBeans 4.0, tidak
perlu mouting, cukup buat folder baru.
LSP Telematika
Memilih direktori untuk tempat menyimpan file java.
C. Panduan untuk materi PHP dan MySql: 1. Trainer harus menjelaskan terlebihdahulu konsep megembangkan aplikasi yang berbasis pada SDLC (System Development Life Cycle) 2. Pastikan trainer mengajarkan cara membuat aplikasi web dinamis yang mengimplemetasikan minimal 5 buah tabel dan 6 buah form(setidak-tidaknya terdiri dari form menu utama, form login, registrasi, lihat data, edit data), sehingga aplikasi akhir yang dibuat siswa benar-benar menggambarkan gambaran sederhana aplikasi nyata. 3. Pastikan siswa diajarkan cara membuat tabel dan menggenerate script mysql D. Panduan untuk materi ASP/ASP.Net: 1. Sistem Operasi yang harus digunakan minimal Windows XP Profesional. Pastikan IIS Sudah diinstal di sistem Operasi Windows XP Profesional, atau sistem operasi Windows versi lainnya. 2. Pastikan trainer mengajarkan cara membuat aplikasi web dinamis yang mengimplemetasikan minimal 5 buah tabel dan 6 buah form(setidak-tidaknya terdiri dari form menu utama, form login, registrasi, lihat data, edit data), sehingga aplikasi akhir yang dibuat siswa benar-benar menggambarkan gambaran sederhaa aplikasi nyata. 3. Siswa harus diajarkan cara mengakses data ke database Ms. Access dan Sql Server 2005. 4. Siswa juga harus diajarkan cara membuat tabel yang benar dan menggenerate script sql server 2005
LSP Telematika
Buku-buku pelengkap : • • • •
Membuat Web Gaul Elexmedia Komputindo (www.elexmedia.co.id) Pemrograman ASP .NET Elexmedia Komputindo (www.elexmedia.co.id) Membuat Web Dinamis dengan PHP dan MySql Andi Offset Yogyakarta (www.andipulisher.com) Panduan Lengkap Pemrograman J2EE Andi Offset Yogyakarta (www.andipulisher.com)
Situs : • • • •
www.microsoft.com www.w3schools.com www.java.sun.com www.programmersheaven.com
LSP Telematika
