Scribd Logo
Unggah

Selamat datang di Scribd!

  • 2.modul Web Kelas Xi

    Diunggah oleh

    Kevin
    19 tayangan2 halaman
    Web

    Judul Asli

    2.MODUL WEB KELAS XI

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Web

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    19 tayangan2 halaman

    2.modul Web Kelas Xi

    Diunggah oleh

    Kevin
    Web

    Hak Cipta:

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

    Pemrograman Web dan Perangkat Bergerak Kelas XI

    KEGIATAN BELAJAR 1
    TEKNOLOGI WEB
    A. Profesi dalam bidang Teknologi Informasi
    Saat ini ada banyak aneka profesi di bidang Teknologi Informasi atau TI. Perkembangan dunia
    TI telah melahirkan bidang baru yang tidak terlepas dari tujuan utamanya yaitu untuk semakin
    memudahkan manusia dalam melakukan segala aktifitas. Munculnya bidang TI yang baru juga
    memunculkan profesi di bidang TI yang semakin menjurus sesuai dengan keahlian masing-
    masing.
    a. Sistem analis, merupakan orang yang bertugas menganalisa system yang akan
    diimplementasikan, mulai dari menganalisa system yang ada, kelebihan dan kekurangannya,
    sampai studi kelayakan dan desain system yang akan dikembangkan
    b. Programer, merupakan orang yang bertugas mengimplementasikan rancangan system analis,
    yaitu membuat program ( baik aplikasi maupun system operasi ) sesuai system yang
    dianalisa sebelumnya.
    c. Web designer, merupakan orang yang melakukan kegiatan perencanaan, termasuk studi
    kelayakan, analisis dan desain terhadap suatu proyek pembuatan aplikasi berbasis web.
    d. Web programmer, merupakan orang yang bertugas mengimplementasikan rancangan web
    designer, yaitu membuat program berbasis web sesuai desain yang telah dirancang
    sebelumnya.
    e. Networking engineer, adalah orang yang berkecimpung dalam bidang teknis jaringan
    computer dari maintenance sampai pada troubleshooting-nya.

    B. Teknologi Web Internet


    Internet merupakan sambungan jaringan komputer berskala luas atau WAN (Wide Area
    Network), yang setiap peralatan komputer di seluruh dunia dapat saling berhubungan satu sama
    lainnya. Web merupakan layanan informasi berupa rangkaian tulisan (hypertext) dalam sebuah
    dokumen yang dapat dibaca, dilihat, dan dioperasikan oleh pengguna (user) menggunakan
    aplikasi web browser.
    Teknologi web bermula pada tahun 1993 di European Particle Physics Lab (Consei European
    Pour Ia Recherche Nucleaire) atau CERN yang membangun aplikasi hypertext untuk bertukar
    informasi pada jaringan komputer.

    C. Konsep Kerja Web


    HTML atau HyperText Markup Language adalah sebuah dokumen teks yang berisi susunan
    baris kode menurut aturan standar tertentu dengan ekstensi file .html atau .htm. Cara kerja web
    page adalah ketika client me-request (melakukan permintaan) dengan menuliskan URL nama
    file dokumen.html yang ada pada web server melalui sambungan internet. Web server akan
    menanggapi permintaan tersebut dengan mencari file yang diminta pada media penyimpanan
    hardisk. Setelah file ditemukan, maka server akan mengirimkan file atau dokumen tersebut ke
    client. Kemudian oleh web browser, dokumen html akan diterjemahkan isinya menjadi sebuah
    halaman web yang dapat dilihat informasinya oleh pengguna.
    Web server adalah sebuah mesin komputer dengan layanan http (hypertext transfer protocol)
    yang menyimpan dokumen-dokumen html pada media penyimpanan dan bertugas untuk
    melayani setiap permintaan halaman web dan web client.

    D. Latihan
    1. Jelaskan sejarah perkembangan web.
    2. Jelaskan konsep kerja web
    3. Jelaskan pengertian web server menurut anda

    SMK PLUS MUTA’ALLIMIN


    Pemrograman Web dan Perangkat Bergerak Kelas XI

    KEGIATAN BELAJAR 2
    MENYAJIKAN FORMAT TEKS DALAM DOKUMEN WEB
    A. Dasar-Dasar HTML
    HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer
    data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web
    yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup
    language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan
    pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering
    disebut sebagai tag-tag pada file teks biasa tersebut.
    Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih
    besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/).
    Misalnya pasangan dari tag <contoh > adalah</contoh>. Dalam penulisan tag HTML
    tidaklah case sensitive artinya pengguna huruf kecil ataupun capital tidaklah menjadi
    masalah. Contoh dokumen html;
    <! DOCTYPE HTML>
    <html>
    <head>
    <title>Tes HTML5</title>
    </head>
    <body>
    Selamat belajar HTML5
    </body>
    </html>

    Berikut ini penjelasan dari dokumen HTML5 di atas :


    a) Sebuah dokumen HTML5 diawali dengan <!DOCTYPE HTML>.
    b) Tanda seperti <html> disebut tag. Sebuah tag seperti itu menyatakan sebuah elemen
    dalam dokumen html.
    c) Beberapa tag berpasangan. Sebagai contoh, <head> berpasangan dengan </head>.
    d) Namun, tidak semua tag berpasangan. Sebagai contoh, <br> tidak punya pasangan.
    Khusus untuk tag seperti ini, tidak ada keharusan untuk menyertakan tanda / sebelum >.
    Pada XHTML, tanda seperti / memang diharuskan untuk ditulis.
    e) Pasangan <html>..</html> menyatakan awal dokumen HTML.
    f) Di dalam <html>..</html> terdapat pasangan <head>..</head> dan <body>..</body>.
    g) Pasangan <head>..</head> menyatakan bagian judul dokumen HTML. Isinya paling
    tidak berupa pasangan <tittle>..</tittle>.
    h) Pasangan <body>..</body> menyatakan bagian tubuh dokumen.

    B. Latihan
    1. Cari di internet tag-tag yang ada pada html dan jelaskan (10 macam) !
    2. Sebutkan 10 macam kode warna pada html (cari di internet)

    SMK PLUS MUTA’ALLIMIN

    Anda mungkin juga menyukai