PWDPB

PEMROGRAMAN PHP DASAR

A.Konsep Teknologi Aplikasi Web

Aplikasi web diterjemahkan sebagai aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet . Ada beberapa persyaratan untuk membangun suatu aplikasi web , di antaranya memilih arsitektur dan mengembangkan desain aplikasi web . Peranan penting dalam pembangunan suatu aplikasi web memerlukan pemilihan teknologi yang tepat guna merancang aplikasi web , serta distribusi dan integrasi sistem arsitektur yang memadai 

1. Konsep WWW

World Wide Web ( WWW ) dikembangkan menjadi pusat pengetahuan dan budaya manusia sebagai kolaborator lokasi di dunia maya untuk berbagi ide dan semua aspek dari proyek umum melalui internet.

a. Sejarah awal

Pada tahun 1980 , Tim Berners - Lee ( ketika masih seorang kontraktor bebas di CERN ) mengajukan sebuah proyek yang berbasiskan konsep hiperteks ( hypertext ) untuk memfasilitasi pembagian dan pembaruan informasi di antara para peneliti.

WWW benar - benar menjadi perhatian publik di dunia internet ketika dipresentasikan ke publik untuk pertama kalinya pada tahun 1995.

b. Fungsi World Wide Web ( WWW ) 

   Fungsi WWW sebagai kumpulan server web dari seluruh dunia memiliki kegunaan dalam menyediakan data dan informasi untuk digunakan bersama. Melalui web , para pengguna internet ( netter ) dapat mengakses informasi - informasi yang tidak hanya berupa teks , tetapi juga berupa gambar , suara , video , dan animasi .

2. Teknologi Aplikasi Web

   Teknologi dapat digunakan sebagai dasar untuk teknologi aplikasi web.

   Meskipun cukup banyak dalam mengadopsi prinsip - prinsip rekayasa perangkat lunak , prosedur dalam pengembangan aplikasi web masih memiliki berbagai pendekatan , alat bantu , metode , teknik , dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web

3. Macam - Macam Web Browser

   Dari sekian banyak web browser , beberapa di antaranya sangat familier dan banyak digunakan , seperti Internet Explorer , Mozilla Firefox , Google Chrome , Opera , dan Safari.

a. Flock 

Flock merupakan browser sosial internasional dunia pertama yang berbasis pada Firefox dengan fitur - fitur menarik untuk memberikan pengalaman berkomunitas sosial di internet sambil browsing .

b. Google Chrome 

Google Chrome adalah sebuah penjelajah web open source yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit

c . Internet Explorer 

Untuk beberapa waktu lamanya , Microsoft mengeluarkan Internet Explorer untuk Mac ( yang berdasarkan mesin arsiran yang berbeda ) dan versi - versi untuk penggunaan melalui X Window System pada Solaris dan HP - UX .

4. Macam-macam software web server

   A. Web Server Berbayar

        - Layanan informasi internet Microsoft (IIS)

        - Kecepatan Lite

    B. Server Web Gratis

         - Apache

         - Nginx

         - Apache Tomcat

         - Lighttpd

         - Ampli

         - Xampp

5. Macam-macam text editor

       - Adobe dreamweaver

       - ATPad

       - Crimson Editor

       - Editpad Lite

       - Netbeans

       - notepad

       - Notepad++

       - Sublime-teks

       - Desainer web Google

    

6. Tool Pengembang Web

        Tool atau peralatan yang identik dengan perangkat lunak yang biasa digunakan dalam proses pengembangan website. berikut beberapa tool pengembang web yang sering digunakan:

a. Adobe Edge Inspect

b. Firebug

c. Lorem Ipsum

d. FavIcon

B. Format Teks Pada Halaman Web

HTML (Hypertext Markup Language) identic dengan Bahasa standar yang dipakai pada halaman web. Halaman - halaman web bisa dibuat dengan menggunakan HTML. 

1. Struktur Dasar HTML

   Setiap halaman HTML minimal memiliki struktur dasar yang terdiri atas tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Struktur - struktur tersebut sebagai hal mendasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

2. Versi HTML

   HTML juga ikut berpartisipasi memajukan dunia IT terutama dalam bidang Web Aplikasi. Berikut ini beberapa versi HTML dari awal hingga sekarang ;

a. Versi HTML1 (heading, hypertext, cetak tebal, cetak miring, list, dan paragraph)

b. Versi HTML2 (form)

c. Versi HTML3 (tabel)

d. Versi HTML4 (lebih interaktif)

e. Versi HTML5 (video, audio, artikel, footer, header, nav, kalender, tanggal, waktu, url, search)

3. HTML Head, Title, dan Body

a. HTML

   HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Penulisan Tag HTML adalah incasesensitive yang artinya <HTML> akan sama dengan <html> atau <Html>.

b. Head

Header berfungsi sebagai tanda pengenal pada halaman yang akan dibuat.

c. Title

Tag <title> berfungsi untuk membuat judul website. Sementara itu, tag <head> berfungsi untuk membuat kepala dokumen. 

d. Body

HTML elemen body menunjukkan konten sebuah dokumen.

[BAB 2]

A. Format tabel pada halaman web

1. Tag - Tag Tabel dalam HTML

<table> = Digunakan untuk membuat tabel.

<tr> = Singkatan dari table row, digunakan untuk membuat baris dari tabel.

<td> = Singkatan dari table data, digunakan untuk menginput data ke tabel.

2. Cellpadding

   Atribut cellpadding digunakan untuk menentukan jarak spasi di dalam sel, yaitu di antara dinding sel dan isi sel

3. Cellspacing

   Atribut cellspacing digunakan untuk menentukan jarak spasi antarsel.

4. Border

   Atribut border digunakan untuk membuat bingkai pada tabel dengan menentukan tebal bingkai tersebut. 

5. Rowspan dan Colspan

    Penggunaan atribut colspan dan rowspan diterapkan pada tag <td> dan tag <th>. Colspan berarti penggabungan beberapa kolom sel menjadi satu sel, 

  sedangkan rowspan berarti penggabungan beberapa baris sel menjadi satu baris sel.

B. Format Multimedia  pada Halaman Web

1. Tag menampilkan gambar

   Penambahan gambar pada HTML dapat menggunakan elemen img. Elemen img merupakan elemen yang bersifat self-contained (tidak memjiliki tag penutup). 

2. Tag untuk audio

   HTML memiliki fitur untuk menambahkan pemutar suara (audio) pada dokumen web.

3. Tag untuk video

   Atribut - atribut yang dapat digunakan pada elemen audio juga digunakan pada elemen video sehingga perbedaan utama dari kedua elemen ini terdapat pada nama elemen dan dukungan format.

[BAB 3]

A. Format Kaitan pada Halaman Web

1. Konsep Hyperlink dalm HTML

Link berguna untuk menghubungkan antar dokumen HTML, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan.

Link Absolut adalah link yang mengarah langsung pada website tertentu, di mana sebuah dokumen dikunci pada alamat valid sebuah website

Link Relatif adalah link yang mengarah langsung pada lokasi path atauy direktori tujuan yang tersimpan pada web server atau komputer.

2. Tag - Tag untuk Hyperlink

  <a>  berfungsi dalam mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain.

  <link>  berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar.

 <nav>  berfungsi untuk mendefinisikan link navigasi.

Mailto berfungsi memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halaman Web

1. Penggunaan Tag Form

<button> Merupakan tombol yang dapat diklik

<form> Mendefinisikan untuk form bagi user

<input> Mendefinisikan kontrol input pada form

<select> Merupakan daftar secara drop-down

<textarea> Mendefinisikan kontrol input berupa area text pada form

2. Metode Get dan Post

- Metode GET identik dengan metode yang digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan.

- Metode POST sedikit berbeda dengan GET karena pada POST akan mengirimkan server permintaan respons dengan memperhitungkian data yang tersedia. 

3. Tipe - Tipe Inputan dalam Form (Text, Password, Radio, Checkbox, Hidden, Button, Submit, dan File)

a. Komponen textarea multiline

Komponen textarea merupakan area untuk menyimpan text baru atau bisa dikatan sebuah komponen HTML yang digunakan untuk menampilkan text dalam bentuk dan format text.

b. Komponen Input Text Password

Komponen input text password bertanggung jawab untuk memasukkan data password. 

c. Komponen input text

Komponen input text merupakan komponen untuk memasukkan data text ke server dalam bentuk textfield.