7 Langkah Menguasai Web PHP/MySQL dengan Dreamweaver Dasar Isi
|
|
- Irwan Sutedja
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 2 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver 7 Langkah Menguasai Web PHP/MySQL dengan Dreamweaver Dasar Isi Kata Pengantar Daftar Isi Buku Lampiran Bab 1. Langkah 1 : Instalasi Paket PHP dan MySQL dengan XAMPP 1.1 Pendahuluan 1.2 Instalasi Paket XAMPP 1.3 Mengenal Struktur Folder XAMPP 1.4 Menjalankan XAMPP Bab 2. Langkah 2 : Menguasai Database MySQL 2.1 Pendahuluan 2.2 Mengenal dan Memulai MySQL Memastikan Servis MySQL Telah Berjalan Menjalankan Klien MySQL dari Command Prompt Menjalankan Klien MySQL dari Windows Explorer Mengetahui Letak Penyimpanan Database 2.3 Mengakses MySQL dengan Perintah SQL Mengetahui Daftar Database yang Ada Membuat Database Baru Masuk Pada Database Membuat Tabel Baru Mengetahui Daftar Tabel yang Ada
3 Daftar Isi Melihat Kembali Struktur Desain Tabel Memasukkan Data Baru Ke Dalam Tabel Menampilkan Data dari Dalam Tabel Menampilkan Data Hanya Sebagian Kolom Mengubah Nilai Data Pada Tabel Menghapus Sebagian Baris Data Bab 3. Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 3.1 Pendahuluan 3.2 Mengenal Dreamweaver Memahami Bagian Dreamweaver Halaman Kerja Dreamweaver Properti Pengaturan Data Objek 3.3 Dasar Mendesain Tabel Memahami Ikon Untuk Membuat Tabel Pertama Kali Membuat Tabel Memahami Tag HTML Penyusun Tabel Menyeleksi Tabel Secara Utuh Menyeleksi Bagian Tabel Mengatur Kembali Struktur Tabel Mengatur Lebar Kolom dan Baris Secara Manual 3.4 Memodifikasi Struktur Tabel Menambah Kolom Tabel Menambah Baris Tabel Menggabungkan Baris dan Kolom Tabel Membagi Cell Menjadi Beberapa Baris dan Kolom Bab 4. Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 4.1 Pendahuluan 4.2 Dasar Menggunakan Form Menggunakan Objek Form
4 4 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Menggunakan Objek Text Field Menggunakan Objek TextArea Menggunakan Objek Text Field Menggunakan Objek List/Menu Menggunakan Objek Radio Button Menggunakan Objek CheckBox Menggunakan Objek File Field 4.3 Mendesain Berbagai Formulir Aplikasi Mendesain Formulir Masukan Kategori Mendesain Formulir Masukan Data Barang Mendesain Formulir Pendaftaran Bab 5. Langkah 5 : Menguasai Pengkodean PHP dengan Dreamweaver 5.1 Pendahuluan 5.2 Menggunakan Dreamweaver Mengenal Dreamweaver Mengetahui Folder Kerja Utama Membuat Folder Kerja Baru Membuat Skrip PHP Pertama Kali Menulis Kode dengan Toolbar PHP Menulis Kode PHP dengan Jendela Bantu 5.3 Dasar Pemrograman PHP Mempersiapkan Folder Program Dasar Menampilkan Data Membuat Komentar dalam Program Menampilkan Data dari Variabel Menampilkan Data dari Variabel dan Operasi Gabungan Tag HTML dan Kode PHP 5.4 Register Global PHP 5.5 Struktur Kontrol Program Menggunakan IF Menggunakan IF-ELSE
5 Daftar Isi Menggunakan IF-ELSE-IF Menggunakan SWITCH 5.6 Struktur Perulangan Program Menggunakan While Menggunakan For 5.7 Latihan Pemrograman PHP Membuat Pilihan Tanggal Pada List/Menu Membuat Pilihan Tanggal Maksimal Hari Membuat Pilihan Tanggal Terpilih Hari ini Membuat Pilihan Tanggal Dua Digit Membuat Pilihan Tahun dalam List/Menu Membuat Pilihan Tahun Minimal dan Maksimal Membuat Pilihan Tahun Terpilih Saat ini Membuat Pilihan Bulan Pada List/Menu Membuat Pilihan Nama Bulan Pada List/Menu Membuat Pilihan Nama Bulan Terpilih Bab 6. Langkah 6 : Menguasai Pembuatan Program cpanel 6.1 Pendahuluan 6.2 Mempersiapkan Tabel Data Membuat Database dan Tabel Membuat Koneksi Database MySQL 6.3 Membuat Program Masukan Data Mendesain Formulir Masukan Data Membuat Program Simpan Data Buku Menjalankan Program Masukan Data 6.4 Membuat Program Tampil Data 6.5 Membuat Program Hapus Data Membuat Halaman Utama Pilih Data Membuat Program Hapus Data Terpilih 6.6 Membuat Program Ubah Data Membuat Halaman Utama Pilih Data
6 6 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Membuat Formulir Ubah Data Membuat Program Simpan Perubahan Bab 7. Langkah 7 : Menguasai Pembuatan Aplikasi Database ber-relasi 7.1 Pendahuluan 7.2 Mempersiapkan Tabel Relasi Relasi Tabel Mempersiapkan Tabel dan Data Membuat Koneksi Database MySQL 7.3 Menyimpan Data dari Relasi Membuat Program Masukkan Data Kabupaten Membuat Program Simpan Data Kabupaten Menjlanakan Program Masukkan Data 7.4 Menampilkan Data Berdasarkan Kelompok Menampilkan Data Kabupaten Per Propinsi Menampilkan Data Kabupaten Per Propinsi, Cara Mengubah Data dari Relasi Membuat Program Tampil Untuk Memilih Data Membuat Program Tampil Untuk Mengubah Data Membuat Program Simpan Data Hasil Modifikasi Lampiran A : Tipe Data Dalam MySQL Lampiran B : Fungsi Koneksi MySQL dari PHP Lampiran C : Operator Program PHP
7 Langkah 1 Instalasi Paket PHP dan MySQL dengan XAMPP 1.1 Pendahuluan Pada bab ini Anda akan belajar dibimbing dari awal untuk menginstal program PHP dan MySQL menggunakan paket XAMPP. Paket yang satu ini telah kami ujicoba dan terbukti nyaman digunakan, walaupun bagi yang masih awam dengan PHP. Pada semua pelajaran buku ini, apabila Anda menggunakan paket phptriad kemungkinan tidak berjalan dengan baik, kecuali pada settingan Register dibuat ON. Atau pada setiap skrip program contoh, semua parameter pembaca variabel dihilangkan. Untuk itu, sebaiknya Anda uprgrade dengan XAMPP. 1.2 Instalasi Paket XAMPP Untuk memulai penginstallan, sekarang masuklah ke dalam folder tempat Anda menyimpan file xampp-win installer, atau apabila ingin mendapatkan peket terbaru, Anda dapat mengambilnya dari halaman Sekarang, ikutilah langkah mudah berikut untuk menginstal XAMPP. 1. Klik dua kali pada ikon file xampp-win installer. Sekarang Anda akan mendapatkan jendela pertama proses installasi. 2. Pada jendela Installer Language, pilihlah bahasa Indonesia, kemudian klik tombol OK.
8 2 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 1.1 Memilih bahasa saat instalasi 3. Anda akan dihadapkan pada jendela Linsensi, bacalah apabila sempat, kemudian klik tombol Saya Setuju untuk melanjutkannya. 4. Pada jendela Pilih Lokasi Install, Anda dapat memilih lokasi tempat penginstallan XAMPP. Pada komputer Kami menggunakan drive C:\XAMPP (ketiklah secara manual C:\XAMPP) untuk menginstalnya. Gambar 1.2 Menentukan lokasi penginstallan XAMPP 5. Apabila ingin mengganti folder tujuan instalasi, ketikkan pada Folder tujuan secara manual, atau klik tombol Browse untuk mencarinya. 6. Klik tombol Instal untuk melanjutkan proses instalasi. 7. Kemudian tunggulah beberapa menit sampai proses penginstallan selesai.
9 Langkah 1: Instalasi Paket PHP dan MySQL dengan XAMPP Gambar 1.3 Proses penginstallan paket XAMPP 8. Selanjutnya, XAMPP akan secara otomatis melakukan penyetingan dari halaman Command Prompt. Perhatikan gambar berikut. Gambar 1.4 Konfigurasi otomatis XAMPP 9. Setelah proses konfigurasi selesai, maka Anda akan dihadapkan pada halaman penutup yang menyatakan proses penginstallan telah selesai dan sukses dilakukan.
10 4 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 1.5 Jendela menandakan proses instalasi selesai 1.3 Mengenal Struktur Folder XAMPP Setelah selesai instalasi, Anda akan menemukan shortcut Control Panel-nya dari Start Menu, Anda dapat menggunakannya untuk menjalankan server MySQL dan Apache. Seperti pada langkah installasi sebelumnya, bahwa Kita membuat tempat tersendiri untuk hasil instalasi, yaitu C:\XAMPP (atau di C:\Program Files\xampp). Pada folder tersebut Anda akan menemukan semua paket yang mendukung, termasuk PHP, MySQL, Apache maupun phpmyadmin. Untuk lebih jelasnya, Anda dapat melihat gambar berikut:
11 Langkah 1: Instalasi Paket PHP dan MySQL dengan XAMPP Gambar 1.6 Struktur folder hasil penginstallan Seperti paket-paket yang lain atau standar Web Server Apache, XAMPP juga memiliki folder bernama htdocs sebagai tempat penyimpanan semua file program web yang dibuat. Jadi, apabila Anda belajar PHP, maka semua file latihan harus disimpan di dalam folder ini. 1.4 Menjalankan XAMPP Pertama Kali Paket XAMPP telah menyediakan satu ikon yang dapat digunakan untuk menjalankan (mengaktifkan) semua service yang dimilikinya. Untuk menjalankannya, Anda dapat mengikuti langkah berikut: 1. Untuk mengaktifkan semua service yang ada dapat dilakukan hanya dari menu Start Program Apachefriends CONTROL XAMPP SERVER PANEL.
12 6 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 1.7 Langkah menjalankan service XAMPP 2. Setelah menu CONTROL XAMPP SERVER PANEL diklik, maka Anda akan segera dihadapkan pada jendela Control Panel XAMPP. Berikut adalah tampilannya. Gambar 1.8 Halaman Control Panel XAMPP Dari Control Panel di atas, apabila Anda mendapati salah satu service tidak memiliki status Running, maka Anda dapat menjalankannya dengan cara mengklik tombol Start yang ada di samping kanannya.
13 Langkah 1: Instalasi Paket PHP dan MySQL dengan XAMPP Gambar 1.9 Salah satu service tidak berjalan Sebagai informasi, Anda dapat menyimpan semua file program PHP yang telah dibuat pada subfolder bernama htdocs tepatnya pada C:\XAMPP\xamppd\htdocs atau pada C:\Program Files\xampp\htdocs. Berikut adalah gambar struktur folder secara lengkap: Gambar 1.10 Tempat penyimpanan file latihan ooooooo
14 Langkah 2 Menguasai Database MySQL 2.1 Pendahuluan Bagi Anda yang benar-benar buta dengan database MySQL, maka materi yang dibahas pada bab ini wajib Anda pelajari. Materi yang kami sajikan pada bab ini sangat cocok bagi semua pembaca yang sebelumnya benar-benar belum pernah menggunakan database MySQL, khususnya dari paket XAMPP. 2.2 Mengenal dan Memulai MySQL Bagian pertama ini akan membimbing Anda untuk dapat mengakses server MySQL dari klien Command Prompt. Sehingga, bagi yang masih awam diperlukan ketelitian untuk mempelajarinya Memastikan Servis MySQL Telah Berjalan Yang perlu Anda harus ingat, MySQL juga memiliki servis atau daemon yang harus dijalankan saat Anda ingin mengakases databasenya. Pada bab sebelumnya Anda sudah dijelaskan, bahwa untuk mengaktifkan atau menonaktifkan dapat dilakukan dari CONTROL PANEL. 1. Dari Start menu Windows, klik tombol Start Programs/All Programs apachefriends xampp CONTROL XAMPP SERVER PANEL. 2. Dari jendela Control Panel, periksalah status pada MySQL. 3. Jika pada MySQL belum memiliki status Running, klik tombol Start yang ada di samping baris MySQL, sehingga tombol berubah menjadi Stop dan muncul status Running.
15 2 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 2.1 Status Running pada server MySQL 4. Setelah selesai, keluarlah jendela Control Panel dengan cara klik tombol Exit. 5. Sekarang Anda telah siap menggunakan database MySQL Menjalankan Klien MySQL dari Command Prompt Sekarang kita akan masuk pada server MySQL dari Command Promnpt (DOS Prompt) menggunakan user Root atau tanpa user. Berikut langkahnya: 1. Jalankan Command Prompt melalui menu Start Program Accesories Command Prompt atau DOS Prompt. Selain itu, Anda juga dapat mengaksesnya dari jendela Run, yaitu dengan menuliskan alamat command atau cmd. Gambar 2.2 Menjalankan Command dari Run 2. Berikut adalah contoh tampilan utama Command Prompt dari Windows XP.
16 Langkah 2 : Menguasai Database MySQL 3 Gambar 2.3 Tampilan utama Command Prompt 3. Setelah masuk pada halaman Command Prompt atau MS DOS Prompt, masuklah pada subfolder mysql\bin, dan jalankan mysql klien-nya, berikut caranya: Aatau: 4. Setelah berada di dalam folder mysql\bin, untuk masuk menggunakan user tamu, Anda dapat langsung menuliskan perintah mysql saja atau mysql.exe. \MySQL\bin> mysql 5. Berikut adalah contohnya:
17 4 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver 6. Saat masuk pada server MySQL tanpa menyebutkan nama usernya, atau menggunakan user dan passwordnya salah, maka server biasanya akan menolak dengan menampilkan pesan kesalahan. Berikut contohnya: \MYSQL\bin> mysql ERROR 1045 (28000): Access denied for user 'ODBC'@'localhost' (using password: N O) 7. Untuk masuk menggunakan user, misalnya root. Maka pada perintah harus didefinisikan nama usernya, kemudian diikuti dengan password yang sesuai. \MySQL\bin> mysql -u root p Enter password: xxxxx 8. Jika saat instalasi Anda tidak memasukkan password, maka kita dapat masuk pada MySQL menggunakan user root tanpa password. Berikut adalah caranya: \MySQL\bin> mysql -u root 9. Kita juga dapat masuk pada MySQL dengan menggunakan user lain, syaratnya user tersebut sudah terdaftar di dalam server. Misalnya kita akan masuk menggunakan user bunafit, maka perintahnya adalah: \MySQL\bin> mysql -u bunafit p Enter password: xxxxx 10. Sekarang, kita misalkan saja masuk pada server MySQL menggunakan root yang dibuat tanpa password, maka perintah dan hasilnya dapat dilihat pada contoh berikut. \MySQL\bin> mysql -u root Welcome to the MySQL monitor. Commands end with ; or \g.
18 Langkah 2 : Menguasai Database MySQL 5 Your MySQL connection id is 1 to server version: nt Type 'help;' or '\h' for help. Type '\c' to clear the buffer. mysql> 11. Dari Prompt MySQL di atas, Anda dapat menjalankan perintah-perintah SQL termasuk membuat database dan tabel. 12. Untuk keluar dari MySQL Prompt, Anda dapat menuliskan perintah quit. Berikut adalah contohnya. mysql> quit Bye \MYSQL\bin> 13. Setelah kembali pada prompt C:\XAMPP\XAMPP\mysql\bin> atau C:\Program Files\xampp\mysql\bin>, berarti Anda telah keluar dari database MySQL Menjalankan Klien MySQL dari Windows Explorer Sebetulnya kita dapat dengan mudah mengakses MySQL, sebagai user tamu atau user tak dikenal, caranya adalah dengan mengklik ganda file klien yang bernama mysql.exe dari halaman Windows Explorer. File tersebut terletak di subfolder C:\XAMPP\XAMPP\mysql\bin> atau C:\Program Files\xampp\mysql\bin>, Berikut letaknya seperti tampak pada gambar:
19 6 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 2.7 Menjalankan mysql dengan cara klik ganda dari Explorer Mengetahui Letak Penyimpanan Database Pada kondisi normal, MySQL memiliki sub subfolder yang bernama data untuk menyimpan semua semua database dan tabel yang terbentuk. Sususan dari database yang dihasilkan dari MySQL jika dilihat dari Windows Explorer akan terlihat seperti subfolder biasa, kemudian di dalamnya akan tersusun beberapa file dari tabel. Berikut gambarnya: Gambar 2.8 Subfolder penyimpanan database
20 Langkah 2 : Menguasai Database MySQL 7 Dari gambar di atas, jika Anda baru pertama kali membuka folder tersebut dan belum pernah membuat satu database-pun, maka yang ada hanyalah folder mysql, test, phpmyadmin dan webauth. 2.3 Mengakses MySQL dengan Perintah SQL Pada bagian kedua ini Anda akan belajar perintah-perintah dasar untuk mengakses database MySQL. Perintah yang dipelajari termasuk melihat informasi dan bagaimana membangun database baru dengan perintah Mengetahui Daftar Database yang Ada Setelah masuk pada Prompt MySQL, untuk dapat melihat daftar database yang telah terbuat dapat menggunakan perintah SHOW DATABASES. Berikut adalah contohnya: Membuat Database Baru Untuk membuat database baru, perintah yang digunakan adalah CREATE DATABASE. Berikut adalah contoh perintah membuat database sekolahdb. Dari perintah di atas, parameter Query OK, 1 row affected (0.00 sec) menyatakan perintah yang Anda ketikkan berhasil dijalankan. Sekarang cobalah untuk melihat hasilnya dengan perintah SHOW.
21 8 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Masuk Pada Database Masuk pada suatu database juga berarti dengan mengaktifkan database, caranya adalah dengan menuliskan perintah USE atau CONNECT. Berikut adalah contoh perintah untuk masuk pada database sekolahdb Membuat Tabel Baru Syarat utama untuk dapat membuat tabel baru adalah Anda harus masuk atau berada di dalam suatu database (gunakan perintah USE). Untuk membuat tabel baru, perintah yang digunakan adalah CREATE TABLE. Berikut adalah sintaks dasarnya: SINTAKS : CREATE TABLE [IF NOT EXISTS] nama_tabel (kolom_a tipe(panjang), kolom_b tipe(panjang),...) Sebagai contoh, sekarang Anda dapat mencoba membuat tabel dengan sruktur sebagai berikut: Tabel 2.1 Desain tabel untuk menyimpan data siswa Kolom Tipe Panjang Keterangan Kode CHAR 4 Primery Key
22 Langkah 2 : Menguasai Database MySQL 9 Nama VARCHAR 30 Alamat VARCHAR 100 Dengan sintaks dasar yang ada, perintah SQL untuk membuat tabel siswa seperti yang telah didefinisikan dalam Tabel 2.1 adalah sebagai berikut: Mengetahui Daftar Tabel yang Ada Anda juga dapat menampilkan daftar tabel yang ada di dalam database, perintahnya adalah SHOW TABLES. Berikut contohnya: Atau : Melihat Kembali Struktur Desain Tabel
23 10 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Setelah tabel selesai dibuat, Anda dapat melihat kembali struktur desain awal seperti pada Tabel 2.1 di atas. Perintah yang dapat digunakan adalah DESC atau DESCRIBE. Berikut contohnya: Memasukkan Data Baru Ke Dalam Tabel Anda dapat memasukkan atau menyisipkan data baru ke dalam suatu tabel dengan cara yang sangat mudah, yaitu dengan perintah INSERT. Ada dua sintaks yang dapat digunakan, yaitu: SINTAKS : INSERT INTO nama_tabel (kolom_a, kolom_b,...,z) VALUES ( data_kolom_a, data_kolom_b,...,z); Dari sintaks di atas, berikut adalah contoh perintah SQL untuk memasukkan satu data baru ke dalam tabel siswa. Selain cara standar di atas, Anda juga dapat menggunakan cara kedua. Berikut adalah sintaks dasarnya : SINTAKS 2: INSERT INTO nama_tbl SET kolom_a = 'data_kolom_a', kolom_b = 'data_kolom_b', kolom_n = 'data_kolom_n',... ;
24 Langkah 2 : Menguasai Database MySQL 11 Dengan menggunakan sintaks di atas, berikut adalah contohnya: Menampilkan Data dari Dalam Tabel Menampilkan data juga dapat diartikan dengan mengambil, menyeleksi atau memilih data dari dalam tabel. Perintah yang digunakan adalah SELECT, kemudian dikuti tanda bintang (*) yang berarti untuk semua kolom atau dengan menyebutkan nama kolomnya satu persatu. SINTAKS : SELECT kolom_a, kolom_b,... FROM nama_tbl Berikut contohnya: Menampilkan Data Hanya Sebagian Kolom Sebelumnya telah dikatakan, bahwa dengan perintah SELECT kita dapat mengambil atau menampilkan data. Untuk mendapatkan sebagian data dari kolom tertentu, Anda dapat menyebutkan nama kolomnya.
25 12 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Mengubah Nilai Data Pada Tabel Saat membuat program aplikasi database, mengubah nilai data tidak dapat Anda tinggalkan, karena memiliki maksud untuk memperbaiki nilai yang salah atau sudah tidak sesuai lagi dengan data saat ini. Untuk mengubah nilai, perintah yang digunakan adalah UPDATE, kemudian menggunakan parameter WHERE sebagai kondisi penentu. SINTAKS : UPDATE nama_tabel SET kolom_a = datakolom_a, kolom_b = datakolom_b,... WHERE kondisi Dengan menggunakan tabel yang sama, Anda dapat mengubah nilai alamat pada data siswa yang bernama Sariyanto. Alamat yang ada sebelumnya adalah Manggarawan, dan akan diganti dengan Umbul Kacang. Pada perintah di atas, Anda dapat menggunakan nilai kode sebagai kondisi. Untuk melihat hasilnya, Anda dapat menggunakan perintah SELECT.
26 Langkah 2 : Menguasai Database MySQL Menghapus Sebagian Baris Data Untuk menghapus sebagian data, Anda dapat menggunakan perintah DELETE. Dalam pemakaiannya, Anda juga harus menggunakan parameter WHERE sebagai kondisi. Berikut contohnya: Dengan perintah di atas, Anda menghapus data siswa yang memiliki kode 0203, sedangkan data selain itu tidak dihapus. Untuk melihat hasilnya, Anda dapat menggunakan perintah SELECT. ooooooo
27 Langkah 3 Menguasai Pembuatan Tabel Untuk Desain Aplikasi 3.1 Pendahuluan Tabel merupakan objek penting dalam membangun aplikasi Web. Selain sebagai kerangka, tabel juga digunakan sebagai model desain dari aplikasi yang Anda bangun. Dengan adanya tabel, Anda dapat membuat sekat-sekat halaman, kemudian dari setiap daerah yang telah disekat dapat Anda pasang berbagai objek lain seperti formulir, tombol, gambar maupun konten. 3.2 Mengenal Dreamweaver Sebelum mendesain berbagai objek dengan Dreamweaver, ada baiknya Anda pahami terlebih dahulu bagian utama dari aplikasi editor yang digunakan. Berikut adalah pengetahuan dasar sebagai perkenalan awal Anda dengan editor andalan Anda bernama Dreamweaver Memahami Bagian Dreamweaver Pada versi terbaru ini yaitu Dreamweaver 8 dan CS3, sebenarnya tidak jauh beda dengan versi sebelumnya yaitu versi 6 yang hanya dikenal dengan MX atau MX 2004, atau versi sebelumnya Dreamweaver 4 dan 3, sehingga latihan pada buku ini dapat Anda terapkan pada beberapa versi sebelumnya atau untuk versi terbaru yang akan datang. Secara umum, halaman utama yang dimiliki oleh Dreamweaver adalah sebagai berikut:
28 2 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 3.1 Standar halaman yang dimiliki oleh Dreamweaver Semua versi Dreamweaver akan memiliki dua buah halaman kerja, yaitu halaman kode (code) dan halaman desain (design). Sehingga dengan adanya kedua halaman tersebut seorang pemrogram dapat menentukan pilihan halaman yang akan digunakan. Pada pilihan standar, editor ini telah mendukung banyak bahasa pemrograman, khususnya pemrograman yang tergolong dalam Web Programming. Bentuk dukungan tersebut dapat dibuktikan pada saat Anda masuk dan menggunakan halaman baru dari menu File New Halaman Kerja Dreamweaver Kemudahan yang disediakan oleh editor Dreamweaver adalah dengan ketersediaan dua buah halaman yaitu halaman kode dan halaman desain, dengan adanya halaman kode Anda dapat mengetikkan semua program yang dikehendaki, karena adanya halaman ini pulalah maka Dreamweaver masuk dalam kategori Editor Web. Selain itu juga memiliki fasilitas halaman yang berbentuk WYSIWYG (waht you see is what you get), yang artinya semua yang Anda buat akan tampil dan hasilnya akan sama jika dieksekusi, halaman tersebut dikatakan sebagai halaman desain.
29 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 3 Gambar 3.2 Halaman kode dan desain Untuk memepermudah pengguna, Dreamweaver memiliki 3 bentuk tampilan halaman yang berbeda, yang pertama adalah halaman kode (Code), halaman desain (Design) dan percampuran antara keduanya yaitu halaman desain dan kode (Split). Gambar 3.3 Letak ikon Code, Split dan Design Dalam satu kali kerja Anda dapat menggunakan atau membuka beberapa halaman, halaman tersebut akan ditampilkan per-layar mirip seperti pada Sheet aplikasi Ms Excel. Tampilan dengan bentuk ini juga dapat diistilahkan dengan bentuk tampilan desktop. Sehingga dengan kemampuan yang dimiliki oleh MX versi (7, 2004, 8 dan CS3) ini akan sangat memudahkan dalam
30 4 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver pekerjaan yang melibatkan banyak halaman web. Untuk mengaktifkan halaman kerja tersebut Anda dapat mengklik pada nama file yang ditampilkan pada bagian atas halaman desain. Tampilan dengan 3 layar kerja dapat dilihat pada gambar berikut. Gambar 3.4 Tampilan dengan 3 buah halaman Properti Pengaturan Data Objek Untuk mempermudah dalam pengaturan objek yang ada pada halaman desain, Dreamweaver memberikan fasilitas halaman Properties (properti) yang setiap kali memiliki tampilan yang berbeda sesuai dengan objek yang Anda aktifkan pada halaman desain. Halaman Properties tersebut berguna untuk memberikan nilai pada setiap objek yang dimasukkan dalam halaman desain. Untuk mengaktifkan halaman atau jendela Properties dapat melalui menu Windows Properties, jendela properti akan ditampilkan pada halaman desain bagian bawah. Secara standar jendela Properties akan ditampilkan untuk mendukung data teks, berikut tampilannya: Gambar 3.5 Contoh properties saat data teks aktif
31 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 5 Gambar properti di atas akan selalu berubah saat mengaktifkan objek web yang berbeda. Untuk membuktikannya, cobalah untuk melihat perubahan saat mengaktifkan komponen tabel, komponen form dan semua komponen yang didukung oleh Dreamweaver MX atau 8. Berikut adalah contoh perubahan ikon saat objek tabel diaktifkan. Gambar 3.6 Contoh properties saat objek tabel aktif 3.3 Dasar Mendesain Tabel Pada bagian ini Anda akan dibimbing dari dasar untuk dapat mengenali tabel dan bagaimana membuat tabel dari Dreamweaver. Tidak hanya itu, Anda juga akan diperkenalkan dengan tag HTML pembentuk dari tabel Memahami Ikon Untuk Membuat Tabel Tidak seperti editor program web lainnya, dengan Dreamweaver Anda sangat dimanja dalam segala hal, termasuk membuat tabel. Bayangkan saja, dengan Dreamweaver hanya tinggal klik saja, maka tabel sudah terbuat secara otomatis. Untuk dapat membuat tabel baru, Anda dapat menggunakan ikon Table ( ) yang ada pada komponen atau toolbar Common. Gambar 3.7 Ikon Table pada toolbar Common Selain dari toolbar Common, Anda dapat mendesain tabel dengan fasilitas yang ada pada toolbar Layout.
32 6 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 3.8 Ikon Table pada toolbar Layout Selain dari kedua cara di atas (toolbar Common dan menu Insert), Anda juga dapat membuat tabel dengan cara menekan tombol Ctrl + Alt + T atau dari menu Insert Table. Gambar 3.9 Alternatif lain untuk membuat tabel baru Pertama Kali Membuat Tabel Pada bagian ini Anda baru akan berlatih membuat tabel, termasuk mendesain tampilannya. Sebenarnya sangat mudah, yaitu hanya meng-klik pada ikon dan desain strukturnya, kemudian jadilah tabel. Untuk jelasnya, berikut langkahnya: 1. Dengan menggunakan editor Dreamweaver, bukalah halaman baru menggunakan tipe HTML atau PHP. 2. Klik ikon Tabel ( ) dari toolbar Common atau tekan Ctrl + Alt + T. 3. Setelah muncul jendela pengaturan tabel, tentukan desain struktur tabel yang diinginkan, termasuk jumlah kolom dan barisnya. 4. Pada latihan ini, Anda akan mebuat tabel dengan banyak baris (Rows) sebanyak 2, banyak kolom (Coloumns) adalah 3, dan border = 1. Berikut adalah model pengisiannya:
33 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 7 Gambar 3.10 Jendela utama pengaturan struktur tabel 5. Jika ingin menempatkan header (kepala) pada bagian yang berbeda, Anda dapat memilih Left, Top atau Both pada bagian Header. 6. Dari desain struktur di atas, setelah selesai dapat mengklik OK. 7. Berikut adalah contoh tampilan hasil pembuatan tabel di atas. Gambar 3.11 Hasil pembuatan tabel dua baris dan tiga kolom Memahami Tag HTML Penyusun Tabel
34 8 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Dilihat dari halaman kode, tabel tersusun atas beberapa tag HTML. Susunan baris ditandai dengan tag <TR>, sedangkan susunan cell (sel) atau kolom ditandai dengan tag<td>. Berikut adalah bedah skripnya: 1. Masih menggunakan tabel yang dibuat pada latihan sebelumnya. 2. Masuklah pada halaman kode dengan cara klik tombol Code, atau dari menu View Code. 3. Pada halaman kode Anda akan melihat susunan dari tabel terdiri dari tag <table> sebagai utamanya, dan <tr> sebagai penyusun baris, serta tag <td> sebagai susuan cell(sel) data. Berikut adalah skrip lengkapnya: <table width="300" border="1"> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> 4. Dari skrip di atas, tag <tr> sampai dengan </tr> yang ada dibawahnya menyatakan satu baris. Jadi, semua tag <td> yang ada didalamnya masuk ke dalam baris tersebut. 5. Dari skrip di atas, tag <td> sampai dengan </td> yang ada disampingnya menyatakan satu cell (sell). Daerah ini berguna untuk meletakkan data atau objek lain seperti gambar, form atau lainnya. 6. Karakter adalah data kosong atau whitespace yang ada pada cell(sel) data Menyeleksi Tabel Secara Utuh Menyeleksi tabel, sama artinya dengan memilih tabel atau mengaktifkan tabel Caranya sangat mudah, berikut adalah beberapa cara yang paling mudah: 1. Dari area kosong disebelah tabel, klik (tahan) dan geserlah mouse menuju objek tabel (proses drag). Sehingga objek tabel akan terseleksi.
35 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 9 Gambar 3.12 Cara pertama menyeleksi tabel 2. Klik pada pojok kiri atas tabel, atau pada bagian atas tabel, yaitu setelah mendapatkan perubahan mouse ( ). Gambar 3.13 Cara kedua menyeleksi tabel 3. Klik pada garis vertical (beridiri), yaitu setelah Anda mendapatkan perubahan pointer menjadi ( ). Gambar 3.14 Cara ketiga menyeleksi tabel Menyeleksi Bagian Tabel Selain menyeleksi tabel secara utuh, Anda juga dapat menyeleksi bagian tabel tertentu, misalnya pada baris, kolom maupun pada cell. Berikut latihannya: 1. Untuk menyeleksi suatu baris penuh, letakkan pointer mouse di sebelah kiri baris tertentu, klik kiri setelah mendapatkan pointer panah ( ).
36 10 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 3.15 Cara memilih baris tabel 2. Untuk menyeleksi suatu kolom penuh, letakkan pointer mouse di atas baris tertentu, klik kiri setelah mendapatkan pointer panah ( ). Gambar 3.16 Cara memilih kolom tabel 3. Untuk menyeleksi pada beberapa cell(sel) mendatar, klik (dan tahan) pada cell pertama yang akan diseleksi, kemudian tarik menuju pada cell kedua baik yang ada di sebelah kiri atau kanannya. Gambar 3.17 Cara memilih beberapa cell 4. Untuk menyeleksi pada beberapa cell (sel) vertikal, klik (dan tahan) pada cell pertama yang akan diseleksi, kemudian tarik menuju pada cell kedua baik yang ada di atas atau di sebelah bawahnya..
37 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 11 Gambar 3.18 Cara memilih beberapa cell Mengatur Kembali Struktur Tabel Setelah tabel selesai dibuat, Anda boleh tidak menerima begitu saja struktur yang ada. Jika struktur tabel masih banyak kekurangan, Anda dapat merestruktur atau mengatur kembali strukturnya. Caranya adalah dengan menentukan properti dari jendela Properties. 1. Masih menggunakan tabel yang dibuat pada latihan sebelumnya. 2. Pilihlah (aktifkan) satu tabel penuh, maka pada bagian bawah Dreamweaver Anda akan segera mendapatkan Properties. Gambar 3.19 Jendela Properties saat tabel diaktifkan 3. Pada prinsipnya, tabel di atas sama dengan jendela pengaturan saat pertama kali membuat tabel (Gambar 3.4). 4. Untuk mengubah struktur dan desain tabel, Anda dapat memasukkan nilai pada kolom yang sesuai, kemudian tekan tombol Enter.
38 12 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver 5. Setiap bagian yang ada disetiap jendela Properties dapat disebut atribut, penjelasan setiap atribut dan bagiannya adalah sebagai berikut: Tabel 3.1 Penjelasan bagian dari jendela Properties objek tabel Atribut Rows Cols W H CellPad CellSpace Border Align Keterangan Bagian Rows ( ) digunakan untuk mengatur jumlah baris tabel, ubah nilai ini untuk mengganti jumlah barisnya. Bagian Cols( ) digunakan untuk mengatur jumlah kolom tabel, ubah nilai ini untuk mengganti jumlah kolomnya Bagian W atau W( ) digunakan untuk mengatur lebar tabel ke arah kiri. Untuk nilai, Anda dapat menggunakna persen (full window dianggap 100%), atau pixel (menyesuaikan resolusi layar). Bagian H atau Height( ) digunakan untuk mengatur tinggi tabel ke atas dan bawah. Untuk nilai, sama dengan W, yaitu persen( ) dan pixel( ). Bagian CellPad( ) digunakan untuk memberi jarak antara garis border dengan area data. Bagian CellSpace( ) digunakan untuk memberikan nilai lebar pada border. Bagian Border( ) digunakan untuk memberikan nilai ketebalan pada border (garis pinggir). Bagian Align( ) digunakan untuk menentukan perataan objek tabel, pilihannya adalah: Default (standar di kiri), Left (di kiri halaman), Center (di tengah halaman), Right (di kanan halaman).
39 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 13 Brdr color Bg color Bg Image Class Bagian Brdr color( ) digunakan untuk menentukan warna pada border, Anda dapat mengubah dengan mengklik. Bagian Bg color( ) digunakan untuk menentukan warna pada background atau latar belakang tabel, klik untuk mengubah warnanya. Bagian Bg Image( ) digunakan untuk menentukan objek gambar sebagai latar belakang tabel. Klik ikon Open ( ) untuk menentukan file gambar dari explorer. Bagian Class( ) digunakan untuk mengatur desain tabel dengan format CSS. 6. Dengan menggunakan pengaturan Properties, Anda dapat mengubah struktur tabelnya dengan sangat mudah. Berikut adalah contohnya: Gambar 3.20 Mengatur kembali struktur tabel 7. Setelah jendela Properties dari tabel terpilih diatur, maka secara otomatis desain tabel akan berubah. Berikut adalah hasilnya: Gambar 3.21 Hasil pengaturan struktur dari jendela Properties
40 14 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Mengatur Lebar Kolom dan Baris Secara Manual Pada latihan di atas Anda sudah menguasai bagaiaman menyeleksi tabel secara penuh, sehingga dapat mengatur lebar dan tinggi tabel dengan sangat mudah. Sekarang bagaiamana jika Anda ingin mengubah lebar kolom atau tinggi baris tertentu saja, berikut adalah caranya: 1. Arahkan pinter mouse pada salah satu garis kolom, setelah mendapatkan kursor panah kiri-kanan ( ), klik (dan tahan) dan geserlah kearah kiri atau kanan sesuai keinginan. Gambar 3.22 Mengubah lebar kolom dengan menggeser garis 2. Arahkan pinter mouse pada salah satu garis kolom, setelah mendapatkan kursor panah atas-bawah ( ), klik (dan tahan) dan geserlah ke arah bawah atau atas sesuai keinginan.
41 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 15 Gambar 3.23 Mengubah tinggi baris dengan menggeser garis 3.4 Modifikasi Struktur Tabel Pada bagian sebelumnya dasar-dasar mengaktifkan tabel telah Anda pelajari, sekarang pada bagian ini Anda akan belajar bagaimana caranya memodifikasi struktur dan desain tabel Menambah Kolom Tabel Seperti yang dijelaskan pada bagian sebelumnya, untuk menambah jumlah kolom dapat dilakukan dengan mengatur nilai Cols( ) dari jendela Properties. Berikut ini adalah cara standar menambah jumlah kolom dengan cara menambah nilai pada jendela Properties. Gambar 3.24 Kondisi awal struktur tabel Gambar 3.25 Hasil penambahan kolom baru Untuk keperluan tertentu, Anda dapat menyisipkan kolom diantara kolom yang telah ada, berikut caranya: 1. Aktifkan tabel terlebih dahulu, kemudian klik ikon panah kecil ( ) yang ada di bawah kolom, kemudian pilih submenu Insert Column Left jika ingin menambah kolom di sebelah kiri. 2. Sedangkan untuk menambah kolom di sebelah kanan cell terpilih, lakukan cara yang sama dengan dan pilih submenu Insert Column Right.
42 16 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 3.26 Cara lain menambah kolom 3. Selain cara di atas, caranya adalah : klik kanan pada salah satu Cell(sel) kolom yang ada, kemudian pilih submenu Table Insert Row atau (Ctrl+ShiftA). Gambar 3.27 Menu klik kanan untuk menambah kolom Gambar 3.28 Hasil penambahan kolom baru 4. Selain kedua cara di atas, Anda juga dapat menambah kolom dari menu Modify Table Insert Column. 5. Untuk menambah kolom, dapat dipercepat dengan menekan tombol Ctrl + Shift + A dari keyboard.
43 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi Menambah Baris Tabel Seperti yang dijelaskan pada bagian sebelumnya, untuk menambah jumlah baris dapat dilakukan dengan mengatur nilai Rows ( ) dari jendela Properties. Berikut ini adalah cara standar menambah jumlah baris dengan cara menambah nilai pada jendela Properties. Gambar 3.29 Struktur tabel awal sebelum diubah Gambar 3.30 Hasil menambah baris dengan Properties Untuk keperluan tertentu, Anda dapat menyisipkan baris diantara baris yang telah ada, berikut caranya: 1. Untuk menambah baris di atas suatu baris tertentu, klik kanan pada salah satu baris, kemudian pilih menu Table Insert Row atau dengan menekan tombol Ctrl + M. Gambar 3.31 Menu klik kanan untuk menyisipkan baris
44 18 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver Gambar 3.32 Hasil menyisipkan baris diantara baris 2. Selain cara di atas, Anda juga dapat menambah kolom dari menu Modify Table Insert Row. 3. Untuk mempercepat dalam menyisipkan baris tabel, Anda dapat menekan tombol Ctrl + M dari keyboard Menggabungkan Baris dan Kolom Tabel Menggabungkan salam bahasa komputer disebut dengan Merger, yaitu sebuah teknik menggabungkan atau menjadikan satu dari beberapa kolom atau baris yang terpilih. Berikut adalah latihannya: 1. Untuk menggabungkan beberapa cell(sel) dari baris tertentu, Anda dapat memilih beberapa cell yang akan di-merger. Gambar 3.33 Memilih beberapa cell dari baris pertama 2. Kemudian dari menu Modify Table Merge Cells. Selain dari menu Modify, dapat dilakukan dari menu klik kanan, pilih Table Merge Cells.
45 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 19 Gambar 3.34 Menu Merge Cells untuk menggabung cell Anda juga dapat menggunakan ikon Merge ( disediakan pada jendela Properties. ) yang telah Gambar 3.35 Ikon Merge Cells untuk menggabung cell Untuk mempercepat dalam menggabungkan beberapa cell tabel, Anda dapat menekan tombol Ctrl + Alt + M dari keyboard. 3. Berikut adalah hasilnya: Gambar 3.36 Hasil menggabungkan tiga cell Membagi Cell Menjadi Beberapa Baris dan Kolom Kebalikan dari fasilitas Merge Cells adalah Split Cells, yaitu membagi atau memecah satu cell (sel) menjadi beberapa kolom dan baris.
46 20 7 Langkah Menguasai PHP dan MySQL dengan Editor Dreamweaver 1. Pada bagian ini, tabel latihan Anda masih seperti sebelumnya, yaitu terdiri dari dua baris dan tiga kolom. Gambar 3.37 Struktur awal tabel sebelum Split 2. Untuk memecah cell, klik menu Split Cell atau klik ikon, berikut adalah beberapa cara yang dapat dilakukan: Untuk mendapatkan menu Split Cell, klik kanan pada salah satu Cell yang diiginkan, kemudian pilih Table Split Cell. Gambar 3.38 Mendapatkan menu Split Cell Untuk mendapatkan menu Split Cell lain, klik pada menu Modify, kemudian pilih Table Split Cell. Anda juga dapat menggunakan ikon Split Cell( disediakan pada jendela Properties. ) yang telah Gambar 3.39 Ikon Split Cells untuk memecah cell
47 Langkah 3 : Menguasai Pembuatan Tabel Untuk Desain Aplikasi 21 Untuk mempercepat dalam memecah cell tabel, Anda dapat menekan tombol Ctrl + Alt + S dari keyboard. 3. Setelah menu Split Cell( ) diklik, Anda akan dihadapkan pada jendela Split Cell. 4. Selanjutnya, tentukan jumlah kolom (Coloumns) atau baris (Rows) yang akan dibuat. Berikut adalah contoh kami memecah cell menjadi dua kolom. Gambar 3.40 Menentukan model pemecahan cell 5. Jika berhasil, berikut adalah hasil tabel setelah dipecah. Gambar 3.41 Hasil memecah cell menjadi dua kolom Dari langkah di atas (lihat Gambar 3.40), jika Anda memilih Split cell into: Coloumns sebanyak 2, maka hasilnya adalah: Gambar 3.42 Hasil memecah cell menjadi dua baris ooooooo
48 Langkah 4 Menguasai Pembuatan Formulir Masukan Data 4.1 Pendahuluan Pada bab ini Anda akan belajar dasar-dasar pemakaian objek forms untuk membuat formulir. Tentunya Anda sudah paham, bahwa formulir adalah media isian atau masukan untuk suatu data tertentu. Dari bab ini, semua hal yang terkait dengan desain formulir akan dibahas. 4.2 Dasar Menggunakan Form Subbab ini akan mengajarkan kepada para awam untuk dapat mengenali dan menggunakan setiap objek form. Dengan mengetahui nama objek dan fungsinya, maka Anda dapat mendesain formulir dengan kebutuhan yang tepat Mengaktifkan Objek Form Di dalam membuat aplikasi berbasis Web, Anda tidak dapat meninggalkan toolbar form, yaitu sebagai media masukan yang berasal dari klien atau pengguna aplikasi. Di dalam Dreamweaver versi berapapun, toolbar ini telah disediakan dan Anda tinggal menggunakannya tanpa harus menulis kodenya secara manual. Saat pertama kali Anda masuk pada aplikasi Dreamweaver, maka status toolbar akan aktif pada Common sebagai standarnya. Jangan takut, karena Anda dapat berpindah-pindah toolbar dengan sangat mudah. Gambar 4.1 Toolbar standar bernama Common
49 2 7 Langkah Menguasai Web PHP dan MySQL dengan Dreamweaver Dari bagian badan toolbar tersebut, Anda dapat berpindah antar toolbar dengan cara mengklik tanda panah ( ) yang ada, kemudian pilihlah nama toolbar yang akan diaktifkan. Gambar 4.2 Berpindah toolbar Forms Selain menggunakan toolbar Forms di atas, Anda juga dapat menggunakan menu Insert Form. Berikut adalah contohnya: Gambar 4.3 Menu untuk memanggil objek form
50 Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 3 Dari cara di atas, jika Anda memilih nama toolbar Forms, maka semua objek formulir akan ditampilkan. Berikut adalah tampilannya: Gambar 4.4 Objek lengkap pada toolbar Forms Menggunakan Objek Form Objek form ( ) merupakan bagian terpenting saat dalam mendesain formulir, objek ini harus ada dan harus dibuat pertama kali saat mendesain. Setelah objek form( ) ditambahkan, baru Anda dapat menambahkan objek form yang dibutuhkan atau dapat membuat tabel untuk kerangka desain. Gambar 4.4 Objek form ditambahkan pada lembar kerja Setelah objek form ditambahkan, Anda dapat mengukur alamat aksi yang berguna untuk mengeksekusi data yang dikirimkan. Biasanya, akan dialamatkan pada program simpan atau program tampil. Pengaturannya dapat dilakukan pada jendela Properties. Gambar 4.5 Jendela properties untuk objek form Keterangan: Dari tampilan gambar di atas, ada beberapa toolbar pengaturan yang perlu Anda ketahui. Berikut adalah penjelasannya:
51 4 7 Langkah Menguasai Web PHP dan MySQL dengan Dreamweaver Form name: Digunakan untuk menentukan variabel atau Name dari objek, sehingga dari variabel ini nantinya dapat dibaca pada program. Action : Digunakan untuk menentukan alamat tujuan form, sehingga saat dieksekusi atau saat tombol Submit diklik, maka program akan menjalankan file program yang dimaksud. Method : Digunakan untuk menentukan metode pengiriman data dari form, yaitu menggunakan POST atau GET. Untuk aplikasi penyimpanan database, Anda harus memilih POST. Target : Digunakan untuk menentukan metode pemakaian browser. Pilihannya adalah : _Self (dijalankan pada halaman yang sama), _blank (dijalankan pada halaman baru), _parent dan _top. Catatan: Jika jendela Properties untuk objek Form tidak muncul, Anda dapat mengaktifkannya dengan cara, klik pada garis merah putus-putus ( ), atau dengan cara klik sekali lagi pada objek form( ) Menggunakan Objek Text Field Objek Text Field ( ) merupakan objek masukan utama yang biasa digunakan dalam mendesain formulir. Pada aplikasi pemrograman yang lain, objek ini sering disebut dengan TextBox. Dengan objek ini Anda dapat memasukkan data teks dengan cara menuliskannya dari keyboard. 1. Dengan menggunakan editor Dreamweaver versi kesukaan Anda, bukalah halaman baru menggunakan tipe PHP. 2. Pada halaman desain, tambahkan objek Form( ) pada halaman kerja. Gambar 4.6 Desain awal membuat formulir
52 Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 5 3. Di sebelah label Data Nama, tambahkan objek Text Field dengan cara mengklik ikon ( ) atau dari menu Insert Form Text Field. Gambar 4.7 Tampilan objek Text Field di dalam formulir 4. Objek ini juga dapat diatur, caranya klik pada objek Text Field yang ada di dalam halaman form, maka jendela Properties akan ditampilkan seperti berikut: Gambar 4.8 Jendela properties objek Text Field Keterangan: Dari tampilan gambar di atas, ada beberapa toolbar pengaturan yang perlu Anda ketahui. Berikut adalah penjelasannya: TextField : Digunakan untuk menentukan variabel atau Name dari objek, sehingga dari variabel ini nantinya dapat dibaca pada program. Char width: Digunakan untuk menentukan panjang objek yang terlihat pada layar, ukuran panjang ini tidak berpengaruh pada kemampuan dalam menampung data. Max chars : Digunakan untuk menentukan maksimal panjang objek untuk menampung teks. Jadi, jika disetting dengan nilai 4, maka Anda hanya bisa memasukkan data sebanyak 4 digit. Init Val : Digunakan untuk memberikan nilai standar pada objek masukan. Biasanya kolom ini akan dipakai saat membuat program ubah data.
53 6 7 Langkah Menguasai Web PHP dan MySQL dengan Dreamweaver 5. Juga perlu Anda ketahui, bahwa objek Text Field disusun atas tag HTML seperti kode berikut. <input name="txtnama" type="text" size="30" maxlength="100"> Menggunakan TextArea Objek Text Area ( ) merupakan pengembangan dari Text Field, yaitu model masukan data yang mendukung banyak data berupa kalimat atau lebih. Bedanya, pada Text Field tipenya untuk satu baris data saja (Single Line), sedangkan untuk Text Area adalah Multi Line atau banyak baris. 1. Dengan menggunakan editor Dreamweaver versi kesukaan Anda, bukalah halaman baru menggunakan tipe PHP. 2. Pada halaman desain, tambahkan objek Form( ) pada halaman kerja. Gambar 4.9 Desain formulir untuk objek Text Area 6. Di sebelah label Data Lengkap, tambahkan objek Text Area dengan cara mengklik ikon ( ) atau dari menu Insert Form Textarea. Gambar 4.10 Tampilan objek Text Area di dalam formulir
54 Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 7 7. Objek ini juga dapat diatur, caranya klik pada objek Text Area yang ada di dalam halaman form, maka jendela Properties akan ditampilkan. Gambar 4.11 Jendela Properties untuk objek Text Area Keterangan: Dari tampilan gambar di atas, ada beberapa toolbar pengaturan yang perlu Anda ketahui. Berikut adalah penjelasannya: TextField : Digunakan untuk menentukan variabel atau Name dari objek, sehingga dari variabel ini nantinya dapat dibaca pada program. Char width: Digunakan untuk menentukan panjang objek yang terlihat pada layar, ukuran panjang ini tidak berpengaruh pada kemampuan dalam menampung data. Num Lines : Digunakan untuk menentukan jumlah baris objek untuk menampung teks. Jadi, jika disetting dengan nilai 4, maka Anda akan melihat objek TextArea dengan lebar 4x objek TextField. Init Val : Digunakan untuk memberikan nilai standar pada objek masukan. Biasanya kolom ini akan dipakai saat membuat program ubah data. 8. Juga perlu Anda ketahui, bahwa objek Text Area disusun atas tag HTML seperti kode berikut. <textarea name="txtlengkap" cols="40" rows="4"></textarea> Menggunakan Text Password Objek Text Password( ) merupakan objek masukan form khusus untuk data password. Pada dasarnya, objek ini sama dengan Text Field biasa, yang membedakan hanya tipe datanya saja, yaitu disetting dengan Password. Berikut adalah latihan dalam menggunakannya:
55 8 7 Langkah Menguasai Web PHP dan MySQL dengan Dreamweaver 1. Dengan menggunakan editor Dreamweaver versi kesukaan Anda, bukalah halaman baru menggunakan tipe PHP. 2. Pada halaman desain, tambahkan objek Form( ) pada halaman kerja. Gambar 4.12 Desain formulir untuk objek Text Password 9. Di sebelah label Data Lengkap, tambahkan objek Text Field dengan cara mengklik ikon ( ) atau dari menu Insert Form Text Field. Gambar 4.13 Tampilan objek Text Password di dalam formulir 3. Untuk memasang Text Field sebagai Text Password, Anda harus mengubah tipe datanya menjadi Password. Untuk mengubahnya dapat dilakukan dari jendela Properties. 4. Objek ini juga dapat diatur, caranya klik pada objek Text Field yang ada di dalam halaman form, maka jendela Properties akan ditampilkan: Gambar 4.14 Jendela Properties untuk objek Text Password
56 Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 9 5. Juga perlu Anda ketahui, bahwa objek Text Password disusun atas tag HTML seperti kode berikut. <input name="txtpassword" type="password" size="30" maxlength="30"> Menggunakan Hidden Field Objek Hidden Field ( ) merupakan media masukan yang statusnya disembunyikan, jadi fisik objeknya tidak akan terlihat dari halaman browser. Biasanya, objek ini digunakan untuk merekam data kode atau data rahasia untuk sementara waktu. Berikut latihannya: 1. Dengan menggunakan editor Dreamweaver versi kesukaan Anda, bukalah halaman baru menggunakan tipe PHP. 2. Pada halaman desain, tambahkan objek Form( ) dan beberapa objek lain pada halaman kerja, berikut contohnya: Gambar 4.15 Desain formulir untuk objek Hidden Field 3. Di sebelah label Kode, tambahkan objek Hidden Field dengan cara mengklik ikon ( ) atau dari menu Insert Form Hidden Field. Gambar 4.16 Tampilan objek Hidden Field di dalam formulir 4. Setelah terbentuk, objek Hidden Field akan berubah bentuknya menjadi warna kuning ( ).
57 10 7 Langkah Menguasai Web PHP dan MySQL dengan Dreamweaver 5. Objek ini juga dapat diatur, caranya klik pada objek Hidden Field yang ada di dalam halaman form, maka jendela Properties akan ditampilkan: Gambar 4.17 Jendela Properties untuk objek Hidden Field 6. Juga perlu Anda ketahui, bahwa objek Hidden Field disusun atas tag HTML seperti kode berikut. <input name="txtkodeh" type="hidden" value="<? echo $kodedata;?>"> Menggunakan List/Menu Objek List/Menu ( ) juga disebut dengan Combo Box, yiatu objek masukkan yang berupa pilihan berupa kombo. Biasanya digunakan untuk membuat pilihan data yang bersifat Single Choice (hanya boleh memilih satu), misalnya : data golongan darah, agama, tanggal, bulan, tahun negara atau yang lainnya. Berikut adalah latihannya: 1. Dengan menggunakan editor Dreamweaver versi kesukaan Anda, bukalah halaman baru menggunakan tipe PHP. 2. Pada halaman desain, tambahkan objek Form( ) dan beberapa objek lain pada halaman kerja, berikut contohnya: Gambar 4.18 Desain formulir untuk objek List/Menu 3. Di sebelah label Data Bulan, tambahkan objek List/Menu dengan cara mengklik ikon( ) atau dari menu Insert Form List/Menu.
58 Langkah 4 : Menguasai Pembuatan Formulir Masukan Data 11 Gambar 4.19 Tampilan objek List/Menu di dalam formulir 4. Objek ini juga dapat diatur, caranya klik pada objek List/Menu yang ada di dalam halaman form, maka jendela Properties akan ditampilkan: Gambar 4.20 Jendela Properties untuk objek List/Menu 5. Pada objek List/Menu Anda dapat membuat daftar pilihan, caranya dengan klik kanan pada objek, kemudian pilih List Values atau klik tombol ( ) yang ada pada jendela Properties. Gambar 4.21 Menu klik kanan pada List/Menu 6. Dari klik kanan, setelah Anda memilih List Values, Anda akan dihadapkan pada jendela List Values. Tambahkan beberapa daftar pilihan dengan cara mengklik tombol Add ( ) atau Del( ) untuk menghapus.
Instalasi Paket PHP dan MySQL dengan XAMPP
Instalasi Paket PHP dan MySQL dengan XAMPP Bunafit Nugroho www.bunafit-komputer.com bunafit_linux@yahoo.com Lisensi Dokumen: Copyright 2008 Bunafit-Komputer.Com Seluruh dokumen di Bunafit-Komputer.Com
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciPraktek Pemrograman Web
Praktek Pemrograman Web dwi sakethi dwijim@unila.ac.id http://www.dwijim.wordpress.com 0816-403-432 25 Mei 2012 seratan meniko dipun ketik ngangge L A TEX 1 Daftar Isi 1 Praktek #1-Menginstal XAMPP 3 1.1
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciMacromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
Lebih terperinciMODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA UIN SUNAN KALIJAGA YOGYAKARTA 2011 PENGENALAN DATABASE MYSQL
MODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA 2011 PENGENALAN DATABASE MYSQL Praktikum ke-1 A. Pengenalan MySQL MySQL merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat
Lebih terperinciMODUL I PENGENALAN MYSQL
MODUL I PENGENALAN MYSQL A. TUJUAN Mengenal DBMS MySQL dan penggunaannya untuk pengelolaan basis data. Mampu memanfaatkan command-line (client) MySQL. Memahami operasi-operasi DDL dan DML di MySQL B. PETUNJUK
Lebih terperinciMySQL J A M K E T I G A
J A M K E T I G A MySQL l Apa itu MySQL? l Membuat User Baru l Membuat Database l Tipe Data MySQL l Membuat Tabel l Structured Query Language l Latihan Jam Ketiga l Soal Jam Ketiga Jam Ketiga Apa itu MySQL?
Lebih terperinciPERINTAH DASAR MySQL
PERINTAH DASAR MySQL Menjalankan MySQL Untuk menjalankan MySQL cukup dengan mengetikan mysql pada system prompt Bentuk umum perintah mysql database h host u user p password Dengan windows Menu Start All
Lebih terperinciPemrograman PHP & MySQL
Pemrograman PHP & MySQL Memadukan antara Web Server dan Database Server Pemrograman PHP & MySQL Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah tool (alat bantu) untuk memonitor
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004
MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start->Program->Macromedia- >Macromedia Dreamweaver MX2004 2. Tampilan awal biasanya
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciPERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007
PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007 A. TUJUAN PEMBELAJARAN Pada bab ini akan dijelaskan mengenai mengoperasikan dasar dasar Microsoft Office Excel 2007. Melalui Penjelasan
Lebih terperinciPokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen
Membuat Tabel, Footnote, Komentar dan Mencetak pada Word 2007 Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen 36 JBK Microsoft Office 2007
Lebih terperinciLembar kerja access Title bar merupakan judul dari jendela program atau nama file yang sedang aktif Tombol office merupakan tombol yang menampung
Lembar kerja access Title bar merupakan judul dari jendela program atau nama file yang sedang aktif Tombol office merupakan tombol yang menampung perintah perintah menu yang sering digunakan dalam access
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciMembuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa
Tutorial Macromedia Dreamweaver PHP MySQL Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Dalam Tutorial Ini Diasumsikan Bahwa: 1. Di
Lebih terperinciDatabase. Danu Wira Pangestu 1. Mengenal Database. Lisensi Dokumen:
Pemrograman Database Visual Basic MySQL (bagian 3) Danu Wira Pangestu danu_wira@yahoo.com www.bangdanu.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
Lebih terperinciMembuat Buku Kerja dengan Microsoft Excel
Pelajaran 5 Membuat Buku Kerja dengan Microsoft Excel A B C D 1 Nama Murid Jenis Kelamin Nilai Matematika Keterangan 2 Andi L 8 Lulus 3 Siti Nurlaela P 8 Lulus 4 Dinar Nugraha L 8 Lulus 5 Bayu Purbaya
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciMengenal Pemrograman PHP7 Database untuk Pemula
Mengenal Pemrograman PHP7 Database untuk Pemula Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi
Lebih terperinciGambar 2. 1 Kotak dialog Pilihan Bahasa
A. Instalasi Xampp 1.7.1 (Apache dan MySQL) 1. Lakukan double click pada file xampp-win32-1.7.1-installer.exe yang terdapat pada folder Support pada CD SisfoKampus STEI SEBI. 2. Pilih bahasa yang digunakan
Lebih terperinciPertemuan IV. Semester 1
Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table
Lebih terperinciBab 9 Menggunakan Tabel
Bab 9 Menggunakan Tabel Webmaster Pro Front Page XP Daftar Isi Bab 9 1 Membuat sebuah tabel...284 1.1 Cara pertama membuat tabel... 284 1.2 Cara kedua membuat tabel... 286 1.3 Cara ketiga membuat tabel...
Lebih terperinci2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu
1. Look at the picture toolbar above, in microsoft word program this toolbar is called. a. drawing toolbar b. standart toolbar c. formatting toolbar d. table and borders toolbar 2. What s the name of picture
Lebih terperinci1. MENGENAL VISUAL BASIC
1. MENGENAL VISUAL BASIC 1.1 Mengenal Visual Basic 6.0 Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh
Lebih terperinciPanduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat
Lebih terperinciMODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories
MODUL 7 JOOMLA Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories Apakah Joomla itu? Sejauh ini joomla adalah: Joomla! is a free open source framework and content publishing
Lebih terperinciMengenal PHP dan Web Server
J A M P E R T A M A Mengenal PHP dan Web Server l Apa itu PHP? l Instalasi Web Server l Menggunakan Web Editor l Sintaks Dasar PHP l Perintah Cetak dan Menyimpan File l Pemisah Blok Perintah dan Komentar
Lebih terperinciAhmad Zidni, S.T. SMK Gondang 2011
Ahmad Zidni, S.T. SMK Gondang 2011 Buka aplikasi Microsoft Access Klik File New Pilih Blank Database Create nama file database Buat tabel dengan create table in design view klik 2 x sehingga terbuka jendela
Lebih terperinciModul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.
Modul ke: Aplikasi Komputer Microsoft Word Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id MEMULAI MS WORD Klik START > Program > Micorosoft Office
Lebih terperinciMANUAL PENGOPERASIAN JSTOCKINVENTORY Twitter
MANUAL PENGOPERASIAN JSTOCKINVENTORY 2 www.jasaplus.com 082227927747 Twitter : @ringlayer email : ringlayer@gmail.com jasapluscom@yahoo.com DAFTAR ISI BAB 1. PENGENALAN DAN INSTALASI JSTOCKINVENTORY 1.1.
Lebih terperinciEksekusi file setup.exe yang ada dalam CD atau folder instalasi oracle.
1 2 3 Eksekusi file setup.exe yang ada dalam CD atau folder instalasi oracle. 4 Isilah konfigurasi instalasi yang akan dibuat. Oracle Home Location : biasanya terisi otomatis dgn drive yang paling banyak
Lebih terperinciAdvantages. Keunggulan :
Advantages Keunggulan : Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai
Lebih terperinciModul 2. Database Menggunakan Primary Key, Unique, Auto Increment, Alter-Add dan Alter-Drop. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA
Modul 2 Database Menggunakan Primary Key, Unique, Auto Increment, Alter-Add dan Alter-Drop Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS
Lebih terperinciPemrograman Web Lanjut 2017
Praktikum 7 Basis data (database) dapat dikatakan sebagai sekumpulan data yang disimpan, saling berhubungan, dan diorganisasi secara bersama. Perangkat lunak yang dapat digunakan untuk mengolah basis data
Lebih terperinciModul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN
Lebih terperinciPengenalan Microsoft Excel 2007
Pengenalan Microsoft Excel 2007 Microsoft Excel merupakan perangkat lunak untuk mengolah data secara otomatis meliputi perhitungan dasar, penggunaan fungsi-fungsi, pembuatan grafik dan manajemen data.
Lebih terperinciPengenalan SPSS 15.0
Pengenalan SPSS 15.0 1.1 Pengantar SPSS SPSS atau kepanjangan dari Statistical Product and Service Solution merupakan salah satu dari sekian banyak software statistika yang banyak digunakan oleh berbagai
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciLatihan 1: Mengoperasikan Excel
Student Exercise Series: Microsoft Office Excel 007l Latihan : Mengoperasikan Excel Buatlah sebuah buku kerja baru, kemudian ketikkan teks-teks berikut ini. Simpan hasilnya dengan nama Lat-0 dalam folder
Lebih terperinciKapitaSelekta. (KBKI82127, 2 sks) Materi : Pengenalan MySQL
KapitaSelekta KapitaSelekta (KBKI82127, 2 sks) Materi : Pengenalan MySQL Mohon Perhatian TUGAS DIKUMPULKAN PROGRAM AKAN DIPERIKSA DI KOMPUTER MASING- MASING Sub Materi : 1. Pengenalan MySQL (Part-1) 1.
Lebih terperinciBab 2 Entri dan Modifikasi Sel
Bab 2 Entri dan Modifikasi Sel Pada Bab ini anda akan mempelajari cara: Memasukkan teks dan angka pada spreadsheet secara manual Menyimpan file spreadsheet Menggunakan fasilitas cepat Fill Series Memotong,
Lebih terperinciMEMBUAT LAPORAN (DATA REPORT)
1 MEMBUAT LAPORAN (DATA REPORT) Data Report merupakan sebuah desain untuk mencetak laporan dimana memiliki bagian-bagian seperti terlihat pada gambar 1 berikut : Gambar 1. Tampilan Data Report Maksud dari
Lebih terperinciBAB-II OPERASI TABEL
BAB-II OPERASI TABEL 2.1. Modifikasi Tabel Terkadang Anda perlu mengatur field yang sudah ditempatkan pada tabel, kemudian suatu saat struktur tabel tersebut ingin kita rubah, misalnya mengganti field,
Lebih terperinciMencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)
1 Mencari Text Untuk mencari sebuah text secara cepat, gunakan fasilitas Find and Replace, yang dapat dipanggil melalui menu Edit Find atau Ctrl+F. Hasilnya adalah : 4) Mencari untuk Highlight : menandai
Lebih terperinciTahap Instalasi PostgreSQL di Windows
Tahap Instalasi PostgreSQL di Windows 1. Unduh file installer PostgreSQL terbaru dari alamat http://www.enterprisedb.com/productsservices-training/pgdownload#windows 2. Setelah file installer berhasil
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciEntri dan Modifikasi Sel
BAB Entri dan Modifikasi Sel 6 Pada Bab ini anda akan mempelajari cara: Memasukkan teks dan angka pada spreadsheet secara manual Menyimpan file spreadsheet Menggunakan fasilitas cepat Fill Series Memotong,
Lebih terperinciMicrosoft Excel. I. Pendahuluan
Microsoft Excel I. Pendahuluan Microsoft Excel adalah General Purpose Electronic Spreadsheet yang bekerja dibawah Sistem Operasi Windows. Microsoft Excel dapat digunakan untuk menghitung angka-angka, bekerja
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciModul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU
Modul ke: 09Fakultas Ariyani FASILKOM Aplikasi komputer Microsoft Excel 2010 Bagian 1 Wardhana., S.Kom., S.T., MM Program Studi MKCU Microsoft Excel Sebuah program aplikasi lembar kerja spreadsheet yang
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciBAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i
BAB I Konsep Visual Basic: Penerapan di dunia Usaha, Instalasi serta Pengenalan IDE (Integrated Development Environment) VB dan konsep pemrograman visual I. Tujuan Praktikum 1. Mahasiswa mengenal VB, penerapan
Lebih terperinci2. Perangkat Jaringan (Kabel UTP, Switch/Hub,Ethernet) Perangkat Lunak 1. Sistem Operasi (WindowsXP, Windows 2000, Windows 2003, Linux)
Bab I Installasi Untuk menjalankan dan mempraktekan Web Site Sekolah ini ada 2 tahapan installasi yang harus diinstall di komputer: Installasi Web Server. Installasi Web Sekolah. A. Installasi Web Server
Lebih terperinciMySQL Databases. Dasar-dasar MySQL dan Implementasi MySQL kedalam pemrograman PHP. Jakarta, 16 April 2011 Oleh: M. Awaludin, S.Kom
MySQL Databases Dasar-dasar MySQL dan Implementasi MySQL kedalam pemrograman PHP Jakarta, 16 April 2011 Oleh: M. Awaludin, S.Kom DDL (Data Definition Language) Definisi DDL Adalah merupakan sub bahasa
Lebih terperinciSIMPLE 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
Lebih terperinciLatihan 1: Menginstal Web Server Apache, PHP, dan MySQL
Student Exercise Series: Pemrograman Web Database Latihan 1: Menginstal Web Server Apache, PHP, dan MySQL Sekarang ini, menginstal web server Apache, PHP, dan MySQL sangatlah mudah. Anda cukup mengisntal
Lebih terperinciA. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Lebih terperinciModul 5 Macromedia Dreamweaver 8
Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi
Lebih terperinciLANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom
LANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom Bagi Anda yang ingin membuat website namun belum memiliki domain dan hosting sendiri, jangan berkecil hati dulu. Karena masih
Lebih terperinciMODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya
MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,
Lebih terperinciLAMPIRAN MODUL 3 PERANCANGAN SISTEM INFORMASI
LAMPIRAN MODUL 3 PERANCANGAN SISTEM INFORMASI TI3205 PERANCANGAN TEKNIK INDUSTRI 2 PENGENALAN MICROSOFT ACCESS 2007 PROGRAM STUDI TEKNIK INDUSTRI INSTITUT TEKNOLOGI BANDUNG 2011 LAMPIRAN : PENGENALAN MICROSOFT
Lebih terperinciBAB 4 IMPLEMENTASI SISTEM APLIKASI JAVA VIDEO CONFERENCE. 1. Prosesor 500 MHz atau lebih tinggi, MB RAM minimum, 3. 1 MB free hardisk space
BAB 4 IMPLEMENTASI SISTEM APLIKASI JAVA VIDEO CONFERENCE 4.1 User Requirement 4.1.1 Hardware Requirement Aplikasi ini dapat berjalan pada komputer dengan spesifikasi minimum sebagai berikut: 1. Prosesor
Lebih terperinciRingkasan Bab 1. Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain:
Ringkasan Bab 1 Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain: 1 Database Access 1.1 Objek dan Manfaat 1.2 Bidang Kerja 2 Membuat Field dan Mengisi Data 2.1
Lebih terperinciTag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.
Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag
Lebih terperinciPemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
Lebih terperinciMODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form
MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah
Lebih terperinciMICROSOFT OFFICE EXCEL
MICROSOFT OFFICE EXCEL Adalah aplikasi pengolah angka (spreadsheet), untuk menghitung, memproyeksikan, menganalisa, merepresentasikan data. MEMULAI EXCEL Dengan Memilih MENU PROGRAM 1. Nyalakan komputer,
Lebih terperinciBab 5. Dasar-dasar Action Script
Bab 5. Dasar-dasar Action Script Pada animasi yang telah Anda pelajari pada bab sebelumnya, dijalankan secara berurutan dari frame ke frame. Berikutnya dengan adanya Behaviors dan Action Script, animasi
Lebih terperinciMANAJEMEN FILE DAN RESOURCES SHARING
MANAJEMEN FILE DAN RESOURCES SHARING oleh : Edy Suprapto Tujuan : Siswa dapat memahami file dan folder. Memberikan pemahaman terhadap sharing resource, seperti sharing folder dan printer. 1. Folder dan
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinciMICROSOFT ACCESS. Tombol Office/menu Tittle bar Close.
MICROSOFT ACCESS Microsoft Access merupakan salah satu program pengolah database yang canggih yang digunakan untuk mengolah berbagai jenis data dengan pengoperasian yang mudah. Banyak kemudahan yang akan
Lebih terperinciDASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto
DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto 1. Penempatan Jari Pada Keyboard Penempatan jari pada keyboard khususnya pada Type Write Keypad sama persis dengan penempatan jari
Lebih terperinciTua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang
Tutorial Microsoft Excel Tua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang cokubear@yahoo.co.jp Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciOtodidak Desain dan Pemrograman Website
Otodidak Desain dan Pemrograman Website Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana
Lebih terperinciLAPORAN TUGAS BASIS DATA I
LAPORAN TUGAS BASIS DATA I Disusun untuk Memenuhi Tugas Matakuliah Basis Data I yang dibimbing oleh Bapak Muhammad Zainal Arifin Oleh : KATYA LINDI CHANDRIKA 140535605307 UNIVERSITAS NEGERI MALANG FAKULTAS
Lebih terperinciBab 10 Membuat, Menggunakan dan Memodifikasi Form
Bab 10 Membuat, Menggunakan dan Memodifikasi Form Pokok Bahasan Membuat Form Menutup dan Menyimpan Form Memodifikasi Rancangan Form Membuat Form Form merupakan salah satu objek database yang digunakan
Lebih terperinciMembuat File Database & Tabel
Membuat File Database & Tabel Menggunakan MS.Office Access 2013 Database merupakan sekumpulan data atau informasi yang terdiri atas satu atau lebih tabel yang saling berhubungan antara satu dengan yang
Lebih terperinciMembuat situs sederhana dengan Dreamweaver *)
Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan
Lebih terperinciScript PHP dan MySQL J A M K E E M P A T
J A M K E E M P A T Script PHP dan MySQL l l l l l l Membuat Koneksi ke Server Menyeleksi Database Mengakses Query Menampilkan Hasil Query Latihan Jam Keempat Soal Jam Keempat Membuat Koneksi ke Server
Lebih terperinciMicrosoft Word Mengenal Microsoft Word 2003
Microsoft Word 2003 Mengenal Microsoft Word 2003 Saat ini semua orang yang telah mengenal komputer dan laptop pasti juga mengenal Microsoft Word. Microsoft Word merupakan aplikasi yang digunakan untuk
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Lebih terperinciTABEL DATABASE TABEL - KODE BARANG TOKO INFOMART BARANG - NAMA BARANG - HARGA
TABEL Dalam pembuatan database, data yang pertama dibuat adalah tabel. Tabel merupakan kumpulan data yang tersusun menurut aturan tertentu dan merupakan komponen utama pada database. Table disusun dalam
Lebih terperinciBAB I Penginstallan dan setting PHPTriad
BAB I Penginstallan dan setting PHPTriad Database adalah tempat dimana kita akan menyimpan data yang dibutuhkan web kita. Mengapa harus menggunakan database? Bukankah lebih mudah dalam bentuk file seperti
Lebih terperinciIF PEMROGRAMAN LANJUT MENGAKSES DATABASE. Oleh : Andri Heryandi, M.T.
IF34348 - PEMROGRAMAN LANJUT MENGAKSES DATABASE 12 Oleh : Andri Heryandi, M.T. MATERI HARI INI 1. Instalasi Database Server MySQL (XAMPP) 2. Mengaktifkan Database Server 3. Membuka Aplikasi Client MySQL
Lebih terperinciKISI-KISI ULANGAN KENAIKAN KELAS ( UKK )
MATA PELAJARAN KELAS / SEMESTER KISI-KISI ULANGAN KENAIKAN KELAS ( UKK ) : TEKNOLOGI INFFORMASI DAN KOMUNIKASI : 8 ( DELAPAN ) / GENAP No. SK KD Materi Kls Smt Indikator 1 Menggunakan perangkat 2 Menggunakan
Lebih terperinciMICROSOFT EXCEL INTRODUCTION
MICROSOFT EXCEL INTRODUCTION Subject Tampilan/Interface Workbook Worksheet Pengoperasian File INTERFACE & FUNCTION EXPLANATION Microsoft Excel 2007 Interface Pada Windows Ms. Excel 2007 yang muncul, terdapat
Lebih terperinciBiro Teknologi & Sistem Informasi Universitas Kristen Satya Wacana
T U T O R I A L MICROSOFT EXCEL 2007 Materi Pelatihan Microsoft Office Advanced Untuk Staff Administrasi UKSW Oleh: Paulus Nindito Adi 12 Maret 2010 Biro Teknologi & Sistem Informasi Universitas Kristen
Lebih terperinci2. Klik dua kali shortcut Microsoft Excel yang sudah terbuat di Desktop.
BAB I PENDAHULUAN Microsoft Excel (MS Excel) suatu software Speed sheet seperti Lotus 123 yang digunakan sebagai pengolah angka adalah produk dari Microsoft yang menjadi satu kesatuan dengan Microsoft
Lebih terperinciII. Bekerja dengan Microsoft Excel
MICROSOF T EXCEL level 1 I. Mengenal Microsoft Excel Microsoft Excel, untuk selanjutnya disingkat Excel, adalah program aplikasi yang banyak digunakan untuk membantu menghitung, memproyeksikan, menganalisa,
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciBAB IV DISKRIPSI KERJA PRAKTIK. 4.1 Pembuatan Server Menggunakan Mercury Pada XAMPP
BAB IV DISKRIPSI KERJA PRAKTIK Bab ini membahas tentang proses installasi dan menampilkan foto-foto hasil desain topologi yang telah dikerjakan. 4.1 Pembuatan E-Mail Server Menggunakan Mercury Pada XAMPP
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciPengenalan 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
Lebih terperinciMembuat Aplikasi Hotel dan Penginapan. dengan MS Access
Membuat Aplikasi Hotel dan Penginapan dengan MS Access Membuat Aplikasi Hotel dan Penginapan dengan MS Access Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Membuat Aplikasi Hotel dan Penginapan
Lebih terperinciMICROSOFT WORD Baris Judul. Drawing Toolbar
MICROSOFT WORD 2003 A. Membuka Microsoft Word 2003 Untuk membuka program Microsoft Word, ikutilah langkah-langkah berikut: Klik start klik All Programs klik Microsoft Office klik Microsoft Office Word
Lebih terperinciPemudaPemudi. Copyright From Created by ary212
1 I. Mengenal Microsoft Excel Microsoft Excel, untuk selanjutnya disingkat Excel, adalah program aplikasi yang banyak digunakan untuk membantu menghitung, memproyeksikan, menganalisa, dan mempresentasikan
Lebih terperinci