Topic outline

  • Pemrograman Web I

    Dosen Pengampu

      Nama : IMAN SAUFIK SUASANA
    Email: saufik@stekom.ac.id
    Mata Kuliah  :  Pemrograman Web I
    Kode  :  2C418P28
    Program Studi  :  S1 Sistem Komputer
    Perguruan Tinggi  :  Universitas Sains dan Teknologi Komputer

    Mata kuliah ini memperkenalkan mahasiswa pada konsep dasar dan teknologi yang digunakan dalam pemrograman web. Mahasiswa akan mempelajari dasar-dasar HTML, CSS, dan JavaScript dan cara membuat halaman web sederhana yang interaktif dan responsif

    Capaian Pembelajaran Mata Kuliah (CPMK)
    1. Mahasiswa mampu Memahami konsep dasar pemrograman web dan peranannya dalam teknologi informasi
      • Mengidentifikasi, dan Membedakan Konsep Dasar Pemrograman Web
      • Menjelaskan, Memahami, Membuat, Mengidentifikasi, Menyebutkan Peran Pemrograman Web dalam Teknologi Informasi
    2. Mahasiswa mampu Membangun halaman web sederhana menggunakan HTML dan mengatur struktur dasar
      • Menjelaskan, Memahami, Membuat, Mengidentifikasi, Menyebutkan Peran Pemrograman Web dalam Teknologi Informasi
    3. Mahasiswa mampu Memahami konsep dasar CSS dan menerapkan gaya dan presentasi pada halaman web
      • Menjelaskan, Mengidentifikasi, Memahami, Membedakan, Membedakan, Menerapkan Konsep dasar Css
    4. Mahasiswa mampu Menggunakan JavaScript untuk menambahkan interaktivitas dan responsivitas pada halaman web
      • Memahami, Menjelaskan,dan Memproses Dasar-dasar JavaScript
    5. Mahasiswa mampu Memahami Model Objek Dokumen (Document Object Model - DOM) dan bagaimana mengakses elemen HTML dengan JavaScript
      • Mendefinisikan, Memahami, Menjelaskan, Menerapkan Model Objek Dokumen
    6. Mahasiswa mampu Mengelola proyek pengembangan web dengan baik, termasuk perencanaan, pengkodean, dan pengujian
      • Mengidentifikasi, Menginstal, Mempelajari, dan Menjalankan Perangkat Pengembangan Web
      • Membuat, Mengidentifikasi, Menerapkan Proyek Pengembangan Web
      • Menerapkan, Menggunakan, dan Melakukan Pengembangan Kode Baru
      Unduh RPS

  • Pertemuan ke 1

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 1 ini adalah
    1. Mahasiswa Mengetahui Kontrak Kuliah
    2. Mahasiswa Mengetahui Konsep dasar pemrograman web
    Sumber belajar yang bisa dipelajari yaitu
    1. Kontrak Kuliah
    2. Konsep dasar pemrograman web

  • Pertemuan ke 2

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 2 ini adalah
    1. Mahasiswa Mengetahui Arsitektur client-server
    2. Mahasiswa Mengetahui Persiapan lingkungan pengembangan (editor teks, peramban web, dll.)
    Sumber belajar yang bisa dipelajari yaitu
    1. Arsitektur client-server
    2. Persiapan lingkungan pengembangan (editor teks, peramban web, dll.)

  • Pertemuan ke 3

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 3 ini adalah
    1. Mahasiswa Mengetahui Struktur Dasar HTML
    2. Mahasiswa Mengetahui Bagian Header dan Body
    3. Mahasiswa Mengetahui Tag dan Atribut
    Sumber belajar yang bisa dipelajari yaitu
    1. Pengantar HTML (Hypertext Markup Language)
    2. Pengenalan Elemen & Atribut HTML

  • Pertemuan ke 4

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 4 ini adalah
    1. Mahasiswa Mengetahui Atribut Body
    2. Mahasiswa Mengetahui Penggunaan Heading
    3. Mahasiswa Mengetahui Pengaturan Paragraf
    4. Mahasiswa Mengetahui Pemakaian Font
    Sumber belajar yang bisa dipelajari yaitu
    1. Atribut Body
    2. Penggunaan Heading
    3. Pengaturan Paragraf
    4. Pemakaian Font

  • Pertemuan ke 5

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 5 ini adalah Mahasiswa Mengetahui Pemakaian berbagai list number
    Sumber belajar yang bisa dipelajari yaitu Memanfaatkan List Number dengan tag OL, UL, LI, DL, DD, DT

  • Pertemuan ke 6

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 6 ini adalah
    1. Mahasiswa Mengetahui Penggunaan format dan Tag Gambar pada dokumen HTML
    2. Mahasiswa Mengetahui Penggunaan hyperlink dengan teks maupun objek lain
    Sumber belajar yang bisa dipelajari yaitu
    1. Mengetahui berbagai format gambar dalam dokumen HTML
    2. Penggunaan format dan Tag Gambar pada dokumen HTML
    3. Penggunaan hyperlink dengan teks maupun objek lain.

  • Pertemuan ke 7

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 7 ini adalah
    1. Mahasiswa Mengetahui Pemanfaatan tabel untuk menampilkan data
    2. Mahasiswa Mengetahui Pemanfaatan tabel untuk komposisi/desain layout dokumen web
    3. Mahasiswa Mengetahui Penggunaan Tag dan atribut tabel
    Sumber belajar yang bisa dipelajari yaitu
    1. Pemanfaatan tabel untuk menampilkan data
    2. Pemanfaatan tabel untuk komposisi/desain layout dokumen web
    3. Penggunaan Tag dan atribut tabel

  • Pertemuan ke 8

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 8 ini adalah Mahasiswa Mampu Menyelesaikan soal
    Sumber belajar yang bisa dipelajari yaitu Ujian Tengah Semester

  • Pertemuan ke 9

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 9 ini adalah
    1. Mahasiswa Mengetahui Fungsi dan Pemanfaatan form
    2. Mahasiswa Mengetahui Penggunaan berbagai control dalam form
    Sumber belajar yang bisa dipelajari yaitu
    1. Fungsi dan Pemanfaatan form
    2. Penggunaan berbagai control dalam form

  • Pertemuan ke 10

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 10 ini adalah
    1. Mahasiswa Mengetahui Pengenalan CSS: gaya dan presentasi
    2. Mahasiswa Mengetahui Selektor CSS dan properti
    3. Mahasiswa Mengetahui Menerapkan gaya pada teks, latar belakang, dan border
    4. Mahasiswa Mengetahui Properti tampilan dan pemosisian
    Sumber belajar yang bisa dipelajari yaitu
    1. Pengenalan CSS: gaya dan presentasi
    2. Selektor CSS dan properti
    3. Menerapkan gaya pada teks, latar belakang, dan border
    4. Properti tampilan dan pemosisian

  • Pertemuan ke 11

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 11 ini adalah Mahasiswa Mengetahui Contoh sederhana project eksternal CSS dalam desain web
    Sumber belajar yang bisa dipelajari yaitu Contoh Project sederhana pemanfaatab eksternal CSS dalam desain web

  • Pertemuan ke 12

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 12 ini adalah
    1. Mahasiswa Mengetahui Pengenalan JavaScript: scripting dan interaktivitas
    2. Mahasiswa Mengetahui Variabel, tipe data, dan operator
    Sumber belajar yang bisa dipelajari yaitu
    1. Pengenalan JavaScript: scripting dan interaktivitas.
    2. Variabel, tipe data, dan operator

  • Pertemuan ke 13

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 13 ini adalah
    1. Mahasiswa Mengetahui Struktur kontrol (pernyataan if, perulangan)
    2. Mahasiswa Mengetahui Fungsi dan penanganan event (event handling)
    Sumber belajar yang bisa dipelajari yaitu
    1. Pernyataan kondisional (if, else if, else) untuk mengatur alur program berdasarkan kondisi tertentu
    2. Pembuatan dan pemanggilan fungsi JavaScript

  • Pertemuan ke 14

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 14 ini adalah
    1. Mahasiswa Mengetahui Mengenal Pemrograman web server berbasis PHP
    2. Memilih teknologi stack (front-end, back-end, basis data)
    3. Alat pengembangan dan lingkungan kerja (IDE, editor kode)
    Sumber belajar yang bisa dipelajari yaitu
    1. Mengenal Pemrograman web server berbasis PHP
    2. Memilih teknologi stack (front-end, back-end, basis data)
    3. Alat pengembangan dan lingkungan kerja (IDE, editor kode)

  • Pertemuan ke 15

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 15 ini adalah
    1. Mahasiswa Mengetahui Penggunaan singkat database mySQL
    2. Contoh pemanfaatan dan koneksi PHP dan Database
    Sumber belajar yang bisa dipelajari yaitu
    1. Penggunaan singkat database mySQL
    2. Contoh pemanfaatan dan koneksi PHP dan Database

  • Pertemuan ke 16

    Klik Google meet di bawah untuk perkuliahan Sinkronus
    Perhatian : sebelum membuka Google Meeti di bawah ini, anda harus login ke Google terlebih dulu

    Capaian pembelajaran di pertemuan ke 16 ini adalah Mahasiswa Mampu menyelesaikan soal yang di berikann