Tata Qurrota

A.     Tujuan Mengubah desain web (mockup) yang telah dibuat ke dalam html B. Alat -   Visual Studio Code -  Bootstrap B.      Bahan Untuk bahan praktikum kali ini dapat dilihat pada laman berikut: https://animasitata.blogspot.com/2018/11/laporan-minggu-ke-9-mengubah-mock-up.html C.     Hasil Praktikum Berikut ini adalah hasil screenshot dari hasil praktikum kali ini. E. Kesimpulan   Pada praktikum kali ini, kami mengubah layout navbar dan keterangan slider pada gambar agar dapat diposisikan sesuai mock up. Untuk code keterangan slider gambar, kami menambahkan style.css agar dapat mengubah posisi teks, dengan tambahan "!important" agar menjadi prioritas awal ketika code dijalankan.

A.     Tujuan Mengubah desain web (mockup) yang telah dibuat ke dalam html B. Alat   -   Visual Studio Code -  Bootstrap C. Bahan Untuk bahan praktikum kali ini dapat dilihat pada laman berikut: https://animasitata.blogspot.com/2018/11/praktikum-8-membuat-mock-up-design-web.html D. Hasil Praktikum Berikut ini adalah hasil screenshot dari hasil praktikum kali ini.    E. Kesimpulan   Pada praktikum kali ini, progress kami ada pada halaman beranda, yakni navigasi bar dan slide gambar. Untuk Navbar, kami masih kesusahan untuk mengganti rata kanan dan kiri (digabung dalam  navbar)

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

Praktikum Minggu ke-6: Firebase 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 · ...

Praktikum Minggu ke-5 : Referensi Website Sejenis 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....

Praktikum Minggu ke-2: 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 ...

DESIGN THINKING Untuk membuat desain sebuah solusi terutama yang dalam  bentuk sebuah produk atau aplikasi tentunya dibutuhkan metode yang akan menjadi arahan dalam proses pembuatan dan perancangan. Namun, dengan seiringnya pekembangan jaman, esensi dari proses desain semakin berubah dan berevolusi. Desain bukan hanya sekedar membuat sebuah produk atau aplikasi yang akan laku di pasaran, memiliki bentuk yang indah dan menarik, atau mudah untuk dibuat. Desain sekarang ini adalah mengenai, menciptakan sesuatu yang diinginkan dan dibutuhkan oleh pengguna atau orang-orang. Design Thinking adalah salah satu metode baru dalam melakukan proses desain. Design Thinking merupakan metode penyelesaian masalah yang berfokus pada pengguna atau user. Design Thinking sendiri dipopulerkan oleh David Kelley dan Tim Brown pendiri IDEO – sebuah konsultan desain  yang berlatar belakang desain produk berbasis inovasi. Proses dengan metode design thinking akan menghasilkan produk yang ti...

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