DOM, JavaScript, dan jQuery

Berikut ini adalah topik materi kuliah konsep dasar mengenai DOM, Javascript, dan jQuery untuk mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer semester Ganjil 2014/2015. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: HTML DOM, and DOM Objects Accessing DOM and Objects property Modifying DOM and Node Javascript Embedding Javascript Variables in Javascript Functions in Javascript jQuery jQuery Selectors jQuery Getters and Setters Styling using Continue reading

Desain Web: Graphics for Web

Berikut ini adalah topik materi kuliah konsep dasar “Graphics untuk Web” pada mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: Pixels Pixel Depth Monochrome, Gray Scale, 8-bit Color 24-bit vs 8-bit Resolutions File Types File Size Compressions Web Graphics Image Optimizations Vector Images Bitmap Images Aliasing vs Anti-Aliased Vector vs Bitmap Handout materi yang digunakan dalam pertemuan Continue reading

Desain Web: DOM, Javascript, and jQuery

Berikut ini adalah topik materi kuliah konsep dasar mengenai DOM, Javascript, dan jQuery untuk mata kuliah Desain Web di Program Teknologi Informasi dan Ilmu Komputer. Adapun materi terkait yang terdapat dalam pertemuan ini antara lain: HTML DOM, and DOM Objects Accessing DOM and Objects property Modifying DOM and Node Javascript Embedding Javascript Variables in Javascript Functions in Javascript jQuery jQuery Selectors jQuery Getters and Setters Styling using jQuery “this” keyword Continue reading

Desain Web: Student Privileges

Berikut ini adalah daftar mahasiswa yang memperoleh keleluasaan untuk bebas UTS mata kuliah Desain Web semester ganjil tahun akademik 2013/2014 PTIIK Universitas Brawijaya. Penting! Mahasiswa yang mendapat keluasaan ini tetap DIWAJIBKAN untuk HADIR sesuai dengan hari dan waktu UTS yang telah ditetapkan untuk mata kuliah Desain Web, mematuhi aturan UTS yang berlaku, menandatangani lembar presensi UTS, mengambil lembar jawaban dan soal UTS, mengisi identitas pada lembar jawaban UTS, namun soal Continue reading

Desain Web: Doodle

Tugas Buatlah sebuah doodle (apa itu? lihat contoh) yang bertuliskan/berisi nama Anda masing-masing dengan ketentuan sebagai berikut: Ukuran gambar berukuran 380×200 px. Format gambar JPG atau PNG (recommended). Tools untuk membuat doodle bebas. Teknik/metode untuk membuat doodle bebas. Kompresi JPG (jika diperlukan): 7 (dari skala 10). Nama yang dijadikan doodle boleh merupakan nama asli, nama panggilan, nama pena, atau nama keren dari diri masing-masing. Doodle dikumpulkan pada saat AWAL perkuliahan di kelas Continue reading

Desain Web: Layout

Berikut ini adalah dokumen yang digunakan pada saat perkuliahan di kelas untuk menjelaskan konsep mengenai penyusunan layout untuk konten pada halaman web. Layout berikut menggunakan konsep layout grid yang template-nya dapat diunduh melalui website 960 Grid System (960.gs). Contoh layout A (PSD .psd, 1.1 MB) Contoh layout B (PSD .psd, 1.3 MB) Dokumen pendukung perancangan konten untuk contoh layout A dan B dapat diunduh pada tautan berikut: Konten dan Index (Text Continue reading

CSS Box Model

HTML elements consists of inline and block elements. All of them are box models even for inline elements such as <em>, <span>, or <strong>. Each box has it’s own (default) border, margin, and padding size. Put the following CSS code to your web pages to see (the box) by yourself temporarily: * { border: 1px solid red !important; } With the above CSS, all elements will have a 1px solid Continue reading

A Proposed Design for PTIIK Mobile Application Logo

The above image is a proposed logo design for PTIIK Mobile Application. Basically it was a simple idea. PTIIK has been developing an integrated information system between it’s internal and external system. So it would be best if the designed logo reflect the description with the connected > and < shape to form an “X” letter as in eXchange. The blue-ish and orange-ish color used in the logo are the Continue reading