Looking to boost your skills and knowledge? Sibermu Academy's have got you covered Learn more

  • Guest user

    Guest user

Web Programing Dasar

moocssibermu moocssibermu moocssibermu
Skip to main content

Topic outline

  • Pemrograman Web (3 SKS)

    Collapse all Expand all

    Pemrograman Web Design Dasar

    ASSALAMU'ALAIKUM WARAHMATULLAHI WABARAKATUH

    Selamat datang Mahasiswa/mahasiswi Universitas Siber Muhammadiyah (SiberMu)

    Wicaksono Yuli Sulistyo
    wicaksono@sibermu.ac.id
    087830802120

    Mahasiswa Prodi Sistem Informasi Universitas Siber Muhammadiyah yang berbahagia, selamat datang di mata kuliah Web Programming Online penggunaan Elearning bagi mahasiswa Prodi Sistem Informasi SiberMu.

    PETUNJUK MENGIKUTI PEMROGRAMAN WEB ONLINE

    Mata Kuliah Web Programming terdiri dari 4 topik yaitu : HTML (HiperText Markup Language), CSS (Cascading Style Sheet), Javascript. Pada setiap topik, akan ditampilkan materi (pdf,video) dan penugasan forum,assignment,quiz). mahasiswa wajib mempelajari semua materi secara berurutan dan mengerjakan semua penugasan. Peta Kompetensi workshop ini ditampilkan dalam gambar berikut :

     

    Langkah Langkah Yang Mahasiswa/i lakukan dalam pembelajaran E-learning ini: 

    1. Berdo'a sebelum belajar
    2. Mendownload Materi PDF
    3. Setelah materi di download, mahasiswa  mendengarkan video learning sambil membuka materi yang sudah di download sebelumnya
    4. Setelah mahasiswa selesai mempelajari materi, mahasiswa dapat bertanya hal hal yang dirasa kurang jelas di Forum Diskusi Topik 
    5. Mengisi quiz yang tersedia

    Glosarium

    CERN adalah Organisation Europeenne pour la Recherche Nucleaire, Pusat Penelitian Fisika Partikel Eropa.
    Domain adalah Pola penamaan host di Internet.
    HTML adalah Hyper Text Markup Language, sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.
    HTTP adalah Hyper Text Transfer Protocol, tata cara komunikasi untuk mentransfer Web dari server ke komputer lain.

    ISP adalah Interrnet Service Provider, perusahaan pemberi jasa akses Internet.

    Server adalah komputer yang memberikan layanan di jaringan.
    Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut seperti <html>
    W3C adalah World Wide Web Consortium organisasi yang mengembangkan teknologi web beralamat di http://www.w3c.org.
    Web browser adalah sebuah perangkat lunak aplikasi yang memungkinkan pengguna mengakses Web atau Server di jaringan.
    WWW : World Wide Web sering di singkat Web.
    Website ; web site atau situs internet adalah kmpulan seluruh halaman yang disajikan oleh sebuah perusahaah, individu, organisasi atau entitas lainnya. Sering dianggap sebagai rumah atau kantor maya (virtual). Bisa berupa blog, forum diskusi atau lainnya.
    WHM (Web Host Manager) ; Antara muka grafis berbasis web (aplikasi web) untuk mengelola situs dan account pada sebuah server. WHM merupakan alat bantu bagi reseller untuk mengelola account kliennya.
    WHM Complete Solution (WHMCS) adalah aplikasi web yang dikembangkan oleh Matthew Pugh dari WHMCS Ltd. Aplikasi web ini berfungsi sebagai  pengelolaan konsumen, pembayaran/penagihan dan solusi dukungan konsumen untuk perusahaan webhosting dan bisnis online lain. Ruang web menyediakan lisensi WHMCS bagi kliennya.
    Web Hosting adalah sebuah bisnis atau jasa layanan penyediaan tempat penyimpanan file secara online, konektivitas jaringan dan layanan lain yang dibutuhkan untuk menyajikan file ke internet. perusahaan yang menyediakan layanan webhosting disebut webhost; dan detil layanany seperti kapasistas, data transfer dan konektivitas disebut paket hosting (hosting plan)
    VPS (Virtual Private Server (VPS) atau sering juga disebut Virtual Dedicated Server (VDS) atau Virtual Server, merupakan solusi untuk mendapatkan keleluasaan seperti server sebagian harga saja. Satu server utama kaan dibagi menjadi beberapa virtual server yang masing-masing terpisah satu sama lain, memiliki sistem operasi sendiri seperti memiliki dedicated server. Jika dianalogikan dengan gedung atau peruamahan, menyewa VPS kurang lebih sama dengan menyewa apartemen diaman anda hanya menyewa sebagian ruang yang memiliki fungsi lengkap sebagai tempat tinggal, dari satu gedung penuh.
    Visit / Sesi (Statistik) adalah serangkaian permintaan (request) ke suatu website dari satu pengunjung unik dalam satu waktu. Sebuah kunjungan (Visit) atau sesi kunjungan bisa terdiri dari beberapa hits dan page view.
    Shared Hosting Opsi hosting dimana beberapa situs klien ditempatkan bersama-sama dengan berbagai sumber daya (resource) server yang sama.
    Page View (statistik) jumlah tampilan halaman yang diberikan web server. Saat Pertama kami pengunjung masuk ke situs anda, maka dalam statistik dihitung sebagai 1 tampilan halaman (page view), dan jika pengunjung tersebut membuka halaman lain, maka akan dihitung lagi dan seterusnya.

  • TATA CARA PERKULIAHAN DI SIBERMU

    Langkah Langkah Yang Mahasiswa/i lakukan dalam pembelajaran E-learning ini: 
    1. Baca doa sebelum belajar
    2. Download Materi PDF
    3. Setelah materi di download, mahasiswa  mendengarkan video learning sambil membuka materi yang sudah di download sebelumnya
    4.Setelah mahasiswa selesai mempelajari materi, mahasiswa dapat bertanya hal hal yang dirasa kurang jelas di Forum Diskusi Topik 
    5. Setelah langkah diskusi tanya jawab, mahasiswa dapat mengisi quiz

    Pertemuan minggu 1 berisi penjelasan tentang tata cara perkuliahan di Sibermu oleh Tim Sibermu

    • Assalamualaikum wr. wb

      Kepada para peserta pelatihan kali ini selamat datang di Universitas Siber Muhammadiyah Kuliah full Online. Para peserta akan diajak langsung mengikuti pelatihan di sibermu dan merasakan bagaimana sih kuliah di online di Universitas Siber Muhammadiyah. Dengan mengikuti pelatihan ini anda secara tidak langsung mensimulasikan kuliah di Siber Muhammadiyah.

      Jika menggunakan HP harap video di full screen dan posisi lanscape
    • url icon
      URL
      Klik untuk Gabung di group telegram Pelatihan Univ SiberMu - WAJIB URL
      View

      Sebelum melanjutkan pelatihan silahkan instal aplikasi telegram dari playstore (klik untuk download aplikasi Telegram) kemudian baru klik link ini supaya bisa melanjutkan ke pelatihan selanjutnya

  • Info Seputar Universitas Siber Muhammadiyah (SiberMu)

    Mau kuliah full online, bisa dimanapun, kapanpun bahkan bisa jadi sarjana dimana saja?? kuliah di SiberMu saja dengan model pembelajaran terbimbing dengan  total 16x pertemuan serta 6 kali kuliah dengan video konferensi oleh Dosen dan Tutor yang berpengalaman di bidangnya

    • hvp icon
      H5P
      Profile Universtas SiberMu Interactive Content
      Complete the activity
    • url icon
      URL
      Program Studi di Universitas SiberMu URL

      Silahkan klik lint tersebut diatas untuk bisa membuka materi selnjutnya

      Not available unless: The activity Profile Universtas SiberMu is marked complete
    • url icon
      URL
      Program Studi Informatika URL

      Dulu namanya Teknik Informatika, sekarang diganti dengan nama Informatika

      Silahkan klik lint tersebut diatas untuk bisa membuka materi selnjutnya

      Not available unless: The activity Program Studi di Universitas SiberMu is marked complete
    • url icon
      URL
      Info Program Studi Sistem Informasi URL

      Silahkan klik lint tersebut diatas untuk bisa membuka materi selanjutnya

      Not available unless: The activity Program Studi Informatika is marked complete
    • url icon
      URL
      Info Program Studi Administrasi Kesehatan URL

      Silahkan klik lint tersebut diatas untuk bisa membuka materi selnjutnya

      Not available unless: The activity Info Program Studi Sistem Informasi is marked complete
    • url icon
      URL
      Info Program Studi Hukum URL

      Silahkan klik link tersebut diatas untuk bisa membuka materi selanjutnya

      Not available unless: The activity Info Program Studi Administrasi Kesehatan is marked complete
    • url icon
      URL
      Info Program Studi Manajemen URL

      Silahkan klik link tersebut diatas untuk bisa membuka materi selanjutnya

      Not available unless: The activity Info Program Studi Hukum is marked complete
    • url icon
      URL
      Info Program Studi Akuntansi URL

      Silahkan klik link tersebut diatas untuk bisa membuka materi selanjutnya

      Not available unless: The activity Info Program Studi Manajemen is marked complete
    • url icon
      URL
      Info pendaftar jadi mahasiswa SIberMu URL

      Silahkan klik link tersebut diatas untuk bisa membuka materi selanjutnya

      Not available unless: The activity Info Program Studi Akuntansi is marked complete

  • SiberMu Ingin tau Profilemu ☺

    Not available unless: The activity Info pendaftar jadi mahasiswa SIberMu is marked complete

  • Pertemuan 1 - Konsep Dasar Web

    Not available unless any of:
    • The activity Upload bukti sudah menginstal aplikasi Telegram di HP anda untuk siswa is marked complete
    • The activity Link Gabung Group Telegram Sibermu untuk Guru is marked complete

  • Pertemuan 2 - HTML

    Not available unless: The activity Tugas 1 is marked complete

  • Pertemuan 3 - HTML Tag

    Selamat Belajar smile

    tag

    Sebuah halaman website akan diapit oleh tag <html>tes</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.

     

      

    Not available unless: The activity Tugas Assignment 1 is marked complete

  • Pertemuan 4 - Penggunaan Atribut Tag

    atrib

    Sebelum memulai sekedar mengingatkan apakah anda sudah membuat folder di drive C:\ yang bernama HTML jika tidak, buatlah sekarang. Lalu buatlah folder yang bernama bab 1, bab2 dan seterusnya. Jika anda praktik pada bab 2 maka simpanlah file anda pada pertemuan 2. Demikian untuk seterusnya.

    Pada bab 2 ini materi yang diharapkan dapat anda kuasai antara lain:

    ┬º  Menggunakan berbagai attribut dari tag diantaranya:

    ┬º  Tag p, font, table, form, input, select

    Not available unless: The activity Tugas Pertemuan 3 is marked complete

  • Pertemuan 5 - Pengenalan CSS

    Apa Itu CSS?

    Dengan kata lain, Cascading Style Sheet adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website. Singkatnya dengan menggunakan metode CSS ini mudah mengubah secara keseluruhan warna dan tampilan yang ada pada website. Dengan CSS, temen-temen dapat lebih mempercantik tampilan web. baik dari style text, button, textfield, table, dan lain-lain.

    Isolando o Bootstrap de CSS e evitando conflitos | Master Da Web

    Not available unless: The activity Tugas Assigment is marked complete

  • Pertemuan 6 - CSS Color Dan Background

    CSS Essential Training Online Class | LinkedIn Learning, formerly Lynda.com

    Not available unless: The activity Quiz Pertemuan 5 is marked complete

  • Pertemuan 7 - CSS Border, Margin, dan Padding

    CSS Border, Margin, dan Padding

    Cara Mudah Membuat Efek Animasi CSS3 dengan Animate.css - Devaradise

    Not available unless: The activity Quiz CSS dan Background is marked complete

  • Pertemuan 8 - Pengenalan Javascript

    Sub Pokok Bahasan

    1. JavaScript?
    2. Pendeklarasian JavaScript
    3. JavaScript sederhana
    4. Peletakan JavaScript
    5. Komentar pada JavaScript
    6. Kotak Dialog

    Not available unless: The activity Quiz CSS is marked complete

  • Pertemuan 9- Javascript Lanjutan

    Not available unless: The activity Quiz Javascript is marked complete

  • Boostrap (Framework CSS-Web Design)

    Bootstrap 5 Tutorial - An Ultimate Guide for Beginners

    Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript

    Not available unless: The activity Quiz Javascript Lanjutan is marked complete

  • Sertifikat

Siber Academy

www.sibermu.ac.id

Quick Link

Top Categories Top Author Features FAQ

Social Media

Website Facebook Instagram Tiktok

Help Center

Support Get Help Privacy Policy Courses

Contact Info

Email: simudautama@gmail.com WhatsApp: +62 851 5822 6901 Senin - Jumat, 06.00 - 20.00 WIB

© 2025 Universitas Siber Muhammadiyah