PERTEMUAN 1 KELAS XI RPL KONSEP TEKNOLOGI APLIKASI WEB

By

 Kopetensi Dasar : 

1. Mengetahui konsep dan teknologi web 

2. Menyajikan berbagai teknologi pengembangan apliaksi web


Materi Pembelajaran 

Konsep Dasar dan teknologi Web Site 

       1. Apa itu Web ?

    • Web (World Wide Web) merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet, yang dapat memudahkan pengguna komputer untuk berinteraksi dengan pengguna internet lainnya dan mencari informasi yang diperlukan. 
    • Web Pertama kali diperkenalkan pada tahun 1992, hal ini sebagai hasil usaha pengembangan yang dilakukan CERN di Swiss. 
    • Internet dan Web adalah dua hal yang berbeda, internet lebih ke perangkat keras, sedangkan Web adalah perangkat lunak. 
    • Halaman depan web disebut dengan HOMEPAGE 
    • Penyajian informasi melalui web dapat dinikmati pemakai komputer melalui browser yang terhubung keinternet melalui HTTP. 
    • Secara Umum halaman web dibangun dengan sebuah bahasa pemrograman bernama HTML 
       2. Web browser : 

    • Browser web merupakan software yang digunakan untuk menampilkan informasi dari server web. 
    • Contoh dari web browser : Opera, Mozzila, Netscape Navigator, Internet Explorer, Lynx, Konqueror    
        3. Server Web 

    •  Server web adalah komputer yang digunakan untuk menyimpan dokumen
    •  Dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. 
    •  Contoh dari web server : IIS, PWS, Apache, Xitami.     
    STANDAR TEKNOLOGI WEB 

            Secara umum teknologi disain web terbagi menjadi beberapa layer (lapisan), yaitu : 

            1.     Structural layer 

                 Layer ini berhubungan dengan struktur dokumen web.bagaimana sebuah dokumen tersusun, format apa yang dipakai, tanda atau mark up apa yang digunakan merupakan bagian dari layer. Standar teknologi yang direkomendasikan saat ini adalah Extensible Hypertext Markup Language (XHTML) dan Extensible Markup Language (XML). XHTML adalah HTML versi terakhir (4.01)

            2.    Presentation layer 

                  Layer ini berhubungan dengan bagaimana mengatur tampilan dokumen pada layar, suara yang keluar , atau bagaimana format pencetakan dokumen. Pada teknologi web lama bagian ini menyatu dengan structural layer. Tapi pada standar baru, Layer ini disarankan untuk dipisah. yang termasuk teknologi ini adalah Cascading Style Sheets (CSS). 

            3.    Behavioral layer 

                 Layer ini berhubungan dengan masalah penggunaan bahasa skrip dan pemogramannya untuk tujuan meningkatkan sisi interaktif dan dinamis halaman web. yang termasuk dalam layer ini adalah Document Object Model (DOM) dan JavaScrift. DOM memungkinkan suatu dokumen atau skrip untuk mengakses atau mengupdate isi, struktur, dan style dari dokumen. 

JavaScript merupakan teknologi yang cukup lama dan tetap digunakan untuk menambah dokumen menjadi lebih interaktif 

    KONSEP DASAR WEB 

  • Penyajian informasi melalui web dapat dinikmati pemakai komputer melalui browser yang terhubung keinternet melalui HTTP. 
  • Secara Umum halaman web dibangun dengan sebuah bahasa pemrograman bernama HTML 
  • HTTP (HyperText Transfer Protokol) adalah protokol yang menentukan aturan yang hrus diikuti oleh browser web dalam meminta atau mengambil suatu dokumen dan server web dalam menyediakan dokumen dokumen yang diminta. 
  • Ada dua cara untuk membuat sebuah web page: 
    1. Dengan menggunakan editor teks biasa (notepad, editplus) 
    2. Dengan HTML Editor.
     ARSITEKTUR WEB 

  • URL (uniform Resources Locator) adalah sarana yang digunakan untuk menentukan lokasi informasi pada suatu webserver. Format umum suatu URL adalah : 
  • protokol transfer://nama_host/path/nama_file. 
                            Contoh :  http//pbosmk/materi/web.html

  • DNS adalah format penamaan standar untuk mempermudah pengeloaan server komputer diinternet. 
  • DNS membuat tingkatan-tingkatan domain yang merupakan kelompok komputer yang terhubung keinternet. 
  • Nama Domain
        


Contoh identitas Negara dalam Domain\


Web Server Software (PHPTriad, PHP Nuke)

Web Server adalah komputer yang digunakan untuk menyimpan dokumen
  • Dokumen web. Komputer ini akan melayani permintaan dokumen dari kliennya. 
  • Browser web berkomunikasi melalui jaringan server web dgn menggunakan HTTP. 
  • PHPTriad è paket web server dan database server dengan apache & Mysql. 
  • PHPNuke è paket web server dan database server dengan xitami dan Mysql. 
  • Keduanya diperuntukkan untuk PHP.

SEJARAH HTML
  • HTML dibuat oleh Tim Beners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser mosaic. 
  • Selama awal tahun 1990, HTML mengalami perkembangan pesat. 
  • Perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF. 
  • HTML 2.0 merupakan penyempurnaan dari HTML+ (1993). 
  • HTML 3.0 (1995) 
  • HTML 3.2(Januari 1997) oleh W3C HTML Working group yg dibentuk tahun 1996. 
  • HTML 4.01 adalah versi terbaru keluaran W3C pada tanggal 24 April 1998 yg merupakan perbaikan dari HTML 4.0 yg diterbitkan 18 Desember 1997. 
KONSEP HTML
  • Mendesain HTML dapat dilakukan dengan 2 cara : 
    1. Menggunakan HTML Editor, Seperti Microsoft Front Page Editor, Macromedia Dreamweaver,Nescape Composer,Adobe pagemill,Homesite Pro, dll. Cara ini kelebihannya adalah HTML Editor merupakan sebuah program yg khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dgn kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini disukai oleh PEMULA dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. 
    2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML kedalam dokumen HTML dalam hal ini bisa menggunakan Notepad pada windows. Cara Kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat sulit karena akan memakan waktu ekstra dan tenaga, ditambah anda jg haru melakukan cara-cara konvensional untuk melihat hasilnya pada browser.




No comments:

Post a Comment