Advertisement
loading...

 

MATERI PELATIHAN BERBASIS KOMPETENSI

Advertisement

SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI

 

 

 

 

 

 

MEMBUAT HALAMAN WEB DINAMIS LANJUT

TIK.PR04.003.01

 

 

 

 

 

 

BUKU INFORMASI

 

 

 

 

 

 

DEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.

DIREKTORAT JENDERAL PEMBINAAN PELATIHAN DAN PRODUKTIVITAS

Jl. Jend. Gatot Subroto Kav.51 Lt.7.B Jakarta Selatan

 

 

DAFTAR ISI

 

 

Daftar Isi                                                                                                          1

BAB I. 3

PENGANTAR. 3

1.1   Konsep Dasar Competency Based Training (CBT) 3

1.2   Penjelasan Modul 3

1.2.1   Desain Modul 3

1.2.2   Isi Modul 4

1.2.3   Pelaksanaan Modul 4

1.3   Pengakuan Kompetensi Terkini (RCC) 5

1.4   Pengertian-Pengertian / Istilah. 5

 

BAB II. 7

STANDAR KOMPETENSI. 7

2.1 Peta Paket Pelatihan. 7

2.2 Pengertian Unit Standar Kompetensi 7

2.3 Unit Kompetensi Yang Dipelajari 7

2.3.1 Kode dan Judul Unit 8

2.3.2 Deskripsi Unit 8

2.3.3 Elemen Kompetensi 8

2.3.4 Batasan Variabel 9

2.3.5 Panduan Penilaian. 9

2.3.6 Kompetensi Kunci 10

 

BAB III. 11

STRATEGI DAN METODE PELATIHAN. 11

3.1 Strategi Pelatihan. 11

3.2 Metode Pelatihan. 12

 

BAB IV. 13

MATERI UNIT KOMPETENSI. 13

4.1 Tujuan Instruksional Umum.. 13

4.2 Tujuan Instruksional Khusus 13

4.3 Sekilas Tentang Internet 14

4.4 Sekilas Tentang Website. 14

4.5 Mempersiapkan Software Text Editor 15

4.6 Mengenal Website Statis dan Dinamis 18

4.7 Membuat Website Statis 18

4.8 Mengupload File. 24

4.9 Membuat Website Dinamis 31

4.10 Menguji Script 38

4.11 Kelebihan dan Kekurangan Client-Side Processing. 39

 

BAB V. 40

SUMBER-SUMBER YANG DIPERLUKAN UNTUK PENCAPAIAN                          KOMPETENSI  40

5.1 Sumber Daya Manusia. 40

5.2  Sumber-sumber Kepustakaan ( Buku Informasi ) 41

5.3  Daftar Peralatan dan Bahan yang digunakan. 42

 

DAFTAR PUSTAKA. 43

 

 

 

 

 

 

BAB I

PENGANTAR

 

1.1  Konsep Dasar Competency Based Training (CBT)

 

  • Apakah pelatihan berdasarkan kompetensi?

Pelatihan berdasarkan kompetensi adalah pelatihan yang memperhatikan pengetahuan, keterampilan dan sikap yang diperlukan di tempat kerja agar dapat melakukan pekerjaan dengan kompeten. Standar Kompetensi dijelaskan oleh Kriteria Unjuk Kerja.

 

  • Apakah artinya menjadi kompeten ditempat kerja?

Jika anda kompeten dalam pekerjaan tertentu, anda memiliki seluruh keterampilan, pengetahuan dan sikap yang perlu untuk ditampilkan secara efektif ditempat kerja, sesuai dengan standar yang telah disetujui.

 

1.2     Penjelasan Modul

Modul ini dikonsep agar dapat digunakan pada proses Pelatihan Konvensional/Klasikal dan Pelatihan Individual/Mandiri. Yang dimaksud dengan Pelatihan Konvensional/Klasikal, yaitu pelatihan yang dilakukan dengan melibatkan bantuan seorang pembimbing atau guru seperti proses belajar mengajar sebagaimana biasanya dimana materi hampir sepenuhnya dijelaskan dan disampaikan pelatih/pembimbing yang bersangkutan.

 

Sedangkan yang dimaksud dengan Pelatihan Mandiri/Individual adalah pelatihan yang dilakukan secara mandiri oleh peserta sendiri berdasarkan materi dan sumber-sumber informasi dan pengetahuan yang bersangkutan. Pelatihan mandiri cenderung lebih menekankan pada kemauan belajar peserta itu sendiri. Singkatnya pelatihan ini dilaksanakan peserta dengan menambahkan unsur-unsur atau sumber-sumber yang diperlukan baik dengan usahanya sendiri maupun melalui bantuan dari pelatih.

 

1.2.1      Desain Modul

Modul ini dirancang untuk dapat digunakan pada Pelatihan Klasikal dan Pelatihan Individual/mandiri:

  • Pelatihan klasikal adalah pelatihan yang disampaikan oleh seorang pelatih.
  • Pelatihan individual/mandiri adalah pelatihan yang dilaksanakan oleh peserta dengan menambahkan unsur-unsur/sumber-sumber yang diperlukan dengan bantuan dari pelatih.

 

1.2.2      Isi Modul

Buku Informasi

Buku informasi ini adalah sumber pelatihan untuk pelatih maupun peserta pelatihan.

 

Buku Kerja

Buku kerja ini harus digunakan oleh peserta pelatihan untuk mencatat setiap pertanyaan dan kegiatan praktik baik dalam Pelatihan Klasikal maupun Pelatihan Individual / mandiri.

 

Buku ini diberikan kepada peserta pelatihan dan berisi:

  • Kegiatan-kegiatan yang akan membantu peserta pelatihan untuk mempelajari dan memahami informasi.
  • Kegiatan pemeriksaan yang digunakan untuk memonitor pencapaian keterampilan peserta pelatihan.
  • Kegiatan penilaian untuk menilai kemampuan peserta pelatihan dalam melaksanakan praktik kerja.

 

Buku Penilaian

Buku penilaian ini digunakan oleh pelatih untuk menilai jawaban dan tanggapan peserta pelatihan pada Buku Kerja dan berisi:

  • Kegiatan-kegiatan yang dilakukan oleh peserta pelatihan sebagai pernyataan keterampilan.
  • Metode-metode yang disarankan dalam proses penilaian keterampilan peserta pelatihan.
  • Sumber-sumber yang digunakan oleh peserta pelatihan untuk mencapai keterampilan.
  • Semua jawaban pada setiap pertanyaan yang diisikan pada Buku Kerja.
  • Petunjuk bagi pelatih untuk menilai setiap kegiatan praktik.
  • Catatan pencapaian keterampilan peserta pelatihan.

 

1.2.3      Pelaksanaan Modul

Pada pelatihan klasikal, pelatih akan:

-    Menyediakan Buku Informasi yang dapat digunakan peserta pelatihan sebagai sumber pelatihan.

-    Menyediakan salinan Buku Kerja kepada setiap peserta pelatihan.

-    Menggunakan Buku Informasi sebagai sumber utama dalam penyelenggaraan pelatihan.

-    Memastikan setiap peserta pelatihan memberikan jawaban / tanggapan dan menuliskan hasil tugas praktiknya pada Buku Kerja.

 

Pada Pelatihan individual / mandiri, peserta pelatihan akan:

- Menggunakan Buku Informasi sebagai sumber utama pelatihan.

- Menyelesaikan setiap kegiatan yang terdapat pada buku Kerja.

- Memberikan jawaban pada Buku Kerja.

- Mengisikan hasil tugas praktik pada Buku Kerja.

- Memiliki tanggapan-tanggapan dan hasil penilaian oleh pelatih.

1.3 Pengakuan Kompetensi Terkini (RCC)

  • Apakah Pengakuan Kompetensi Terkini (Recognition of Current Competency)?

Jika Anda telah memiliki pengetahuan dan keterampilan yang diperlukan untuk elemen unit kompetensi tertentu, Anda dapat mengajukan pengakuan kompetensi terkini (RCC). Berarti Anda tidak akan dipersyaratkan untuk belajar kembali.

 

  • Anda mungkin sudah memiliki pengetahuan dan keterampilan, karena Anda telah :
  1. Bekerja dalam suatu pekerjaan yang memerlukan suatu pengetahuan dan keterampilan yang sama atau
  2. Berpartisipasi dalam pelatihan yang mempelajari kompetensi yang sama atau
  3. Mempunyai pengalaman lainnya yang mengajarkan pengetahuan dan keterampilan yang sama.

 

1.4 Pengertian-Pengertian / Istilah

 

Profesi

Profesi adalah suatu bidang pekerjaan yang menuntut sikap, pengetahuan serta keterampilan/keahlian kerja tertentu yang diperoleh dari proses pendidikan, pelatihan serta pengalaman kerja atau penguasaan sekumpulan kompetensi tertentu yang dituntut oleh suatu pekerjaan/jabatan.

 

Standarisasi

Standardisasi adalah proses merumuskan, menetapkan serta menerapkan suatu standar tertentu.

 

Penilaian / Uji Kompetensi

Penilaian atau Uji Kompetensi adalah proses pengumpulan bukti melalui perencanaan, pelaksanaan dan peninjauan ulang (review) penilaian serta keputusan mengenai apakah kompetensi sudah tercapai dengan membandingkan bukti-bukti yang dikumpulkan terhadap standar yang dipersyaratkan.

 

Pelatihan

Pelatihan adalah proses pembelajaran yang dilaksanakan untuk mencapai suatu kompetensi tertentu dimana materi, metode dan fasilitas pelatihan serta lingkungan belajar yang ada terfokus kepada pencapaian unjuk kerja pada kompetensi yang dipelajari.

 

Kompetensi

Kompetensi adalah kemampuan seseorang untuk menunjukkan aspek sikap, pengetahuan dan keterampilan serta penerapan dari ketiga aspek tersebut ditempat kerja untuk mwncapai unjuk kerja yang ditetapkan.

 

Standar Kompetensi

Standar kompetensi adalah standar yang ditampilkan dalam istilah-istilah hasil serta memiliki format standar yang terdiri dari judul unit, deskripsi unit, elemen kompetensi, kriteria unjuk kerja, ruang lingkup serta pedoman bukti.

 

Sertifikat Kompetensi

Adalah pengakuan tertulis atas penguasaan suatu kompetensi tertentu kepada seseorang yang dinyatakan kompeten yang diberikan oleh Lembaga Sertifikasi Profesi.

 

Sertifikasi Kompetensi

Adalah proses penerbitan sertifikat kompetensi melalui proses penilaian / uji kompetensi.

 

 

 

BAB II

STANDAR KOMPETENSI

 

2.1 Peta Paket Pelatihan

Modul yang sedang Anda pelajari ini bertujuan untuk mencapai satu unit kompetensi. Adapun kompetensi ini termasuk dalam satu paket pelatihan, yang terdiri atas unit-unit kompetensi berikut:

  1. TIK.PR04.003.01     Membuat Halaman Web Dinamis Lanjut

 

2.2 Pengertian Unit Standar Kompetensi

Apakah Standar Kompetensi? Setiap Standar Kompetensi menentukan :

  1. Pengetahuan dan keterampilan yang diperlukan untuk mencapai kompetensi.
  2. Standar yang diperlukan untuk mendemonstrasikan kompetensi.
  3. Kondisi dimana kompetensi dicapai.

 

Di dalam unit kompetensi ini, Anda akan mempelajari bagaimana cara merancang dan menerapkan basis data.

 

Sistem pelatihan berbasis kompetensi terfokus pada pencapaian kompetensi, bukan pada lamanya waktu. Namun, diharapkan pelatihan ini dapat dilaksanakan dan dicapai dalam jangka waktu tidak lebih dari seminggu, tiga sampai lima hari. Pelatihan ini diperuntukkan khusus bagi para technical support, walaupun tidak menutup kemungkinan bagi semua orang yang terlibat dalam penggunaan komputer.

 

Jika Anda belum mencapai kompetensi pada usaha/kesempatan pertama, Pelatih Anda akan mengatur rencana pelatihan dengan Anda. Rencana ini akan memberikan Anda kesempatan kembali untuk meningkatkan level kompetensi Anda sesuai dengan level yang diperlukan. Jumlah maksimum usaha/kesempatan yang disarankan adalah 3 (tiga) kali.

 

2.3 Unit Kompetensi Yang Dipelajari

Dalam sistem pelatihan Standar Kompetensi diharapkan menjadi panduan bagi peserta pelatihan untuk dapat:

  1. Mengidentifikasikan apa yang harus dikerjakan peserta pelatihan.
  2. Memeriksa kemajuan peserta pelatihan.
  3. Menyakinkan bahwa semua elemen (sub-kompetensi) dan kriteria unjuk   kerja telah dimasukkan dalam pelatihan dan penilaian.

 

2.3.1 Kode dan Judul Unit

Kode Unit       : TIK.PR04.003.01

Judul Unit      : Membuat Halaman Web Dinamis Lanjut

 

2.3.2 Deskripsi Unit

Unit kompetensi ini berkaitan dengan implementasi dari perancangan web dinamis yaitu pembuatan program web dinamis yang memiliki karakteristik mampu melakukan operasi-operasi pengolahan data secara mendasar.

 

2.3.3 Elemen Kompetensi

ELEMEN KOMPETENSI

 

KRITERIA UNJUK KERJA

01    Memahami pemrograman web dinamis

 

1.1       Standar pemrograman yang penting dari internet dapat dijelaskan.

 

02   Mempersiapkan membuat aplikasi 2.1    Perlengkapan software teks editor dan browser sesuai kebuituhan diidentifikasi.

 

2.2    Software beroperasi sesuai dengan standar operasi aplikasi.

 

2.3    Sumber data yang dibutuhkan sesudah ditentukan dimana letaknya dan bagaimana mengaksesnya.

 

2.4    Skesta disain untuk web yang akan dibuat sudah disiapkan.

 

2.5    Desain interface/menu-menu sudah disiapkan.

 

2.6    Ditentukan bagian-bagian yang akan dibuat menjadi program script dan modul-modul.

 

2.7    Server yang akan digunakan untuk web, dimana script dijalankan, dan platform komputer apa yang akan digunakan sudah ditentukan.

 

03    Membuat web menggunakan bahasa script 3.1    File-file HTML dibuat dengan cara coding.

 

3.2    Kode program script dibangun dan diuji beserta modul-modul yang digunakan.

3.3    Web yang dibuat tampail dilayar sesuai dengan rancangan.

 

3.4    Tujuan dari pengiriman konten web yang terdiri dari file program didemonstrasikan.

 

3.5 Keuntungan/kerugian pemrosesan client-side didemonstrasikan.

2.3.4 Batasan Variabel

Batasan variabel dalam bahasan ini adalah:

1.  Unit ini berlaku untuk seluruh sektor teknologi informasi dan komunikasi.

2.  Membuat halaman web dinamis lanjut bersifat internal pada bidang teknologi informasi dan komunikasi.

 

2.3.5 Panduan Penilaian

1. Pengetahuan dan Ketrampilan Penunjang

Untuk mendemonstrasikan kompetensi, diperlukan bukti keterampilan dan pengetahuan di bidang berikut ini:

1.1       Pengetahuan dasar.

1.1.1  Analisis Website.

1.1.2  HTML.

1.1.3    Bahasa pemrograman script.

1.1.4    Arsitektur informasi.

1.1.5    Hardware dan software untuk desain situs.

1.1.6    Analisis pengguna web.

1.1.7    Integrasi proses on-line.

1.2    Keterampilan dasar.

1.2.1  Penggunaan internet.

1.2.2    Pemrograman.

2. Konteks Penilaian:

Kompetensi harus diujikan di tempat kerja atau di tempat lain secara praktek dengan kondisi kerja sesuai dengan keadaan normal.

 

3. Aspek Penting Penilaian:

Aspek yang harus diperhatikan:

3.1       Kemampuan membuat web menggunakan bahasa script.

3.2       Kemampuan mengenali isu-isu keamanan web.

 

4. Kaitan Dengan Unit-Unit Lain :

4.1       Unit ini mendukung di dalam membuat halaman web dinamis.

 

Contoh mencakup namun tidak terbatas pada :

4.1.1  TIK.PR01.002.01 Menerapkan prosedur kesehatan dan keselamatan kerja.

4.1.2  Memahami pemrograman scripting.

4.1.3  TIK.PR02.021.01 Menerapkan basis data.

4.1.4  TIK.PR02.024.01 Membuat dokumen dengan HTML sesuai spesifikasi.

4.1.5  TIK.PR02.025.01 Menerapkan keamanan web statik.

4.1.6  TIK.PR04.001.01 Menerapkan keamanan web dinamis.

4.1.7  TIK.PR02.026.01 Menjelaskan koneksi internet.

 

4.2       Unit ini juga mendukung kinerja dalam unit-unit kompetensi yang berkaitan dengan web.

4.2.1  Perancangan web.

4.2.2  Pemrograman web.

 

4.3   Pengembangan pelatihan untuk memenuhi persyaratan dalam unit ini perlu dilakukan dengan hati-hati. Untuk pelatihan pra kejuruan umum, institusi harus menyediakan pelatihan yang mempertimbangkan serangkaian konteks industri seutuhnya tanpa bias terhadap sektor tertentu. Batasan variabel akan membantu dalam hal ini. Untuk sektor tertentu/khusus, pelatihan harus disesuaiakan untuk memenuhi kebutuhan sektor tersebut.

 

2.3.6 Kompetensi Kunci

 

No

Kompetensi Kunci Dalam Unit ini

Tingkat

1

Mengumpulkan, mengorganisir dan menganalisa informasi

3

2

Mengkomunikasikan ide-ide dan informasi

3

3

Merencanakan dan mengorganisir aktivitas-aktivitas

3

4

Bekerja dengan orang lain dan kelompok

2

5

Menggunakan ide-ide dan tehnik matematika

3

6

Memecahkan masalah

3

7

Menggunakan teknologi

3

 

 

 

 

 

 

 

BAB III

STRATEGI DAN METODE PELATIHAN

 

 

3.1 Strategi Pelatihan

Belajar dalam suatu Sistem Berbasis Kompetensi berbeda dengan yang sedang “diajarkan” di kelas oleh Pelatih. Pada sistem ini Anda akan bertanggung jawab terhadap belajar Anda sendiri, artinya bahwa Anda perlu merencanakan belajar Anda dengan Pelatih dan kemudian melakukan praktek sesuai dengan rencana yang telah dibuat.

 

Persiapan/perencanaan

  1. Membaca bahan/materi yang telah diidentifikasi dalam setiap tahap belajar dengan tujuan mendapatkan tinjauan umum mengenai isi proses belajar Anda.
  2. Membuat catatan terhadap apa yang telah dibaca.
  3. Memikirkan bagaimana pengetahuan baru yang diperoleh berhubungan dengan pengetahuan dan pengalaman yang telah Anda miliki.
  4. Merencanakan aplikasi praktik pengetahuan dan keterampilan Anda.

 

Permulaan dari proses pembelajaran

  1. Mencoba mengerjakan seluruh pertanyaan dan tugas praktik yang terdapat pada tahap belajar.
  2. Merevisi dan meninjau materi belajar agar dapat menggabungkan pengetahuan Anda.

 

Pengamatan terhadap tugas praktik

  1. Mengamati keterampilan praktik yang didemonstrasikan oleh Pelatih atau orang yang telah berpengalaman lainnya.
  2. Mengajukan pertanyaan kepada Pelatih tentang konsep sulit yang Anda temukan.

Implementasi

  1. Menerapkan pelatihan kerja yang aman.
  2. Mengamati indikator kemajuan personal melalui kegiatan praktik.
  3. Mempraktikkan keterampilan baru yang telah Anda peroleh.

 

 Penilaian

Melaksanakan tugas penilaian untuk penyelesaian belajar Anda.

 

3.2 Metode Pelatihan

Terdapat tiga prinsip metode belajar yang dapat digunakan. Dalam beberapa kasus, kombinasi metode belajar mungkin dapat digunakan.

 

Belajar secara mandiri

Belajar secara mandiri membolehkan Anda untuk belajar secara individual, sesuai dengan kecepatan belajarnya masing-masing. Meskipun proses belajar dilaksanakan secara bebas, Anda disarankan untuk menemui Pelatih setiap saat untuk mengkonfirmasikan kemajuan dan mengatasi kesulitan belajar.

 

Belajar Berkelompok

Belajar berkelompok memungkinkan peserta untuk dating bersama secara teratur dan berpartisipasi dalam sesi belajar berkelompok. Walaupun proses belajar memiliki prinsip sesuai dengan kecepatan belajar masing-masing, sesi kelompok memberikan interaksi antar peserta, Pelatih dan pakar/ahli dari tempat kerja.

 

Belajar terstruktur

Belajar terstruktur meliputi sesi pertemuan kelas secara formal yang dilaksanakan oleh Pelatih atau ahli lainnya. Sesi belajar ini umumnya mencakup topik tertentu.

BAB IV

MATERI UNIT KOMPETENSI

4.1 Tujuan Instruksional Umum

  • Siswa mampu memahami pemrograman web  dinamis.
  • Siswa dapat mempersiapkan software untuk membuat aplikasi.
  • Siswa dapat membuat web menggunakan bahasa scripting.

 

 

4.2 Tujuan Instruksional Khusus

  • Siswa dapat mengetahui dan menerapkan standar pemrograman.
  • Siswa mampu menggunakan software text editor dan browser.
  • Siswa mampu mengetahui letak dari sumber data yang akan digunakan.
  • Siswa mampu membuat design untuk web yang akan dibuat.
  • Siswa mengetahui dan mampu mengidentifikasi server dan platform yang akan digunakan untuk web.
  • Siswa mampu membuat file HTML dengan cara coding.
  • Siswa dapat menguji script yang telah digunakan.
  • Siswa dapat mengetahui keuntungan dan kerugian dari pemrosesan client-side.

 

 

 

 

 

 

 

 

 

 

 

4.3 Sekilas Tentang Internet

Internet ialah interkoneksi diantara jutaan komputer yang berbeda tipe pada berbagai jaringan komputer yang terhubung di seluruh dunia. Internet mungkin tidak akan pernah ada atau sedahsyat saat ini jika pada tahun 1957 Uni Soviet tidak berhasil meluncurkan satelit bumi pertama buatannya bernama Sputnik.  Dari kesuksesan yang pernah membuat Amerika merasa malu, maka dibuatlah sebuah projek bernama Advanced Research Projects Agency (ARPA) dibawah pengawasan Departement of Defense (DoD) untuk menghasilkan penelitian canggih bagi dunia militer, yang kemudian berkembang untuk mempercepat penyebaran informasi dan hasil riset ke universitas-universitas dan institusi terkemuka di Amerika. ARPA kemudian mengembangkan proyek ARPAnet yang mengimplementasikan prinsip–prinsip rancangan dan protokol standar untuk sistem jaringan komputer.

 

Pada tahun 1983 ARPnet menjadi sangat besar dan semua sistem jaringan komputer mengikuti protokol yang sama.  Oleh karena itu pada tahun 1989 jaringan asli ARPAnet dimatikan dan digantikan oleh NSFnet dan jaringan lain yang lebih cepat dan baru yang menjadi cikal bakal berkembangnya internet.  Selain dikembangkan oleh komunitas riset ilmu pengetahuan dan teknologi pada tahun 1979, tiga perusahaan elektronika yaitu Xerox, DEC dan Intel bekerja sama mengembangkan Ethernet sebagai protokol untuk jaringan local /LAN.  Hingga saat ini internet mempunyai beberapa layanan yang sangat menyenangkan antara lain www (world wide web), ftp (file transfer protocol), Newsgroups dan e-mail.

 

 

4.4 Sekilas Tentang Website

Sebelum kita mempelajari mengenai HTML, JavaScript dan website dinamis, kita harus mengerti terlebih dahulu apakah website dan bagaimana komunikasinya melalui internet dan bahasa apa yang digunakan.

 

Internet adalah suatu jaringan yang menghubungkan komputer yang ada di seluruh dunia, jadi dengan adanya internet ini kita dapat berkomunikasi dengan orang lain dimanapun selama orang tersebut terhubung dengan internet.

 

Intranet adalah suatu jaringan komputer internal yang di disain untuk menghubungkan komputer yang ada di dalam suatu kelompok atau perusahaan tertentu, jadi intranet tidak lebih dari sebuah private internet.

 

Server adalah suatu komputer yang menyediakan informasi atau pelayanan kepada komputer lain.

 

Client adalah komputer yang meminta informasi dari suatu komputer server.

 

Client dan Server, karena kemampuan komputer dapat menampilkan program secara bersamaan, maka kemungkinan bagi sebuah komputer untuk dapat dijadikan client dan server.

 

TCP/IP atau singkatan dari Transmission Control Protocol / Internet Protocol adalah suatu protokol yang menghubungkan semua jaringan komputer yang ada di seluruh dunia.

 

IP Address adalah nomor identifikasi setiap host yang ada dalam internet, tidak ada nomor IP Address yang sama di dunia ini.

 

Domain name adalah merupakan metoda pemberian nama  suatu situs, missal detik.com, stikom-db.ac.id.

 

 

4.5 Mempersiapkan Software Text Editor

Untuk membuat website dinamis, software (perangkat lunak) yang paling cocok kita gunakan adalah Macromedia Dreamweaver 2004 MX.

  1. Masukkan CD Macromedia Dreamweaver MX, kemudian klik My Computer > CD Drive > Macromedia Dreamweaver MX 2004 > Setup. Setelah itu, akan muncul tampilan sebagai berikut:

 

 

 

  1. Setelah itu akan muncul dialog box sebagai berikut dan tekan next.

 

 

  1. Setelah itu akan muncul jendela License Agreement. Klik Yes untuk melanjutkan proses instalasi.

 

  1. Tentukan lokasi folder instalasi. Default berada di C:\Program Files\Macromedia\Dreamweaver MX 2004. Setelah itu klik Next.

 

 

  1. Klik Next.

 

 

 

  1. Klik Next lagi sampai muncul Setup Status.

 

  1. Setelah proses instalasi selesai, klik Finish.

 

4.6 Mengenal Website Statis dan Dinamis

Internet yang kita sering akses adalah suatu dokumen bertipe HTML (Hypertext Markup Languages). Jadi untuk bisa membuat dokumen web, kita harus mempelajari bahasa HTML. Dokumen HTML merupakan dokumen web yang statis, artinya hanya mampu menampilkan teks dan gambar yang statis, untuk membuatnya lebih dinamis (misal: teks dan gambar bergerak, menampilkan database suatu perusahaan dll) harus menggunakan bahasa lainnya seperti javascript, java, PHP dll.

 

4.7 Membuat Website Statis

Command atau perintah dalam  HTML disebut juga dengan tag. Suatu halaman HTML mempunyai format seperti berikut ini

 

<HTML>

<HEAD>

<TITLE> …………. </TITLE>

</HEAD>

<BODY > ……………..  </BODY>

</HTML>

 

Untuk mempelajari HTML yang paling gampang ialah menggunakan software Microsoft FrontPage 2003 yang sudah otomatis terinstal jika komputer Anda diinstal Microsoft Office 2003 secara lengkap. Dokumen web yang siap untuk dipublikasikan akakn disimpan di suatu server yang dikenal sebagai web server.  Web server ada yang gratis seperti geocities.com, tripod.com, cjb.net dll, sedangkan yang berbayar anda harus berlangganan seperti ke techscape.co.id atau indoglobal.com atau ke layanan web yahoo.com. Untuk membaut dokumen web, dapat menggunakan notepad, Ms. Frontpage, Dreamweaver 8.0 dll.

 

Berikut langkah-langkah membuat dokumen web pribadi sederhana menggunakan editor Notepad.

  1. Bukalah Program Notepad melalui menu  > Programs > Accesories > Notepad atau bisa juga melalui  > Run > ketik notepad lalu OK.

 

Banner.html:

<HTML>

<HEAD>

<TITLE>Toko Komputer Terlengkap di Jambi </TITLE>

</HEAD>

<BODY>

<FONT COLOR=green><MARQUEE> Selamat Belanja di Situs kami</MARQUEE></FONT>

<FONT COLOR=blue><H3 ALIGN=CENTER> LARIS KOMPUTER</H3></FONT><BR>

<FONT COLOR=green><H4 ALIGN=CENTER> Jl. Jend Sudirman no 20 – Tel :39485747<H4></FONT><BR>

<H5 ALIGN=CENTER> Jambi</H5><br>

<HR>

</BODY>

</HTML>

 

 

4.7.1 Membuat Menu

Menu berguna untuk memilih form mana yang ingin ditampilkan, beri nama file tersebut menu.html.

Berikut kodenya:

menu.html:

<html>

<head>

<title></title>

</head>

<body>

<a href=”produk.php” target=”main”>Product</a><br>

<a href=”jaringan.html” target=”main”> Jaringan komputer</a><br>

<a href=”kontak.html” target=”main”>Kontak Kami</a>

</body>

</html>

 

4.7.2 Membuat Frame

Frame berguna mengatur letak dari tiap-tiap form, beri nama frame tersebut index.html, berikut kodenya:

 

Index.html :

<html>

<head>

<title>LARIS KOMPUTER, TOKO KOMPUTER ONLINE TERLENGKAP DI JAMBI</title>

</head>

<frameset rows=”250,*”>

<frame name=”banner” scrolling=”no” noresize target=”contents” src=”banner.html”>

<frameset cols=”150,*”>

<frame name=”contents” target=”main” src=”menu.html”>

<frame name=”main” src=”utama.html”>

<body>

</body>

</frameset>

</html>

 

 

 

 

     4.7.3 Contoh-Contoh Coding HTML.

 

Font Formatting.

 

<Title> Web Programming </Title>

</head>

<body bgcolor=#00FF00>

<font color=blue size=5>

<b> Saya Mahasiswa UBinus</b></font><br>

<p> <i> Selamat Datang di Web Saya</i> </p>

</body>

 

 

 

Marquee.

 

<title>Contoh marquee</title>

</head>

<body bgcolor=yellow>

<h3><font color=silver></font>

<marquee behavior=alternate >UBinus Cute HomePage</marquee></font></h3>

</body>

 

 

Ordered List.

<p>Tiga hal yang harus diperhatikan Siswa

<ol type=1>

<li> Sayangilah <b>Ibumu</b> melebihi sayangmu dengan do’i mu

<li> Hormatilah dosenmu melebihi hormatmu pada<u> Pak Polisi</u>

<li> Jangan<i> malas </i>belajar text book dan internet

</ol>

 

Unordered List.

<p>Produk kami terdiri dari :</p>

<ul>

<li>Training</li>

<li>Konsultasi</li>

</ul>

 

 

4.8 Mengupload File

Selanjutnya Anda dapat mendaftarkan situs gratis di www.geocities.com menggunakan account yahoo Anda. Web server ialah server yang berfungsi menyimpan dokumen web kita. Pilih link Sign Up untuk membuat situs baru.

 

                     

Gambar Masuk ke geocities.com

 

 

 

 

 

Masukkan data diri anda serta pilih Yahoo!PageWizards dan pilih model tampilan situs Anda, model ini akan menentukan format dan background tampilan situs anda.

 

          Gambar Memilih model tampilan

 

Akan tampil form isian untuk memberikan judul halaman  Anda dan masukkan pesannya

 

 

 

 

 

Gambar Memasukkan teks ke halaman web

 

Masukkan link kesukaan Anda serta foto anda hingga selesai, lalu akan tampil form konfirmasi sukses berisi alamat situs kita, anda dapat mengkliknya untuk melihat hasilnya.

 

 

     Gambar Form konfirmasi dan alamat situs

 

Jika account yahoo kita bernama toko_elektronika, maka alamat situs yang tercipta ialah www.geocities.com/laris_komputer

 

 

         Gambar Tampilan situs goecities.com

 

Jika link utama ini telah selesai, anda dapat membuat form-form lainnya dengan mengupload melalui file manager, bahkan anda dapat mengedit langsung dokumen tersebut disana.

 

       

 

              Gambar Fasilitas Management web pada geocities

 

Jika Anda ingin mengupload file baru anda, klik  File Manager, Lalu pilih open file manager

 

      

 

    Gambar Tampilan isi file yang ada di web server Anda

 

      

 

                              Gambar Upload File

 

 

 

 

Gambar hasil upload semua file berbasis Frame

 

4.9 Membuat Website Dinamis

Banyak sekali bahasa pemrograman yang digunakan untuk membuat website yang dinamis. Beberapa diantaranya adalah ASP (Active Server Pages), ASP.NET, JSP (Java Server Pages) dan PHP (Hypertext Preprocessor). PHP merupakan perangkat lunak Open Source dan biasanya digunakan bersama dengan database MySQL. Pada kesempatan kali ini, kita akan menggunakan PHP. Untuk perangkat lunak tambahan selain Macromedia Dreamweaver MX 2004 dan notepad, kita membutuhkan server dan database.

 

Untuk server, kita akan menggunakan Apache, dan database menggunakan MySQL. Secara default, lokasi database kita berada di drive C:/mysql/data/[namaDatabase]. Dianjurkan untuk menginstal perangkat lunak XAMPP atau WAMP (Windows, Apache, MySQL, PHP) untuk yang menggunakan sistem operasi Windows dan LAMP (Linux, Apache, MySQL, PHP). Hal ini sangat dianjurkan karena perangkat lunak ini sudah mencakup semua yang kita butuhkan. Silahkan Anda mendownload dari Google dengan index WAMP kemudian install di komputer Anda.

 

Sumber Data dan Cara Mengaksesnya

Data dibuat dengan menggunakan basis data MySQL. Untuk membuka MySQL, Anda dapat mengetikkan URL sebagai berikut di browser Anda : http://localhost/phpmyadmin

 

Untuk mengakses dan memanipulasi datanya, Anda dapat menggunakan kode seperti berikut ini di halaman PHP.

<?php

$link = mysql_connect(“localhost”,”username“,”password“);

If (mysql_select_db(“namaDatabase“,$link))

{

echo “sukses”;

}

else

{

echo “gagal”;

}

?>

 

Jika berhasil, maka akan tampil kata sukses, sedangkan jika gagal, akan menampilan kata gagal. Jika gagal, Anda dapat mengecek kembali username, password, ataupun nama database Anda, kemungkinan besar Anda salah dalam mengetik nama-nama tersebut.

 

Bagian Yang akan dibuat untuk menjadi Program Script

Untuk melakukan coding di PHP, sebaiknya Anda menggunakan teks editor Macromedia Dreamweaver MX 2004 karena pada perangkat lunak ini, Anda dapat melihat desain dan coding/script secara bersamaan. Berikut ini saya berikan contoh coding-coding PHP:

 

4.9.1 hello.php

<html>
<head>
<title>PHP Test</title>
</head>
<body>
<?php echo ‘<p>Hello World</p>’; ?>
</body>
</html>

 

4.9.2 Variabel

first_name = ‘Martin’;

$greeting1 = “Hello, my first name is $first_name”;

echo $greeting1;

 

Kode di atas menghasilkan keluaran:

Hello, my first name is Martin.

 

4.9.3 Input

<HTML>

<HEAD>

<TITLE>Latihan Pemasukan Data</TITLE>

</HEAD>

<FORM ACTION=salam.php METHOD=get>

Silakan Masukkan nama Anda:<BR>

<INPUT TYPE=TEXT NAME=nama_pemakai><BR>

<INPUT TYPE=SUBMIT Value=”Kirim”>

</FORM>

</BODY>

</HTML>

 

              4.9.4 Tanggal

<HTML>

<HEAD>

<TITLE>Latihan Pertama</TITLE>

</HEAD>

<BODY>

Selamat Belajar PHP.<BR>

<?php

printf(“Tgl. Sekarang: %s “, Date(“d F Y”));

?>

</BODY>

</HTML>

 

4.9.5 Penaikan Isi Variabel

<HTML>

<HEAD>

<TITLE>Contoh Penaikan Isi variabel</TITLE>

</HEAD>

<BODY>

<?php

$gaji = 2000000;

printf(“Gaji semula = %d <BR>\n”, $gaji);

$gaji = 1.5 * $gaji;

printf(“Gaji sekarang = %d <BR>\n”, $gaji);

?>

 

4.9.6 Hari

<HTML>

<HEAD>

<TITLE>Latihan Menentukan Nama Hari</TITLE>

</HEAD>

Hari ini:

<?php

$nama_hari = date(“l”);

if ($nama_hari == “Sunday”)

print(“Minggu”);

elseif ($nama_hari == “Monday”)

print(“Senin”);

elseif ($nama_hari == “Tuesday”)

print(“Selasa”);

elseif ($nama_hari == “Wednesday”)

print(“Rabu”);

elseif ($nama_hari == “Thursday”)

print(“Kamis”);

elseif ($nama_hari == “Friday”)

print(“Jumat”);

else

print(“Sabtu”);

?>

</BODY>

</HTML>

 

4.9.7 Looping

<HTML>

<HEAD>

<TITLE>Menampilkan Bilangan 1-25</TITLE>

</HEAD>

<BODY>

<?php

for ($bilangan = 1; $bilangan <= 25; $bilangan++)

print(“$bilangan <BR>\n”);

?>

</BODY>

</HTML>

 

Do – While

<HTML>

<HEAD>

<TITLE>Menampilkan Bilangan 1-25</TITLE>

</HEAD>

<BODY>

<?php

$bilangan = 1;

do

{

print(“$bilangan <BR>\n”);

$bilangan++;

} while ($bilangan < 26);

?>

</BODY>

</HTML>

 

4.9.8 Continue

<HTML>

<HEAD>

<TITLE>Efek Pernyataan continue</TITLE>

</HEAD>

<BODY>

<?php

for ($i = 1; $i <= 5; $i++)

{

print(“Proses for. Iterasi ke-$i <BR>\n”);

for ($j = 1; $j <= 5; $j++)

{

if ($j == 3)

continue 2;

print($j);

}

print(“<BR>\n”);

}

?>

</BODY>

</HTML>

 

4.9.9 Exit

<HTML>

<HEAD>

<TITLE>Contoh untuk Memperlihatkan Efek exit</TITLE>

</HEAD>

<BODY>

<?php

for($i = 1; $i <= 25; $i++)

{

print(“$i <BR>\n”);

if ($i == 10)

exit;

}

print(“Selesai <BR>\n”);

?>

</BODY>

</HTML>

 

4.9.10 Database

<html>

<body>

<?php

                      $db = mysql_connect(“localhost”, “widodocom”,”pass”);

                      mysql_select_db(“db1458n1″,$db);

$result = mysql_query(“SELECT * FROM employee”,$db);

printf(“First Name: %s<br>\n”, mysql_result($result,0,”first”));

printf(“Last Name: %s<br>\n”, mysql_result($result,0,”last”));

printf(“Address: %s<br>\n”, mysql_result($result,0,”address”));

printf(“Position: %s<br>\n”, mysql_result($result,0,”position”));

?>

</body>

</html>

 

 

 

<html>

<body>

<FORM ACTION=”<?php echo($PHP_SELF); ?>” METHOD=POST>

<h2>Form Registrasi</h2><BR>

Nama:<br>

<input type=text NAME=”nama” >

Alamat :<br>

<input type=text name=”alamat”>

Tel /HP : <br>

<input type=text NAME=”tel” >

email:<br>

<input type=text name=”email”>

Pekerjaan <br>

<input type=text NAME=”pekerjaan” >

<INPUT TYPE=SUBMIT NAME=”submitjoke” VALUE=”SUBMIT”>

</FORM>

<?php

$db = mysql_connect(“localhost”, “widodocom”,”pass”);

mysql_select_db(“db1458n1″,$db);

if (“SUBMIT” == $submitjoke) {

$sql = “INSERT INTO registrasi SET nama=’$nama’, alamat=’$alamat’, tel=’$tel’, email=’$email’, pekerjaan=’$pekerjaan’ “;

if (mysql_query($sql))

{

echo(“<P>Data anda telah sukses dikirim</P>”);

}

else

{

echo(“<P>Error adding data: ” .

mysql_error() . “</P>”);

}

}

?>

</body>

</html>

 

 

 

Tabel

 

<html>

<body>

<?php

$db = mysql_connect(“localhost”, “widodocom”,”pass”);

mysql_select_db(“db1458n1″,$db);

$result = mysql_query(“SELECT * FROM rumah”,$db);

echo “<table border=1 bgcolor=yellow>”;

echo “<tr bgcolor=red><td>No</td><td>Pemilik</td><td>Alamat</td><td>Tipe</td><td>harga</td><td>Gambar</td></tr>”;

for ($a = 0; $a < mysql_num_rows($result); $a++) {

$array = mysql_fetch_row($result);

echo ”

<tr>

<td>$array[0]</td>

<td>$array[1]</td>

<td>$array[2]</td>

<td>$array[3]</td>

<td>$array[4]</td>

<td><a href=gambar.htm ><img src=$array[5] width=50 height=70></a></td>

</tr>”;

}

echo “</table>”;

?>

</body>

</html>

 

 

 

4.10. Menguji Script

       Untuk menguji script yang telah kita bikin, kita dapat mengujinya dengan menggunakan browser. Untuk menguji menguji website statis, kita dapat mengujinya langsung dengan cara mengklik dua kali file berformat htm atau html. Sedangkan untuk website dinamis, kita harus menyimpan filenya pada folder htdocs, setelah itu, baru kita membuka browser dan mengetikkan pada address barnya seperti contoh berikut: http://localhost/namafile.php

Hasilnya dapat langsung kita lihat. Akan tetapi, jangan lupa untuk menjalankan server kita. Selamat mencoba!

 

 

  4.11. Kelebihan dan Kekurangan Client-Side Processing

Kelebihan :

(+) Proses di server ringan

(+) Proses lebih cepat

(+) Situs lebih menarik

 

Kekurangan :

(-) Proses berat di client

(-) Proses tergantung dari browser client

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB V

SUMBER-SUMBER YANG DIPERLUKAN UNTUK PENCAPAIAN                          KOMPETENSI

 

5.1 Sumber Daya Manusia

Dalam proses pencapaian kompetensi sumber yang dapat diandalkan adalah sumber daya manusia. Sumber daya manusia yang dimaksud disiini adalah orang-orang yang dapat mendukung proses pencapaian kompetensi yang dimaksud, antara lain:

 

  • Pembimbing

Pembimbing Anda merupakan orang yang dapat diandalkan karena beliau memiliki pengalaman. Peran Pembimbing adalah untuk :

  1. Membantu Anda untuk merencanakan proses belajar.
  2. Membimbing Anda melalui tugas-tugas pelatihan yang dijelaskan dalam tahap belajar.
  3. Membantu Anda untuk memahami konsep dan praktik baru dan untuk menjawab pertanyaan Anda mengenai proses belajar Anda.
  4. Membantu Anda untuk menentukan dan mengakses sumber tambahan lain yang Anda perlukan untuk belajar Anda.
  5. Mengorganisir kegiatan belajar kelompok jika diperlukan.
  6. Merencanakan seorang ahli dari tempat kerja untuk membantu jika diperlukan.

 

  • Penilai

Penilai Anda melaksanakan program pelatihan terstruktur untuk penilaian di tempat kerja. Penilai akan :

  1. Melaksanakan penilaian apabila Anda telah siap dan merencanakan proses belajar dan penilaian selanjutnya dengan Anda.
  2. Menjelaskan kepada Anda mengenai bagian yang perlu untuk diperbaiki dan merundingkan rencana pelatihan selanjutnya dengan Anda.
  3. Mencatat pencapaian / perolehan Anda.

 

  • Teman kerja/sesama peserta pelatihan

Teman kerja Anda/sesama peserta pelatihan juga merupakan sumber dukungan dan bantuan. Anda juga dapat mendiskusikan proses belajar dengan mereka. Pendekatan ini akan menjadi suatu yang berharga dalam membangun semangat tim dalam lingkungan belajar/kerja Anda dan dapat meningkatkan pengalaman belajar Anda.

5.2  Sumber-sumber Kepustakaan ( Buku Informasi )

 

Pengertian sumber-sumber kepustakaan adalah material yang menjadi pendukung proses pembelajaran ketika peserta pelatihan sedang menggunakan Pedoman Belajar ini.

 

Sumber-sumber tersebut dapat meliputi:

1.   Buku referensi (text book)

2.   Lembar kerja

3.   Diagram-diagram, gambar

4.   Contoh tugas kerja

5.   Rekaman dalam bentuk kaset, video, film dan lain-lain.

 

Ada beberapa sumber yang disebutkan dalam pedoman belajar ini untuk membantu peserta pelatihan mencapai unjuk kerja yang tercakup pada suatu unit kompetensi. Prinsip-prinsip dalam CBT mendorong kefleksibilitasan dari penggunaan sumber-sumber yang terbaik dalam suatu unit kompetensi tertentu, dengan mengijinkan peserta untuk menggunakan sumber-sumber alternatif lain yang lebih baik atau jika ternyata sumber-sumber yang direkomendasikan dalam pedoman belajar ini tidak tersedia/tidak ada.

 

Untuk referensi mengenai materi-materi yang dapat digunakan, Anda dapat melihat dari Daftar Pustaka yang terlampir dihalaman terakhir modul ini.

 

5.3  Daftar Peralatan dan Bahan yang digunakan

 

  1. Judul/Nama Pelatihan        :    Membuat Halaman Web Dinamis Lanjut
  2. Kode Program Pelatihan    :    TIK.PR04.003.01

 

NO

UNIT

KOMPETENSI

KODE UNIT

DAFTAR PERALATAN

DAFTAR BAHAN

KETERANGAN

1.

Membuat Halaman Web Dinamis Lanjut

TIK.PR04.003.01

- Unit PC (Personal Computer) dengan CD drive.

- Sistem operasi Windows XP

- Keyboard dan mouse

- RAM dan harddisk dengan ukuran yang sesuai dengan kebutuhan.

-Buku informasi membuat halaman web dinamis lanjut

- Software yang dibutuhkan untuk membuat aplikasi web dinamis

 

-

 

 

 

 

 

 

 

 

 

 

 

 

 

 

DAFTAR PUSTAKA

 

Website:

 

 

Testimoni

Advertisement
  1. Toko Kain Batik Cap Terbaik di Solo
  2. Toko Baju Batik Terbaik di Solo
  3. Aneka Kain Batik dengan Harga Murah
  4. Baju Batik Sarimbit Terbaik
  5. Dapatkan Kain Batik Berkualitas dengan Diskon 25%
  6. Aneka Baju Batik Seragam Kantor
  7. Pembuatan Seragam Batik Berlogo
slideseragambatik
Filed under : blog, tags: