Algoritma dan Flowchart

 Konsep dari algoritma sendiri sebenarnya tidak hanya digunakan oleh seorang programer saja tetapi juga dalam kehidupan sehari-hari. Apa itu programer dan flowchart? Bagaimana contoh algoritma yang akan memudahkan untuk mempelajarinya? Kenali pengertian hingga contohnya 

Jika dijabarkan ada tiga jenis algoritma yaitu algoritma narasi, algoritma pseudocode dan terakhir adalah algoritma flowchart. Diantara semua itu, algoritma flowchart adalah yang paling sering digunakan.

 

Flowchart (Diagram Alir)

Dibuatnya algoritma flowchart adalah mempermudah para programer untuk membuat sebuah program. Fungsinya tentu sangat meluas seperti memastikan alur dinamis pada program yang dibuat. Juga digunakan agar program menjadi universal dan terakhir penyusunan hingga pengembangan program.

 

Simbol flowchart (Diagram alir)

Penulisan dari algoritma flowchart sendiri cukup berbeda. Ada simbol yang memiliki fungsi berbeda untuk digunakan. Berikut ini contoh simbol yang digunakan serta pengertiannya.

 

 

Biasanya tidak semua simbol ini digunakan karena tergantung dengan sistem penyelesaian yang akan dibuat. Algoritma yang digunakan untuk semua masalah bisa saja berbeda dan inilah yang akan mempengaruhi penggunaan simbol dalam flowchart.

Contoh Algoritma flowchart (diagram alir)

Membuat Secangkir Kopi

 

Contoh Algoritma dalam kehidupan sehari-hari adalah bagaimana cara membuat secangkir kopi. Oleh karena itu algoritma yang digunakan adalah sebagai berikut.

 

● Pertama membuka kemasan kopi dalam bentuk sachet yang telah dibeli.
● Kopi di dalam sachet dapat dituang ke dalam cangkir atau gelas.
● Lanjutkan dengan memasak air hingga mendidih.

● Kemudian tuang air yang telah mendidih ke dalam gelas berisi bubuk kopi sachet.
● Aduk kopi di dalam cangkir hingga merata.
● Secangkir kopi siap untuk dinikmati.

Bentuk dari flowchart pembuatan secangkir kopi yaitu :

 

Memesan Makanan

 

Algoritma juga digunakan pada saat di restoran. Proses pemesanan makanan antara konsumen dan juga penjual terjadi dengan alur berikut ini.

 

● Pertama, konsumen akan datang ke tempat makan.
● Konsumen akan memilih menu makanan yang tersedia sesuai dengan yang mereka inginkan.
● Apabila di dalam menu tersebut terdapat jenis makanan yang disukai maka konsumen akan memesannya. Namun jika tidak, pemesanan bisa saja tidak terjadi.
● Penjual makanan akan melihat stok makanan yang dipesan dan melanjutkan pada proses pembuatan. Namun jika tidak ada maka penjual akan menyarankan konsumen untuk memilih menu yang lainnya.
● Berlanjut lagi pada penjual yang akan menerima pesanan konsumen sesuai dengan menu yang tersedia.
● Pembayaran dilakukan oleh konsumen di kasir yang dilanjutkan dengan pemberian bukti pembayaran berupa struk.
● Semua tahapan selesai dilakukan maka konsumen akan menunggu pesanannya selesai dan meninggalkan tempat makan.

Langkah-langkah di atas cukup panjang dan jika dibuat flowchart maka bentuknya adalah sebagai berikut.

 

Semua algoritma bisa dibentuk menjadi flowchart sehingga memudahkan proses karena ditulis dengan lebih singkat agar efektif dan itulah tadi pembahasan mengenai contoh algoritma dan flowchart sederhana mengenai kehidupan sehari-hari.

 

Tipogrfi

Sumber: serupa.id

Tipografi adalah seni merancang, menyusun, dan mengatur tata letak huruf serta jenisnya dengan pengaturan dan penyebarannya pada ruang yang tersedia, untuk menghasilkan kesan tertentu, sehingga akan membantu pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin, baik dari segi keterbacaan maupun estetika.

Tentunya bidang studi ini sangat relevan dengan desain grafis, namun sebetulnya tipografi juga banyak digunakan di bidang lain seperti sastra dan seni murni. Sastra menggunakan tipografi puisi untuk memperindah tulisannya, sementara seni murni dapat mengisolasi huruf dari fungsinya untuk diubah menjadi karya.

Tipografi dilakukan dengan memilih Typeface (font) yang tepat, merekayasa gaya atau stylenya, hingga ke pengaturan susunan kata, paragraf dan tata letaknya secara keseluruhan. Untuk memulainya kita harus mengetahui dulu berbagai terminologi yang terdapat pada tipografi.

Anatomi Huruf

anatomi tipografi

Huruf terdiri dari banyak unsur-unsur pembentuknya. Huruf yang baik akan memiliki anatomi utuh seperti yang dijelaskan pada gambar di atas. Berbagai unsur anatomi tersebut mengikuti prinsip fundamental untuk merancang huruf. Mempelajari anatomi huruf sangat penting jika kita hendak merancang typeface, untuk memastikan legabilitas dan keterbacaannya.

Seni merancang huruf adalah keahlian yang rumit, sehingga harus dilatih dan dipelajari dengan dedikasi tinggi. Maka dari itu penjelasan lebih lanjut mengenai hal ini akan dibahas pada artikel terpisah.

Parameter Tipografi

Typeface

Type face adalah kumpulan huruf yang memiliki desain dan tampilan visual yang sama. Meskipun setiap huruf memiliki wujud yang berbeda (A-Z), dalam satu typeface semua huruf dapat memiliki kemiripan bentuk dan gaya yang serupa. Contoh macam-macam typeface adalah: Times New Roman, Arial, Verdana.

Type face adalah desain dari satu set bentuk huruf , angka, tanda baca, yang memiliki satu sifat visual yang standar dan konsisten . Sifat tersebut membentuk  karakter yang tetap meski rupa dan bentuk dimodifikasi (Will Hill, 2005:24).

Kenapa disebut typeface? Bukankah yang dimaksud oleh pernyataan diatas adalah font?

Perbedaan Typeface dan Font

Sebetulnya typeface dan font adalah dua hal yang berbeda. Typeface adalah tampilan visual dari huruf, sementara font adalah salah satu wujud dari typeface yang memiliki gaya tertentu. Sederhananya hanya ada satu typeface Arial, tetapi terdapat beberapa font Arial, yaitu: Arial Regular, Arial Bold, Arial Condensed, dsb.

Kesalahan berbahasa ini sudah memfosil dan sulit untuk dihilangkan. Maka secara sosiolinguistik, tidak masalah jika kita ingin menggunakan istilah font sebagai pengganti typeface dalam percakapan sehari-hari. Namun dalam konteks akademik kita harus tetap menggunakan istilah yang tepat.

Font (Typefont)

Font adalah satu set bentuk huruf  dalam rupa, ukuran, dan gaya khusus berdasarkan desain typeface yang sama. Istilah ini sering tertukar dengan typeface

Kategori Typeface

Terdapat banyak sekali typeface yang dapat kita pilih. Namun dari pilihan yang banyak itu ada beberapa typeface yang memiliki karakteristik yang mirip satu sama lain. Sehingga typeface-typeface tersebut dapat dikategorisasikan. Hal ini sangat berguna untuk mempermudah pemilihan typeface yang sesuai dengan kebutuhan kita. Kategori-kategori tersebut adalah:

1. Serif; Kategori serif  memiliki sirip/ kaki/ serif yang berbentuk lancip pada ujungnya, memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya.

   

   Typface jenis serif

   Serif memberikan kesan: klasik, anggun ,lemah gemulai. Serif juga dapat dikategorikan lagi dengan berbagai varian serifnya, seperti yang ditunjukan pada gambar dibawah.

   

   jenis jenis serif

2. Sans Serif; Sans serif tidak memiliki kaki/serif/sirip , bertangkai tebal, sederhana dan memiliki tingkat keterbacaan yang tinggi. Kesan yang dihasilkan: kokoh, kuat, kekar, stabil.
3. Script; Script menyerupai tulisan tangan, biasanya bergaya seperti huruf sambung. Script memberikan kesan dekoratif, keindahan dan elegan.
4. Monospace; Monospace adalah typeface yang setiap hurufnya memiliki dimensi horizontal (lebar) yang sama persis. Typeface ini bermanfaat ketika kita membutuhkan konsistensi lebih pada desain yang kita buat. Monospace menghasilkan kesan yang konsisten dan seragam.
5. Display; Kategori typeface ini dioptimasikan untuk digunakan sebagai heading atau judul suatu paragraf. Keterbacaan judul sangatlah penting, sehingga banyak perancang typeface yang mendedikasikan karyanya untuk judul. Display dapat digunakan untuk memperindah judul tanpa mengurangi keterbacaannya.
6. Lain-lain / Khas; Banyak karakteristik typeface lain yang belum dapat di kategorisasikan. Terdapat file font yang hanya berisi berbagai bentuk dekoratif dan tidak memuat huruf sama sekali yang disebut dingbat. Jadi apakah dingbat layak untuk dikategorisasikan sebagai typeface?

Typestyle (Gaya/Varian Huruf)

Typestyle adalah berbagai parameter yang dapat digunakan untuk memodifikasi gaya tampilan dari suatu typeface. Terdapat beberapa parameter yang dapat dieksplorasi untuk disesuaikan dengan desain yang kita rancang.

Setiap pemilihan varian yang kita lakukan berpengaruh terhadap keterbacaan dan keindahan tipografi yang disusun.

Maka Sesuaikan berbagai kebutuhannya dengan dampak yang ingin kita raih (elegan, formal, kasual, dll). Prinsip-prinsip seni dan desain juga dapat kita terapkan untuk menjadi salah satu panduan kebenaran agar mendapatkan tipografi yang estetis.

Berikut ini adalah beberapa parameter typestyle yang dapat dimodifikasi:

Weight

Weight adalah tingkat ketebalan garis yang membentuk huruf. Biasanya suatu font memiliki weight yang berbeda-beda seperti: light (tipis), regular (biasa), medium (sedang) dan bold (tebal).

Gunakan weight bold untuk judul dan weight biasa untuk teks isi. Atau justru sebaliknya: gunakan font tipis untuk judul, dan medium untuk teks isi. Yang perlu diperhatikan adalah kontrasnya, agar tipografi tampak lebih dinamis.

Media yang digunakan perlu menjadi perhatian juga dalam rekayasa weight typeface. Billboard yang harus terlihat dari jauh biasanya tidak dapat menggunakan font light, karena daya keterbacaannya kurang.

Width (Condensation)

Width adalah lebar dari huruf. Jika lebar ruang untuk tulisan pada desain yang kita buat terbatas, sebaiknya gunakan typeface dengan width yang ramping. Beberapa font memiliki varian dengan lebar yang lebih ramping, misalnya typeface Open Sans memiliki varian font Open Sans Condensed.

condensed font

Jangan pernah melebarkan atau meninggikan font dengan tidak proporsional. Hal tersebut bahkan sering disebut sebagai tindakan kriminal terhadap tipografi. Gunakan varian font yang tepat jika menginginkan font yang lebih ramping, seperti: Open Sans Condensed, Arial Condensed, dsb.

Angle

Terdapat dua opsi pada angle, yaitu Italic (huruf miring) atau oblique (lurus). Dalam PUEBI atau panduan umum ejaan bahasa Indonesia, huruf miring dipakai untuk menegaskan atau mengkhususkan huruf, bagian kata, kata, atau kelompok kata dalam suatu kalimat.

Pemformatan Tipografi (Formatting)

Selain merekayasa gaya dari typeface, tipografi juga dilakukan dengan mengatur format huruf. Formatting sering menjadi hal yang terlewatkan padahal dampaknya sangat besar. Baik terhadap keterbacaan teks maupun keindahannya. Berikut adalah beberapa parameter formatting yang penting untuk diperhatikan berurutan dari hal yang paling sering diabaikan terlebih dahulu.

Letter Spacing (Spasi Huruf)

Spasi huruf adalah jarak samping antara huruf yang membentuk suatu kata. Memberikan jarak lebih pada huruf ukuran kecil akan membantu keterbacaan. Selain itu huruf kecil dengan spasi yang lebih besar akan tampak lebih rapi dan elegan.

Sebaliknya, huruf berukuran besar (judul) jika menggunakan spasi yang lebih dekat akan meningkatkan keterbacaannya. Penggunaan spasi yang lebih mendempet pada huruf judul juga akan menghemat lebih banyak ruang, menimbang ukuran huruf pada judul relatif besar dan menyita banyak ruang.

Line Height

Line height adalah jarak antar kalimat dalam suatu paragraf (jarak atas bawah). Ada alasan mengapa kebanyakan standarisasi penulisan karya ilmiah mewajibkan penyusunnya untuk menggunakan setidaknya line height 1.5 hingga 2, karena akan meningkatkan keterbacaannya. Sebaliknya, mengurangi line height pada huruf berukuran besar dapat menghemat ruang dan meningkatkan keterbacaannya.

Ukuran Huruf

Perhatikan kontras antara satu teks dengan lainnya, misalnya: teks isi dan teks judul. Salah satu kesalahan yang sering terjadi pada tipografi desain adalah kurangnya perbedaan ukuran antara teks dan judul.

Jika ukuran teks dan judul kurang kontras, maka tipografi akan tampak flat dan kurang dinamis. Ingat bahwa prinsip-prinsip desain juga dapat bisa diaplikasikan disini: kontras akan menciptakan pengalaman visual yang lebih estetis.

Capitalization

Huruf kapital dan huruf kecil sudah biasa dipergunakan secara berkala. Tentunya capitalization juga dapat memberikan kesan berbeda. Huruf kecil cenderung memberikan kesan kasual, friendly, santai dan ringan. Sementara huruf kapital tampak leibh formal dan serius.

Namun dari kedua varian tersebut, terdapat juga huruf Small Caps yang sering terlewat sebagai salah satu opsi capitalization.

contoh small caps

Seperti yang tampak pada contoh diatas, small caps adalah capitalization yang menggunakan karakter kapital lebih besar di huruf pertama, dan huruf kapital yang ukurannya lebih kecil di sisa hurufnya. Gaya capitalization ini memberikan ruang lebih bagi modifikasi yang dapat kita lakukan pada capitalization tipografi.

Paragraph Spacing

Paragraph spacing adalah jarak antar paragraf. Hal ini terutama harus diperhatikan jika line height kita ubah menjadi lebih renggang. Pastikan spasi paragraf tetap lebih lebar dari line spacing.

Prinsip-prinsip Tipografi

Sebagai acuan awal dalam prinsip-prinsip kebenaran untuk menghasilkan karya tipografi yang maksimal, beberapa prinsip tipografi berikut ini dapat kita ikuti. Prinsip yang telah diakui oleh banyak pakar tipografi ini terbagi menjadi dua prinsip besar, yaitu prinsip keterbacaan tipografi, dan prinsip estetis tipografi.

Prinsip Keterbacaan Tipografi

1. Huruf kecil cenderung lebih baik tingkat keterbacaannya jika dibandingkan dengan huruf besar/kapital. Kemungkinan karena huruf kecil bentuknya jauh lebih kontras satu sama lain.
2. Huruf lurus (standar) jauh lebih mudah dibaca jika dibandingkan dengan huruf miring (italic), namun jika kata huruf miring di apit oleh huruf reguler, justru tingkat keterbacaannya meningkat.
3. Warna kontras cenderung membantu tingkat keterbacaan, namun jika terlalu kontras akan membuat mata cepat lelah. Maka dari itu kebanyakan website hari ini tidak menggunakan warna hitam murni, tetapi menggunakan abu gelap di atas putih.
4. Teks gelap di atas background terang lebih mudah dibaca dibandingkan dengan teks terang di atas background gelap.
5. Warna abu tua di atas krem adalah kombinasi warna memiliki keterbacaan paling baik sekaligus nyaman.

Prinsip Estetis Tipografi

1. Batasi penggunaan typeface dalam satu halaman/desain. Dua jenis typeface biasanya sudah cukup, satu untuk judul dan satu untuk isi.
2. Batasi penggunaan warna, satu untuk judul dan satu untuk isi.
3. Gunakan minimal tiga ukuran dan atau weight yang berbeda untuk memaksimalkan kontras dan keindahan tipografi.
4. Gunakan ukuran yang konsisten untuk setiap set teks yang berbeda.
5. Berikan letter spacing lebih untuk font berukuran kecil dan kurangi spasi letter spacing untuk font ukuran besar.
6. Pastikan line height dan jarak antar spasi berbeda jauh, terutama jika line height dibuat menjadi lebih renggang

Membuat Animasi 2D dengan FlipaClip

 FlipaClip merupakan salah satu aplikasi untuk membuat animasi. Kita dapat menghidupkan kembali masa kecil kita dan mengekspresikan kreativitas atau keterampilan yang dimiliki. Menggambar kartun dengan menggunakan frame by frame yang ada.

          FlipaClip menawarkan alat intuitif dan merupakan platform yang sempurna untuk ide – ide kreatif kita.

Fitur – fitur yang ada :
·        – Onion Layers (Show before and after frames as ghost images)
·        – Drawing Layers
·       –  Animation Timeline
·        – Frames manager
·         -Drawing tools
·         -Text tool
·         -Build animation videos
·         -Pressure sensitive pen support
·         -Berbagi animasi (youtube, facebook, vine, Instagram)

          Langkah langkah membuat animasi:

1. Buka aplikasi FlipaClip
   
2. Setelah kita buka aplikasi akan muncul halaman awal, lalu kita klik icon tambah (+) untuk membuat project baru yang akan kita buat.
   
3. Kemudian kita akan memberikan nama project, memilih background, memilih ukurannya dan memilih kecepatan frame lalu klik create project
   

• Pilihan background
  
• Pilihan canvas size
  
• Pilihan frame per second

4.      Tampilan awal project

5.      Lalu kita gambar animasi sesuai kreativitas kita menggunakan pen tools

6.      Lalu kita beri warna pada gambar kita

·         Pilihan warna yang ada

7.     Lalu objek yang telah jadi di frame satu kita copy dan paste untuk ke frame ke dua, setelah itu kita geser sedikit objek yang kita buat. Lalukan hingga frame terakhir.

8.     Lalu kita coba jalankan project animasi yang kita buat.

9.      Jika sudah kita klik icon yang ada di pojok kanan atas, nanti keluar pilihan kita klik make movie

10.  Setelah itu kita klik make movie

11.  Project yang kita buat selesai.

12.  Buat project animasi seperti yang di bawah ini dengan cara yang sama dengan yang diatas.