Gradis Ayuni

November 23, 2018 DESAIN WEB - PRAKTIKUM MINGGU KE-8: PEMBUATAN MOCK UP 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 atau sket 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 be...

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 bisa meru...

A. Tujuan Mahasiswa mampu menggunakan firebase untuk menghosting mock up versi html B. Dasar Teori Firebase adalah BaaS (Backend as a Service) yang saat ini dimiliki oleh Google. Firebase ini merupakan solusi yang ditawarkan oleh Google untuk mempermudah pekerjaan Mobile Apps Developer. Dengan adanya Firebase, apps developer bisa fokus mengembangkan aplikasi tanpa harus memberikan effort yang besar untuk urusan backend. Kelebihan Tersedia versi Free, sehingga para developer dapat mencoba layanan Firebase tanpa batasan waktu. Cepat dan responsif Tanpa SQL, Firebase menggunakan JSON SDK tersedia untuk Android, iOS, JavaScript, Java, Objective-C, swift dan Node.js User friendly Event-oriented Build-in graphic editor Powerful API untuk menyimpan dan sinkronasi API relatif mudah dimengerti Realtime backend Memudahkan bagi front-end developer yang kurang mengerti back-end Dokumentasi & Costumer Support Kekurangan Jumlah koneksi node tak ditampilkan ...

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 ki...

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 moc...

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 ...

JUDUL : Design Thinking I.                   Tujuan Mahasiswa mampu mempersiapkan diri dalam menghadapi Tugas Akhir. Mahasiswa dapat menyelesaikan tugas akhir menggunakan prinsip desain thinking . II.                 Dasar Teori (Rangkuman Pembelajaran) Design Thinking adalah metodologi desain yang memberikan pendekatan berbasis solusi untuk memecahkan masalah. Ini sangat berguna dalam mengatasi masalah kompleks yang tidak jelas atau tidak diketahui, dengan memahami kebutuhan manusia yang terlibat, dengan membingkai ulang masalah dengan cara yang berpusat pada manusia, dengan menciptakan banyak ide dalam sesi brainstorming, dan dengan mengadopsi pendekatan langsung dalam pembuatan prototipe dan pengujian. Memahami lima tahap Design Thinking ini akan memberdayakan siapa pun untuk menerapkan metode Berpiki...