Bab 11 Teknik Modularitas
|
|
|
- Lanny Hartanto
- 9 tahun lalu
- Tontonan:
Transkripsi
1 Bab 11 Teknik Modularitas Konsep modularitas dalam programming diperlukan untuk mempermudah dalam pengorganisasian script/program Adapun prinsip dari konsep ini adalah meletakkan beberapa perintah yang menjalankan suatu tugas khusus ke dalam modul atau file script tersendiri Setiap kali modul tersebut dibutuhkan, kita hanya menyisipkan modul tersebut ke dalam script yang sedang dibuat dengan cara memanggilnya Adapun cara memanggil modul dengan menggunakan perintah include "namafilemodul"; Perhatikan gambaran penggunaan konsep modularitas berikut ini: Misalkan Anda membuat modul dan disimpan dalam script bernama modulkuphp Selanjutnya Anda sedang membuat script tertentu katakanlah diberinama file scriptkuphp Kebetulan dalam scriptkuphp Anda membutuhkan modulkuphp, maka skema yang terjadi adalah: modulkuphp scriptkuphp include "modulkuphp"; scriptkuphp modulkuphp Dari skema di atas, jelas tampak bahwa bila Anda memberikan perintah include "modulkuphp"; dalam scriptkuphp, maka akan identik dengan bila Anda menyisipkan script yang ada dalam modulkuphp ke dalam scriptkuphp secara manual Disusun oleh : Rosihan Ari Yuana 74
2 Contoh: Dalam contoh ini kita akan menggunakan konsep modularitas untuk membuat script operasi aritmatika penjumlahan dan pengurangan dari 2 buah bilangan Untuk input bilangannya disimpan dalam modul tersendiri, misalkan dinamakan bilanganphp Selanjutnya modul ini akan diincludekan ke dalam script penjumlahan dan pengurangan bilanganphp $bil1 = 10; $bil2 = -5; jumlahphp include "bilanganphp"; $hasil = $bil1 + $bil2; echo "Hasil penjumlahannya adalah : "$hasil; Bentuk script jumlahkanphp di atas akan identik dengan script berikut ini $bil1 = 10; $bil2 = -5; $hasil = $bil1 + $bil2; echo "Hasil penjumlahannya adalah : "$hasil; kurangphp include "bilanganphp"; $hasil = $bil1 - $bil2; Disusun oleh : Rosihan Ari Yuana 75
3 echo "Hasil pengurangannya adalah : "$hasil; Script kurangphp di atas akan identik dengan $bil1 = 10; $bil2 = -5; $hasil = $bil1 - $bil2; echo "Hasil pengurangannya adalah : "$hasil; Penerapan Teknik Modularitas Teknik modularitas dapat dipergunakan dalam pengaturan layout halaman web supaya lebih mudah Sebelum Anda mengenal teknik modularitas, apa yang Anda lakukan bila diminta membuat halaman web sejumlah 20 buah dengan desain layout yang sama, namun kontennya berbeda? Tentu Anda akan membuat satu buah desain template untuk layout, lalu Anda tinggal mengganti kontennya saja OK itu mudah, namun bagaimana seandainya dari 20 buah halaman web tersebut Anda ingin ubah desainnya? Tentu Anda harus mengubah semua halaman satu persatu Bagaimana bila terdapat 100 buah halaman web dan kesemuanya Anda ingin ubah desainnya? Wah repot ya kalau satu persatu Nah di sinilah kita akan gunakan teknik modularitas Dengan teknik modularitas ini, Anda dapat mengubah desain layout dari banyak halaman web dengan satu langkah saja secara cepat Perhatikan contoh berikut ini: Misalkan kita buat desain layout untuk halaman web kita sebagai berikut: <title>halaman Webku</title> <body background="yellow"> <h1><font face="arial"> </font></h1> <p><font face="verdana"> </font></p> </body> </html> Disusun oleh : Rosihan Ari Yuana 76
4 Nah misalkan kita akan membuat 3 halaman web menggunakan layout di atas Maka caranya, kita cari blok dalam HTML layout yang nantinya akan diisi dengan konten yang berbeda-beda untuk masing-masing halaman <title>halaman Webku</title> <body bgcolor="yellow"> <h1><font face="arial"> </font></h1> <p><font face="verdana"> </font></p> </body> </html> Keterangan: Bagian yang diblok di atas merupakan bagian tag yang nantinya akan diisi dengan konten yang berbeda-beda untuk setiap halamannya Langkah selanjutnya, kita pindahkan tag HTML mulai bagian paling atas dari layout sampai dengan sebelum tag yang dicetak tebal Tag-tag tersebut kita pindahkan ke dalam modul tersendiri, misalkan dinamakan headerphp headerphp <title>halaman Webku</title> <body bgcolor="yellow"> Kemudian pindahkan tag setelah bagian yang dicetak tebal dalam layout sampai dengan tag terakhir ke dalam modul tersendiri dan simpan dengan nama footerphp footerphp </body> </html> Nah selanjutnya untuk setiap halaman yang ingin Anda buat, berikan include "headerphp" dan include "footerphp"; Disusun oleh : Rosihan Ari Yuana 77
5 hal1php include "headerphp"; <h1><font face="arial">ini Halaman 1</font></h1> <p><font face="verdana">ini isi halaman 1 Ini isi halaman 1</font></p> include "footerphp"; hal2php include "headerphp"; <h1><font face="arial">ini Halaman 2</font></h1> <p><font face="verdana">ini isi halaman 2 Ini isi halaman 2</font></p> include "footerphp"; hal3php include "headerphp"; <h1><font face="arial">ini Halaman 3</font></h1> <p><font face="verdana">ini isi halaman 3 Ini isi halaman 3</font></p> include "footerphp"; Nah dengan demikian, kita akan peroleh 3 halaman web yang pasti memiliki layout yang sama Terus bagaimana bila kita ingin mengubah layoutnya? Misal kita ubah warna background menjadi hijau Yang Anda lakukan hanyalah mengedit modul headerphp karena pengaturan warna background terdapat pada modul tersebut Disusun oleh : Rosihan Ari Yuana 78
6 headerphp <title>halaman Webku</title> <body bgcolor="green"> Secara ajaib ketiga halaman web tadi akan otomatis backgroundnya berubah menjadi hijau semuanya Selain cara di atas, Anda juga bisa menggunakan cara yang lain dalam pengaturan layout Misalkan konfigurasi pengaturan layout seperti jenis font, dan warna background Anda letakkan dalam modul tersendiri configphp $warnabackground = "yellow"; $jenisfontheading = "arial"; $jenisfontparagraf = "verdana"; headerphp include "configphp"; <title>halaman Webku</title> <body bgcolor=" echo $warnabackground; "> footerphp </body> </html> Disusun oleh : Rosihan Ari Yuana 79
7 hal1php include "headerphp"; <h1><font face=" echo $jenisfontheading; ">Ini Halaman 1</font></h1> <p><font face=" echo $jenisfontparagraf; ">Ini isi halaman 1 Ini isi halaman 1</font></p> include "footerphp"; hal2php include "headerphp"; <h1><font face=" echo $jenisfontheading; ">Ini Halaman 2</font></h1> <p><font face=" echo $jenisfontparagraf; ">Ini isi halaman 2 Ini isi halaman 2</font></p> include "footerphp"; hal3php include "headerphp"; <h1><font face=" echo $jenisfontheading; ">Ini Halaman 3</font></h1> <p><font face=" echo $jenisfontparagraf; ">Ini isi halaman 3 Ini isi halaman 3</font></p> include "footerphp"; Nah dengan demikian, bila Anda ingin mengubah layout ketiga halaman web maka Anda cukup mengubah modul configphp Disusun oleh : Rosihan Ari Yuana 80
8 Sekarang kita lanjutkan, bagaimana bila kita mengintegrasikan konsep modularitas yang terkait dengan pengaturan layout di atas dengan form processing? OK untuk contoh sederhananya, saya ambil contoh script menjumlahkan dua buah bilangan dengan inputnya melalui form Misalkan kita ambil desain layout halaman webnya seperti contoh sebelumnya, yaitu terdiri dari modul headerphp dan footerphp nya sebagai berikut: configphp $warnabackground = "yellow"; $jenisfontheading = "arial"; $jenisfontparagraf = "verdana"; headerphp include "configphp"; <title>penjumlahan Bilangan</title> <body bgcolor=" echo $warnabackground; "> footerphp </body> </html> Selanjutnya kita buat form yang terletak dalam halaman yang menggunakan layout tersebut Disusun oleh : Rosihan Ari Yuana 81
9 formphp include "headerphp"; <h1><font face=" echo $jenisfontheading; ">Input Bilangan</font></h1> <p><font face=" echo $jenisfontparagraf; ">Masukkan dua buah bilangan pada form berikut ini</font></p> <form method="post" action="prosesphp"> Bilangan 1 <input type="text" name="bil1" /><br /> Bilangan 2 <input type="text" name="bil2" /><br /> <input type="submit" name="submit" value="jumlahkan" /> </form> include "footerphp"; prosesphp include "headerphp"; $bil1 = $_POST['bil1']; $bil2 = $_POST['bil2']; $hasil = $bil1 + $bil2; <h1><font face=" echo $jenisfontheading; ">Output</font></h1> <p><font face=" echo $jenisfontparagraf; ">Hasil penjumlahannya adalah echo $hasil; </font></p> include "footerphp"; Disusun oleh : Rosihan Ari Yuana 82
10 Tugas 1 Coba buatlah desain layout sebuah halaman web (tanpa menggunakan tool apapun selain Notepad atau Notepad++) dengan tampilan berikut ini: Nama Situs Anda Link Link Link Heading(Judul Konten) Konten/isi copyright 2 Dengan menggunakan teknik modularitas, coba buat modul configphp, headerphp dan footerphp dari hasil soal nomor 1 Modul configphp digunakan untuk mengatur konfigurasi seperti jenis font, ukuran font, warna background dll Keterangan: Untuk bagian Nama Situs Anda, Link dan Copyright bersifat fixed, artinya kelima halaman tersebut memiliki tampilan yang sama Sehingga dalam hal ini bagian yang berubah-ubah untuk setiap halaman hanyalah bagian Heading dan Konten saja 3 Dari hasil soal nomor 2, buat 5 halaman web berisi konten yang berbeda Kelima halaman web tersebut harus terintegrasi dengan link yang ada pada bagian link (lihat desain layout dari soal no 1) 4 Coba cari dan download lah sebuah layout instant dari internet, disarankan berasal dari buatlah modul headerphp dan footerphp Lalu buatlah 5 halaman web menggunakan layout tersebut dengan teknik modularitas Keterangan: Biasanya desain layout template terdiri dari 4 bagian, yaitu: bagian header (bagian yang terletak di atas konten), footer (bagian yang terletak di bawah konten), sidebar (bagian yang terletak di samping kiri atau kanan konten), dan bagian konten itu sendiri Nah dari keempat bagian, hanya bagian konten saja yang berubah-ubah, sedangkan bagian yang lain adalah fixed Disusun oleh : Rosihan Ari Yuana 83
11 5 Kerjakan kembali tugas No 2 bab 9 dengan mengintegrasikannya bersama layout yang Anda buat pada soal no 1 di atas 6 Kerjakan kembali tugas No 8 bab 10 dengan mengintegrasikannya bersama layout yang Anda buat pada soal no 1 di atas Disusun oleh : Rosihan Ari Yuana 84
Bab 13 Tentang SESSION
Bab 13 Tentang SESSION Untuk menjelaskan tentang SESSION dan kegunaannya, saya akan mulai dengan memberikan contoh visualisasi terlebih dahulu. Misalkan kita memiliki sebuah form sebagai berikut
BAB XIII BEKERJA DENGAN SESSION
BAB XIII BEKERJA DENGAN SESSION Session digunakan untuk mengirim data ke beberapa halaman web. Sebuah halaman web, secara normal tidak akan mengirim suatu data dari halaman yang satu ke halaman yang lain.
Session. Pendahuluan
Session Pendahuluan Session digunakan untuk mengirim data ke beberapa halaman web. Sebuah halaman web, secara normal tidak akan mengirim suatu data dari halaman yang satu ke halaman yang lain.dengan kata
Misalkan suatu variabel bernama X bertipe data array, maka X ini dapat Anda bayangkan seperti gambar berikut
Bab 12 ARRAY Selama ini bentuk variabel yang kita buat untuk menyimpan suatu value atau nilai adalah berbentuk tunggal. Maksudnya, satu variabel hanya bisa untuk menyimpan sebuah value saja. Misalkan sebuah
Modul 3 CSS CASCADE STYLE SHEET
Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran
Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008
Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi [email protected] Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian
Pertama-tama kita buat form login terlebih dahulu. login.htm
Secara umum, session digunakan untuk menyimpan suatu informasi antar proses request, baik request dalam bentuk POST atau GET. Bingung yah?? He.. he.. he OK saya akan ambil contoh untuk menggambarkan hal
Pemrograman Web DASAR HTML 2
Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang
Perancangan & Pemprograman WEB
Perancangan & Pemprograman WEB Pertemuan 9 Introduction PHP (1) Apa itu PHP???? Berdasarkan dari situs resmi PHP.net, PHP (Hypertext Preprocessor) merupakan bahasa pemprograman web yang dapat disisipkan
PENGGUNAAN SINGKATAN
PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Pemrograman Internet by Susiana Sari, S.Kom
1 Muara Teweh, 01 April 2009 Susiana Sari, S.Kom Manajemen Informatika Politeknik Muara Teweh STRUKTUR DASAR HTML : sebagai tanda awal dokumen : sebagai informasi page header : sebagai
BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
TAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line
TAG UTAMA HTML Materi Heading Paragraf Font Breakline Horisontal Line PERTEMUAN KE-2 TAG UTAMA HTML 2.1 PENGANTAR Dalam Bab Pertemuan ke-2 ini akan disinggung tentang tag utama dasar yang digunakan untuk
Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Modul Pengenalan Pemrograman PHP
Modul Pengenalan Pemrograman PHP Oleh: Aep Artikel ini ditujukan bagi yang ingin mengenal atau ingin mecoba belajar dasar pemrograman php murni, semoga dapat membantu dalam mengenal dan belajar pemrograman
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
Pengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan PHP PHP Sederhana
Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML
Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat
Gambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
1. HTML DASAR Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY
--------------------------------------------------------------------------------------------------------- BELAJAR HTML DASAR LENGKAP SINGKAT JELAS PADAT (Disertai Study Kasus) (www.infomugi.blogspot.com)
Trik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.
MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
BAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
BAB 2. Membuat Halaman Web Sederhana. Materi
BAB 2 Membuat Halaman Web Sederhana Materi Membuat Halaman Web PHP Membuat Halaman Web PHP dalam HTML Membuat Halaman Web PHP dengan Tag-tag HTML Membuat Halaman Web PHP dengan Javascript SESI / PERKULIAHAN
MODUL 10 PENGENALAN PHP. (Variabel, Operator, struktur control)
MODUL 10 PENGENALAN PHP (Variabel, Operator, struktur control) Tujuan : Mampu menjelaskan perintah-perintah dasar-dasar PHP (Variabel, Operator, struktur control) dan membuat aplikasi dengan perintah-perintah
BAB I PENDAHULUAN LATAR BELAKANG CONTOH KASUS. Diktat Mata Kuliah Aplikasi Teknologi Online Oleh : Andri Heryandi
BAB I PENDAHULUAN LATAR BELAKANG World Wide Web (WWW) telah berubah dengan cepat dalam berbagai cara. Bahasa standar yang dipakai dalam WWW adalah bahasa HTML (Hyper Text Markup Language). Dengan adanya
MODUL 7 SESSION DAN USER AUTHENTICATION
MODUL 7 SESSION DAN USER AUTHENTICATION A. Tujuan : 1. Memahami tentang penggunaan Session 2. Memahami tentang fungsi-fungsi session 3. Memahami tentang user authentication B. Dasar Teori A. SESSION PHP
CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS
PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi
PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
C. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Sejarah Web Browser. Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks.
Sejarah Web Browser Web Browser pertama menggunakan perintah teks biasa dan hanya bisa menampilkan dokumen teks. Pada tahun 1993, Marc Andreessen, seorang mahasiswa Universitas Illinois, menciptakan web
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan
MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 10 Penanganan Form HTML Tujuan: Mahasiswa memahami cara penanganan permintaan dalam kode PHP yang dikirimkan melalui form HTML untuk menyelesaikan
MODUL 6 SESSION DAN USER AUTHENTICATION
MODUL 6 SESSION DAN USER AUTHENTICATION A. Tujuan : 1. Memahami tentang penggunaan Session 2. Memahami tentang fungsi-fungsi session 3. Memahami tentang user authentication B. Dasar Teori A. SESSION PHP
Cara Mudah Mengedit Cascading Style Sheet (CSS)
Cara Mudah Mengedit Cascading Style Sheet (CSS) Riska Islaminati [email protected] :: http://www.komputeran.com/2012/04/cara-mudahmengedit-cascading-style.html Abstrak CSS salah satu teknik
Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman
Pertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS D3 Manajemen Informatika - Unijoyo 2 Singkatan dari Cascading Style
Modul OOo Writer. Versi 0.1. Willy Sudiarto Raharjo, S. Kom Update Terakhir: 29 August 2005.
Modul OOo Writer Willy Sudiarto Raharjo, S. Kom [email protected] Versi 0.1 Update Terakhir: 29 August 2005 Halaman 1 dari 13 Pendahuluan Modul pelatihan ini lebih difokuskan untuk pembahasan
Tentang Client Side dan Server Side Programming
BAB 1 Pengenalan PHP Pada bab ini Anda akan dikenalkan dengan PHP sebagai salah satu server side programming, pengertian server side programming dan client side programming, serta alasan mengapa memilih
1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
STRUKTUR DASAR HTML. Presented by: Moh. Sulhan 2009
STRUKTUR DASAR HTML Presented by: Moh. Sulhan : [email protected] @ 2009 Stuktur Dasar HTML Ekstensi / nama ahiran dari file adalah :.html /.htm Tag HTML tidak bersifat case sensitive Struktur dasar
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan
Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP
TUTORIAL MEMBUAT PROGRAM KALKULATOR DENGAN OOP PHP Oleh: Achmad Sayfudin Selamat Siang bagi pemula yang lagi belajar oop di php,berikut ini ada tutorial dengan pokok bahasan membuat aplikasi kalkulator
- Hingga Muncul tampilan dan editor Frontpage sebagai berikut : Area Kerja. Menu Formatting. Layer Kerja
MS. Frontpage adalah salah satu software buatan Microsoft yang digunakan untuk membuat halaman-halaman situs (website) yang sangat populer, selain mudah digunakan MS. Frontpage juga mempunyai fitur-fitur
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom [email protected] 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat
HTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
BAB II PHP - SINTAKS. Menyimpan File PHP. Dasar-dasar Pemrograman PHP. Kode-kode PHP dituliskan di antara tanda berikut ini: <?php ... atau ...
BAB II PHP - SINTAKS Kode-kode PHP dituliskan di antara tanda berikut ini: atau
Metode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>
![HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>](/thumbs/54/35215972.jpg "HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>")
HTML-FRAME 1 A. FRAME HTML Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan.
Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS
Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. [email protected] T.TELEKOMUNIKASI - PENS On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION
MODUL I PENDAHULUAN. 1.1 Pengertian html
MODUL I PENDAHULUAN 1.1 Pengertian html HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 4 Cascading Style Sheets Tujuan: Mahasiswa mengenal komponen CSS sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan
MODUL 3 DASAR-DASAR PHP
MODUL 3 DASAR-DASAR PHP Para pengguna internet dewasa ini cenderung lebih menyukai situs-situs yang mempunyai tampilan menarik dan menghibur. Yang pasti, mereka sudah bosan dengan tampilan web yang begitu-begitu
MODUL 2 INTERNET PROGRAMMING : PHP (2)
MODUL 2 INTERNET PROGRAMMING : PHP (2) A. Tujuan : 1. Memahami tentang Array di PHP 2. Memahami penggunaan Fungsi dalam PHP 3. Memahami tentang String dan Date 4. Memahami tentang Modularisasi dalam PHP
MODUL PRATIKUM - 09 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 09 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL 1 A. TUJUAN MODUL PRATIKUM PBW 09 Struktur Program
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA [email protected] Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Daftar Isi. 2 P a g e
Daftar Isi A. Spesifikasi Website... 3 1. Spesifikasi Perangkat Lunak... 3 2. Komponen Website... 3 a. Panel Admin... 3 b. Website Utama... 4 B. Komponen Panel Admin... 4 1. Halaman Login... 4 a. Petunjuk
MODUL 3 INTERNET PROGRAMMING : PHP 3
MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP Form pada PHP mempunyai dua method pengiriman data, yaitu GET dan POST. Dengan menggunakan method GET, maka nilai variabel yang dikirimkan ke server melalui
Manual Book Mengisi Konten Website OPD Kota Bogor
Manual Book Mengisi Konten Website OPD Kota Bogor Kantor Komunikasi dan Informatika Kota Bogor 2016 1. Buka browser dengan alamat url http://kotabogor.go.id/index.php/login 2. Kemudian masukkan Username
ACARA PRAKTIKUM PEMROGRAMAN WEB I
ACARA PRAKTIKUM PEMROGRAMAN WEB I PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI GORONTALO 2005 PENUNTUN PRAKTIKUM PEMROGRAMAN WEB I PENUNTUN PRAKTIKUM
Mengenal dan Mempelajari PHP Secara Sederhana Bagi Para Pemula
Mengenal dan Mempelajari PHP Secara Sederhana Bagi Para Pemula Jika berbicara tentang PHP atau mysql yang terlintas langsung adalah pemograman web. Mengapa? Karena keduanya merupakan cabang dari pemograman
Berikut ini langkah-langkah untuk konfigurasi awal dari paket toko online yang sudah kami siapkan :
Konfigurasi Awal Konfigurasi awal ini dilakukan untuk merubah data-data dengan menyesuaikan dengan data pemilik UKM. Pada layanan preload content ini kami sudah menyiapkan 3 template sebagai template default
Cara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara [email protected] Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector
rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini
Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web
HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.
MENGELOLA TEKS DALAM KOLOM DAN TABEL
MENGELOLA TEKS DALAM KOLOM DAN TABEL Jika Anda bekerja dengan kolom, sebelumnya Anda harus memahami perilaku fasilitas pengaturan kolom yang ada pada InDesign. Di dalam mendesain layout halaman, seringkali
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
Membuat Layout Header Diam di Tempat (Fix Header)
Membuat Layout Header Diam di Tempat (Fix Header) Oleh: Christian Rosandhy Fix Header / Header Diam di Tempat adalah salah satu tren layout yang cukup populer (liat aja header Facebook / Twitter). Layout
BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :
BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :
KONSEP DASAR HTML. HTML ( HyperText Mark up Language )
KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi
Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML
Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.
MODUL MULTI LANGUAGE WORDPRESS
MODUL MULTI LANGUAGE WORDPRESS Universitas Padjadjaran DIREKTORAT PERENCANAAN DAN SISTEM INFORMASI 2016 1 Pada dasarnya, wordpress bukan platform yang diperuntukkan untuk multi-language atau banyak bahasa.
CSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
BAB-2 HTML Tingkat DASAR
BAB-2 HTML Tingkat DASAR Dasar dari semua pemrograman web adalah pemrograman HTML, sehingga dikatakan bahwa tidak akan dapat membangun suatu gedung tanpa ada fondasi yang mendasari dari gedung tersebut.
DAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance
DAFTAR ISI Wordpress... 2 Mengenal Dashboard... 4 Memposting Artikel... 5 Penjelasan Area Posting Artikel... 5 Menambah Gambar Pada Tulisan... 8 Menambah Kategori dan Tag Pada Tulisan... 10 Pratampil dan
Materi latihan yang akan Anda dapatkan dalam Buku Student Exercise Series Pemrograman Web dengan HTML, CSS, dan JavaScript ini mencakup:
Kata Pengantar Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan
BAB 2 TINJAUAN TEORI
BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita
INTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA
INTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA STRUKTUR DASAR PHP Struktur PHP diawali dengan Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman
Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman
Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho [email protected] [email protected] http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional
BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang Sistem Ujian Konevensional Dalam ujian konvensional,ada beberapa hal yang harus dipenuhi agar ujian bisa dilaksanakan secara layak. Hal yang utama adalah kertas.
Sekilas Mengenai HTML
Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak
BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
Membuat Database mysql dengan PhpMyAdmin
Materi artikel : Membuat database mysql dengan PhpMyadmin View Insert Edit Delete Searching Membuat Hitcounter dengan file teks Syarat : Mengerti penggunaan tag HTML Browser dapat mengenali sintak Php
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA Pengenalan halaman frontpage Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari program frontpage 1 Keterangan : A. Membuka halaman
Pemrograman WEB PERTEMUAN KE-1
Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,
Membuat Login Dengan PHP dan MYSQL
Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun [email protected] :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya
MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN
MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN Tim Website UNY 2014 Region Web Fakultas Region Web Jurusan 1 2 3 5 7 10 0 4 12 13 Struktur Web Fakultas dan Jurusan NO Block 1 2 3 4 5 Header Main Menu Header
Membuat Form Dinamis dengan HTML & Javascript.
Membuat Form Dinamis dengan HTML & Javascript. Oleh: d-newbie Assalamualaikum wr.wb. Form tentunya sudah tidak asing lagi bagi para developer web, element html yg satu ini seolah-olah merupakan element
Membuat Carousel Dengan Bootstrap CDN
Membuat Carousel Dengan Bootstrap CDN Fitria Arnita [email protected] Abstrak Bootstrap adalah framework CSS yang dibuat khusus para designer web. Bootstrap digunakan untuk membuat sebuah templates web atau
PERTEMUAN 2 PEMROGRAMAN WEB LANJUT- Pokok Bahasan :
PERTEMUAN 2 Pokok Bahasan : Register Global On vs Register Global Off Variabel dan Konstanta Tipe Data Operator dan Aritmetika Parameter 1.1 Register Global On vs Register Global Off Pada awal perkembangannya,