Blogger Widgets

Minggu, 10 April 2016

Tugas4

Tugas-4
No Provinsi Ibukota
1 Kalimantan Timur Samarinda
2 Kalimantan Barat Pontianak
3 Kalimantan Tengah Palangkaraya
4 Kalimantan Selatan Banjarmasin
5 Kalimantan Utara Tarakan

Untuk kodenya silahkan disalin :

Diposting oleh di Tidak ada komentar:

Rabu, 06 April 2016

Tugas-3

Formulir Registrasi

A. Data Diri
1. Nama :
2. Tempat Lahir :
3. Tanggal Lahir :
4. Jenis Kelamin : Laki-laki Perempuan
5. Agama :
6. Golongan Darah :
B. Pendidikan
1. Asal Sekolah :
2. Tahun Masuk :
3. Tahun Lulus :
C. Data Orang Tua
1. Nama Ayah :
2. Nama Ibu :
3. Alamat Orang Tua :
Ini adalah screenshot dari form yang telah saya buat :



Untuk coding form-nya silahkan salin dari sini

Diposting oleh di Tidak ada komentar:

Minggu, 20 Maret 2016

Tugas Blog-2

Data Nilai Mahasiswa


NO Nama Mahasiswa Nilai Tugas
1 2
1
 Bonaventura
70
80
2
 Romagnoli
70
90
3
 Bartolaci
90
50
4
 Antoneli
90
60
Rata-rata 80 70


Tabel diatas dibuat menggunakan tag atribut tabel HTML, dalam pembuatan tabel diatas saya menggunakan beberapa tag dasar tabel yakni ada <tr>,<th>,<td>,dan juga <table>. Untuk menggabungkan 2 baris seperti pada teks "NO" dan "Nama Mahasiswa tag yang saya gunakan adalah <td  rowspan="2">...</td>, sedangkan untuk menggabungkan 2 kolom seperti teks "Rata-rata" dan "Nilai Tugas" maka <td  colspan="2">...</td>akan tetapi bila teks ingin dicetak tebal dan berada di tengah maka bisa menggunakan <th>...</th> untuk lebih jelasnya silahkan liat source code nya ...


Untuk coding nya bisa disalin dari sini:


Diposting oleh di Tidak ada komentar:

Senin, 14 Maret 2016

Pertemuan Kedua

Pengantar Pemrograman Web

  • WWW(World Wide Web) atau web adalah sebuah sistem yang saling terkait dalam sebuah dokumen berformat .
Gambar 1.1. WWW
  • Hypertext adalah suatu ragam informasi(teks,gambar,suara,video,dll) yang dapat diakses melalui browser. Hypertext  text yang berhubungan dengan dokumen lain sehingga memungkinkan mengunjungi beberapa halaman web lain.

Gambar 1.2 Hypertext
  • HTTP(Hypertext Transfer Protocol) adalah sebuah protokol jaringan lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia.
Gambar 1.3 Http
  • HTML(HyperText Markup Language) adalah program mark-up yang digunakan untuk membuat sebuah halaman web,menampilkanberbagai informasi didalam sebuah penjelajah web internet dan formatting hypertext sederhana yang ditulis kedalam berkas format ASCII.
Gambar 1.4 Html
  • FTP(File Transfer Protocol) adalah sebuah protokol internet yang  berjalan didalam lapisan aplikasi yang merupakan standar untuk pentransferan berkas(file) komputer antar mesin-mesin dalam sebuah internetwork.

Hasil gambar untuk FTP
Gambar 1.5 FTP
  • URL(Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu,yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di internet.
Gambar 1.6 URL
  • PHP(Personal Home Page) merupakan bahasa pemrograman script server-side yang didesain untuk pengembangan web.

Gambar 1.7 Script PHP

  • Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP  dan logging informasi secara detail (kegunaan basicnya). Selain itu, Apache juga diartikan       sebagai suatu web server yang kompak, modular, yang mengikuti standar protokol HTTP.


Gambar 1.8 Apache


Jenis Pemrograman Web

Secara umum jenis pemrograman web terbagi menjadi 2 yaitu Client Slide Scripting (CSS) dan Server Slide Scripting (SSS). Perbedaan kedua jenis script ini adalah pada cara kerja dan pemrosesannya dilakukan dimana. Aplikasi berbasis web adalah aplikasi yang arsitekturnya berbasis client – server. Maksudnya adalah aplikasi web dapat diolah disisi client dan disisi server.

Client Side Scripting
Client Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. Proses pengolahan Client Side Scripting dilakukan oleh web browser sebagai clientnya. Didalam web browser tedapat library disebut web engine yang mampu menerjemahkan semua perintah di halaman web yang menggunakan Client Side Scripting.  Gunakan web browser dan style penulisan perintah Client Slide Scripting yang telah mengikuti standard dan telah disertifikasi oleh world wide web consortium (W3C). Misal  untuk penulisan HTML gunakan penulisan Extensible HyperText Markup Language (XHTML). Berikut contoh – contoh Client Slide Scripting : HyperText Markup Language (HTML), Extensible HyperText Markup Language (XHTML), Cascading Style Sheet (CSS), JavaScript, Extensible Markup Language (XML).

Berikut adalah cara kerja client side scripting:
Pada client side scripting pemrosesannya dilakukan di sisi client yang dalam hal ini komponen client-nya adalah web browser dan komponen servernya adalah web server. Konsep client – server disini tidak harus dipisahkan secara fisik yaitu harus ada computer client dan computer server yang terpisah dan dihubungkan melalui jaringan. Mungkin saja client – servernya adalah secara lojik, yaitu komponen client (web browser) dan server (web server) berada di satu computer yang sama (localhost). Prosesnya terpisah secara lojik tetapi fisiknya erada dalam satu mesin / computer yang sama.

Kelebihan client side scripting
Berikut adalah beberapa kelebihan jika menggunakan client side scripting:
  • Mudah untuk dipelajari dan digunakan.
  • Tidak membutuhkan pengetahuan pemrograman yang tinggi atau pengalaman pemrograman yang cukup ahli.
  • Perubahan dan pemrosesan kode programnya lebih cepat karena dilakukan langsung di sisi client / computer host tanpa perlu melakukan proses di sisi server melalui jaringan internet.
  • Mampu menampilkan layout dan desain halaman web yang lebih interaktif dan user friendly.
Kelemahan client side scripting
Berikut adalah beberapa kelemahan jika menggunakan client side scripting:
  • Dapat dikataan tidak aman jika konteksnya adalah ingin melindungi kode sumber dari pihak lain, karena Kode program dapat dilihat melalui browser.
  • Jika spesifikasi komputer host rendah (memory, CPU, storage media) maka dokumen web yang menggunakan client side scripting akan lambat diproses.
  • Karena beberapa web browser menggunakan web engine yang berbeda maka ada kemungkinan client side scripting akan diterjemahkan bebeda oleh masing – masing web browser tersebut.
  • Minim fitur untuk pengaksesan ke sumber daya computer. Misalkan untuk menulis ke sebuah file di computer, membaca isi file, membuat file / direktori di harddisk computer, dan mengakses port – port di computer tidak dapat dilakukan oleh client side scripting.

Server Side Scripting
Server Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. Maksud server disini adalah web server yang didalamnya telah mengintegrasikan komponen web engine. Tugas web engine adalah memproses semua script yang termasuk kategori client side scripting didalam dokumen web. Web engine biasanya harus diinstall di dalam computer terlebih dahulu sebagai bagian terpisah dari web server. Server side scripting dapat disisipkan ke dalam dokumen web yang menggunakan HTML atau sebaliknya.

Berikut adalah contoh server side scripting, yaitu:
  • Active server pages (ASP).
  • PHP: Hypertext Preprocessor (PHP), adalah bahasa pemrograman web berbasis open source. Penemunya adalah Rasmus Lerdorf pada tahun 1995. Pemrosesan script PHP dilakukan oleh engine yang harus diinstall secara terpisah. Web server yang mendukung PHP adalah web server apache dan web server IIS.
  • Java Server Pages (JSP), adalah bahasa pemrograman web berbasis server side scripting yang berbasis platform Java. Jadi perintah – perintah dalam JSP hamper sama dengan bahasa pemrograman Java. Web server yang mendukung JSP adalah web server apache tomcat.
Cara Kerja Server Side Scripting
Berikut cara kerja server side scripting:
  1. User melakukan request dasi sisi cliet melalui web browser untuk mengakses sebuah halaman web.
  2. Proses request ini akan dicari di web server, khususnya URL / domain halaman tersebut.
  3. Setelah itu web browser akan mengecek apakah dokumen yang di request oleh user menggunakan client side scripting atau server side scripting. Jika dokumen web tersebut berisikan dokumen client side scripting maka web server akan mengarahkan pemrosesannya ke sisi client / web browser. Sebaliknya jika berisikan server side scripting maka pemrosesannya darahkan kepada web engine.
  4. Web engine akan memproses dokumen server side scripting tersebut menjadi format doumen HTML.
  5. Selanjutnya hasil pemrosesan web engine akan dikembalikan lagi ke web server.
  6.  Kemudian dilanjutkan oleh web server client / user yang merequest dokumen tersebut. Format akhir dokumen tersebut adalah format HTML. Hal ini terjadi karena web browser hanya dapat menampilkan halaman web dalam format HTML.

Kelemahan Server Side Scripting
Berikut adalah kelemahan server side scripting:
  • Spesifikasi computer yang cukup tinggi agar dapat memproses server side scripting secara cepat. 
  • Dibutuhkan kemampuan pemrograman yang baik.
  • Tidak memiliki kemampuan untuk membuat layout / desain halaman web yang menarik.
Kelebihan Server Side Scripting
Berikut adalah kelebihan server side scripting:
  1. Aman. Hal ini dikarenakan kode sumber server side scripting disimpan di web server yang ada di sisi server, sehingga user / pengunjung tidak dapat melihat kode sumber server side scripting dari sisi client / web browser.
  2. Meminimalkan traffic di jaringan. Pada saat user melakukan request ke server maka yang dikirimkan ke user adalah hasil pemrosesannya saja. Karena pemrosesan dokumennya sudah dilakukan di sisi server, maka data yang mengalir dari client ke server atau sebaliknya adalah relative kecil dan tidak membebani bandwidth di jaringan.
  3. Pemrosesannya lebih cepat karena spesifikasi hardware untuk mesin server biasanya lebih tinggi (bisa menjadi kelemahan juga.
  4. Mampu mendukung banyak program basis data / database management system (DBMS).
  5. Mampu dijalankan disemua system operasi lunak lainnya (cross platform).
  6. Tidak bergantung pada jenis web browser yang akan digunakan, karena semua script dikelola di sisi server / web server.
Pengertian Web Statis dan Web Dinamis

Web Statis adalah web yang content atau isinya tidak berubah-ubah. Maksudnya isi dari web tersebut tidak mudah untuk diubah karena untuk membuat web static tidak mendukung untuk mengubah isi document. Karena script yang digunakan yakni HTML dan CSS(Cascading Style Sheet). Web ini biasanya digunakan untuk website yang meggunakan HTML,Web,Search Engine, atau Company Profile.
Ilustrasi :

Gambar 1.9 Alur web static

Web Dinamis adalah web yang contentnya dapat berubah-ubah setiap saat. Untuk   mengubah contentnya pun terbilang mudah karena web ini telah dirancang untuk mempermudah user dalam hal pengendalian webnya. Biasanya web ini telah disisipkan database, contoh penggunaan web ini biasanya adalah Toko Belanja Online,Web Berita, Blog, dll.
Gambar 2.0 Alur web dinamis

Diposting oleh di Tidak ada komentar:

Pertemuan Ketiga

Macam-macam Tag dasar HTML

    Macam-macam Tag dasar pada HTML :

  1. Tag Heading

    Penulisan HTML : <hn>Test</hn>

    n = 1/2/3/4/5/6

    Contoh :

      Test1

      Kode =

      Test2

      Kode =

      Test3

      Kode =

      Test4

      Kode =
      Test5
      Kode =
      Test6
      Kode =



  2. Tag Paragraf

    Penulisan HTML : <p>Teks</p>

    Contoh :

    HTML merupakan singkatan dari

    HyperText Markup Language.


    Kode =



  3. Tag Atribut

     a. Teks Tebal

         Penulisan HTML : <b>Teks</b>

         Contoh :    Ini huruf Tebal              Kode =


     b. Teks Miring

         Penulisan HTML : <i>Teks</i>

         Contoh :    Ini huruf Miring              Kode =


     c. Teks Bergaris bawah

         Penulisan HTML : <u>Teks</u>

         Contoh : Ini huruf Bergaris bawah     Kode =


     d. Teks Atas

         Penulisan HTML : <sup>Teks</sup>

         Contoh :   X2 dibaca X kuadrat.        Kode =


     d. Teks Bawah

         Penulisan HTML : <sub>Teks</sub>

         Contoh :   X2+1y                              Kode =


     e. Pindah Baris

         Penulisan HTML : <br>Teks atau <br/>Teks

         Contoh :


         Baris1
         Baris2
         Kode =


     f. Memberikan Garis Batas

         Penulisan HTML : <hr>atau <hr/>



  4. Tag Font

     a. Font

         Penulisan HTML : <font face="x" size "y">Teks</font>

         x = Jenis Huruf (Times New Roman,Arial,Algerian,dll)

         y = Ukuran Huruf

         Contoh :


       Ini Times New Roman          Kode =

       Ini Arial              Kode =

       Ini Algerian          Kode =

     b. Warna

         Penulisan HTML : <font color= "warna">Teks</font>

         warna = warna huruf (red,blue,green,yellow,dsb) atau menggunakan kode warna Hex

         Contoh :

         Ini warna Magenta     Kode =



  5. Tag Enumerasi


         Penulisan HTML : <li>item</li>



  6. Tag List

     a. Ordered List

         Penulisan HTML : <ol>...</ol> atau <ol type ="x">...</ol>

        x = diganti dengan type pengurutan (1,A,a,I,i)

         Contoh :

      Menu Minuman
    1. Es Teh
    2. Es Kelapa
    3. Es Jeruk
    4. Air Putih
    Kode =



    b. UnOrdered List

         Penulisan HTML : <ul>...</ul> atau <ul type ="y">...</ul>

        y = diganti dengan simbol pengurutan (disc,circle,square)

         Contoh :

      Menu Makanan
    • Nasi Goreng
    • Mie Ayam
    • Soto Ayam
    • Capcay
    Kode =

    Contoh list bersarang :

    1. HTML dan CSS Dasar
      • Element, Tag, dan Atribut
        1. Element
        2. Tag
        3. Atribut
      • Struktur Dokumen HTML
      • Dasar CSS
        1. Selector
        2. Property
    2. PHP


    Kode =
    <ol>
          <li>HTML dan CSS Dasar</li>
                <ul type = "circle">
                   <li>Element, Tag, dan Atribut
                         <ol>
                            <li> Element</li>
                            <li> Tag</li>
                            <li> Atribut</li>
                         </ol>
                   </li>
                   <li>Struktur Dokumen HTML</li>
                   <li>Dasar CSS
                         <ol>
                            <li> Selector</li>
                            <li> Property</li>
                         </ol>
                   </li>
                </ul>
          <li>PHP</li>
    </ol>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)