Tutorial Membuat Poster Iklan Barber Mbah Jambrong di Canva

Pada postingan kali ini saya akan berbagi tutorial membuat poster barbershop mbah jambrong di aplikasi canva pada android.
1. Download aplikasi canva di Play Store, dan Buka aplikasi jika sudah selesai di download.

2. Pilih kategori poster pada halaman utama, pilih jenis poster yaitu periklanan.

3. Pilih model poster yang diinginkan.

4. Edit tulisan pada poster yaitu warna, ukuran, dan jenis font sesuai dengan yang diinginkan.

5. Edit gambar sisir, gunting dan alat cukur yaitu dengan mengubah warna-nya menjadi warna hitam dan ubah transparansinya.

6. Setelah gambar selesai di sunting klik tombol ceklis di pojok kiri atas dan klik icon download.

7. Poster sudah selesai dan siap dicetak.

Filosofi :

1. Gambar perlatan barber : menandakan kalau barbershop mbah jambrong memiliki peralatan yang lengkap

2. Tulisan potongan harga 50% untuk potong rambut sampai botak : menandakan adanya harga spesial untuk orang yang bersedia rambutnya dipotong sampai botak sebagai untuk respect kepada penderita kanker

3. Tulisan masih ada rambut 1 helai di kepala kami potong lagi : menandakan bahwa pelayanan di barber sangat loyal dalam menjalankan tugas

Membuat Logo menggunakan Aplikasi Logo Maker di Android

Pada postingan kali ini saya akan memberi tutorial membuat logo di Android menggunakan aplikasi Logo Maker.

  

1. Download Aplikasi Logo Maker di Play Store

2. Buka aplikasi Logo Maker dan pilih menu CREATE LOGO FROM SCRATCH

3. Pilih background yang diinginkan yaitu lingkaran.

         

4. Pilih menu Art dan pilih kategori RESTAURANT&CAFÉ dan pilih logo cangkir kopi.

        

5. Ganti warna dari Art tersebut dan geser ke arah bawah serta ubah ukuran dengan menggeser tanda panah sesuai dengan yang diinginkan.

6. Pilih menu text dan masukkan text dan sesuaikan bentuk font serta ukurannya.

            

7. Simpan logo dengan menyentuh lambang ceklis di pojok kanan atas.

             

Makna di logo :

1. Tulisan ALAM SAMANA SQUAD adalah nama squad dalam game Mobile Legend

2. Tulisan since 2018 adalah tahun berdirinya squad

3. Gambar cangkir kopi adalah menggambarkan tempat biasa bermain Bersama yaitu di warung angkringan sambil menikmati kopi.

ANALISIS WEB

WEBSITE

Website adalah halaman online yang dapat diakses dengan menggunakan sebuah domain, yang dikelola oleh individua tau kelompok yang menjadi administratornya. Lebih sederhananya website merupakan sebuah istilah umum yang digunakan untuk menyebut semua laman web yang berada di internet, contohnya yang digunakan di blog saya ini adalah www.blogspot.com ,dll. Blog merupakan salah satu tipe website yang populer karena sederhana dalam pengelolaannya, blog disebut juga sebagai website pribadi. Dibawah ini adalah analisis blog pribadi saya.

TAMPILAN INTERFACE BLOG

1.      Nama Website

Nama “Dreamer” saya berikan kepada blog saya ini karena saya berharap blog saya ini bisa memberikan para pembaca gambaran untuk mencapai cita-cita yang mereka impikan.

2.      Tampilan Grafis Web

Tampilan blog saya diawali dengan beranda yang berisi artikel yang terakhir saya post dan jika di scroll kebawah maka aka nada navigasi untuk pencarian artikel di blog ini. Tampilan layer belakang blog berwarna hitam agar tidak terlalu terang jika dilihat pada malam hari dan tulisan berwarna putih agar bisa terbaca dengan jelas.

3.        Tampilan Menu pada Blog

Menu pada blog saya menggunakan berisi arsip pada blog sesuai tahun dan bulan posting agar para dosen mudah mencari tugas saya yang diberikan setiap bulan. Dan pada blog saya ini juga berisi profil saya agar para pembaca bisa menghubungi saya jika masih ada yang kurang dimengerti.

4.        Bahasa pada Blog

Bahasa yang saya gunakan di blog ini adalah Bahasa Indonesia karena Bahasa Indonesia adalah Bahasa pengantar yang digunakan di perkuliahan dan Bahasa ibu di negara ini.

JENIS PENULISAN WEB

Berdasarkan sifatnya blog saya termasuk blog dinamis karena isi dari blog ini dapat di update secara berkala. Sedangkan berdasarkan platform blog ini termasuk website builder karena menggunakan platform blogspot karena platform tersebut memudahkan saya membuat blog tanpa harus ahli dalam menggunakan Bahasa pemrograman terlebih dahulu. Berdasarkan fungsinya blog ini termasuk blog atau website pribadi karena digunakan untuk mempublikasikan tugas yang diberikan oleh dosen pada perkuliahan.

STRUKTUR NAVIGASI WEB

Struktur navigasi di blog ini menggunakan struktur linear karena pembaca dapat memilih artikel yang akan dibaca tanpa harus membaca artikel sebelum atau sesudahnya.

KERANGKA BLOG

Blog ini terdiri dari nama blog yang berada di pojok kiri atas blog. Selanjutnya navigasi artikel blog di sisi sebelah kanan blog. Diatas navigasi artikel blog ada nama-nama blog universitas Gunadarma, dan di samping kanan navigasi artikel ada profil pemilik blog.

FLOWCHART BLOG

Struktur Web dan Jenis-jenis Web

Struktur dan Jenis-Jenis Web

1.  Struktur Web

Situs web adalah sekumpulan halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer. Dalam suatu organisasi apapun, pasti memiliki struktur organisasi. Organisasi situs web mengatur bagaimana hubungan antar halaman web, sehingga membuat pengunjung situs menjadi nyaman dan senang saat melihatnya.

Struktur web terdiri dari :

–    Struktur Linear

–    Struktur Grid

–    Struktur Hierarki

Struktur Linear :

1.     Struktur Linear murni :

·  Digunakan untuk situs-situs web yang kecil, seperti personal page.

·  Biasanya hanya terdiri dari 4 – 10 halaman.

·  Cocok digunakan untuk menampilkan isi yang bersifat tutorial atau penjelasan mengenai suatu pokok bahasan.

Kelemahan struktur jenis ini adalah ketidaknyamanan pengunjung dalam menjelajasi isi situs web.

Pada situs web yang besar struktur ini masih digunakan, tetapi hanya sebatas untuk bagian-bagian penting seperti halaman-halaman registrasi.

2.     Struktur linear tambahan :

·  Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni

·  Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail yang boleh untuk dilewatkan.

Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.

3.     Struktur linear dengan halaman pilihan :

·  Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.

·  Struktur ini banyak digunakan pada sebagian besar situs web yang ada.

·  Cocok digunakan untuk menamoilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.

4.     Struktur linear dengan halaman alternatif :

·  Pada dasarnya sama dengan struktur linear murni, bedanya pengunjug diberi alternatif “jalan” untuk pergi ke sebuah halaman.

·  Struktur ini hanya sedikit lebih baik dari struktur linear murni.

·  Struktur ini digunakan untuk isi situs yang bersifat menjelaskan halaman demi halaman, namun ada beberapa bagian yang memiliki tingkatan yang sama. Pada bagian inilah dapat dipisah menjadi halaman alternatif.

Struktur Grid :

Merupakan perluasan dari struktur linear murni. Struktur ini juga mengandung struktur linear dengan halaman alternatif dan struktur linear dengan halaman tambahan.

Struktur Hierarki :

Sangat banyak digunakan oleh sebagian besar situs web. Karena struktur ini bersifat fleksibel dan mudah untuk dikembangkan jika diperlukan. Menggunakan sub-sub direktori dan membentuk level-level ke bawah. File-file yang memiliki karakteristik fungsi yang sama akan disimpan dalam satu dierktori. Pada struktur ini gambar-gambar yang digunakan dalam setiap halaman web disimpan dalam sebuah drektori tertentu. Jenis-jenis Struktur Hierarki :

1.     Struktur hierarki lebar/ wide hierarki

·  Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menghubungkan halaman-halaman lain di dalam situs web.

·  Penempatan halaman-halaman selain halaman depan diletakkan dalam satu level melebar.

·  Struktur ini sering digunakan pada situs-situs web yang sederhana dimana sebuah halaman index yang menghubungkan dengan halaman-halaman isi.

2.     Struktur hierarki pendek/ narrow hierarki.

·  Mirip dengan struktur hierarki lebar, perbedaannya adalah struktur ini menempatkan halaman-halaman isi menjadi lebih “dalam” atau lebih “masuk” ke dalam.

·  Sebagian besar situs web yang ada saat ini menggunakan gabungan antara dua jenis struktur hierarki ini.

·  Perlu diperhatikan bahwa struktur-struktur dasar ini tidak dapat diaplikasikan secara mentah-mentah karena penggunaan struktur ini sangat tergantung kepada pembagian kategori isi yang akan dijelaskan.

2. Jenis-jenis Web

Dilihat dari segi kontennya, website terbagi menjadi 2 jenis yaitu :

1.       Website Statis

Website statis merupakan website yang isi kontennya tidak dapat diubah secara langsung oleh end-user. Isi dari website hanya bisa diubah oleh orang yang mengerti mengenai bahasa pemrograman atau tools untuk merancang halaman website. Website jenis ini tidak mempunyai basis data, jadi informasi yang disampaikan ditulis langsung ke dalaman sintax. Biasanya website jenis ini dibuat untuk menampilkan informasi yang jarang diupdate misalnya Company Profile.

2.       Website Dinamis

Website dinamis adalah website yang isi kontennya sudah termanajemen dengan kata lain, sudah menerapkan sistem Content Management System untuk informasi yang disampaikannya. End-user bisa sewaktu-waktu mengupdate konten pada halaman website tanpa perlu faham sintax ataupun bahasa pemrograman. Melihat dari segi fungsionalitasnya, website seperti inilah yang sekarang banyak digunakan. Website dinamis, menurut fungsi dan informasi yang disampaikannya terbagi menjadi beberapa bagian diantaranya :

a. Website Company Profile

Meskipun banyak website company profile dibuat dengan website statis, namun seiring perkembangan zaman sekarang ini, website company profile sudah beralih dari asalnya statis menjadi website dinamis. Untuk keperluan apa website company profile dibuat dinamis? salah satu alasannya supaya data informasi bisa diubah seketika, tidak perlu menghire/menyuruh seorang web programmer untuk mengupdate informasinya. Selain itu, sekarang ini website company profile sudah terhubung ke situs lain seperti jejaring sosial, fungsinya supaya website tersebut lebih banyak dan lebih mudah diketahui oleh publik.

Contoh website company profile yaitu : http://www.indismart.co.id

b. Website Mesin Pencari

Website mesin pencari yaitu suatu website yang menyediakan fasilitas untuk mencari data diinternet (di website lain khususnya) berdasarkan keyword/kata kunci yang kita inputkan. Website seperti ini mempunyai peranan sangat penting dalam mengumpulkan informasi.

Contoh website mesin pencari diantaranya : http://www.google.com. http://www.yahoo.com

c. Website Portal

Website jenis ini merupakan jenis website yang menyediakan link ke website lainnya. Dengan kata lain website ini merupakan website yang isinya merupakan informasi link ke website lainya, link-link tersebut sudah termanajemen dengan baik sehingga memudahkan pengunjung mencari link ke situs lainnya. Fungsinya hampir sama dengan website mesin pencari, namun ruang lingkupnya lebih sempit lagi.

d. Website Blog

Fungsi blog sebetulnya adalah tempat si pemilik blog menuangkan ide tulisan dalam bentuk artikel yang dipublikasikan di internet. Atau bisa juga merupakan catatan buku harian, pengalaman si pemilik blog. Selain itu, blog juga bisa digunakan sebagai media untuk menyamaikan tutorial terhadap suatu metode atau jalan keluar suatu permasalahan.

Contoh website jenis ini diantaranya : http://www.indi-smart.com/blog, http://www.indi-smart.com/tutor

e. Website Networking

Pengertian networking disini adalah jaringan, sama halnya dengan mencipatakan “kenalan” didunia nyata, hanya medianya adalah online. Situs seperti ini sekarang sedang marak digunakan oleh sebagian besar pengguna internet. Fungsi dari website jenis ini adalah untuk membentuk komunitas, koneksi atau kenalan di dunia nyata, tanpa terbatas oleh ruang maupun waktu.

Contoh website jenis ini yaitu : http://www.goesmart.com, http://www.facebook.com, dll

f. Website Forum

Website forum merupakan website yang berfungsi untuk mendiskusikan suatu permasalah. Atau bisa juga digunakan untuk memposting suatu metode atau tata cara terhadap penyelesaian suatu masalah. Website seperti ini banyak digunakan pengguna internet saat ini, selain untuk memcari/menyebarkan informasi website jenis ini juga kadang digunakan untuk berniaga kepada para pengguna forum tersebut.

Contoh website jenis ini yaitu : http://www.kaskus.com, http://www.forum.tempointeraktif.com

g. Website Berita

Sesuai dengan judulnya, website ini bertujuan untuk menyampaikan informasi secara cepat dan akurat. Informasi/berita yang disampaikan bisa sangat beragam, diantaranya politik, pendidikan, otomotif bahkan sampai gosip.

Contoh website jenis ini yaitu : http://www.detik.com, http://www.kompas.com dll

h. Website galeri

Fungsi utama dari website jenis ini adalah sebagai media penyimpanan file berupa gambar di internet. Apa kebelihan dengan menyimpan file gambar milik kita diinternet ? tentusaja karena kita bisa membagikan link foto galeri kita ke user lain / orang lain di internet.

Contoh website jenis ini yaitu : picasa.google.com, instagram.com, dll

i. Website e-Commerce

e-Commerce atau perdagangan online merupakan website yang menyediakan informasi mengenai barang atau jasa secara online. Website jenis ini merupakan representasi dari cara penjualan secara real dan dituangkan dalam bentuk online. Kelebihan dari website jenis ini yaitu pemilik website mempunyai cakupan pasar yang luas, bahkan global.

Contoh website jenis ini yaitu : ebay.com, http://www.indi-smart.com/store

j. Website e-Learning

e-Learning merupakan kepanjangan dari electronic learning, jika dialih bahasakan pengertiannya adalah proses belajar melalui media elektronik. Media elektronik disini adalah konten pembelajaran yang ada di website, jadi fungsi website tersebut menyimpan materi maupun bahan pembelajaran secara online. Pengguna bisa mengakses materi/informasi tersebut kapan saja dan dimana saja.

Referensi : https://farhanismail98.wordpress.com/2017/04/09/struktur-web-jenis-jenis-web/

Interaksi Manusia dan Komputer dan Hubungannya dengan Web Science

Interaksi Manusia dan Komputer

Interaksi manusia dan komputer (IMK) adalah disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia.

Dengan kata lain Interaksi manusia dan komputer itu sendiri adalah serangkaian proses, dialog dan kegiatan yang dilakukan oleh manusia untuk berinteraksi dengan komputer yang keduanya saling memberikan masukan dan umpan balik melalui sebuah antarmuka untuk memperoleh hasil akhir yang diharapkan. Interaksi manusia dan komputer meliputi ergonomi dan faktor manusia.

Ergonomi adalah memfokuskan pada karakteristik fisik mesin dan system dan melihat performance dari user (seseorang yang terlibat dalam menyelesikkan tugas). Faktor manusia adalah studi tentang manusia dan tingkah lakunya.

Tujuannya IMK adalah untuk mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah sistem komputer.

Hubungan antara Web Science dengan Interaksi Manusia dan Komputer

Web merupakan salah satu hasil dari interaksi antara manusia dengan komputer yang sangat bermanfaat dan sedang berkembang sangat pesat saat ini.

1. Perilaku navigasi

Ada dua tipe navigasi. Yang pertama adalah yang standar, yang memberikan overview dan peta penjelajahan situs. Yang kedua adalah navigasi versi advance. Jenis ini masih bertujuan memberikan alat untuk menelusuri situs, namun dengan cara lebih spesifik.

2. Perliaku pencarian

Fitur pencarian di dalam sebuah situs telah di desain sedemikian rupa dengan batasan-batasan tertentu. Ketika situs Anda tumbuh tentunya  Anda akan semakin tahu pola pemakaian oleh pengguna. Termasuk di dalamnya adalah pola pencarian dalam rangka mendapatkan pengalaman terbaik dalam penggunaan situs.

3. Rekomendasi Web

Web recomendation merupakan layanan web yang merekomendasikan atau menyarankan beberapa saran kepada pengguna yang membutuhkan suatu informasi tertentu.

4. Web Merefleksikan Perilaku Sosial

Web pun dapat merefleksikan perilaki sosial masyarakat dengan adanya alat pengukur banyaknya orang/ IP address yang mengakses web tersebut dapat menunjukkan bahwa web tersebut menarik perhatian masyarakat dan pastinya akan mempengaruhi sikap sosial seseorang contohnya seseorang yang sering mengakses situs belanja online akan mempunyai gaya hidup yang boros karena tergiur oleh harga yang lebih murah daripada toko konvensional. Berita online biasanya lebih cepat atau up to date dalam menyampaikan berita terbaru sehingga pembaca yang membuka web berita itu pun lebih cepat untuk mengetahui peristiwa yang baru terjadi.

5. Web Mempengaruhi Perilaku Sosial

Web sebagai salah satu bentuk teknologi dan informasi yang sangat populer di masyarakat menjadi salah satu pemicu yang mempengaruhi perilaku sosial masyarakat. ada 2 dampak yang dimbulkan yaitu :

Dampak positif :

·   Lebih cepat dan mudah dalam meyelesaikan pekerjaan dalam hal ini berarti membantu pekerjaan manusia

·        Dapat berkomunikasi dengan baik tidak peduli jarak dan waktu sehingga membuat manusia saling berinteraksi dengan mudah

·        Mudah mencari informasi serta berbelanja online pun dapat dilakukan.

Dampak negatif :

·        Munculnya banyak penipu yang memanfaatkan internet

·        Adanya plagiatisme

·        Munculnya pencurian/hack

·        Munculnya banyak konten-konten dewasa yang seharusnya tidak dilihat anak kecil

·        Bahaya kesehatan akibat radiasi yang ditimbulkan oleh komputer.