Selasa, 29 November 2022
EVALUASI KOMPARATIF MOBILE FORENSIK
Sabtu, 15 Januari 2022
DESAIN GRAFIS | DESAIN WEB DENGAN UI DAN UX
DESAIN WEB DENGAN UI DAN UX
A. Mendesain Sebuah Web yang sesuai dengan User Interface dan User Experience
UI merupakan desain grafis yang akan berkaitan dengan estetika visual web design. Sedangkan UX menetukan seberapa mudah atau sulitnya interaksi antara User dengan elemen-elemen UI yang telah dibuat sebelumnya.
Beberapa tips untuk mendesain sebuah web yang sesuai dengan UI dan UX ;
- Tentukan Target Audience
Menentukan target Audience yang ingin dituju merupakan hal yang penting dalam pembuatan sebuah halaman web, dengan menentukan target audience terlebih dahulu kita dapat menetukan tema desain, topik, dan desain-desain lainnya.
- Jaga User Interface agar tetap sederhana.
Gunakan elemen-elemen antarmuka yang sudah sering digunakan untuk menghindari kerumitan dan ketidak-mudahan User dalam menggunakan halaman Web kita.
- Gunakan Kombinasi Warna background
Gunakan kombinasi warna untuk menunjukan bagian-bagian penting dalam suatu halaman Web atapun bagian-bagian yang menarik perhatian User, pastikan tidak terlalu berlebihan dalam penggunaan kombinasi warna ini.
- Gunakan berbagai macam Tipografi
Dengan menggunakan berbagai macam Tipografi dalam suatu halaman web akan memperindah tampilan web tersebut untuk dilihat dan dipandang oleh User dan juga pastikan untuk tidak berlebihan dalam menggunakan Tipografi ini.
- Gunakan Struktur Hierarki
Menggunakan struktur Hierarki yang benar dalam desain web kita dapat memudahkan User dalam melakukan navigasi serta kemudahan dalam mencerna informasi-informasi yang kita sediakan pada halaman web sekaligus juga memperbagus tampilan interface.
B. Browser yang digunakan untuk menampilkan halaman Web
Browser merupakan sebuah program perangkat lunak yang digunakan untuk mengeksplorasi, mengambil, dan menampilkan informasi-informasi yang tersedia di World Wide Bjeb. Informasi ini dapat berupa gambar, teks, dokumen, audio, ataupun video.
Browser yang paling banyak digunakan untuk menampilkan halaman Web :
1. Microsoft Edge (Internet Explorer)
Microsoft Edge (atau Internet Explorer) hadir secara default pada instalasi sistem operasi Windows. Internet Explorer akan secara resmi dipensiunkan pada Juni 2022 dan diganti dengan Microsoft Edge pada Windows 11 untuk dapat bersaing dengan Browser-Browser lainnya.
2. Mozilla Firefox
Browser ini dikembangkan oleh Mozilla Corporation. Pertama kali dirilis pada November 2004, Firefox sepenuhnya dapat disesuaikan dengan tema, plug-in, dan add-on. Firefox menggunakan Gecko untuk merender tampilan halaman web, dan menerapkan standar Web saat ini dan yang akan datang nantinya.
3. Google Chrome
Chrome adalah Browser cross platform yang dikembangkan oleh perusahaan Google. pertama kali dirilis pada tahun 2008 untuk Microsoft Windows. Chrome memiliki tampilan interface yang sangat user friendly, memiliki tampilan iklan yang sedikit dan mempunyai kecepatan memuat halaman web yang sangat cepat.
C. Software Desain Web
1. Bootstrap Studio
Software desain web yang satu ini memiliki fitur yang lengkap, waktu loading yang cepat, dan grafik yang interaktif.
Bootstrap Studio juga menyediakan template dan widget yang bisa kamu gunakan secara bebas, seperti header, footer, slideshow, span, dan div.
2. Figma
Software desain web yang satu ini memiliki banyak kesamaan dengan Sketch. Namun, salah satu keunggulan Figma adalah memiliki fitur kolaborasi tim.
Meskipun terbilang baru dibandingkan pilihan software lainnya, fitur-fitur Figma tidak kalah menarik. Selain itu, Figma memiliki tampilan berbasis vektor yang membuatnya simpel dan mudah digunakan.
3. Sketch
Sketch berfokus pada penyederhanaan proses pembuatan mockup yang berkualitas tinggi. Banyak desainer memilih Sketch dengan alasan tampilannya yang rapi dan intuitif sehingga mendukung proses desain dengan mudah dan cepat.
Secara keseluruhan, Sketch merupakan software yang berbasis vektor. Kamu tetap bisa membuka gambar raster. Namun, kamu tidak bisa mengeditnya di Sketch.
4. InVision Studio
Secara keseluruhan, InVision Studio memiliki banyak kesamaan dengan Sketch dan Figma. Namun, software desain web yang satu ini lebih fokus pada pembuatan animasi dalam prototype desain web.
InVision Studio juga memiliki fitur Mirror. Dengan fitur tersebut, kamu bisa menguji tampilan atau animasi pada smartphone-mu.
Sabtu, 08 Januari 2022
Sistem Keamanan Komputer | Keamanan Web Browser
Keamanan Web Browser
Apa Itu Web Browser ?
Jenis - Jenis Web Browser
- Google Chrome
- UC Browser
- Mozilla Firefox
- Samsung Internet Browser
- Opera Mini
- Opera
- Internet Explorer
Fungsi Web Browser
Manfaat Web Browser
- Akses yang mudah, memudahkan pengguna mengakses informasi dan data secara cepat dan ringkas dari internet.
- Kemudahan download, web browser membantu pengguna mengunduh file atau data dari laman website ke komputer pribadi.
- Kemudahan menjelajah internet, berbagai macam situs yang aman dan berguna bagi pengguna akan dipermudah dengan website browser.
Cara Kerja Web Browser
- User mengakses website dengan mengetikkan alamat pada URL di address bar pada peramban website (contohnya: Google(dot)com).
- Web browser akan otomatis menerima permintaan user dan menjalankan pengambilan data pada DNS server.
- Data yang telah diambil, berupa IP dari perintah dengan mengetikkan sesuai keinginan user.
- Kemudian, web browser dapat mengakses server tujuan menggunakan IP yang diperoleh dari DNS server
- Server memberikan data dari konten dalam bentuk HTML atau file lain, seperti PHP, CSS, dll.
- Terakhir, peramban web menampilkan beragam konten sesuai permintaan pengguna.
Gangguan Atau Ancaman Yang Dapat Muncul Pada Sistem Komputer Melalui Web Browser
- Pertukaran file, misalnya mengambil file (copy & paste) dari komputer lain yang telah tertular virus.
- E-mail, membaca e-mail dari sumber yang tidak dikenal bisa berisiko tertular virus, karena virus telah ditambahkan (attach) ke file e-mail.
- IRC, saluran chatting bisa dijadikan jalan bagi virus untuk masuk ke komputer.
- Pencurian data
- Tambahan biaya penggunaan Internet
Pada dasarnya, spyware tersebut diiringi dengan PopUp Windows, yang tentunya selain memakan lebar pita lebih banyak, juga membuat loading Internet anda semakin lambat.
- Windows Live Messenger Plus
- Situs web
- AOL Mail
- Grisoft
- Ziddu
Rabu, 05 Januari 2022
DESAIN GRAFIS | Konsep Warna Pada Web
KONSEP WARNA PADA WEB DAN RESOLUSI LAYAR PADA MONITOR
Warna adalah alasan utama membeli sesuatu, dan warna website cukup berpengaruh terhadap kekuatan branding. Hal itu karna warna sendiri mampu berbicara dengan alam bawag sadar manusia. Warna mempengaruhi suasana hati dan menggerakan seseorang untuk melakukan sesuatu.
Teori Warna
Teori Brewster adalah konsep yang mengelompokan warna menjadi 4 kategori yaitu : warna primer, warna sekunder, warna tersier, dan warna netral.
Warna primer terdiri dari warna merah, kuning, dan biru
Warna sekunder terdiri dari warna ungu, orange, dan hijau. Warna
sekunder merupakan bentuk dari gabungan warna primerWarna tersier merupakan kombinasi warna primer dan warna sekunder.
Warna netral digunakan untuk penyeimbang untuk membantu warna lain agar terlihat lebih focus. Ada 2 jenis warna netral : monokromatik dan earth tone.
Warna monokrom terdiri dari hitam dan putih
Warna earth tone atau warna yang menyerupai unsur bumi misalnya coklat, krem, dll.
Kelompok warna yang mirip dengan kelompok primer yaitu RGB yang terdiri dari warna merah, hijau, dan biru. RGB merupakan tipe warna yang digunakan untuk gambar pada layer digital. Gabungan warna RGB ini bisa membentuk corak baru seperti kuning, cyan, magenta, dan putih.
Arti Warna Dan Pengaruhnya Bagi Website
Warna Merah yang punya arti kewaspadaan, peringatan, dan gairah. Warna ini bisa ditemui pada website restoran, kegiatan sosial, hingga industry makanan.
Warna Kuning melambangkan keceriaan, kegembiraan, dan kehidupan energi. Biasa digunakan pada website restoran atau listrik.
Warna Biru melambangkan kedamaian, ketenangan, dan intelektual. Sering digunakan untuk website perusahaan teknologi, pendidikan, dan kedinasan.
Kombinasi Warna Desain Web
Tint
Tint adalah campuran warna dasar dengan warna putih. Warna tint terlihat santai, lembut, serta memiliki kesan feminim.
Warna website tint efektif bagi situs yang membidik target audiens Wanita dan anak-anak. Banyak perusahaan kecantikan, produk bayi, mainan, dan lain-lain menggunakan tint sebagai warna website.
Tone
Tone adalah campuran warna dasar dengan abu-abu. Efeknya, warna terlihat lebih pucat dan bahkan keruh jika unsur abu-abunya terlalu berlebihan.
Warna tone memberikan kesan klasik, alami, dan natural seperti warna alam. Jenis warna website ini cukup baik jika digunakan untuk website arsitektur, fotografi, kerajinan tangan, dan lain-lain.
Shade
Shade adalah kombinasi warna dasar dengan warna hitam. Sehingga warna akan terlihat lebih gelap atau tua.
Situs yang memakai kombinasi warn aini cocok untuk website yang ingin memperkuat kesan serius, professional, dan elegan. Misalnya jasa keuangan, portal berita, jasa konsultan, dan organisasi.
Jumlah warna efektif dalam website 🡪 60 : 30 : 10
Porsi 60% warna dominan
Porsi 30% warna sekunder
Porsi 10% warna pelengkap
Cara menentukan warna efektif untuk desain website :
Pelajari branding yang digunakan
Ketahui tujuan website dan setiap halamannya
Sesuaikan warna website dengan target pasar
Pastikan seluruh bagian terlihat jelas
Resolusi Layar
Secara garis besar, resolusi adalah sebuah istilah yang dipakai untuk menjelaskan banyaknya pixel/titik terkecil dalam sebuah layer, baik itu layer ponsel, laptop, TV, atau yang lainnya. Resolusi ini sangat erat kaitannya dengan kualitas gambar yang dapat dihasilkan oleh suatu perangkat. Semakin tinggi resolusinya, maka gambar yang dihasilkan akan semakin baik.
Cara Penulisan :
Lebar (width) x tinggi (height)
Jadi, jika ada layer dengan resolusi 1080 x 720 pixel, maka bisa dipastikan layer tersebut memiliki 1080 titik pixel ke samping dan 720 titik pixel ke bawah. Jika ditulis 720 x 1080 pixel, maka artinya layer tersebut memiliki 720 titik pixel ke samping dan 1080 titik pixel ke bawah.
Satuan resolusi yang paling sering digunakan :
1280 x 720 pixel (720p) atau biasa disebut HD
1920 x 1080 pixel (1080p) atau biasa disebut full HD
3840 x 2160 pixel (2160p) atau biasa disebut 4K
7680 x 4320 pixel (4320p) atau biasa disebut 8k
Warna adalah alasan utama membeli sesuatu, dan warna website cukup berpengaruh terhadap kekuatan branding. Hal itu karna warna sendiri mampu berbicara dengan alam bawag sadar manusia. Warna mempengaruhi suasana hati dan menggerakan seseorang untuk melakukan sesuatu.
Teori Warna
Teori Brewster adalah konsep yang mengelompokan warna menjadi 4 kategori yaitu : warna primer, warna sekunder, warna tersier, dan warna netral.
Warna primer terdiri dari warna merah, kuning, dan biru
Warna sekunder terdiri dari warna ungu, orange, dan hijau. Warna sekunder merupakan bentuk dari gabungan warna primer
Warna tersier merupakan kombinasi warna primer dan warna sekunder.
Warna netral digunakan untuk penyeimbang untuk membantu warna lain agar terlihat lebih focus. Ada 2 jenis warna netral : monokromatik dan earth tone.
Warna monokrom terdiri dari hitam dan putih
Warna earth tone atau warna yang menyerupai unsur bumi misalnya coklat, krem, dll.
Kelompok warna yang mirip dengan kelompok primer yaitu RGB yang terdiri dari warna merah, hijau, dan biru. RGB merupakan tipe warna yang digunakan untuk gambar pada layer digital. Gabungan warna RGB ini bisa membentuk corak baru seperti kuning, cyan, magenta, dan putih.
Arti Warna Dan Pengaruhnya Bagi Website
Warna Merah yang punya arti kewaspadaan, peringatan, dan gairah. Warna ini bisa ditemui pada website restoran, kegiatan sosial, hingga industry makanan.
Warna Kuning melambangkan keceriaan, kegembiraan, dan kehidupan energi. Biasa digunakan pada website restoran atau listrik.
Warna Biru melambangkan kedamaian, ketenangan, dan intelektual. Sering digunakan untuk website perusahaan teknologi, pendidikan, dan kedinasan.
Kombinasi Warna Desain Web
Tint
Tint adalah campuran warna dasar dengan warna putih. Warna tint terlihat santai, lembut, serta memiliki kesan feminim.
Warna website tint efektif bagi situs yang membidik target audiens Wanita dan anak-anak. Banyak perusahaan kecantikan, produk bayi, mainan, dan lain-lain menggunakan tint sebagai warna website.
Tone
Tone adalah campuran warna dasar dengan abu-abu. Efeknya, warna terlihat lebih pucat dan bahkan keruh jika unsur abu-abunya terlalu berlebihan.
Warna tone memberikan kesan klasik, alami, dan natural seperti warna alam. Jenis warna website ini cukup baik jika digunakan untuk website arsitektur, fotografi, kerajinan tangan, dan lain-lain.
Shade
Shade adalah kombinasi warna dasar dengan warna hitam. Sehingga warna akan terlihat lebih gelap atau tua.
Situs yang memakai kombinasi warn aini cocok untuk website yang ingin memperkuat kesan serius, professional, dan elegan. Misalnya jasa keuangan, portal berita, jasa konsultan, dan organisasi.
Jumlah warna efektif dalam website 🡪 60 : 30 : 10
Porsi 60% warna dominan
Porsi 30% warna sekunder
Porsi 10% warna pelengkap
Cara menentukan warna efektif untuk desain website :
Pelajari branding yang digunakan
Ketahui tujuan website dan setiap halamannya
Sesuaikan warna website dengan target pasar
Pastikan seluruh bagian terlihat jelas
Resolusi Layar
Secara garis besar, resolusi adalah sebuah istilah yang dipakai untuk menjelaskan banyaknya pixel/titik terkecil dalam sebuah layer, baik itu layer ponsel, laptop, TV, atau yang lainnya. Resolusi ini sangat erat kaitannya dengan kualitas gambar yang dapat dihasilkan oleh suatu perangkat. Semakin tinggi resolusinya, maka gambar yang dihasilkan akan semakin baik.
Cara Penulisan :
Lebar (width) x tinggi (height)
Jadi, jika ada layer dengan resolusi 1080 x 720 pixel, maka bisa dipastikan layer tersebut memiliki 1080 titik pixel ke samping dan 720 titik pixel ke bawah. Jika ditulis 720 x 1080 pixel, maka artinya layer tersebut memiliki 720 titik pixel ke samping dan 1080 titik pixel ke bawah.
Satuan resolusi yang paling sering digunakan :
1280 x 720 pixel (720p) atau biasa disebut HD
1920 x 1080 pixel (1080p) atau biasa disebut full HD
3840 x 2160 pixel (2160p) atau biasa disebut 4K
7680 x 4320 pixel (4320p) atau biasa disebut 8k
IMPLEMENTASI KOMPUTASI | KOMPUTASI MODERN
IMPLEMENTASI KOMPUTASI 1. Pada Bidang Fisika Dalam fisika, berbagai teori yang berdasarkan permodelan matematika menyediakan prediksi yang ...
-
APLIKASI CLIPCLAPS (Cash For Laughs) Salah satu cara yang cukup lazim untuk mendapatkan uang dengan memanfaatkan internet adalah mengggunak...
-
SISTEM KEAMANAN KOMPUTER Konsep Dasar Komunikasi Perkembangan Teknologi Informasi (TI) menyebabkan perubahan terhadap cara pandang manusia ...
-
FILM DIGITAL Produksi Film Digital 1. Development Pada tahap ini yang dilakukan adalah pengembangan ide, menentukan jenis cerita, genre dan...
