Pengenalan PWDPB

BAB 1
 KONSEP TEKNOLOGI DAN FORMAT TEKS PADA APLIKASI WEB 

    A. Konsep Teknologi Aplikasi Web

                Aplikasi Web diterjemahkan sebagai aplikasi yang diakses menggunakan web browser                 melalui jaringan internet atau intranet. Aplikasi web sebagai sebuah perangkat lunak komputer yang      dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web, seperti             HTML, Javascript, CSS, Ruby, Phyton, PHP, Java, dan bahasa pemrograman lainnya.

               a. Konsep WWW 

                                World Wide Web dikembangkan menjadi pusat pengetahuan budaya manusia                              sebagai kolabolator lokasi di dunia maya untuk berbagi ide dan semua aspek dari proyek                      umum melalui internet. WWW pada umumnya dikenal sebagai web, yakni sistem dokumen                   hypertext yang bisa diakses melalui internet.

               b. Macam - macam browser

                    - Flock
                    - Google Chrome
                    - Internet Explorer
                    - Konqueror
                    - Link
                    - Mozilla firefox

               c. Konsep Web Server

                               Web pada awalnya adalah ruang informasi dalam internet dengan menggunakan                         teknologi hiperteks. Pemakai dituntun untuk menemukan informasi dengan mengikuti link                     yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

               d. Macam-macam software webserver

                        - Webserver berbayar 
                        - Microsoft internet information servis (IIS) 
                        - Litespeed
                        - Webserver Gratis
                        - Apache
                        - Nginx
                        - Apache Tomcat
                        - Lighttpd
                        - AMPPS

              e. Macam-macam text editor

                          Text editor identik dengan softwere/perangkat yang digunakan untuk mengetik coding                 yang akan dibuat menjadi sebuah web. Berikut ini software text editor yang sering digunakan                 untuk pemrograman web. 
                    - Adobe Dreamweaver
                    - Araneae
                    - ATPad
                    - Crimson Editor
                    - Netbeans
                    - Notepad
                    -Notepad++
                    - Sublime text
                    - Google web Designer

              f. Tool Pengembang Web

                          Tool atau peralatan yang identik dengan perangkat lunak yang digunakan dalam proses                 pengembangan website. Tool dalam pengembangan aplikasi menjadi bagian penting karena                    sangat membantu dan mempersingkat proses pengembangan. Pemilihan tool yang tepat dapat                 memberi keuntungan bagi developer karena menghemat waktu, tenaga, dan pekerjaan cepat                    selesai.

    B. Format Teks Pada Halaman Web

                  HTML identik dengan bahasa standar yang dipakai pada halaman web. Halaman-halaman          web bisa dibuat dengan menggunakan HTML. Browser dapat memahami isi suatu dokumen yang          berasal dari Web Server karena HTML digunakan sebagai standar.

            a. Struktur dasar HTML

                    - DTD atau DOCTYPE
                    - Tag <html>
                    - Tag <head>
                    - Tag <Title>
                    - Tag <body>

            b. Versi HTML

                    - Versi HTML 1
                    - Versi HTML 2
    `               - Versi HTML 3
                    - Versi HTML 4
                    - Versi HTML 5

             c. Fungsi berbagai Tag pada HTML

                        Elemen, tag, dan atribut pada HTML saling berkaitan, hanya saja atribut memiliki tugas                 khusus untuk memberikan informasi atau sifat tambahan yang akan diberikan kepada tag dan                 elemen yang mengandung atribut tersebut. Semua tag-tag pembentuk halaman web yang                        ditulis dalam sebuah file yang nanti akan diletakkan pada web server, kemudian diakses                        menggunakan browser. Kode-kode atau tag-tag HTML yang akan diakses disimpan dalam                    sebuah atau beberapa file yang biasanya beresktensi .htm atau .html.

            d. Format Teks dalam  HTML

                         Format teks pada HTML digunakan untuk membuat teks dokumen yang dapat                              memberikan kemudahan dalam menuliskan teks. Web Browser akan menampilkan beberapa                  tag visual. Tampilan visual yang sama bisa didapat dengan CSS. Untuk mendefinisikan suatu                  singkatan dalam HTML menggunakan tag akronim.



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

Komentar

Posting Komentar

Postingan Populer