PWDPB

 BAB 1

KONSEP TEKNOLOGI DAN FORMAT TEKS PADA APLIKASI WEB

1. Konsep WWW

    World Wide Web adalah suatu ruang informasi di internet yang digunakan oleh pengenal global yang disebut dengan Pengidentifikasi Sumber Ragam/ URI untuk mengenali sumber daya berguna. World Wide Web berisi kumpulan peladen web dari berbagai seluruh bagian dunia untuk menyediakan informasi dan data yang bisa digunakan bersama.

     World Wide Web sebagai bagian dari internet mengandung informasi-informasi seperti suara, video, gambar, dan video. Singkatnya, WWW adalah sistem untuk mengirimkan dan menyebarkan data melalui jaringan internet pada skala yang besar di seluruh penjuru dunia.

    A. Fungsi World Wide Web (WWW)

            WWW memungkinkan pengguna untuk berselancar dengan mudah hanya melalui sebuah alamat URL. Untuk mengakses WWW perlu menggunakan koneksi internet.                

Secara umum, ada empat layanan dan manfaat World Wide Web, diantaranya adalah:

• Web Mail Service

• Search Engine

• Web Hosting

• Portal

2. Macam-Macam Software Web Server

     Web server berbayar

• Microsoft Internet Information Services (IIS)

          Layanan ini berfungsi sebagai protokol TCP/IP yang berjalan dalam lapisan aplikasi(application layer)

• LiteSpeed 

         LiteSpeed menawarkan kecepatan akses yang tinggi bagi para penggunanya dan dipercaya 6 kali lebih cepat dari web server Apache.

        

     Web server gratis

• Apache 
• Ngix
• Apache Tomcat
• Lighttpd
• AMPPS
• XAMPP

    Macam-Macam Teks Editor

• Adobe Dreamweaver
• Araneae
• ATPad
• Crimson Editor
• EditPad Lite
• Netbeans
• Notepad
• Notepad++
• Sublime-text
• Google Web Designer

BAB 2

FORMAT TABEL DAN FORMAT MULTIMEDIA PADA HALAMAN WEB

1. Element Tabel Tbody, Thead, Tfoot

• Element Tbody

          Elemen tbody digunakan untuk mengelompokan konten atau isi yang terletak pada bagian tengah (tubuh) sebuah tabel.

• Element Thead

           Element Thead digunakan untuk mengelompokkan isi atau konten yang berada dibagian atas pada sebuah tabel

• Element Tfoot

           Element Tfoot digunakan untuk mengelompokkan isi atau konten yang berada dibagian bawah sebuah tabel

• Element TR (Table Row)

           Pada element TR, terdapat element TH dan TD dengan atribut dengan atribut nya. Element TR mendefinisikan baris pada tabel dan elemen ini harus berada di dalam elemen table.

• Element TH(Table Head) dan TD (Table Data)

           Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan sebagai header dan TD mendefinisikan sebagai data pada table. Elemen TH dan TD ini harus terletak di dalam elemen TR

• Cellpadding

            Atribut cellpadding digunakan untuk menentukan jarak spasi antara dinding sel dan isi sel.

• Cellspacing

            Atribut cellspacing digunakan untuk menentukan jarak spasi antarsel.

• Border

          Border digunakan untuk membuat bingkai pada tabel dengan menentukan tebal bingkai tersebut.

• Colspan dan Rowspan

           Colspan berarti penggabungan beberapa kolom sel menjadi satu sel, sedangkan rowspan berarti penggabungan beberapa baris sel menjadi satu baris sel.

2. Format MultiMedia pada Halaman Web

• Tag Menampilkan Gambar

            Elemen img merupakan elemen yang bersifat self-contained (tidak memiliki tag penutup). Elemen img juga harus mempunyai atribut src, yang dapat digunakan dengan 2 metode, yaitu dari tempat penyimpanan gambar dan URL gambar tersebut.

• Tag Untuk Audio

            Elemen audio digunakan untuk tujuan tersebut sama seperti menggunakan elemen img dengan memberikan atribut src.

            <audio src="audio/guitars.mp3"></audio>

              Sementara itu, untuk menampilkan elemen audio anda harus menambahkan atribut controls pada elemen sebagai berikut.

               <audio src="audios/guitars.mp3" controls></audio>

• Tag Untuk Video

            Atribut yang dapat digunakan pada element audio juga digunakan pada elemen video sehingga perbedaan utama dari kedua elemen ini terdapat pada nama elemen dan dukungan format. Berikut ini prosedur untuk menambahkan video.

            <video controls autoplay>

                        <source src="videos/trailer.ogv" type="video/ogg">

                        <source src="videos/trailer.mp4" type="video/mp4">

            </video>

BAB 3 
FORMAT KAITAN DAN FORMAT FORMULIR PADA HALAMAN WEB

1. Konsep Hyperlink dalam HTML

      Link berguna untuk menghubungkan antardokumen HTML. Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan font berwarna biru style underline ( bergaris bawah ).

            a. Mengenal Jenis Link 

                   Link dalam suatu objek dapat berupa teks atau gambar yang dipakai dalam kode HTML untuk menuju dari suatu bagian ke bagian yang lain pada halaman yang sama atau menuju ke halaman ( file ) berbeda. Browser web akan menyorot (highlight) teks atau gambar yang didefenisikan sebagai link dengan warna dan garis bawah untuk menunjukkan bahwa itu adalah hyperlink atau link.

                    1.) Link Absolut

                         Link absolut adalah link yang mengarah langsung pada website tertentu, dimana sebuah dokumen dikunci pada alamat valid sebuah website dan tidak tergantung pada direktori lokasi dokumen html berada. Oleh sebab itu, alamat dapat digunakan pada website lain selama alamat tersebut masih valid.

                    2.) Link Relatif 

                          Link relatif adalah link yang mengarah langsung pada lokasi path atau direktori tujuan yang tersimpan pada web server atau komputer tanpa diawali dengan alamat domain website tersebut. Oleh sebab itu,penggunaannya sangat tergantung pada lokasi file berada. 

            b. Tag-tag untuk Hyperlink

                    Link dalam HTML di tandai dengan Tags <A> anchor. Link tags identik dengan sebuah tags HTML yang di gunakan untuk menghubungkan dokumen satu dengan dokumen lainnya yang bersumber dari dalam ( internal ) maupun dari luar external.
 

     2. Format Formulir pada Halaman Web 

              Form dapat digunakan untuk berbagai keperluan, seperti keperluan login, transaksi penjualan, mengumpulkan informasi atau meminta umpan balik dari user, menawarkan barang/jasa secara online, dan sebagainya.

           a. Konsep Formulir dalam HTML

                  Form adalah salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user yang diolah dalam bahasa pemrograman web baik secara server side scripting menggunakan PHP atau JSP maupun client side scripting(javascript).

           b. Penggunaan Tags Form

                  Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan.Data bisa dimasukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Berikut ini elemen-elemen yang disediakan oleh HTML.

• Elemen Form Button
• Elemen Form Reset dan Input Submit

            c. Form Option

                   <Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server. Elemen form harus membungkus seluruh elemen masukan informasi agar dapat dibaca oleh aplikasi web. Setiap elemen form dalam suatu halaman web harus memiliki atribut name yang digunakan sebagai pengenal dari nama elemen tersebut.

             d. Metode Get dan Post

                    Protokol HTTP menyediakan dua metode dalam melakukan permintaan pengiriman data bentuk HTML, yaitu metode GET dan metode POST. Sementara itu, permintaan HTTP terdiri atas dua bagian, yaitu sebuah header yang berisi sekumpulan metadata global mengenai kemampuan browser dan body yang dapat berisi informasi yang diperlukan ke server untuk memproses permintaan khusus.

                         a. Metode GET identik dengan metode yang digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan. Dalam hal ini, browser mengirimkan sebuah body kosong. Body kosong sehingga jika formulir dikirim menggunakan metode ini, data yang dikirim ke server ditambahkan ke URL.

 

                         b. Metode POST adalah POST akan mengirimkan server permintaan respons dengan memperhitungkan data yang tersedia. Form yang dikirim dengan menggunakan data metode POST akan ditambahkan dalam body dari HTTP yang direquest.

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

                    Form HTML digunakan untuk memilih sebagai macam data yang disediakan dalam bentuk text area, input teks, pilihan radio button, check box, dan lain-lain. Bentuk input tersebut dikemas elemen dalam tag-tag form.

                          a. Komponen Textarea Multiline

                          b. Komponen Input Text Password

                          c. Komponen Input Text

                          d. Form Menggunakan Input Hidden

                          e. Komponen Entri Pilihan

             f. Link dalam Form

                   Penggunaan link pada HTML, yaitu untuk menghubungkan dokumen HTML tersebut ke halaman lain yang merupakan alamat tujuan. Link digunakan sebagai penghubung antara satu halaman dengan halaman lainnya. Link merupakan teks atau gambar yang terkait dengan suatu alamat tertentu.

                          a. Penggunaan Tag <a>

                          b. Atribut id

                          c. Atribut Title