Postingan

Menampilkan postingan dari November, 2018

Prak 07 - Breakdown Elemen Bootstrap

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

Prak 06 - Firebase

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-58b36787c3f00 E. Hasil Praktikum F. Kesimpulan

Prak 05 - Referensi Website Sejenis

Gambar
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 sendiri, ap

Prak 04 - Rangkuman Materi Design Thinking

Gambar
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 kebutuhan user atau pengguna, dengan kemampuan

Prak 03 - Mock Up Website

Gambar
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

Prak 02 - Tema dan Referensi Desain Web

A. Tujuan Mahasiswa mampu menganalisa tema web yang akan didesain dengan mencari judul Tugas Akhir (TA). B. Dasar Teori Seiring berkembangnya teknologi serta penggunaan media online untuk berbagai kebutuhan, jenis website pun ikut berkembang dan tidak sedikit website yang mengintegrasikan berbagai fitur, fungsi dan jenisnya dalam satu kesatuan website. Untuk memudahkan dalam menentukan tema website yang dibutuhkan, dapat didefinisikan website tersebut berdasarkan fungsi/tujuan utamanya saja, sedangkan fungsi lainnya dapat dianggap sebagai fungsi atau fitur tambahan. Tema sendiri bisa meliputi website perusahaan, website bidang kreatif, hingga website komersial. Tema yang dipilih nantinya akan menjadi acuan dalam membuat desain website. Desain website kerapkali bisa menarik perhatian banyak orang untuk terus mengunjungi website Anda. Oleh karena itu, menjadi hal penting untuk diperhatikan korelasi tema website dengan desain website itu sendiri. C. Tugas Analisa tema dari