Hana Bernika Sabila TI UR'19

Desain website yang saya rencanakan mengenai perusahaan Buang Sampah, dimana disana pengunjung dapat mendaftar jadi mitra, pengumuman dan berita berita mengenai sampah yang diwawancari langsung oleh reporter Buang Sampah. Kemudian pengunjung dapat pula melihat lokasi lokasi TPS yang ada di negara Indonesia. Buang sampah sendiri sudah bekerja sama dengan TPS di kota kota besar maupun kecil di Indonesia. Post berita dan pemberitahuan, adalah tempat dimana pengunjung dapat melihat berita dan pengumuman dari Buang Sampah. Buang Sampah ini didesain dengan aplikasi Figma. Aplikasi ini mudah menurut saya, karna dapat mengaplikasikan ukuran, letak posisi dan lainnya. Aplikasi ini juga cepat dan tidak membuat laptop saya lemot. Cocok untuk ukuran laptop saya, yang mana saya juga memiliki aplikasi atau software yang cukup banyak dan berat. Untuk home, saya memfokuskan untuk masuk menjadi mitra Buang Sampah. Karna itu saya hanya menambahkan fakta unik dan definisi dari Buang Sampah sendiri. Di ...

  1.        Di phpMyAdmin, export database wordpress maka akan muncul file wordpress.sql 2.        Blok semua file yang ada di file hanabernika(wordpress) kemudian archive-pilih zip. Maka akan muncul seperti ini 3.        Buka situs web domain yang ada di email. Buka yang http://melisandre.id.rapidplex.com/cpanel kemudian log in, username dan password sudah ada di email kita dari domanisia(saya). Maka akan muncul seperti ini 4.        Pergi ke panel Databases masuk ke MySQL Databases. Masukkan “New Database:” dengan hanabern_hanabernikasabila, setelah itu klik create database 5.        Kemudian dibawah, ada panel MySQL Users masukkin nama usernamenya dengan hanabern_hanabernika. Passwordnya Hanahbs1. Kemudian klik create user 6.        Kemudian dibagian bawahnya lagi ada panel Add User To Datab...

Jadi kami diberi tugas oleh dosen dengan membuat sebuah mockup. Mockup sendiri menurut saya adalah rancangan yang hampir mirip dengan prototype yang akan dibuat atau mungkin langsung ke website. Mockup biasa dibuat setelah kita membuat sebuah wireframe. Dimana nantinya, mockup ini akan sebagai gambaran kita kedepannya untuk website. Mockup dibuat serupa mungkin dengan website yang nantinya dibuat. Seperti Sumber: mockupworld Sedangkan prototype merupakan rancangan awal yang dapat diakses dengan meng-klik atau lain sebagainya. Mockup juga bisa disebut dengan maket, kalau maket itu biasanya dibagai untuk bangunan – bangunan yang mau dibuat, atau sebagai gambaran jugak. Sedangkan mock up yang di website memakai warna dan lain sebagainya di aplikasi atau software tertentu Contoh aplikasinya adalah 1.        Balsamiq Aplikasi ini termasuk yang paling popoler digunakan. Juga, dapat membuat dari wireframe sampai prototype. Aplikasi ini bisa dijalanka...

Kali ini saya akan membahas, materi dari dosen saya di kampus. Mengenai konten yang optimal untuk di google. Sebelum membuat konten, yang perlu diperhatikan adalah 1.       Keyword (Kata Kunci) ·          Saat melakukan pencarian di search engine, ada yang dinamakan keyword (kata kunci) ·          Keyword (kata kunci) merupakan sekumpulan kata atau kalimat yang digunakan untuk melakukan pencarian di search engine ·          Contoh Keyword : Cara Membuat Blog WordPress   Untuk pengujung datang biasanya itu adalah karena keyword. Contoh jika kita mau masak nasi goreng. Tentu kita cari keywordnya dengan “Cara membuat nasi goreng”. Biasanya per halaman itu masuk hingga 10 artikel. Dengan adanya masuk ke halaman pertama, pengunjung akan jadi lebih sering datang ke artikel kita.   Untuk memastikan keyword yang kita pakai a...

 Di tugas kuliah kali ini, saya ditugaskan untuk membuat wireframe berisikan desain ui untuk home, page dan post yang nantinya insyaAllah akan dibuat hingga prototype sebuah websitenya langsung. Nah disini saya akan menjelaskan wireframe yang saya buat. Sebelum saya memasuki halaman home dll. Saya akan menjelaskan terlebih dahulu website apa yang saya buat. Saya membuat sebuah website berisikan tentang pentingnya menjaga sampah dengan mewujudkan sebuah perusahaan yang mana adanya interaksi antar pemerintah, masyarakat dan juga driver. Driver disini bertugaskan untuk mengantar sampah masyarakat ke lokasi tps melalui sebuah aplikasi. Dalam website ini difokuskan hanya ke pengantar dari sebuah perusahaan, tidak ada interaksi antar driver. Hanya sebuah postingan berita atau pemberitahuan yang akan saya jelaskan di bagian post. Kita mulai membahas websitenya saja 1.        Home Di awal layar akan menampilkan sebuah video atau gambar bergerak mengena...

  sumber: chrome web store Plugin merupakan sebuah alat yang menambah fungsionalitas dari sebuah program utam program komputer. Jenis-jenis plugin: 1.        Plugin untuk wordpress 2.        Plugin keamanan Contoh plugin keamanan: iThemes Security, Jetpack dan Wordpfence 3.        Plugin backup Contoh plugin: UpdradtPlus dan BackWPUp 4.        Plugin Anti-Spam Contoh plugin: Akismet Plugin pada wordpress yang kita perlu ketahui untuk diinstall di wordpress adalah: 1.        Akismet Berfungsi untuk memfilter komentar yang masuk ke website kita 2.        Yoast SEO Memiliki fitur yang powerful dimana website dapat terdepan di search engine dan juga plugin ini sangat user-friendly. Berikut beberapa keunggulannya: ·          Dapat menganalisa ...

A.     Pengertian Desain Wireframe Desain Wireframe adalah cara untuk bereksperimen sebuah modul dari suatu ide. Ini adalah cara untuk memberikan ide kita muncul untuk banyak orang agar mereka bisa melihat apakah ide kita mempunyai suatu nilai. Wireframe dapat disebut sebagai blueprint dalam arsitektur. Tujuan dibuatnya wireframe bukan desain visual, namun menyampaikan susunan, struktur, layout, navigasi dan organisir konten. Maka dari itu, biasanya wireframe dibuat dengan warna hitam putih. Wireframe lebih menekankan isi dari konten. Wireframe merupakan tata letak dari sebuah halaman atau layar yang mendemonstrasikan elemen apa saja yang dapat dimasukkan ke dalamnya yang juga dapat dianggap sebagai kerangka dari sebuah halaman website. . Mungkin kita seringkali melihat wireframe yang tidak berwarna, atau grafik tertentu. Hal ini dilakukan karena dengan menghindari penggunaan warna dan grafik atau elemen visual lainnya, kita dapat lebih terfokus pada fungsi dan penempat...

Baiklah disini saya akan menjelaskan beberapa cara menggunakan sebuah wordpress.   C:>xampp>htdocs>hanabernika(namafolder)>wp-content>themes Disana kita dapat temukan tema bawaan dari wordpress. Ada twenteleven, twentytwenty dst. Tema ini dapat kita modifikasi alias diubah-ubah. Namun hal ini tidak disarankan, karena jika kita sudah selesai edit mengedit, data-data akan hilang jika ternyata ada telah terupdate sehingga tema tadi akan kembali seperti semula. Namun dapat kita nonaktifkan settingan updateannya, hanya saja kita tidak dapat mengikuti pembaruaan yang terbaru. Maka dari itu kita dapat membuat sebuah tema dari tema sebelumnya (Anak tema). Anak tema memungkinkan kita menggunakan suatu tema, yang mana disana kita dapat memodifikasinya. Caranya 1.        Buka folder tema/themes (C:>xampp>htdocs>hanabernika(namafolder)>wp-content>themes) 2.        Buat folder baru, namanya ter...