Praktikum Desain web - Membuat Desain Web Audio Streaming




1.    Judul

Desain Web Audio Streaming

2.    Tujuan

Membuat desain web dari website Buzzmuse


3.    Alat dan Bahan
  •      Adobe Illustrator CC 2017
  •      Notepad ++

            
4.    Dasar Teori

Website adalah sebuah laman yang memberikan informasi mulai dari text, video, gambar, dan audio yang selanjutnya disimpan didalam sebuah server/ hosting supaya dapat diakses oleh user yang ingin membukanya. Website kadang juga disebut sebagai web, site, situs, atau situs web. Sebuah website agar dapat diakses oleh user memerlukan  sebuah domain dan hosting serta harus aktif terkoneksi internet.
Spotify adalah layanan streaming music, podcast, video yang memberikan akses ke berbagai macam lagu dari seluruh dunia. Spotify ini memiliki versi web dan juga aplikasi. Spotify juga hadir pada versi android dan iphone.

5.    Tugas Praktikum
      Membuat desain sebuah web

6.    Hasil Praktikum

Percobaan kali ini, kita menggunakan sebuah web audio streaming untuk di desain sedemikian rupa sehingga menjadi nyama dipandang. Referensi yang kita gunakan dari aplikasi Spotify PC.

Selanjutnya, kami membuat beberapa buah desain dari masing-masing halaman mulai dari halaman login, daftar, home, playlist yang kemudian dismipan dalam format jpeg. Berikut adalah gambarnya, berturut-turut:
Login
Daftar

                
Home


 Playlist

Setelah membuat desain secara grafis selanjutnya desain tersebut dibuat kedalam sebuah kodingan html, dan css.

Sehingga desain web akan dapat dibuka melalui browser.


7.    Kesimpulan
                  Membuat sebuah desain web dapat langsung berupa file program dan dapat juga membuatnya melalui software editing grafis seperti Corel Draw, Adobe Photoshop, Adobe Illustrator, dan dapat juga melalui Adobe Dreamweaver.

8.    Referensi

Komentar

Posting Komentar

Postingan populer dari blog ini

Praktikum – Week 14 (Commercials 3D Animation)

Gambar
1.     Judul -           Making 3D Commercial Animation 2.     Tujuan             Membuat animasi 3D commercial sejenis 3.     Alat dan Bahan -           Cinema 4D Tutorial: Cubes into letters -           Hasil render image sequences -           After Effects CC 2017 4.     Dasar Teori Cinema 4D adalah perangkat aplikasi pemodelan 3D, animasi, motion graphics dan aplikasi render yang dikembangkan oleh Maxon Computer di Jerman. Cinema 4D memiliki fitur animating, lighting, texturing, rendering, dan fitur-fitur yang ditemukan dalam aplikasi 3D modeling lainnya. A.     The Illuminati Plug in Illuminati ini dibuat oleh channel mymotiongraphic. Dengan plug in ini kita dapat menerangi objek dari beberapa macam sisi dan menghasilkan tampilan yang lembut serta tidak membebani proses rendering. B.      Sharpbox Sharpbox disini merupakan sebuah reflector virtual yang biasanya digunakan dalam fotografi. Kegunaan reflector adalah memantulkan cahaya kearah bidang ya
Baca selengkapnya

Praktikum – Week 15 (Commercials 3D Animation)

Gambar
1.     Judul -           Making 3D Commercial Animation 2.     Tujuan             Membuat animasi 3D commercial sejenis 3.     Alat dan Bahan -           Cinema 4D Tutorial: Cubes into letters -           Hasil render sebelumnya -           After Effects CC 2017 4.     Dasar Teori Cinema 4D adalah perangkat aplikasi pemodelan 3D, animasi, motion graphics dan aplikasi render yang dikembangkan oleh Maxon Computer di Jerman. Cinema 4D memiliki fitur animating, lighting, texturing, rendering, dan fitur-fitur yang ditemukan dalam aplikasi 3D modeling lainnya. A.     The Illuminati Plug in Illuminati ini dibuat oleh channel mymotiongraphic. Dengan plug in ini kita dapat menerangi objek dari beberapa macam sisi dan menghasilkan tampilan yang lembut serta tidak membebani proses rendering. B.      Sharpbox Sharpbox disini merupakan sebuah reflector virtual yang biasanya digunakan dalam fotografi. Kegunaan reflector adalah memantulkan cahaya kearah bidang yang g
Baca selengkapnya

Praktikum 04 - Logo Animation

Gambar
1. Judul     Logo Animation 2. Tujuan     Membuat animasi dari sebuah logo komersial 3. Alat     Adobe After Effect CC 2017 4. Bahan     Sunrise Logo    5. Dasar Teori       Animasi           Animasi adalah gambar bergerak berbentuk dari sekumpulan objek (gambar) yang disusun secara beraturan mengikuti alur pergerakan yang telah ditentukan pada setiap pertambahan waktu yang terjadi. Gambar tersebut dapat berupa gambar makhluk hidup, benda mati, ataupun tulisan.             Animasi berasal dari bahasa inggris yaitu animate yang artinya menggerakan sesuatu yang mati atau diam. Animasi merupakan proses membuat objek yang asalnya objek mati, kemudian disusun dalam posisi yang berbeda seolah menjadi hidup. Didalam animasi ada dua objek penting, yaitu objek atu gambar dan alur gerak. Animasi secara umum dapat dikatakan sebagai suatu sequence gambar yang ditampilkan pada tenggang waktu tertentu sehingga tercipta sebuah ilusi gambar bergerak. Prinsip dasar ani
Baca selengkapnya