amikjtc.com - kampus berbasis sistem informasi online Bahan Ajar 5

(1)



Advantages

Keunggulan :



Tampilan (interface) Dreamweaver mudah dimengerti oleh

pengguna dari semua tingkat keahlian, bahkan bagi orang awam

sekalipun.



Dreamweaver cukup tangguh untuk membangun berbagai tipe situs

web.



Dreamweaver mendukung teknologi web terkini.

(2)

(3)

(4)



Windows | Part & Function

Design view

adalah lingkungan desain untuk tata letak halaman visual,

editing visual, dan pengembangan aplikasi cepat. Dalam pandangan ini,

Dreamweaver menampilkan representasi, sepenuhnya dokumen dapat

diedit secara visual, mirip dengan apa yang dilihat dalam browser.

Code View

adalah lingkungan hand-coding untuk menulis dan mengedit

HTML, JavaScript, server-code bahasa - PHP atau ColdFusion Markup

Language (CFML) - dan segala jenis lain dari kode.

Code and Design view

memungkinkan untuk melihat Design view dan

(5)



Windows | Part & Function

Design view

adalah lingkungan desain untuk tata letak halaman visual,

editing visual, dan pengembangan aplikasi cepat. Dalam pandangan ini,

Dreamweaver menampilkan representasi, sepenuhnya dokumen dapat

diedit secara visual, mirip dengan apa yang dilihat dalam browser.

Code View

adalah lingkungan hand-coding untuk menulis dan mengedit

HTML, JavaScript, server-code bahasa - PHP atau ColdFusion Markup

Language (CFML) - dan segala jenis lain dari kode.

(6)

(7)



Windows | Toolbar

The Common category

memungkinkan Anda untuk membuat dan memasukkan benda-benda yang paling sering digunakan, seperti gambar dan tabel.

The Layout category

memungkinkan Anda untuk menyisipkan tabel, div tag, layer, dan frame. Anda juga dapat Anda pilih di antara tiga pandangan dari tabel: Standar (default), Tabel

Expanded, dan Layout. Bila modus Layout dipilih, Anda dapat menggunakan alat tata letak Dreamweaver: Draw Layout Cell dan Draw Layout Tabel.

The Forms category

(8)



Windows | Toolbar

The HTML category

memungkinkan Anda untuk menyisipkan tag HTML untuk aturan horisontal, isi kepala, tabel, frame, dan skrip Server-kode kategori yang tersedia hanya untuk

halaman yang menggunakan bahasa server tertentu, termasuk ASP, ASP.NET, CFML Basic, CFML Flow, CFML Advanced, JSP, dan PHP. Masing-masing kategori

menyediakan server-kode objek yang dapat Anda masukkan dalam tampilan Code.

The Application category

memungkinkan Anda untuk memasukkan unsur-unsur dinamis seperti recordset, daerah perulangan, dan penyisipan penyimpanan dan update form

.

The Flash elements category

memungkinkan Anda untuk memasukkan unsur-unsur Macromedia Flash.

The Favorites category

(9)



Windows | Starting

HTML TYPE :

(10)



Windows | Teks

Code

Desain

(11)



Windows | Table

Insert



Table

Table

Menu Code

Desain

(12)



Windows | Table

Insert



Table

Table

Menu Code

Desain

(13)



XAMPP server

Running Service

(14)



XAMPP Directory

Project Directory

(15)



XAMPP Directory

Project Directory

(16)



XAMPP | Localhost

(17)

STRUKTUR DASAR PHP

Struktur PHP diawali dengan <?php dan ditutup dengan ?>

(18)

Tipe Data

Tipe data Contoh Keterangan

Integer $jumlah=5;

$nilai=-10;

Bilangan bulat

Double $pajak=2.5;

$bunga=12.50;

Bilangan real

String $ a a= A astasia

$status= e ikah

(19)

Variabel

Variabel adalah suatu tempat di memori untuk menyimpan data yang

nilainya dapat berubah-ubah.

Variabel diwakili oleh kata tertentu dengan aturan penulisan sebagai

berikut :

variabel dimulai dengan tanda dollar ($)

• harus dimulai dengan huruf atau underscore (_)

• tidak boleh menggunakan tanda baca

• case sensitive atau huruf besar dan huruf kecil dibedakan.

Penulisan benar Penulisan salah

$nama $na*ma

(20)

Operator

Operator Aritmatika

Operator Operasi

+ penambahan

-- pengurangan dengan 1

Operator Logika Operator Operasi

== Sama dengan

!= Tidak sama dengan < Lebih kecil

> Lebih besar

<= Lebih kecil sama dengan

>= Lebih besar sama dengan

AND atau &&

Logika AND

OR atau || Logika OR XOR Logika XOR

! Logika Not Operator Lain

Operator Operasi

. Penggabungan string

(21)

1. Siapkan Desain Web, dengan link menu

(menggunakan php)

<a href=

"index.php?menu=inputtamu"

>Buku Tamu</a>

(22)

2. Gabungkan file menukiri.php ke index.php

<?php

include "

menukiri.php

";

?>

3. Tulis script untuk menampilkan content

(menangkap variabel menu)

(23)



XAMPP | phpmyadmin

//localhost/phpmyadmin

Database Name

(24)

(25)

(26)

(27)

(28)

(29)

(30)

(31)

INSERT INTO

nama tabel

VALUES (‘isi field1’, ‘isi

(32)

SELECT

kolom

FROM

nama tabel



Untuk menampilkan kolom (field) nomor dan nama pada

tabel tamu

select

nomor

,

nama

from

tamu

;



Untuk menampilkan semua kolom(field) pada tabel tamu

select

*

from

tamu

;



Untuk menampilkan semua kolom pada tabel tamu yang

berada pada kota ‘Surabaya’

(33)



Untuk menampilkan semua kolom pada tabel tamu dengan

urut nama

select

*

from

tamu

order by

nama

;



Untuk menghitung jumlah record pada tabel tamu

select

count(*)

from

tamu

;



Untuk menampilkan kota pada tabel tamu

select

kota

from

tamu

;



Untuk menampilkan kota dengan tidak menampikan kota

yang sama pada tabel tamu

select distinct

kota

from

tamu

;



Untuk menampilkan nama dan email yang mempunyai email

(34)



Untuk menampilkan semua kolom pada tabel tamu dengan

pembatasan limit

(35)

$simpan

=

mysql_query

("

INSERT INTO

tamu (no, nama, email,



Input Data

INSERT INTO

namatabel

(

kolom 1, kolom

(36)

UPDATE

namatabel

SET

kolom1=nilaibaru1,

kolom2=nilaibaru2 …

WHERE

kriteria

$ubah

=

mysql_query

(

UPDATE

tamu

SET

nama='$nama',

email='$

e ail , ala at= $ala at , kota= $kota

WHERE

(37)

DELETE FROM

namatabel

WHERE

kriteria

$hapus

=

mysql_query

(

DELETE FROM

tamu

WHERE

(38)

INPUT DATA TAMU MENGGUNAKAN FORM

Kebutuhan :

1. String koneksi (perintah koneksi ke database)

2. Form input

(39)

STRING KONEKSI

// definisikan koneksi ke database

$server

= "localhost";

$username = "root";

$password

= "";

$database

= "tamu";

// Koneksi dan memilih database di server

(40)

FORM INPUT

(41)

FILE PROSES SIMPAN

–

prosesinputtamu.php

<?php

include ("sambung.php");

//string koneksi

(42)

Kebutuhan :

1. String koneksi (perintah koneksi ke database)

2. Akses database dan perulangan

(43)