Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML, CSS, JS (Chapter Ii)

    Diunggah oleh

    Alti Query
    78 tayangan28 halaman

    Judul Asli

    HTML, CSS, JS (CHAPTER II)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    78 tayangan28 halaman

    HTML, CSS, JS (Chapter Ii)

    Diunggah oleh

    Alti Query

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 28

    INTRODUCTION

    WHAT IS WEBSITE ?
    WHAT IS WEBSITE ?
    Situs WEB di INTERNET
    • Hampir semua tampilan yang berada pada sebuah halaman browser
    dapat disebut sebuah situs web atau website!
    • Facebook, Twitter, Gmail, …
    • Wordpress, Tokopedia, Detik, …
    • Semua Alamat situs yang menggunakan domain disebut situs web!
    • Facebook.com, lk21.tv, go-it.es.esy
    • Megaxus.com, sukiman.org, …
    • Situs web tidak dapat atau di akses tanpa web browser

    4
    The Definition of Website
    • Website adalah suatu metode untuk menampilan informasi di internet, baik
    berupa teks, gambar, suaramaupun video yang interaktif dan mempunyai
    kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen
    lainnya (hypertext) yang dapat diakses melalui sebuah browser
    (Yuhefizar, 1998)

    • Unsur-unsur website:
    (1) Nama domain (Domain name/URL – Uniform Resource Locator)
    (2) Rumah tempat website (Web hosting)
    (3) Desain website.
    (4) Program transfer data ke pusat data.
    (5) Publikasi website.

    • Website adalah sebuah tempat di internet yang mempunyai nama dan


    alamat (Haer Talib, 1992)
    5
    Konsep website
    Client dan internet
    HTTP
    “Get” abc.htm
    Server
    Web Browser HTTPS
    URL:http//../abc.htm 1
    2 Computer
    Internet 3
    HTTP
    Reply
    Web Browser 4
    URL:http//../abc.htm Hardisk

    Welcome <HTML>
    <HTML> <h1>Welcome</h1>
    <h1>Welcome</h1> <HTML>
    6
    <HTML>
    Konsep Word Wide Web
    • Dikenal dengan istilah Web merupakan salah satu layanan di Internet
    • Web pada awalnya merupakan ruang informasi dalam internet
    • Dengan menggunakan teknologi Hypertext pemakai dituntun untuk
    menemukan informasi dg mengikuti link yang disediakan.

    7
    Istilah-istilah yang perlu diketahui
    • Web Browser adalah software yg dipakai untuk membaca dan menterjemahkan web pages (halaman web).
    • WWW (Word Wide Web) yang lebih dikenal awalnya sebagai merupakan suatu layanan penyajian informasi
    di internet.
    • Protocol: standar pemrosesan informasi yg diterima secara umum.
    • TCP/IP (Transfer Control Protocol/ Internet Protocol): Protocol standar di internet
    • URL (Universal Resource Locator): Konsep nama file standar yg diperluas dg jaringannya.
    • HTTP (HyperText Transfer Protocol): merupakan protokol yang digunakan untuk mentransfer data atau
    document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator,
    NeoPlanet, dll)
    • Surfing: Kegiatan menelusuri dan mencari informasi dalam internet.
    • Domain name : nama atau alamat dari sebuah web di internet
    • Web server : komputer server tempat file-file webserver diletakan
    • Web service : program (service) yang bertugas untuk mengkomunikasikan dan mensinkronkan antara
    permintaan klien dan server

    8
    QUIZ
    1. Apa itu Website
    2. sebutkan contoh situs website minimal 3 contoh !
    3. sebutkan 2 dari salah satu unsur website !
    4. sebutkan 3 istilah-istilah pada web !

    9
    STATIC WEBSITES ,
    DYNAMIC WEBSITES
    AND INTERACTIVE
    WEBSITE
    Static Websites , Dynamic Websites
    and Interactive Website
    Jenis Website

    Static

    Interactiv
    Dynamic
    e

    12
    Jenis Website
    • Website Static
    Situs web statis merupakan situs web yang memiliki isi tidak
    dimaksudkan untuk diperbarui secara berkala sehingga
    pengaturan ataupun pemutakhiran isi atas situs web
    tersebut dilakukan secara manual.)
    • Website Dynamic
    Situs web dinamis merupakan situs web yang secara spesifik didisain
    agar isi yang terdapat dalam situs tersebut dapat diperbarui secara
    berkala dengan mudah.
    Sesuai dengan namanya, isi yang terkadung dalam situs web ini
    umumnya akan berubah setelah melewati satu periode tertentu.
    Situs berita adalah salah satu contoh jenis situs yang umumnya
    mengimplementasikan situs web dinamis.

    13
    • Website Interactive
    Website Interaktif adalah website yang bersifat interaktif
    yang lebih dikenal istilah website generasi 2.0 ( web 2.0 ).
    dimana masing-masing user dapat memberikan pertanyaan,
    jawaban, argument, ide dan lain-lain. Salah satu contoh
    website interaktif adalah webs forum dan website
    komunitas.

    Dalam website interaktif terjadi komunikasi dua arah antara


    pengunjung dan pengurus website atau antara pengunjung
    dengan sesama pengunjung. Contoh website keren yang
    interaktif adalah Facebook dan Twitter.

    14
    Contoh halaman website statis

    15
    Contoh halaman website dinamis

    16
    Contoh halaman website interactive

    17
    Quiz
    1. SEBUTKAN JENIS-JENIS WEBSITE !
    2. SEBUTKAN DEFINISI DARI SALAH SATU JENIS WEBSITE
    BERDASARKAN PEMIKIRAN ANDA. !
    3. SEBUTKAN 1 CONTOH WEBSITE DARI 3 JENIS WEBSITE !

    18
    Components
    Website
    Components
    Website
    Komponen Situs Web/Website
    Website adalah kumpulan dari halaman - halaman situs, yang terangkum
    dalam sebuah domain atau subdomain, yang tempatnya berada di dalam
    World Wide Web (WWW) di dalam Internet. Berikut ini adalah komponen-
    komponen penyusun web, baik web statis, web dinamis, maupun web
    interactive .

    • Bahasa Pemrograman / Scripting Language).


    • Secara garis besar ada 2 kategori script yang dibutuhkan untuk membuat website,
    yaitu:

    Client Side Scripting, contohnya adalah: HTML, HTML5, XHTML, Casading Style Sheet
    (CSS), JavaScript, VBScript, jQuery
    • Web Editor :
    Merupakan program aplikasi yang berfungsi untuk mengetikkan perintah-
    perintah dokumen web baik client side scripting maupun server side scripting.
    Saat ini banyak tersedia web editor mulai dari yang paling sederhana hingga
    yang lebih smart. Mulai dari web editor yang berbayar hingga yang gratis.
    Contoh web editor adalah: Notepad, Notepad++, Macromedia Dreamweaver
    21
    • Web Browser
    Merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web
    dalam format HTML. Bagaimana halaman web yang dibuat ditampilkan sangat
    tergantung pada web engine yang digunakan oleh masing-masing browser. Semua
    jenis web browser yang ada saat ini mengikuti standarisasi yang dibuat ileh World
    Wide Web Consortium (W3C) yang merupakan badan independen yang mengurus
    semua hal yang berkaitan dengan web dunia. Berikut ini adalah contoh web browser
    yang cukup populer beserta web engine yang dilakukan:

    Web Engine WebKit: Safari, Google Chrome


    Web Engine Trident: Microsoft Internet Explorer, Maxthon
    Web Engine Gecko: Mozilla Firefox
    Web Engine Presto: Opera

    • Web Server
    Web server adalah program aplikasi yang memiliki fungsi sebagai tempat menyimpan
    dokumen-dokumen web. Jadi semua dokumen web baik yang ditulis menggunakan
    client side scripting maupun server side scripting tersimpan dalam direktori utama
    web server (document root). Berikut adalah beberapa contoh web server:

    Web Server Apache yang mendukung PHP.


    Web Server Microsoft Internet Information Servce (IIS) yang mendukung ASP dan PHP
    Web Server Apache Tomcat yang mendukung Java Server Pager (JSP). 22
    • Port yang digunakan oleh web server di komputer default-nya
    adalah port 80 untuk web server Apache dan web server IIS,
    sedangkan web server Apache Tomcat menggunakan port
    8080 untuk default-nya. Web server ada yang mendukung
    beberapa platform/sistem operasi, maksudnya adalah vendor
    pembuat web server tersebut menyediakan file instalasi web
    server untuk mendukung banyak sistem operasi dan ada yang
    hanya menyediakan dukungan file instalasi untuk satu sistem
    operasi saja. Kebanyakkan web server yang berbasis open
    source seperti Apache mampu mendukung banyak sistem
    operasi. Sedangkan untuk web server yang berbayar biasanya
    tidak menyediakan dukungan untuk banyak sistem operasi.
    Web server Apache mampu berjalan di beberapa sistem
    operasi seperti Microsoft Windows, Linux, Solaris, Mac OS X.
    Web server yang berbasis sistem file NTFS (Windows XP ke
    atas, Windows NT 4.0 keatas). Web server IIS digunakan untuk
    mengolah script ASP.
    23
    Domain Name

    • 1. Generic Domains

    Yakni domain yang berakhiran dengan .Com .Net .Org .Edu .Mil atau .Gov.
    Sering disebut top level domain dan tidak berafiliasi berdasarkan negara,
    sehingga siapapun dapat mendaftar.
    • .com : top level domain untuk kebutuhan komersil (commercial)
    • .mil : domain untuk kebutuhan militer (military)
    • .gov : domain untuk pemerintahan (government)
    • .edu : domain yang ditujukan untuk dunia pendidikan (education)
    • .org : domain untuk organisasi atau lembaga non profit (Organization).
    24
    • 2. Country-Specific Domains

    Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga
    disebut second level domain, seperti .id (Indonesia), .au (Australia), .jp
    (Jepang) dan lain lain. Domain ini dioperasikan dan di daftarkan di masing-
    masing negara. Di Indonesia, domain-domain ini berakhiran, .co.id,
    .ac.id, .go.id, .mil.id, .or.id, dan pada akhir-akhir ini ditambah dengan
    war.net.id, .mil.id, dan web.id.
    • .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah.
    • .ac.id : Untuk Lembaga Pendidikan
    • .or.id : Untuk segala macam organisasi yand tidak termasuk dalam kategori
    "ac.id", "co.id", "go.id", "mil.id" dan lain
    • .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
    • .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
    • .war.net.id : untuk industri warung internet di Indonesia
    • .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan
    pendidikan seperti SD, SMP dan atau SMU
    • .web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan
    yang melakukan kegiatannya di World Wide Web.

    25
    LATIHAN
    KOGNITIF
    LATIHANKOGNITIF
    Latihan Kognitif
    • Buatlah sebuah review website dengan format

    Nama website : contoh(website mereka dorang)


    fungsi website : contoh( website ini berfungsi untuk menampilkan, postingan
    user untuk dapat dibaca sebagai artikel yang berguna.)
    jenis website : contoh(website dinamis/dynamic)
    isi website : contoh(website ini berisi artikel kiriman user yang akan
    ditampilkan di halaman utama.website ini juga berisi tentang interaksi para
    user dalam berkomunikasi dengan berbagai fitur yang ada seperti: berbagi file,
    chat, emoticon, etc.)
    domain website : contoh(www.mereka-dorang.co.id)
    browser support : contoh(Mozila firefox, Google chrome, UC Browser, Internet
    Explorer)
    - Ketik dalam format word (2003/2007/2010/2013/2016/2000lama)
    - Kirim ke alamat email altiquery@gmail.com dengan format
    belajar_Website_Nama_NPM_angkatan
    - Bagi mahasiswa yang mengirim email harap telah bergabung di group whatsapp.
    BATAS PENGUMPULAN TERHITUNG SATU MINGGU(168 JAM) DARI SEKARANG.
    28

    Anda mungkin juga menyukai