Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pertemuan-7 Pengantar TIK (STKIP)

    Diunggah oleh

    Muhammad Zidan Rusdani
    1 tayangan24 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    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 PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    1 tayangan24 halaman

    Pertemuan-7 Pengantar TIK (STKIP)

    Diunggah oleh

    Muhammad Zidan Rusdani

    Hak Cipta:

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

    Oleh:

    Siti Husnul Bariah, Skom., M.Pd

    Pend. Teknologi Informasi dan Komunikasi- STKIP


    Pendahuluan
    –
    ™ World Wide Web (WWW), lebih dikenal dengan
    web, merupakan salah satu layanan yang didapat
    oleh pemakai komputer yang terhubung ke internet.

    ™ Web pada awalnya adalah ruang informasi dalam


    internet, dengan menggunakan teknologi hyperteks,
    pemakai dituntun untuk menemukan informasi.
    Lanjutan...
    –
    ™ Web telah diadopsi oleh perusahaan sebagai
    sebagian dari strategi teknologi informasinya, karena
    beberapa alasan:
    1. Akses informasi mudah
    2. Setup server lebih mudah
    3. Informasi mudah di distribusikan, dan
    4. Bebas platform.
    Sekilah Lahirnya Web
    –
    ™ Tahun 1993, Tim Berners-Lee dan peneliti lain di
    European Particle Physics Lab (Consei Europeen
    pour la Recherche Nucleaire, atau CERN) di Geneva,
    Swis mengembangkan suatu cara untuk men-share
    data antar koleganya menggunakan sesuatu yang
    disebut dengan hypertext.
    Lanjutan...
    –
    ™ Kode-kode khusus disisipkan ke dalam dokumen
    elektronik ini.

    ™ Memungkinkan pemakai untuk meloncat dari satu


    dokumen ke dokumen lainnya pada layar dengan
    hanya memilih sebuah hyperlink.
    URL
    (Uniform Resource Location)
    –
    ™ Sebelum browser terhubung ke sebuah situs web, browser
    perlu mengetahui alamat situs /URL.
    ™ URL adalah alamat situs web yang unik (tidak ada dua
    situs berbeda yang memiliki alamat sama)
    ™ URL terdiri dari:
    1. Protokol web
    2. Nama domain atau server web
    3. Direktori (atau folder)
    4. File yang terdapat pada direktori
    https://elearningpti.gnomio.com/
    –
    ™ https (protokol) adalah sekumpulan aturan
    komunikasi untuk bertukar informasi.

    ™ Elearningpti.gnomio.com (Nama domain). Sebuah


    domain merupakan suatu lokasi di internet.

    ™ Komponen nama domain dipisahkan dengan tanda


    titik (dot)
    https://elearningpti.gnomio.com/course/view.php?id=3

    –
    ™ Course (nama direktori) adalah nama direktori atau
    folder di server tempat browser anda mengambil
    file.

    ™ View.php (nama file) adalah halam atau dokumen


    tertentu yang anda cari.
    Bagaimana WWW Bekerja?
    –
    ™ Informasi web disimpan dalam dokumen yang disebut
    dengan halaman-halaman web (web pages).
    ™ Web page adalah file-file yang disimpan dalam komputer
    yang disebut dengan server-server web (web servers).
    ™ Komputer-komputer membaca web page disebut web client.
    ™ Web client menampilkan page dengan menggunakan
    program yang disebut dengan browser web (web browser).
    ™ Browser web yang populer adalah mozilla firefox dan
    google crome.
    Skema WWW Bekerja
    –
    Browser Web
    –
    ™ Browser web adalah software yang digunakan untuk
    menampilkan informasi dari server web.
    ™ Cara kerja browser:
    • Browser mengambil sebuah web page dari server dengan
    sebuah request.
    • Sebuah request adalah HTTTP standar yang berisi sebuah
    page address.
    • Sebuah page address terlihat seperti ebrikut:
    http://www.ptisthusnulbariah.blogspot.com
    Bagaimana Browser Menampilkan Page?
    –
    ™ Browser menampilkan page dengan membaca
    intruksi-intruksi.

    ™ Instruksi yang paling umum untuk menampilkan


    disebut tag HTML.

    ™ Tag HTML contohnya seperti berikut: <p>ini adalah


    paragraf</p>.
    Skema Dasar HTML
    <HTML>
    –
    <HEAD>
    <TITLE>Judul dokumen</TITLE>
    </HEAD>
    <BODY>
    Isi dokumen
    </BODY>
    </HTML>

    l HTML: menandai awal dan akhir dokumen HTML


    l HEAD: menandai bagian header dokumen HTML
    l TITLE: memberi judul pada dokumen HTML
    l BODY: menandai awal dan akhir isi dokumen (yang ditampilkan)
    Server Web
    –
    ™ Server web adalah komputer yang digunakan untuk
    menyimpan dokumen-dokumen web, komputer ini akan
    melayani permintaan dokumen web dari kliennya.
    ™ Browser akan mengirimkan request kepada server untuk
    meminta dokumen tertentu atau layanan lain yang
    disediakanoleh server.
    ™ Server memberikan dokumen atau layanannya jika
    tersedia juga dengan menggunakan protokol HTTP.
    Konsep HTML
    –
    ™ HTML (Hyper Text Markup Language).

    ™ Dokumen HTML adalah file teks murni yang dapat


    dibuat dengan editor teks sembarang.

    ™ Dokumen ini dikenal sebagai web page.

    ™ Dokumen HTML merupakan dokumen yang


    disajikan dalam browser web.
    Lanjutan...
    –
    ™ Ada dua cara untuk membuat sebuah web page:
    1. HTML editor
    2. Editor teks biasa (notepad)

    ™ Penamaan dokumen (pilih suatu nama, sembarang nama,


    kemudian tambahkan sebuah ekstensi “.htm” atau “.html”
    ™ Dokumen HTML disusun oleh elemen-elemen.
    ™ Elemen merupakan istilah bagi komponen-komponen dasar
    pembentuk dokumen HTML. Contoh (head, body, paragraf,
    dll)
    Definisi Tag
    –
    ™ Untuk menandai berbagai elemen dalam suatu dokumen HTML,
    kita menggunakan tag.
    ™ Tag HTML terdiri dari kurung sudut kiri (<), sebuah nama tag, dan
    sebuah kurung sudut kanan (>).
    ™ Tag umumnya berpasangan (misalnya <h1> dengan </h1>.
    ™ Ada beberapa elemen yang tidak mengharuskan tagnya ditulis
    secara berpasangan:
    o Paragraf dengan tag <p>
    o Ganti baris <br>
    o Garis datar <hr> </hr>
    Contoh
    –
    <html>
    <head>
    <title>contoh halaman web saya</title>
    </head>
    <body>
    <h1>selamat datang</h1>
    <h2>di Halaman pertama web saya</h2>
    <p>Perkenalkan, nama saya ..... Ini adalah <i>halaman web</i>
    <b>pertama</b> saya, karena saya baru belajar tentang
    cara membuat <b><i>halaman web</i></b>.
    </p>
    </body>
    </html> <!-- akhir dokumen HTML -->
    Contoh
    –
    TAG HTML (Lanjut....)
    ™ <html>
    – Dokumen
    ™ <head> Header
    ™ <title> Judul dokumen
    ™ <body> Isi dokumen
    ™ <h1>…<h6> Judul paragraf
    ™ <p> Paragraf
    ™ <b>,<i>,<u>,<sup>,<sub> Atribut
    ™ <br> Ganti baris
    ™ <font> Font
    ™ <li>,<ol>,<ul> Enumerasi
    ™ <hr> Garis mendatar
    ™ <img> Gambar
    ™ <a> Link (kaitan/rujukan)
    ™ <table> Tabel
    ™ <!-- --> Komentar
    ™ <frame>,<frameset>,<iframe> Frame (bingkai)
    ™ <form> Formulir isian
    ™ <input>,<textarea>,<select> Komponen isian pada formulir
    ™ <map> Link berdasar area pada gambar
    ™ <span>,<div> Pengelompokan elemen dokumen
    REFERENSI
    –
    ™ Rusman. Kurniawan, Deni. Riyana, Cepi. (2011). Pembelajaran Berbasis
    Teknologi Informasi dan Komunikasi “Mengembangkan Profesionalitas Guru”.
    Jakarta: Rajagrafindo Persada.
    ™ Darmawan, Deni (2011). Teknologi Pembelajaran. Rosda.
    ™ Williams. Sawyer. (2007). Using Information Technology “Pengenalan Praktis
    Dunia Komputer dan Komunikasi”. Edisi 7. Yogyakarta: Andi.
    ™ Kristanto, Andri. (2007). Perancangan Sistem Informasi dan Apliaksinya.
    Yogyakarta: Gava Media.
    ™ Ladjamudin, bin Al-Bahra. (2005) Analisis dan Desain Sistem Informasi. Edisi
    Pertama. Yogyakarta: Graha Ilmu.
    ™ Laudon, C Kenneth. Laudon,P Jane. (2008) Management Information Sytems
    “Managing The Digital Firm”. Jakarta: Penerbit Salemba Empat.
    ™ Raymond McLeod,Jr. (2001). Sistem Informasi Edisi 7 Jilid 2. Prenhallindo.
    Jakarta
    ™ Sutabri, Tata. (2003). Sistem Informasi Manajemen. Yogyakarta: Andi.
    ™ Sofana, Iwan (2011). “Teori & Modul Praktikum Jaringan Komputer”.
    Bandung:Modula.
    SELESAI
    –
    Tugas
    –
    ™ Buatlah sebuah halaman web (statis) menggunakan
    text editor (notepad) yang berisi biodata kalian
    masing-masing.

    ™ Judul : nama lengkap


    ™ Isi halaman web: biodata
    ™ File html: namalengkap.html
    ™ Dikirim ke elearning
    –

    Anda mungkin juga menyukai