LMS-SPADA INDONESIA
Berikut adalah daftar mahasiswa yang telah melakukan presentasi via Zoom
| Topik Perkuliahan | : | Mengenal Internet |
| Kompetensi Mahasiswa | : |
|
Selamat Datang
Para Mahasiswa pada Perkuliahan Daring Desain Web
PENDIDIKAN MATEMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS KANJURUHAN MALANG

Oleh karena adanya undangan kepada dosen pengampu untuk rapat bersama Dekan FST, maka zoom kontrak kuliah DIUNDUR menjadi pukul 18.30 WIB. Mahasiswa yang tidak menghadiri zoom kontrak kuliah maka dianggap sudah mengetahui dan tidak akan mempermasalahkan kontrak kuliah tersebut. Terima kasih.
Selamat datang di perkuliahan ini. Silakan klik untuk mengetahui link zoom meeting di perkuliahan ini bagi mahasiswa 2018K. Terima kasih.
Selamat datang para peserta kuliah Desain Web. Sebelum memulai kuliah, ada baiknya Anda membaca kontrak kuliahnya terlebih dahulu.
Para mahasiswa, setelah Anda mempelajari berbagai hal terkait kontrak kuliah pada mata kuliah Desain Web ini, sekarang saatnya Anda memulai pembelajaran. Silakan baca dan pahami penjelasan berikut. Selamat belajar.
| Topik Perkuliahan | : | Mengenal HTML |
| Kompetensi Mahasiswa | : | Mahasiswa dapat memahami pengertian dari HTML Mahasiswa dapat menjelaskan persamaan dan perbedaan HTML versi 4 dan 5 |

Selamat para peserta kuliah, Anda saat ini sudah memasuki pertemuan kedua. Pada pertemuan ini, Anda akan mulai mengenal elemen utama dari sebuah web, yaitu HTML. Setelah membaca penjelasan berikut, Anda akan diminta untuk mengerjakan tugas yang diberikan. Selamat belajar.
Selamat, Anda telah menyimak penjelasan mengenai HTML dengan baik. Sekarang, Anda akan diminta untuk mengerjakan beberapa soal berikut sebagai umpan balik perkuliahan ini. Selamat bekerja.
Selamat, Anda telah menyimak penjelasan mengenai HTML dengan baik. Sekarang, Anda akan diminta untuk mengerjakan beberapa soal berikut sebagai umpan balik perkuliahan ini. Selamat bekerja.
Para mahasiswa, berikut diberikan link zoom untuk pertemuan hari ini.
Pada pembahasan sebelumnya, Anda telah mempelajari berbagai hal yang berkaitan dengan sejarah dan infrastruktur dalam jaringan internet. Nah, pada pertemuan kali ini, tibalah waktunya Anda untuk mulai belajar membangun sebuah web dari dasar. Sebelum membangun web, ada baiknya Anda mengenal berbagai software yang akan digunakan pada perkuliahan ini terlebih dahulu.
Selamat mengikuti perkuliahan dan tetap semangat.
| Topik Perkuliahan | : | HTML |
| Kompenetnsi Mahasiswa | : | Mahasiswa dapat menjelaskan tag-tag HTML Mahasiswa dapat membuat tampilan Hello World dengan HTML |
Hampir di setiap bahasa pemrograman menggunakan program Hello World untuk perkenalan pertama. Namun, tidak banyak yang tahu, kapan program ini pertama kali dibuat, siapa yang membuatnya dan kenapa harus Hello World? Orang yang pertama kali menulis program Hello World adalah Brian Kernighan. Ketika itu, beliau menulis dokumentasi untuk bahasa pemrograman BCPL (Basic Combined Programming Language) dan memberikan contoh program Hello World.

Kenapa namanya Hello World? Brian Kernighan sebenarnya tidak ingat betul, mengapa beliau menggunakan kata Hello World. Namun, berdasarkan wawancara Forbes India, beliau menyatakan Ingatan saya sangat suram sekarang. Apa yang saya ingat adalah sebuah kartun yang menampilkan seekor telur dan anak ayam, dan anak ayam itu mengatakan “Hello, world!"
Para mahasiswa, selamat Anda telah sampai pada pertemuan saat ini. Di pertemuan sebelumnya, Anda telah dikenalkan dengan software utama pembuatan web, yaitu text editor (misalnya Sublime Text) dan browser (misalnya Chrome). Nah, di pertemuan sekarang, saatnya Anda belajar untuk melakukan proses koding HTML. Simak video berikut baik-baik lalu praktikkan pada perangkat Anda. Selamat belajar.
Para mahasiswa, bagaimana koding Hello World yang Anda buat tadi? Berhasil bukan? Nah, sekarang mari kita simak materi-materi yang terkait dengan proses koding HTML berikut. Selamat Belajar.
Para Mahasiswa, berikut diberikan link zoom meeting pertemuan ini.
| Topik Perkuliahan | : | Latihan HTML |
| Kompetensi Mahasiswa | : | Mahasiswa dapat menemukan kode HTML yang tepat dari sebuah tampilan web |

Para mahasiswa, berikut diberikan link zoom untuk pertemuan ini.
| Topik Perkuliahan | : | MathJax |
| Kompetensi Mahasiswa | : | Mahasiswa dapat mengenal MathJax Mahasiswa dapat menggunakan MathJax untuk menuliskan equation pada HTML |
Selamat datang para mahasiswa. Setelah Anda mempelajari berbagai tag pada html di pertemuan-pertemuan sebelumnya, kini Anda akan diajak untuk mengenal cara memasukkan persamaan matematika ke dalam html dengan menggunakan MathJax. Selamat belajar.
Para mahasiswa, berikut diberikan link MathJax yang dapat Anda gunakan. Selamat mencoba
Para mahasiswa, setelah Anda mempelajari tentang penulisan equation pada HTML, berikut diberikan link salah satu MathJax viewer yang dapat membantu Anda dalam mengetik persamaan-persamaan matematika.
Para mahasiswa, untuk menuliskan MathJax, Anda memerlukan pengetahuan tentang pengkodean dalam Latex. Berikut ini adalah beberapa catatan penting dalam melakukan pengkodean dalam Latex. Tabel berikut ini hanya memuat sebagaian kode latexnya saja. Masih banyak kode latex lain yang tidak ditulis di sini.
Para mahasiswa berikut diberikan link zoom untuk pertemuan ini.
Para mahasiswa, berikut link untuk sisa presentasi malam ini.
| Topik Perkuliahan | : | Latihan MathJax dan Pengenalan Cascading Style Sheet (CSS) |
| Kompetensi Mahasiswa | : |
|
Awal muncul CSS (Cascading Style Sheet) setelah munculnya SGML (Standard Generalized Markup Language) pada tahun1970an, dan menjadi sebuah teknologi internet yang diresmikan oleh W3C (world wide web consortium) pada tahun 1996. Format dasar dari CSS yang biasa digunakan oleh orang-orang merupakan ide dari Hakon Wium Lie dalam proposalnya yang berjudul Cascading HTML Style Sheet ( CHSS) pada tahu 1995 pada konferensi W3C (world wide web consortium) di Chicago, Illinois. Setelah itu Lie mengembangkan standar dari CSS dengan temannya yang bernama Bert Bos.
Setelah diresmikan oleh W3C tahun 1996, di akhir tahun itu CSS level 1 resmi dipublikasikan pada bulan Desember. Proyek CSS level 1 ini juga didukung oleh programmer perusahaan ternama yaitu Microsoft yang bernama Thomas Reardon. Dalam penetapan CSS level 1 yaitu bertujuan untuk mengurangi tag-tag baru pada Netscape dan Internet explorer, dimana keduanya bersaing mengembangkan tag-tag mereka sendiri untuk tampilan web. CSS level satu mendukung pengaturan seperti: Font, Warna, Text, Background dan elemen-elemen lainnya, Text atribut (seperti:spasi antar baris, kata dan huruf), posisi text, gambar, table, margin, border, dan padding. Setelah itu standar CSS mengalami penyempurnaan-penyempurnaan dan terus dikembangkan hingga versi terbaru:
Para mahasiswa, berikut diberikan link zoom untuk pertemuan hari ini.
Para mahasiswa, berikut diberikan tugas untuk Anda kerjakan. Semua soal berupa pilihan ganda.
Tugas akan ditutup pada tanggal 4 April 2021 pukul 11.59 WIB
Selamat bekerja.
| Topik Perkuliahan | : | Javascript |
| Kompetensi Mahasiswa | : | Mahasiswa mengenal Javascript Mahasiswa dapat menggunakan Javascript dalam pembuatan web |
JavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini. Bahkan JavaScript juga dikenal sebagai salah satu dari tiga bahasa pemrograman utama bagi web developer:
JavaScript dapat dipelajari dengan cepat dan mudah serta digunakan untuk berbagai tujuan, mulai dari meningkatkan fungsionalitas website hingga mengaktifkan permainan (games) dan software berbasis web.
Para mahasiswa, Anda telah mengenal HTML dan CSS sebagai komponen penting dalam pembentukan sebuah web. Agar web yang Anda buat dapat lebih hidup dan interaktif maka diperlukan satu komponen lagi, yaitu Javascript. Apakah Javascript itu dan bagaimana cara penggunaannya? Simak penjelasan berikut.
Selamat, Anda telah mempelajari Javascript dan sejarahnya secara umum. Sekarang, mari kita pelajari lebih jauh tentang Javascript. Selamat belajar.
Para mahasiswa, sekarang waktunya Anda mulai mengenal syntax-syntax yang digunakan pada Javascript. Sebenarnya syntax pada javascript sangat banyak. Kita hanya membatasi syntaxnya untuk keperluan melakukan operasi perhitungan matematika. Selamat menyimak
Para mahasiswa, setelah Anda memahami bagaimana cara memasukkan input dan mengeluarkan output bilangan pada Javascript, sekarang Anda akan mempelajari bagaimana cara melakukan manipulasi operasi matematika pada Javascript.
Para mahasiswa, Javascript memiliki kemampuan mengolah instruksi pemilihan. Bagaimana langkah-langkahnya? Simak uraian berikut.
Para mahasiswa, berikut diberikan link zoom untuk pertemuan ini.
| Topik Perkuliahan | : | Ujian Tengah Semester |
| Kompetensi Mahasiswa | : | UTS |
Para mahasiswa, sekarang saatnya Anda mengerjakan soal Ujian Tengah Semester.
Soal terdiri atas tiga bagian, yaitu
Carilah waktu Anda yang paling luang untuk mengerjakan soal ini. Anda hanya dapat mensubmit jawaban satu kali saja.
Selamat Bekerja.
| Topik Perkuliahan | : | Bootstrap |
| Kompetensi Mahasiswa | : | Mahasiswa dapat mengenal framework bootstrap versi 5 Mahasiswa dapat menggunakan beragam komponen pada bootstrap versi 5 |
Bootstrap adalah framework open-source khusus front end yang awalnya dibuat oleh Mark Otto dan Jacob Thornton untuk mempermudah dan mempercepat pengembangan web di front end. Bootstrap memiliki semua jenis HTML dan template desain berbasis CSS untuk berbagai fungsi dan komponen, seperti navigasi, sistem grid, carousel gambar, dan tombol (button).

Framework ini memang menghemat waktu developer karena tidak perlu mengelola template berkali-kali. Namun, fungsi utama dari Bootstrap adalah untuk membuat situs yang responsif. Interface website akan bekerja secara optimal di semua ukuran layar baik di layar smartphone maupun layar komputer/laptop. Developer tak perlu lagi mendesain situs khusus untuk perangkat tertentu. Trafik dan jangkauan audiens versi desktop tidak akan hilang dan tetap diarahkan ke website versi mobile. User dan komunitas Bootstrap semakin berkembang. Developer dan designer website bisa bertukar informasi dan juga berdikusi mengenai patch framework terbaru.
Para mahasiswa kini Anda akan mulai mengenal framework dalam membuat website pada mata kuliah ini, yaitu Bootstrap. Selamat menyimak.
Para mahasiswa, berikut diberikan link untuk zoom meeting pertemuan ini.
| Topik Perkuliahan | : | Bootstrap |
| Kompetensi Mahasiswa | : | Mahasiswa dapat menggunakan bootstrap |
Para mahasiswa, berikut adalah link zoom untuk pertemuan kali ini.
| Topik Perkuliahan | : | Bootstrap |
| Kompetensi Mahasiswa | : | Mahasiswa dapat menggunakan bootstrap |
Para mahasiswa, dalam menggunakan bootstrap, Anda perlu memahami logika-logika dalam proses pengeditan template standar agar dapat dimodifikasi sesuai dengan keinginan Anda. Pada video berikut, diberikan suatu penjelasan singkat melalui mini project tentang bagaimana langkah-langkah memodifikasi bootstrap 5. Selamat belajar.
Para mahasiswa berikut diberikan link zoom meeting pertemuan ini
Para mahasiswa, berikut diberikan link zoom meeting tambahan untuk sesi malam (optional).
Catatan:
Zoom meeting malam ini TIDAK WAJIB DIIKUTI (tidak ada presensi)
Para mahasiswa, berikut diberikan rekapitulasi presensi SPADA hingga Pertemuan 11. Silakan disikapi sendiri. Terima kasih.

| Topik Perkuliahan | : | Hosting |
| Kompetensi Mahasiswa | : | Mahasiswa memahami pengertian hosting Mahasiswa dapat memiliki aku hosting |
Membuat sebuah website memang terlihat mudah untuk sebuah web programming dan web desainer. Namun ada kalanya membuat website terlihat sulit dan cukup rumit ketika kita tidak tahu apa yang dibutuhkan untuk bisa membuat website yang menarik dan informatif. Kita bisa saja meminta bantuan para ahli untuk membantu kita membuat website yang kita inginkan, tapi masih ada ternyata yang kita butuhkan untuk memenuhi syarat sebuah website bisa menarik bagi pengunjuk internet. Nah, berikut ini adalah 5 hal yang harus diperhatikan sebelum kita membuat sebuah website:
Apalagi yang harus diingat sebelum pada akhirnya kita bergelut dengan internet, selain nama domain. Seperti halnya ketika kita ingin mencari suatu tempat, pertama yang harus kita tahu adalah nama alamatnya. Begitu juga dengan website, sebagai sebuah tempat orang mencari berbagai informasi, website memerlukan sebuah nama domain sebagai petunjuk untuk orang – orang yang ingin mencari informasi. Nama domain sendiri bergantung dari kita yang ingin memilikinya. Kita bisa memberikan nama domain sesuai keinginan kita. Itu artinya Anda harus berebut dengan jutaan orang di dunia ini untuk mendapatkan nama domain yang Anda inginkan. Jangan kecewa ketika nama domain yang Anda inginkan sudah tidak ada atau tidak tersedia lagi. Itu karena nama domain di dunia ini hanya ada satu dan tidak bisa diduplicate.
Sebuah website akan dikenal dan diingat oleh pengunjungnya ketika mereka memiliki ciri khas atau keunikan tersendiri, selain dari konten yang memang dibutuhkan. Logo menjadi salah satu kebutuhan yang wajib terpenuhi saat Anda akan membuat sebuah website. Logo bisa membantu Anda menunjukkan website apa yang sedang Anda kelola. Website sekolahkah? Bisniskah? Toko onlinekah? atau website perusahaan. Nah dari sebuah logo, pengunjung bisa tahu siapa Anda, karena memang terkadang sebuah logo akan mencantumkan nama perusahaan atau inisialnya. Logo harus selalu ada di setiap website. Sejelek – jeleknya logo, logo tetap yang menjadi salah satu ciri khas dari sebuah website.
Penggunaan teks atau sering kita sebut dengan typhografi harus menjadi salah satu yang kita beri perhatian lebih. Karena penggunaan teks yang cocok dengan website akan memberikan nilai tambah untuk website kita. Kita harus tahu jenis teks apa yang kira – kira cocok dan pas dengan website kita. Seperti ketika website kita berbasis toko online anak atau remaja, kita bisa memilih jenis teks atau font yang fun, ceria dan tidak membosankan jika dibaca oleh kalangan mereka. Begitu juga ketika website kita menjurus ke hal yang serius seperti website perusahaan, kita bisa memilih jenis teks yang sedikit lebih serius dan terlihat konsisten.
Warna, komponen penting yang satu ini tidak dapat dipisahkan ketika Anda sedang merancang pembuatan sebuah website. Sama halnya dengan penggunaan teks, warna juga harus sesuai dengan jenis dan fungsi dari website kita. Pemilihan warna memang biasanya melibatkan selera dari si pembuat. Namun, kita tidak bisa menjadi individual ketika ingin menciptakan dan memberikan sesuatu kepada orang banyak. Kita harus sesuaikan dengan kebutuhan dan keinginan orang banyak. Terlebih jika website tersebut seperti toko online. Kita harus sesuaikan dengan target pasar yang akan kita tuju.
Untuk membuat sebuah website yang tidak hanya menarik, tetapi juga informatif, kita perlu tahu dulu tentang ingin desain seperti apa websitenya nanti, dan ingin digunakan untuk apa websitenya nanti. Ini akan membantu seorang web desainer dan developer website untuk membuat dan mengembangkan websitenya. Seperti yang sedang trend seperti sekarang ini, yaitu web responsif. Seorang desainer web dan web programming harus mampu bekerjasama dengan baik untuk membuat dan menentukan setiap tata letak dari konten – konten didalam website tersebut. Untuk sebuah toko online, tata letak sangat menentukan kemudahan dan kenyamanan pelanggan dalam berbelanja di website tersebut. Konten yang dibuat harus disesuaikan dengan kebutuhan, agar tidak menggunakan ruang yang tidak dibutuhkan.
Para mahasiswa, berikut diberikan link zoom meeting pertemuan kali ini.
| Topik Perkuliahan | : | Bootstrap |
| Kompetensi Mahasiswa | : | Mahasiswa dapat menggunakan bootstrap |
Para mahasiswa, setelah Anda mempelajari berbagai hal tentang pembuatan website, kini Anda akan mencoba melakukan registrasi untuk memiliki hosting pribadi. Selamat Belajar

| Topik Perkuliahan | : | Tugas Proyek |
| Kompetensi Mahasiswa | : | Mahasiswa dapat membuat web sederhana |

Para mahasiswa, silakan upload desain website Anda beserta URL hostingnya pada lembar jawaban yang disediakan (pastikan Anda mengupload URL yang benar)
Para mahasiswa, silakan upload desain website Anda beserta URL hostingnya pada lembar jawaban yang disediakan (pastikan Anda mengupload URL yang benar)

Para mahasiswa, untuk pertemuan 16 ini presensi dilakukan dari aktivitas ini. Terima kasih.
Para mahasiswa, untuk pertemuan 16 ini presensi dilakukan dari aktivitas ini. Terima kasih.