MEMBUAT POSTER IKLAN

POSTER FIFA TOURNAMENT 

Assalamu’alaikum warahmatullahi wabarakatuh

Pada kesempatan kali ini, kita akan membuat sebuah poster menggunakan adobe photoshop CS6.

Pertama- tama kita harus membuat lembar kerja pada photoshop CS6 dengan memilih menu file, lalu pilih New, dan buat ketentuan lembar kerja seperti gambar dibawah ini.

Kemudian saya membuat background dengan penggabungan rectangle tools 2 warna yaitu hitam dan merah seperti pada gambar dibawah ini.

Lalu saya menambahkan gambar pemain bola pada lingkaran seperti gambar dibawah dan juga saya tambahkan tulisan.

Lalu pada bagian bawah poster saya menambahkan rincian reward yang didapatkan para pemain tournament seperti gambar dibawah ini.

Saya juga ingin menyantumkan logo dari FIFA20 dengan menambahkan objek seperti dibawah ini.

Langkah terakhir kita harus menambahkan contact person agar para pendaftar mudah untuk menguhubungi jika ingin pengikuti turnamen tersebut.

Berikut adalah tampilah akhir dari pembuatan poster.

Read more...

Membuat Logo dan Filosofinya

Langkah - Langkah Membuat Logo dan Filosofinya

Assalamu’alaikum warahmatullahi wabarakatuh

Pada kesempatan kali ini, kita akan membuat sebuah logo menggunakan photoshop CS6. Pertama, kita harus download dahulu photoshop CS6nya. Saya pribadi, ingin membuat sebuah logo untuk youtube channel saya yang bermana IDE Channel. Berikut langkah-langkah membuat logo IDE Channel dan makna dari setiap komponen yang ada dalam logo tersebut.

Pertama- tama kita harus membuat lembar kerja pada photoshop CS6 dengan memilih menu file, lalu pilih New, dan buat ketentuan lembar kerja seperti gambar dibawah ini.

Kemudian lembar kerja akan muncul dan siap untuk kita desain.

Langkah selanjutnya, kita membuat 3 buah lingkaran dengan menggunakan Ellipse Tool yang terletak pada bagian kiri layar kerja, lalu kita drag and drop sesuai keinginan kita, saya memilih membuat ketiga buah limgkaran seperti gambar dibawah ini.

Kemudian kita bisa menambahkan gambar kedalam lingkaran logo, dengan membuka lembar kerja yang sudah kita sediakan, kemudian drag and drop pada lembar kerja logo kita.

Langkah selanjutnya adalah memberikan tekstur pada gambar yang sudah kita masukan tadi, dengan cara klik kanan pada layer gambar dan pilih Blending Options, lalu centang Bevel & emboss dan buat ketentuan seperti dibawah ini.­­

Kemudian, kita tambahkan Teks menggunakan Horizontal Text dengan menggunakan font bernama " DK Coal Brush " dan edit warp text seperti dibawah ini.

Logo pun sudah berhasil dibuat.

Filosofi logo

Logo ini memiliki makna yang menggambarkan kesukaan saya dan sedikit membawa suasana pada kepribadian saya sebagai penulis. Lingkaran berwarna hitam dan putih melambangkan sebuah kehidupan yang selalu berputar dimana dalam kehidupan itu terdapat sebuah perbedaan yang sangat mencolok yaitu baik dan buruk. Hitam menandakan keburukan yang gelap pekat dimana kita harus memaknai itu sebagai pelajaran hidup agar dengannya kita menjadi baik. sedangkan putih menandakan kebaikan yang terang dimana kita harus berusaha dalam hidup ini selalu menjadi orang yang membawa pesan kebaikan pada lingkungan sekitar. Channel youtube saya berisi tentang saling menasihati dalam kebaikan, namun juga ada konten lain untuk mewarnai channel yang dimaksud.

Berlatar belakang berwarna merah. Merah menandakan keberanian serta rasa semangat. Dimana saya adalah orang yang suka dengan warna merah sebab warna tersebut secara psikogis membuat saya semangat ketika melihatnya. Itu juga berawal saya suka Klub sepak bola Manchester United dan Persija Jakarta yang berjersey berwarna Merah. Utamanya, Timnas Indonesia dengan lambing di dada.

Bergambarkan macan. Kenapa macan? Karena macan menurut penulis melambangkan sikap tegas dalam hal apapun seperti contohnya dalam hal kepemimpinan. Macan juga termasuk hewan yang sangat dapat berlari dengan cepat. Artinya, menurut penulis pemimpin harus tegas namun juga cepat dalam mengambil sikap atau keputusan. Kemudian macan lambing kegagahan.

Teks IDE Channel adalah identitas dari Youtube Channel saya yang bernama IqbalDEE Channel disingkat IDE Channel.

Read more...

MENGANALISIS WEBSITE ( BLOG )

BLOG THE CHAMPION

Pada kesempatan kali ini, kita akan membahas mengenai IMK yang ada pada blogspot yang saya milik ini. contohnya, kenapa saya memilih warna merah kuning dan putih serta tulisannya berwarna hitam. Kemudian kenapa terdapat sub bab sub bab yang sangat banyak. Apa interaksi saya kepada pembaca melalui pilihan-pilihan warna dan tombol yang saya pilih tersebut? Mari kita bahas.

Tampilan Interface Blog

            Pertama, tema yang saya ambil adalah tema kehangatan. Warna yang saya pilih pertama adalah kuning dan merah untuk dasar webnya secara umum. Warna kuning biasanya memberikan suasana hangat dan redup sehingga pembaca tidak terlalu Lelah melihat blog ini, terutama bagian menu bar atau bagian diatas-atas. Memang, tidak semuanya, namun, warna kuning mungkin akan memberikan rasa itu walaupun sedikit. Kemudian warna dasar selain warna kuning yang saya pilih adalah warna merah. Ya, saya padukan warna dasar web ini adalah kuning dan merah. Kuningnya tidak terlalu terang, begitu juga dengan warna merahnya. Merah, menandakan suatu keberanian, kekuaran, dan energi positif. Sesuai dengan nama web diatasnya, yaitu “THE CHAMPIONS” yang artinya pemenang atau sang juara. Saya pribadipun juga sangat menyukai warna merah. Kemudian, artikel diberikan warna dasar putih dan warna fontnya adalah hitam. Hal itu ditujukan agar pembaca mudah dalam membaca tulisan yang dipost.

            Selain warna, pada blog ini terdapat sub bab – sub bab. Itu ditujukan untuk pembaca atau siapapun yang mengakses blog saya dapat mudah untuk mencari artikel yang dicari. Blog ini adalah khusus untuk kuliah, sehingga, sub bab-sub bab itu adalah mata kuliah saya pada tingkat 1. Jika kita mengklik misal pengantar web science, maka kita akan melihat hal apa saja yang sudah dipost pada pelajaran web science. Namun, saya kurang rajin dalam menambahkan hal itu, sehingga, baru sejarah web saja yang saya masukkan.

Dibagian Web terdapat akses cepat menuju beberapa website resmi gunadarma. Tujuannya untuk memudahkan pembaca untuk mengakses web-web yang dimaksud. Dibawahnya terdapat riwayat blog saya secara lengkap dari 2017 hingga 2019. Sedangkan bagian bawah, itu adalah bagian pengenalan diri saya. Bagi siapapun yang mengakses blog saya, dia akan bisa mengetahui siapa saya dengan melihat profil lengkap saya dibagian tersebut.

Jenis Penulisan Blog

Jenis web yang saya buat ini adalah termasuk website statis. Sebab konten yang ada pada web/blog saya ini tetap atau tidak berubah. Website ini hanya berisi tentang tugas mata pelajaran kuliah yang saya ambil. Kemudian berdasarkan platform, sepintas blog ini menggunakan pemrograman HTML dan CSS. Saya mengambil tema dari web lain yang menyediakan banyak sekali tema-tema blogspot yang dapat diambil secara gratis. Kemudian jenis website saya secara fungsi adalah blog pribadi juga media untuk berbagi. Secara tujuan, ini bertuju untuk mengepost segala tugas yang diberikan oleh dosen pada mata kuliah tertentu. Umumnya, mata pelajaran softskill.

Struktur Navigasi Blog

Mengenai struktur web. Web ini menggunakan struktur linear dengan halaman pilihan. Mengapa begitu? Sebab dalam struktur ini, pengunjung dapat memilih halaman mana yang mau dituju secara langsung melalui sub blog yang ada pada bagian atas blog/web.

Kerangka Blog

Kerangka web disini adalah pada bagian atas adalah nama blog atau judul blog, dibagian atas agak bawah adalah pilihan sub bab. Dibagian kanan adalah akses cepat menuju web penting gunadarma dan riwayat postingan. Dan dibawah adalah biodata pemilik website. Ditengan adalah tempat artikel itu dibaca.

Read more...

Struktur Web dan Jenis-jenis Web

STRUKTUR WEB

WEB memiliki sebuah struktur yang harus dipelajari bahkan dikuasai jika seseorang ingin menjadi seorang web desainer. Struktur web terdiri atas 3 bagian, yakni struktur linear, struktur grid, dan struktur hierarki. Jika seseorang menguasai struktur web tersebut, web desainer akan lebih mudah mengomunikasikan sebuah sesuatu yang ingin disampaikan kepada pengunjung situs web. Kemudian pengunjung web juga mampu memahami web dengan mudah, kemudian web dapat dikembangkan atau diupdate dengan mudan, dan terakhir dapat menurunkan biaya pengunjung situs web.

1.        Struktur Linear

a.         Struktur Linear Murni

Struktur linear murni ini digunakan untuk web sederhana dan tidak terlalu besar yang biasanya terdiri dari 4-10 halaman saja. Cocok digunakan untuk menampilkan isi yang bersfiat tutorial atau penejasalan singkat. Kelemahan struktur ini adalah menjadikan pengunjung tidak nyaman dalam menjelaskan isi situs web.

b.      Struktur Linear Tamabahan

Tidak berbeda jauh dengan struktur linear murni, namun, struktur ini cocok untuk memberikan uraian penjelasan yang lebih spesifik. Kelemahanan struktur ini sama dengan strutktur liner murni.

c.    Struktur Linear dengan halaman pilihan

Dalam struktur ini, pengunjung dapat memilih halaman mana yang mau dituju secara langsung. Jadi, tidak harus membuka satu persatu dari awal, melainkan dapat memilih secara langsung. Itu artinya, struktur linear ini lebih baik dari pada struktur sebelumnya. Rata-rata web sekarang menggunakan struktur ini. Cocok untuk membuat web artikel dan lain lain sejenisnya.

d.      Struktur Linear dengan halaman alternative

Pada konsepnya, struktur ini sama dengan linear murni, namun pengunjung akan diberikan alternative jalan untuk melanjutkan kesebuah halaman. Ini lebih baik dari pada linear murni juga. Struktur ini digunakan untuk menjelaskan halaman demi halaman yang didalamnya terdapat alternative halaman.

e.       Struktur Grid

Struktur Grid ini adalah gabungan yang diperluas dari struktur linear murni. Didalam struktrur Grid ini terdapat Struktur Linear dengan halaman pilihan dan juga struktur lienr dengan halaman alternative.

2.      Struktur Hierarki

Sangat banyak sekali web jaman sekarang yang menggunakan struktur hierarki ini dikarenakan struktur ini bersifat sangat fleksibel dan mudah untuk di update. Struktur ini terdapat sub-sub suatu  direktori dan membentuk suatu level dari atas ke bawah. File-file yang memiliki fungsi yang sama akan disimpan dalam satu direktori, begitupula dengan gambar-gambar yang adalah setiap halaman web, akan disimpan dalam suatu direktori tertentu khusus gambar.

Jenis-jenis Stuktur Hierarki

a.       Struktur Hierarki lebar/wide Hierarki

Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menyambungkan halaman-halaman lainnya didalam satu website yang diletakkan dalam satu level melebar. Struktur ini biasanya digunakan pada situs-situs web yang sederhana.

b.      Struktur hierarki pendek/narrow hierarki

Tidak berbeda dengan hierarki lebar, perbedaannya adalah stuktur ini menempatkan halaman-halaman isi menjadi lebih dalam atau lebih masuk ke dalam. Sebagian besar, pada jaman sekarang dua jenis web ini lebih digunakan. Stuktur ini sangat tergantung pada pembagian kategori isi yang dijelaskan.

Jenis-Jenis WEB

1.      Jenis Web Berdasarkan Sifat

a.       Website Statis

Website statis adalah website yang kontennya tetap atau tidak berubah. Setiap halamannya dibuat dengan kode HTML dan dihiasi menggunakan CSS. Biasanya, Web Statis tidak memerlukan database. Contoh web statis diantaranya adalah website perusahaan yang digunakan untuk memberikan informasi tentang perusahaan.

b.    Website Dinamis

Website dinamis adalah web yang kontennya sangat update dan updatenya dilakukan secara berkala. Pada umumnya, website ini banyak digunakaan pada jaman ini dibandingkan web statis. Dalam web dinamis, beberapa user dapat melakukan update konten tanpa mengganggu website pada umumnya.

2.      Jenis Web Berdasarkan Platform

a.       Content Management System (CMS)

CMS adalah sistem yang digunakan untuk membuat dan mengatur konten digital. Contoh web cepat yang menggunakan CMS adalah WordPress, joomla!, dan Drupal.

b.    Website Builder

Website builder adalah platform yang membantu anda membuat website dengan cepat, tanpa perlu memahami coding atau kemampuan desain sama sekali. Jadi web ini sudah diatur mudah. Pengguna hanya tinggal mengganti konten yang diingkankan saja.

c.    HTML dan CSS

Ini adalah website yang dibuat dengan menggunakan pemrograman HTML dan CSS. Dimana kita harus belajar bahasa CSS dan HTML.

3.    Jenis Web Berdasarkan Fungsi

a.       Blog atau Website Pribadi

b.      Komunitas atau Forum

c.       Media untuk berbagi

d.      Web berita

e.       Organisasi atau pemerintahan

f.       Web perusahaan

g.      Toko Online

Read more...

Interaksi Manusia dan Komputer (IMK)

Interaksi Manusia dan Komputer (IMK) adalah suatu ilmu yang mempelajari tentang hubungan antara manusia dan computer. Yang dimaksud disini adalah manusia mencari tau dan merancang agar bagaimana dirinya dapat menggunakan teknologi yang ada didalam computer secara lebih mudah dan efisien. IMK itu sendiri adalah sebuah proses dialog antara computer dengan manusia. Contoh, ketika kita ingin menjalankan sesuatu maka computer akan memberikan sebuah pilihan yang dapat berupa tombol kemudian kita memilih pilihan tersebut. Setelah kita memilih maka computer akan menjalankan pilihan kita tersebut ke proses selanjutnya.

 

IMK terdiri dari 3 kata, yaitu, Interaksi, Manusia, dan Komputer. Apa pengertian dari setiap kata tersebut?

Interaksi adalah suatu hubungan komunikasi yang terjadi antara dua objek. Pada masalah ini, kedua hal itu adalah manusia dan computer.

Manusia adalah pengguna computer yang biasa dikatakan sebagai user. Jika tidak ada manusia, maka computer tidak akan mungkin dijalankan.

Komputer adalah sebuah alat elektronik yang berguna untuk mengolah atau memanipulasi suatu data yang didalamnya terdiri atas hardware dan software serta memori penyimpanan data.

Menurut penjelasan singkat dari Wikipedia, Interaksi manusia dan komputeradalah disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. 

Berdasarkan penjelasan diatas dapat disimpulkan bahwa IMK adalah hubungan komunikasi antara manusia dan computer yang keduanya memiliki peran yang amat penting agar terciptanya sebuah sistem yang efisien, efektif, dan mudah dipahami serta mudah digunakan. Sederhananya, bahwa jika tidak ada manusia sebagai user, maka computer tidak akan bisa dijalankan atau dioperasika dan dilain isi jika computer tidak diberikan perancangan yang baik dan efisien, maka manusia juga sulit menggunakannya.

Apa Hubungan Interaksi Manusia dan Komputer dengan Web Science?

Ada beberapa hal yang saling berhubungan antara IMK dengan Web Science.

Yaitu, Perilaku Navigasi, Pencarian, dan Sosial.

1.   Perilaku Navigasi

Navigasi itu adalah panduan arah. Bagi penuntut ilmu Web Science, hal ini sangat dibutuhkan. Sebab, Web Science yang dibuat akan nyaman dibuka dan pengunjung menjadi tidak bosan dan tidak bingung untuk mengakses Web yang dimaksud.

Ada dua tipe navigasi, yaitu :

a.   Navigasi Serve Advance, yaitu yang memberikan detail arahan secara lebih spesifik. Misal, kategori dan range harga. Ketika kita memilih ini, kita akan lebih cepat mengetahui apa yang kita cari.

b.   Navigasi Standar, yaitu yang memberikan tampilan agar mudah ditemukan secara konsisten (tetap) seperti pada bagian atas, samping, dan bawah (footer).

2.   Perilaku Pencarian

Pencarian/Search sangat diperlukan dalam pemanfaatan situs Web. Dengan kita memasukkan sebuah keyword yang berhubungan dengan kita cari, maka kita akan mendapatkan yang kita maksud itu secara lebih cepat.

3.   Perilaku Sosial 

Perilaku Social sangat penting untuk dipertimbangkan dalam masalah Web Science. Sebab, ini sangat akan membantu berbagai kepentingan yang ada pada kehidupan bermasyarakat. Web sciene juga akan mempengaruhi perilaku social pada masyarakat, baik pengaruh positive atau negative. Sebab itu, para pembuat situs Web science seyognya bisa membuat sebuah Web Science yang sangat edukatif dan informatif.

Read more...