7 Langkah Menguasai Web PHP/MySQL dengan Dreamweaver Dasar Isi

Ukuran: px
Mulai penontonan dengan halaman:

Download "7 Langkah Menguasai Web PHP/MySQL dengan Dreamweaver Dasar Isi"

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 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 terperinci

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

Formulir. 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 terperinci

E-trik Ajax. Database MySQL. Dedi Alnas

E-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 terperinci

Praktek Pemrograman Web

Praktek 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 terperinci

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

STMIK 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 terperinci

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Macromedia 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 terperinci

MODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA UIN SUNAN KALIJAGA YOGYAKARTA 2011 PENGENALAN DATABASE MYSQL

MODUL 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 terperinci

MODUL I PENGENALAN MYSQL

MODUL 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 terperinci

MySQL J A M K E T I G A

MySQL 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 terperinci

PERINTAH DASAR MySQL

PERINTAH 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 terperinci

Pemrograman PHP & MySQL

Pemrograman 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 terperinci

MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004

MODUL 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 terperinci

Ruang Kerja DREAMWEAVER MX 2004 :

Ruang 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 terperinci

PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007

PERTEMUAN 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 terperinci

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen

Pokok 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 terperinci

Lembar 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 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 terperinci

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

Membangun 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 terperinci

Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa

Membuat 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 terperinci

Database. Danu Wira Pangestu 1. Mengenal Database. Lisensi Dokumen:

Database. 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 terperinci

Membuat Buku Kerja dengan Microsoft Excel

Membuat 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 terperinci

Cara Mengelola Isi Halaman Web

Cara 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 terperinci

FLASH, FRAME, BEHAVIOR

FLASH, 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 terperinci

Mengenal Pemrograman PHP7 Database untuk Pemula

Mengenal 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 terperinci

Gambar 2. 1 Kotak dialog Pilihan Bahasa

Gambar 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 terperinci

Pertemuan IV. Semester 1

Pertemuan 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 terperinci

Bab 9 Menggunakan Tabel

Bab 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 terperinci

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

2. 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 terperinci

1. MENGENAL VISUAL BASIC

1. 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 terperinci

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Panduan 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 terperinci

MODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories

MODUL 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 terperinci

Mengenal PHP dan Web Server

Mengenal 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 terperinci

Ahmad Zidni, S.T. SMK Gondang 2011

Ahmad 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 terperinci

Modul 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. 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 terperinci

MANUAL PENGOPERASIAN JSTOCKINVENTORY Twitter

MANUAL 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 terperinci

Eksekusi file setup.exe yang ada dalam CD atau folder instalasi oracle.

Eksekusi 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 terperinci

Advantages. Keunggulan :

Advantages. 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 terperinci

Modul 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 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 terperinci

Pemrograman Web Lanjut 2017

Pemrograman 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 terperinci

Modul 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 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 terperinci

Pengenalan Microsoft Excel 2007

Pengenalan 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 terperinci

Pengenalan SPSS 15.0

Pengenalan 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 terperinci

BAB II LANDASAN TEORI

BAB 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 terperinci

Latihan 1: Mengoperasikan Excel

Latihan 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 terperinci

KapitaSelekta. (KBKI82127, 2 sks) Materi : Pengenalan MySQL

KapitaSelekta. (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 terperinci

Bab 2 Entri dan Modifikasi Sel

Bab 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 terperinci

MEMBUAT LAPORAN (DATA REPORT)

MEMBUAT 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 terperinci

BAB-II OPERASI TABEL

BAB-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 terperinci

Mencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)

Mencari 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 terperinci

Tahap Instalasi PostgreSQL di Windows

Tahap 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 terperinci

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Area 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 terperinci

Entri dan Modifikasi Sel

Entri 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 terperinci

Microsoft Excel. I. Pendahuluan

Microsoft 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 terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. 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 terperinci

Modul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU

Modul 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 terperinci

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

PEMBUATAN 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 terperinci

BAB 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. 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 terperinci

2. Perangkat Jaringan (Kabel UTP, Switch/Hub,Ethernet) Perangkat Lunak 1. Sistem Operasi (WindowsXP, Windows 2000, Windows 2003, Linux)

2. 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 terperinci

MySQL 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 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 terperinci

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. 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 terperinci

Latihan 1: Menginstal Web Server Apache, PHP, dan MySQL

Latihan 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 terperinci

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML

A. 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 terperinci

Modul 5 Macromedia Dreamweaver 8

Modul 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 terperinci

LANGKAH 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 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 terperinci

MODUL 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) 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 terperinci

LAMPIRAN MODUL 3 PERANCANGAN SISTEM INFORMASI

LAMPIRAN 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 terperinci

BAB 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. 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 terperinci

Ringkasan 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: 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 terperinci

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Tag 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 terperinci

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Pemrograman 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 terperinci

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

MODUL 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 terperinci

MICROSOFT OFFICE EXCEL

MICROSOFT 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 terperinci

Bab 5. Dasar-dasar Action Script

Bab 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 terperinci

MANAJEMEN FILE DAN RESOURCES SHARING

MANAJEMEN 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 terperinci

Mengembangkan Website Berbasis Wordpress

Mengembangkan 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 terperinci

MICROSOFT ACCESS. Tombol Office/menu Tittle bar Close.

MICROSOFT 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 terperinci

DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto

DASAR-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 terperinci

Tua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang

Tua 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 terperinci

Otodidak Desain dan Pemrograman Website

Otodidak 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 terperinci

LAPORAN TUGAS BASIS DATA I

LAPORAN 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 terperinci

Bab 10 Membuat, Menggunakan dan Memodifikasi Form

Bab 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 terperinci

Membuat File Database & Tabel

Membuat 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 terperinci

Membuat situs sederhana dengan Dreamweaver *)

Membuat 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 terperinci

Script PHP dan MySQL J A M K E E M P A T

Script 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 terperinci

Microsoft Word Mengenal Microsoft Word 2003

Microsoft 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 terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

TABEL DATABASE TABEL - KODE BARANG TOKO INFOMART BARANG - NAMA BARANG - HARGA

TABEL 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 terperinci

BAB I Penginstallan dan setting PHPTriad

BAB 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 terperinci

IF PEMROGRAMAN LANJUT MENGAKSES DATABASE. Oleh : Andri Heryandi, M.T.

IF 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 terperinci

KISI-KISI ULANGAN KENAIKAN KELAS ( UKK )

KISI-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 terperinci

MICROSOFT EXCEL INTRODUCTION

MICROSOFT 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 terperinci

Biro Teknologi & Sistem Informasi Universitas Kristen Satya Wacana

Biro 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 terperinci

2. Klik dua kali shortcut Microsoft Excel yang sudah terbuat di Desktop.

2. 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 terperinci

II. Bekerja dengan Microsoft Excel

II. 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 terperinci

Cara Membuat website dengan Dreamweaver

Cara 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 terperinci

BAB IV DISKRIPSI KERJA PRAKTIK. 4.1 Pembuatan Server Menggunakan Mercury Pada XAMPP

BAB 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 terperinci

Mengenal Dreamweaver MX 2004

Mengenal 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 terperinci

Pengenalan Script. Definisi HTML

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

Lebih terperinci

Membuat Aplikasi Hotel dan Penginapan. dengan MS Access

Membuat 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 terperinci

MICROSOFT WORD Baris Judul. Drawing Toolbar

MICROSOFT 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 terperinci

PemudaPemudi. Copyright From Created by ary212

PemudaPemudi. 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