Skip to main content

Praktikum Minggu ke-1 - Membuat Desain Tampilan Web

I. Tujuan
Membuat tampilan sebuah web

II. Alat dan Bahan
Platform web wix.com

III. Dasar Teori

Pengertian Web
Web adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website lain menuliskan web adalah salah satu alat komunikasi online yang menggunakan media internet dalam pendistribusiannya. Apapun bahasanya, yang pasti kita semua setuju bahwa website merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Platform web
Wix.com adalah platform pengembangan web berbasis awan yang memungkinkan penggunanya membuat situs web HTML5 dengan cara seret dan tempel.[1] Pengguna dapat menambahkan berbagai fitur seperti tautan media sosial, perdagangan elektronik, formulir kontak, pemasaran surel, dan forum komunitas ke situs mereka menggunakan beragam aplikasi Wix dan aplikasi pihak ketiga.

Beda web dengan poster
Konten pada poster cenderung tetap sedangkan web dapat berubah. Tampilan pada poster juga cenderung tetap dan tampilan web dapat berubah otomatis. Poster tidak dapat menyambungkan ke suatu konten lain, namun web dapat menyambungkan ke konten lain seperti mengakses web lain atau memunculkan media ketika diklik.

IV. Tugas Praktikum
Membuat sebuah desain tampilan web secara berkelompok.

 V. Petunjuk Praktikum
Dapat menggunakan aplikasi seperti adobe Muse dan PPT atau platform seperti wix.




 VI. Hasil Praktikum
Dapat diakses melalui https://lisadwiastutik54.wixsite.com/

VII. Kesimpulan
Kelompok kami beranggotakan Qurrota A'yun (4103161031), Nita Safira Y. (4103161041), Lisa Dwi Astutik (4103161049) dan Rima Firliana A. (4103161053). Kami menggunakan platform web yaitu wix.com
Prosesnya cukup mudah karena tutorial dari web-nya yang jelas. Platform ini gratis, sehingga dapat diatur sesuai keinginan. Di sini kami membuat web tentang healthy food. Selain memberikan informasi makanan-makanan sehat, kami juga menerima pesanan makanan-makanan sehat.

Dibandingkan jika membuat desain web menggunakan PPT, hanya dapat berupa tampilan saja, sensasi untuk langsung di web-nya tidak begitu terasa. Mungkin bisa terasa jika objek nya diberi hyperlink. Menggunakan adobe Muse juga mudah, karena setelah jadi dapat ditampilkan pada browser dengan ip local. Adobe muse tidak perlu ribet menambahkan codingan, toolnya mirip dengan adobe photoshop dan illustrator.

VIII. Referensi
https://www.canva.com/id_id/belajar/desain-grafis-untuk-cetak-dan-web/
https://www.proweb.co.id/articles/web_design/website_adalah.html
https://www.kaskus.co.id/thread/530558833fcb17d5248b4692/adobe-muse-7-membuat-website-tanpa-coding/
https://id.wikipedia.org/wiki/Wix.com

Comments

Post a Comment

Popular posts from this blog

Animasi 1 Membuat Animasi Sederhana

Praktikum 01 – Membuat Animasi Pertama 1.      Tujuan Mencoba Membuat Animasi Pertama 2.      Alat Adobe After Effects CC 2015 3.      Bahan Font 4.      Dasar Teori Animasi  a dalah suatu rangkaian gambar diam secara inbeethwin dengan jumlah yang banyak, bila kita proyeksikan akan terlihat seolah – olah hidup (bergerak), seperti yang pernah kita lihat film – film kartun di tevisi maupun dilayar lebar jadi Animasi kita simpulkan menghidupkan benda diam diproyeksikan menjadi bergerak. 3 Penggunaan animasi pada komputer telah dimulai dengan ditemukannya software komputer yang dapat dipergunakan untuk melakukan ilustrasi di komputer, membuat perubahan gambar satu ke gambar berikutnya sehingga terbentuk suatu bentuk gerakan tertentu .   Secara garis besar, animasi computer dibagi menjadi dua kategori, yaitu: a.       Computer Assisted Animation , animas...
Post a Comment
Read more

Praktikum 7 : Membuat Animasi Logo Official - part 3

Praktikum 7 : Membuat Animasi Logo Official - part 3 1. TUJUAN       Pada praktikum kali ini bertujuan untuk m embuat animasi 3D logo official. 2. ALAT      Adobe Illustrator CC 2017      Adobe After Effects CC 2017 3. BAHAN - 4. PETUNJUK PRAKTIKUM       Tutorial di bawah ini untuk membuat logo dan animasi logo Youtube 5. HASIL PRAKTIKUM https://youtu.be/WLx8yDAeo3Q 6. KESIMPULAN 7. REFERENSI https://www.youtube.com/watch?v=A0i2xTOa2zc&t=759s https://www.videocopilot.net/products/element2/update/
Post a Comment
Read more

Praktikum 11 Project Animasi: Animatics

Praktikum 11 Project Animasi: Animatics I. Tujuan     Mencoba bekerjasama dengan client untuk dibuatkan animasi. II. Alat     1. Pensil dan penghapus     2. Penggaris     3. Spidol     4. Aplikasi Scanner     5. PowerPoint III. Bahan          1. Kertas A3 IV. Dasar Teori   1. Storyboard   Storyboard adalah  visualisasi ide dari aplikasi yang akan dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene. Storyboard sekarang lebih banyak digunakan untuk membuat kerangka pembuatan website dan proyek media interaktif lainnya seperti iklan, film pendek, games, media pembelajaran interaktif ketika dalam tahap perancangan /desain. Beberapa alasan menga...
Post a Comment
Read more