Gradis Ayuni

A. Tujuan Mengubah Mock Up desain web menjadi html menggunakan Wordpress B. Alat dan Bahan Wordpress Mock Up Desain Web C. Dasar Teori Wordpress WordPress merupakan sistem manajemen konten (CMS) yang paling banyak digunakan di dunia. Lebih dari 30% website dibuat di WordPress dan persentasenya masih akan terus meningkat! Secara umum, sistem manajemen konten adalah aplikasi web yang memperbolehkan pemilik, editor, dan author untuk mengelola website dan menerbitkan konten tanpa harus menguasai istilah teknis dan bahasa pemrograman terlebih dulu. WordPress menggunakan PHP dan MySQL, yang ternyata didukung oleh hampir semua penyedia web hosting. Terdapat juga paket WordPress hosting yang menawarkan kelebihan dalam kecepatan, performa, dan keandalan website. Kelebihan WordPress lainnya terletak pada tipe website yang bisa dibuat di platform ini. CMS ini memungkinkan Anda tak hanya membuat blog sederhana, tapi juga situs ecommerce, portofolio, newspaper, atau apa pun yang diingi

A. Tujuan Mengubah Mock Up desain web menjadi html menggunakan Wordpress B. Alat dan Bahan Wordpress Mock Up Desain Web C. Dasar Teori Wordpress WordPress merupakan sistem manajemen konten (CMS) yang paling banyak digunakan di dunia. Lebih dari 30% website dibuat di WordPress dan persentasenya masih akan terus meningkat! Secara umum, sistem manajemen konten adalah aplikasi web yang memperbolehkan pemilik, editor, dan author untuk mengelola website dan menerbitkan konten tanpa harus menguasai istilah teknis dan bahasa pemrograman terlebih dulu. WordPress menggunakan PHP dan MySQL, yang ternyata didukung oleh hampir semua penyedia web hosting. Terdapat juga paket WordPress hosting yang menawarkan kelebihan dalam kecepatan, performa, dan keandalan website. Kelebihan WordPress lainnya terletak pada tipe website yang bisa dibuat di platform ini. CMS ini memungkinkan Anda tak hanya membuat blog sederhana, tapi juga situs ecommerce, portofolio, newspaper, atau apa pun yang diingi

A. Tujuan Mengubah Mock Up desain web menjadi html menggunakan Wordpress B. Alat dan Bahan Wordpress Mock Up Desain Web C. Dasar Teori Wordpress WordPress merupakan sistem manajemen konten (CMS) yang paling banyak digunakan di dunia. Lebih dari 30% website dibuat di WordPress dan persentasenya masih akan terus meningkat! Secara umum, sistem manajemen konten adalah aplikasi web yang memperbolehkan pemilik, editor, dan author untuk mengelola website dan menerbitkan konten tanpa harus menguasai istilah teknis dan bahasa pemrograman terlebih dulu. WordPress menggunakan PHP dan MySQL, yang ternyata didukung oleh hampir semua penyedia web hosting. Terdapat juga paket WordPress hosting yang menawarkan kelebihan dalam kecepatan, performa, dan keandalan website. Kelebihan WordPress lainnya terletak pada tipe website yang bisa dibuat di platform ini. CMS ini memungkinkan Anda tak hanya membuat blog sederhana, tapi juga situs ecommerce, portofolio, newspaper, atau apa pun yang diingi

Sejarah HTML dan PHP Sejarah HTML atau Hypertext Markup Language telah menjadi teknologi utama untuk Web sejak awal tahun 1990-an. Tim Berners-Lee menciptakan HTML pada tahun 1989 sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. Bahkan, tujuan awal dari web browser adalah untuk melayani pembaca untuk membuka dokumen berformat HTML. Tampilan web html pertama Sedangkan PHP, pada awalnya merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrograman yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplem

A. Tujuan Mengubah Mock Up desain web menjadi html B. Alat dan Bahan Visual Studio Code Bootstrap Mock Up Desain Web C. Dasar Teori Visual Studio Code Visual Studio Code adalah editor yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol Git tertanam, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan refactoring kode. Ini juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, pintasan keyboard, dan preferensi. Ini gratis dan bersumber terbuka, meskipun unduhan resmi berada dibawah lisensi kepemilikan. Kode Visual Studio didasarkan pada Electron, kerangka kerja yang digunakan untuk menyebarkan aplikasi Node.js untuk desktop yang berjalan pada mesin tata letak Blink. Meskipun menggunakan kerangka Electron, perangkat lunak tidak menggunakan Atom dan malah menggunakan komponen editor yang sama (nama kode "Monaco") yang digunakan dalam Visual Studio Team Services (sebelumnya disebut Visu

A. Tujuan Mengubah Mock Up desain web menjadi html B. Alat dan Bahan Visual Studio Code Bootstrap Mock Up Desain Web C. Dasar Teori Visual Studio Code Visual Studio Code adalah editor yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol Git tertanam, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan refactoring kode. Ini juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, pintasan keyboard, dan preferensi. Ini gratis dan bersumber terbuka, meskipun unduhan resmi berada dibawah lisensi kepemilikan. Kode Visual Studio didasarkan pada Electron, kerangka kerja yang digunakan untuk menyebarkan aplikasi Node.js untuk desktop yang berjalan pada mesin tata letak Blink. Meskipun menggunakan kerangka Electron, perangkat lunak tidak menggunakan Atom dan malah menggunakan komponen editor yang sama (nama kode "Monaco") yang digunakan dalam Visual Studio Team Services (sebelumnya disebut Visu

A. Tujuan Mengubah Mock Up desain web menjadi html B. Alat dan Bahan Visual Studio Code Bootstrap Mock Up Desain Web C. Dasar Teori Visual Studio Code Visual Studio Code adalah editor yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol Git tertanam, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan refactoring kode. Ini juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, pintasan keyboard, dan preferensi. Ini gratis dan bersumber terbuka, meskipun unduhan resmi berada dibawah lisensi kepemilikan. Kode Visual Studio didasarkan pada Electron, kerangka kerja yang digunakan untuk menyebarkan aplikasi Node.js untuk desktop yang berjalan pada mesin tata letak Blink. Meskipun menggunakan kerangka Electron, perangkat lunak tidak menggunakan Atom dan malah menggunakan komponen editor yang sama (nama kode "Monaco") yang digunakan dalam Visual Studio Team Services (sebelumnya disebut Visu

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 berfungsi sebagai acuan kerja pembuatan website agar tidak me

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 kita sendir

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