Web Desain

  1. Tujuan Membuat mockup webapps untuk memudahkan rancangan webapps. 2. Alat Power Point 3. Bahan Gambar.   Pallete color dari generate pallete color canva. Font herbarium dan shorlines script serta century gothic. 4. Dasar Teori Dalam dunia website,  Mockup/Wireframe adalah  rancangan awal sebuah desain web yang dibuat secara manual menggunakan photoshop, atau software pengedit gambar lainnya. Mockup merupakan gambar model atau prototif halaman web secara full dan detail. Format mockup ini biasanya berbentuk file .PSD (Photoshop Document). Sebenarnya, selain menggunakan photoshop atau software pengedit gambar, Mockup juga dapat dibuat dengan software yang memang dikhususkan untuk membuat mockup seperti Mockingbird , Cacoo, Mockflow , dan sebagainya. Namun, bisanya software-software seperti ini justru hanya memungkinkan pembuat untuk membuat mockup yang sederhana alias seadanya. Misalnya, hanya sebatas layout dan na...

  1. Tujuan Membuat mockup webapps untuk memudahkan rancangan webapps. 2. Alat Power Point 3. Bahan Gambar.   Pallete color dari generate pallete color canva. Font herbarium dan shorlines script serta century gothic. 4. Dasar Teori Dalam dunia website,  Mockup/Wireframe adalah  rancangan awal sebuah desain web yang dibuat secara manual menggunakan photoshop, atau software pengedit gambar lainnya. Mockup merupakan gambar model atau prototif halaman web secara full dan detail. Format mockup ini biasanya berbentuk file .PSD (Photoshop Document). Sebenarnya, selain menggunakan photoshop atau software pengedit gambar, Mockup juga dapat dibuat dengan software yang memang dikhususkan untuk membuat mockup seperti Mockingbird , Cacoo, Mockflow , dan sebagainya. Namun, bisanya software-software seperti ini justru hanya memungkinkan pembuat untuk membuat mockup yang sederhana alias seadanya. Misalnya, hanya sebatas layout dan navi...

A. Tujuan Mahasiswa mampu membreakdown elemen bootstrap B. Dasar Teori Pengertian Bootstrap adalah library (pustaka / kumpulan fungsi-fungsi) dari Framework CSS yang dibuat khusus untuk bagian pengembangan fontend dari suatu website. Didalam library tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua developer website menggunakan framework bootstrap agar memudahkan dan mempercepat pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop / pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti membuat tombol, grid navigasi dan lain sebagainya. Bootstrap telah menyediakan kompulan aturan dan komponen class interface dasar sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan penggunaan bootstrap ini kita juga diberikan keleluasan salama pengembangan website, anda bi...

A. Tujuan Mengetahui cara menginstall dan mengaplikasikan firebase pada website B. Alat Firebase C. Bahan Node.js D. Dasar Teori Pada masa yang lampau ketika  internet  masih baru untuk umum, mahal dan lambat, ada  Geocities   yang memberikan kesempatan bagi amatir membuat  Static Web Page  dengan  Web hosting service   gratis. Dan sekarang yang terjadi adalah kebalikkannya, banyak pilihan yang menawarkan jasanya. Salah satunya adalah  Firebase . Firebase Hosting  menawarkan  hosting  untuk  Static Web Page  dalam platformnya.  Service  ini ada karena  Firebase  memerlukannya bagi dukungan  service  lainnya. Jadi mari kita gunakan ini untuk membuat  Static Web Page  dan bisa menggunakan  domain  kita sendiri. Untuk langkah selanjutnya dapat mengikuti step-step dari  https://www.codepolitan.com/web-static-dengan-firebase-hosting-58b36787c3...

A. Tujuan Mahasiswa mampu menganalisa mockup yang telah dibuat dan mencari tiga website umum yang  memiliki tema yang sama dengan mockup yang telah dibuat. B. Dasar Teori Template Website merupakan salah satu bahan dokumen atau file yang sangat di butuhkan dalam hal pembuatan website. Pada dasarnya, seorang webmaster perlu mengetahui pengertian template website itu sendiri sebelum membangun sebuah website. Template atau Theme merupakan dokumen atau file yang berisikan model-model tambahan yang akan muncul pada saat proses pembuatan dokumen lain. Sedangkan Website merupakan situs atau halaman di Internet yang menyediakan informasi dan tertanam pada World Wide Web (www). Dari pengertian 2 kata diatas, Pengertian Template Website itu adalah sebuah desain tampilan halaman  dengan berisikan dokumen file model-model tambahan yang dikodekan dalam bahasa program dan siap pakai. Template merupakan salah satu identitas anda. Kita tidak dapat memilih Template yang mengikuti taste kita se...

A. Tujuan 1. Mahasiswa mampu mempersiapkan diri dalam menghadapi Tugas Akhir. 2. Mahasiswa dapat menyelesaikan tugas akhir menggunakan prinsip desain thinking . 1.    People centered : dalam metode ini, perlu ditekankan bahwa setiap tindakan yang dilakukan berpusat pad apa yang diinginkan dan dibutuhkan oleh user 2.    Highly creative : dalam menggunakan metode ini, dapat digunakan kreativitas sebebasnya, tidak perlu aturan yang terlalu kaku dan baku 3.    Hands on : proses desain memerlukan percobaan langsung oleh tim desain, bukan hanya pembuatan teori atau sebuah gambaran di kertas 4.     Iterative : proses desain merupakan sebuah proses dengan tahapan-tahapan yang dilakukan berulang-ulang untuk melakukan improvisasi dan menghasilkan sebuah produk atau aplikasi yang baik Proses dengan metode design thinking akan menghasilkan produk yang tidak hanya dapat dijual atau menggunakan teknologi yang paling canggih. Metode ini menggabungkan kebutuh...

A. Tujuan Mahasiswa mampu membuat mock up website sesuai dengan tema website yang dipilih B. Dasar Teori Dalam dunia website, Mockup/Wireframe adalah rancangan awal sebuah desain web yang dibuat secara manual menggunakan photoshop, atau software pengedit gambar lainnya. Mockup merupakan gambar model atau prototif halaman web secara full dan detail. Format mockup ini biasanya berbentuk file .PSD (Photoshop Document). Sebenarnya, selain menggunakan photoshop atau software pengedit gambar, Mockup juga dapat dibuat dengan software yang memang dikhususkan untuk membuat mockup seperti Mockingbird, Cacoo, Mockflow, dan sebagainya. Namun, bisanya software-software seperti ini justru hanya memungkinkan pembuat untuk membuat mockup yang sederhana alias seadanya. Misalnya, hanya sebatas layout dan navigasinya saja. Mockup ini berfungsi sebagai acuan kerja pembuatan website agar tidak menyimpang dari tujuan awal membuatnya. Biasanya, pembuatan website yang menggunakan mockup lebih efektif dan ter...