Modul Pemrograman Dasar Kelas 10 Tkj – Pengumuman Penting Pemeliharaan Server (GMT) Minggu, 26 Juni, 02.00 – 08.00 . Situs ini akan tidak aktif selama waktu yang ditentukan!
Program Web Sekolah Dasar Media HTML Media Informatika SMK Jr. COSTRAD RAYA NO. 2 Pesangrahan Petukangan Utara Jakarta 12260 Telp: 021-5865251
Modul Pemrograman Dasar Kelas 10 Tkj
Daftar Isi Daftar Isi …………………………………. . …………………………………………… … ………. …………….. …………….. ….. 2 Standar Tingkat Keahlian (SKL) Keterampilan Pemahaman (KI) Keterampilan Dasar (KD) …..3 Bab I Pendahuluan ……………… …… …………………………………………. ……………………………………… .. ….. ……….. ..4 1.1 Sejarah Internet …………………… … …………………. ………………………….. … …… ………. ……………. ………..4 1.2 Prinsip -Internet .. ……………………………………………… …. ………. ………………………. …….. ..4 1.3 Nama Domain …………………………………….. ……….. …………………… ……….. ………. …………5 1.4 Teknologi Web ………… ……….. ……….. ………………………….. ……. ……… …… … ……………………. …6 1.5 Sistem Web Persyaratan …….. …… ………………………. ……. ……… ………………………….. ……… ……. .. …………7 1.5.1 Perangkat Keras ………….. ………. ……… ……………………….. ……….. …….. …………..7 1.5.2 Perangkat Lunak .. ………………… …….. ……………….. ….. ……………… ……. ……………………. .. .. …………7 Bab II HTML ….. ………………………. .. …. ……… ……. …………………………. …. …. …. ……. ………………………………………… … ….. 8 2.1 Memahami HTML……………………………. …………… ….. …. …………………… ………….. .. …….. ….. ………………… ……. 8 2.1.1 Tag dalam pengertian HTML ……. …… ……………………………… ……. ………………………….. ………. . …….8 2.1.2 Memahami Konten dalam HTML ……………… …………. . …….. …… …………………………. …. . …….. …… .9 2.1.3 Pengertian Atribut pada HTML ……………. …….. .. . …….. ….. …………………………….. . ……. . …… …..9 2.2 Membuat Struktur Dasar HTML ……………………………. ……. …………………………………………… ……….. …. … ….. 10 2.3 Atribut – Elemen dasar HTML untuk memformat halaman web …………… ……… ……. .. 13 2.3.1 Kepala …………………… .. ……. …………………………………. ……. …… ……. ………… 13 2.3.2 Bagian Tubuh ………. ……… ….. . ………………………………………… .. … ……. ………………………….. …. 15 2.3.3 Tanggapan .. ………………………………………… ….. …….. …… …. …………………… …… ……….. …… …. …… ……………. 16 2.3.4 Memberikan tanda pengenal . ………… … …. …………………… …….. …………. …… ……………….. .. …….. ……… …. ….. ……. 16 2.3.5 Memformat Dokumen HTML ……. … …….. ……………….. ….. ……………. …… .. ……………….. ….. .. 17 2.3.6 Memformat karakter …….. …… .. ……………….. ….. ……………. …….. …… …………… …. 20 2.3 .7 Menambahkan gambar ……….. …… .. ……………….. ……………….. …….. …………….. ……. .. …………. 23 2.3 .8 Menggunakan Tautan …. …………….. ……. .. ……………. …….. …………………… . .. …………….. 24 2.3.9 Menggunakan tabel …………………… …………………………………………… … .. ………….. 26 2.3.10 Menggunakan Bingkai .. …………………. …. ………………………………………. ….. .. ………………. 33 2.3.11 Menggunakan Formulir ……… …….. ….. .. …………………………………. …. .. …………………………… Deskripsi Media SMK 2
Materi Pemrograman Dasar Kelas X
Standar Keterampilan (SKL) Keterampilan Utama (KI) Nama Sekolah: Media Ilmu Teknologi Informasi: Keterampilan Informasi dan Komunikasi – Program Studi Pembangunan – Rekayasa Pendidikan Kajian Perangkat Lunak: Program Web KI 1 K2 K3 K4 (Kendaraan Komunikasi) (Komentar Sosial) (Keterampilan ) (Pengetahuan) Menggunakan Elemen Menjelaskan Konsep Dasar HTML Teknik Pemformatan Halaman Web Mendefinisikan Web Elemen Perangkat Lunak Pemrograman Desain Halaman Merancang Struktur Menu Web (Mendefinisikan Peta Situs) Menggunakan Elemen HTML Membuat Kerangka Desain Halaman Web HTML Menjelaskan Penggunaan of Desain Halaman Web Menggunakan proses HTML pada lapisan halaman Menggunakan link di berbagai jenis halaman web. Jelaskan fungsionalitas halaman web menggunakan program sampingan Tambahkan elemen multimedia sisi klien ke halaman untuk meningkatkan interaksi web Jelaskan aplikasinya Penggunaan program sisi klien di halaman web sisi server Desain data masukan form pengolahan untuk menangkap masukan data pengguna (input) dari pengguna Menerapkan program sisi klien untuk memvalidasi masukan data Menerapkan pemrograman sisi server pada halaman web Menerapkan pemrograman sisi server untuk memvalidasi masukan data Sunarya Ap PEMROGRAMAN WEB | Karya Media Sekolah Informasi 3
Bab 1 Pendahuluan Saat ini dunia komputer dan informasi berkembang sangat pesat, apalagi dengan hadirnya internet. Internet adalah jaringan komputer global yang terdiri dari jaringan komputer di seluruh dunia yang memungkinkan orang-orang yang terhubung untuk bertukar informasi, berkomunikasi, dan berbagi sumber daya komputer. Selain menyediakan media online dalam bidang pendidikan, ilmu pengetahuan dan teknologi, bisnis dan lain sebagainya, Internet memungkinkan masyarakat berkomunikasi dengan cepat menggunakan fasilitas email. Produsen komputer khususnya mikroprosesor berlomba-lomba mencari komputer tercanggih, dan seringkali komputer tersebut dikembangkan untuk memenuhi kebutuhan akan informasi khususnya informasi melalui internet. Internet adalah faktor yang memungkinkan dunia informasi berkembang dengan kecepatan luar biasa. Beberapa tahun yang lalu, informasi hanya tersedia melalui surat kabar, buku atau media cetak seperti elektronik, televisi dan radio. Saluran informasi ini mempunyai banyak kendala, hanya memberikan informasi, tetapi tidak dapat “menemukan” informasi yang kita perlukan, dan mempunyai keterbatasan waktu karena terbatas pada waktu publikasi dan waktu tayang. Dengan Internet, kita dapat mencari segala informasi yang kita butuhkan dan tidak dibatasi oleh waktu, karena Internet “buka” 24 jam sehari. Modul ini memberikan informasi praktis dasar tentang penjelajahan internet, email, HTML dasar, desain web, dan pemrograman web. 1.1 Sejarah Internet Mungkin agak sulit dipercaya bahwa pendahulu Internet sebenarnya dimulai oleh Uni Soviet pada tahun 1957 ketika mereka meluncurkan satelit bernama Sputnik. Peluncuran Sputnik dianggap sebagai “ancaman” oleh musuh bebuyutan mereka, Amerika Serikat. Presiden Dwight D. Eisenhower mengatakan dia perlu mengembangkan teknologi yang akan menjadikan AS sebagai negara yang unggul. Kemudian sebuah organisasi bernama Advanced Research Projects Agency (ARPA) didirikan. ARPA berada di bawah Departemen Pertahanan AS (DoD). Pada tahun 1969, ARPA ditugaskan untuk membangun hubungan komunikasi antara Departemen Pertahanan dan militer yang tidak dapat dikompromikan oleh musuh-musuh mereka. Jaringan yang dibuat disebut ARPAnet. Pada awalnya ARPAnet hanya menghubungkan empat situs yaitu : Stanford Research Institute (SRI) University of California at Santa Barbara (UCSB) University of California at Los Angeles (UCLA) University of Utah Pada tahun 1970 dilakukan penelitian di Stanford Universitas. memunculkan protokol yang disebut TCP/IP. Protokol TCP/IP ini terus dikembangkan dan merupakan sistem yang paling umum di Internet. 1.2 Prinsip Internet WWW adalah jenis layanan Internet di World Wide Web Sunarya Ap PEMROGRAMAN WEB | Deskripsi Media SMK 4
Halaman web menggunakan konsep superskrip antar dokumen terkait. Untuk mengakses www digunakan protokol http (Hypertext Transfer Protocol). TCP/IP adalah singkatan dari Transfer Control Protocol/Internet Protocol TCP/IP adalah jenis protokol yang memungkinkan komputer untuk berkomunikasi dengan komputer lain melalui jaringan yang disebut Internet. URL (Uniform Resource Locator) digunakan sebagai indikator lokasi untuk URL Internet. URL dapat dianggap sebagai alamat yang menunjuk ke suatu lokasi. Tampilan pertama (halaman utama) suatu website meliputi informasi halaman beranda singkat tentang alamat situs mana yang memuat Software yang digunakan untuk menjelajahi atau browsing internet seperti Internet Explorer, Opera, Netscape dll. Penyedia Layanan Internet ISP, penyedia layanan Internet seperti Indosatnet, Vasantara, Meganet dll. Mengunduh/mengambil file atau materi dari Internet ke komputer Mengunggah file atau materi dari komputer Mengirim file atau materi ke Internet Surat elektronik, yaitu layanan/fasilitas yang disediakan untuk pengiriman email. Surat satu sama lain di Internet Mesin pencari, layanan/mesin pencari Mesin pencari Internet Forum/grup untuk pertukaran informasi Milis pemasaran di Internet Situs Internet Berkomunikasi secara langsung (di Internet) Obrolan dapat mengobrol tentang posting. Teks, suara, gambar dapat dilihat secara tatap muka dengan menggunakan kamera web (web camera) yang merupakan singkatan dari web log, sejenis aplikasi web yang mirip dengan teks blog secara publik (diterbitkan sebagai postingan di web). kertas 1.3 Nama Domain Nama domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer di jaringan komputer atau Internet, seperti server web atau server email. Nama domain berfungsi untuk memudahkan pengguna mengakses server di Internet dan menggunakannya untuk mengingat nama server yang dikunjungi tanpa harus mengingat sekumpulan angka rumit yang dikenal sebagai alamat IP (192.168.1.1). Nama domain ini juga dikenal sebagai bagian dari situs web, seperti “wikipedia.org”. Nama domain terkadang juga disebut URL atau alamat situs web. Daftar nama domain di bawah ini; com bisnis, jaringan jaringan bisnis (network) co company, organisasi org perusahaan, organisasi gov;go go Government, pemerintah ac akademisi, pendidikan pendidikan, pendidikan mil militer, tentara Sunarya Ap PEMROGRAMAN Web | SMK Media Informasi 5
ID Indonesia US Amerika Serikat, Amerika atau Australia Ini Italia 1.4 Teknologi Web Teknologi berbasis web terbagi menjadi dua, web statis dan web dinamis. Sebelum kita membahas perbedaan web statis dan web dinamis, mari kita bahas dulu persamaannya. Perbedaan web statis dan web dinamis adalah kedua website tersebut menampilkan halaman-halaman yang ditampilkan di internet yang berisi informasi tertentu (unik). 1.4.1 Pengertian Web Statis dan Web Dinamis Web statis merupakan website yang penggunanya tidak dapat mengubah konten web secara langsung menggunakan browser. Interaksi antara pengguna dan server hanya sebatas manajemen koneksi. Halaman web ini tidak memiliki database, data dan informasi pada web statis tidak berubah kecuali sintaksnya diubah. Dokumen web yang dikirim ke klien berisi konten yang sama dengan yang ada di server web. Contoh website statis adalah website yang berisi profil perusahaan. Halamannya sedikit dan isinya tidak pernah berubah karena isinya langsung ditempatkan di file HTML saja. Dalam web dinamis, interaksi antara pengguna dan server sangatlah kompleks. Konten halaman tertentu dapat diubah menggunakan browser. Permintaan dari pengguna dapat diproses oleh server dan kemudian ditampilkan dalam konteks berbeda sesuai dengan sistem navigasi. Halaman web ini memiliki database. Web bersifat dinamis dengan detail dan informasi berbeda tergantung pada masukan apa yang dibuat oleh klien. Dokumen yang sampai di klien berbeda dengan yang ada di server web. Lihat website, isinya terus diperbarui (update) oleh pemilik atau pengguna. Jejaring sosial juga sering diperbarui setiap hari. 1.4.2 Perbedaan Web Statis dan Web Dinamis 1. Komunikasi antara pengunjung dan pemilik web Pada web statis, tidak terjadi komunikasi antara pengunjung dengan pemilik web. Saat ini web dinamis mempunyai interaksi antara pengunjung dan pemilik web seperti pemberian komentar, transaksi online, forum, dan lain-lain.
Ringkasan Materi Teknik Komputer Jaringan Tkj Smk Dan Penjelasannya
Modul pemrograman dasar kelas 10, materi pemrograman dasar kelas 10, modul pemrograman dasar pdf kelas 10, pemrograman dasar kelas 10, buku pemrograman dasar kelas 10, modul dasar pemrograman, pemrograman dasar tkj, pemrograman dasar tkj kelas x, pemrograman dasar kelas 10 tkj, modul pemrograman web dasar, dasar dasar tkj kelas 10, materi pemrograman dasar kelas 10 tkj