Flowchart dalam pemrograman adalah diagram alur yang menggambarkan logika dan urutan instruksi program secara sistematis, mulai dari inisialisasi, proses pengolahan data, percabangan (kondisi), perulangan, hingga output, sebelum kode program ditulis.
Flowchart membantu programmer memahami alur logika program, mengurangi kesalahan logika, serta mempermudah proses penulisan, pengujian, dan pemeliharaan kode.
Saran saya
aplikasi nya yang sudah terdownload
1. Buka aplikasi Canva
2.
Kemudian jika sudah memiliki
akun bisa di cantumkan akun nya. Atau jika yang belum punya akun bisa di daftar
kan terlebih dahulu.
Oke pada
gambar di atas adalah tampilan beranda pada aplikasi canva. Oh ya saya di sini
menggunakan akun belajar id mungkin tampilan agak sedikit berbeda jika
menggunakan akun yang lain. Semua itu tak masalah.
nah
sebelum lanjut yang akan kita buatkan di dalam aplikasi tersebut. Kalian harus
menentukan terlebih dahulu apa yang akan kalian buat di canva contoh ingin
membuat sebuah logo simple .
Pada gambar di atas terdapat bagian pencarian. Kalian bisa ketik “logo”. Oke sebelum lanjut saya akan jelaskan terlebih dahulu. Di canva ini kitab isa menggunakan template yang gratis prabayar juga. Dan juga bisa membuat dengan konsep nya kita sendiri. Di sini aku akan ajarin terlebih dahulu menggunakan template yang tersedia.
Nah Ketika kalian
mengetik kata “logo” maka ada beberapa pilihan yang di rekomendasikan. Jika tidak
ingin memilih juga bisa tinggal tekan enter pada keyboard.
Ini adalah
contoh template logo yang bisa kalian gunakan. Untuk akun yang gratis bisa
menggunakan yang gratis. Tanda prabayar template nya adalah di bagian pojok gambar
ada tanda seperti mahkota itu adalah penggunaan prabayar.
Saya akan pilih template seperti ini
pilih sesuaikan template ini
Gambar di
atas adalah tampilan editing untuk sebuah canva. Nah cara mengedit nya.
Jika kalian
ingin mengubah bacaan nya bisa tinggal klik text atau bacaan yang akan kalian
rubah. Bisa double klik atau hanya 1 kali klik saja.
Untuk 1 kali
kali akan ada muncul bagian pengeditan teks seperti pada gambar di atas. Untuk menggantikan
teks nya bisa di double klik saja. misal seperti di bawah ini:
Untuk font
nya kalian bisa ganti sesuai yang di ingin kan, begitu pun dengan ukuran nya.
Jika tidak
ada tambahan apa apa lagi bisa kalian simpan di bagian kanan atas ada bacaan “bagikan”
Kemudian klik
“unduh”
Pada bagian
menu unduh kalian bisa pilih jenis file yang akan kalian simpan. Jika tak
memilik juga tidak apa apa tinggal langsung klik unduh.
Tunggu hingga
selesai
Sampai muncul
ke menu folder computer/laptop langsung save saja.
Untuk hasil dari
logo template
Untuk tutorial
yang tidak menggunakan template di halaman lain ya..
1. Buka google, kemudian cari codepen di tempat search lalu enter
2. Jika sudah muncul pilih lah yang pertama untuk masuk ke halan aplikasi codepen
Ini adaah tampilan/ halam utama codepen
3. Pilih start coding pada bagian kiri atas
Ini tampilan untuk memasukkan program atau scriptnya. Terdapat 3 macam pemrograman (HTML,CSS,JS). Di sini kita akan pakai yang HTML. Berikut scrip pertama yang akan kita ketik.
<marquee>
<b> SELAMAT DATANG</b>
</marquee>
Keterangan :
<marquee> : tag untuk membuat tulisan berjalan
<b> : tag untuk menebalkan tulisan
Setiap ingin membuat tulisan harus ada tanda pembuka an tanda penutup kata, contoh <marquee> (kata pembuka/tag pembuka) </marquee> (kata akhir/tag akhir)
5. Membuat tulisan ada warnanya, berikut script dan keterangannya :
<marquee>
<font Color="Blue">
<b> SELAMAT DATANG</b>
</marquee>
Keterangan :
<font Color=”Blue”> :tag untuk memberi warna pada text
<marquee>
<font Color="Blue">
<b> SELAMAT DATANG</b>
</font><h1>LKP TIFA KARYA</h1>
</marquee>
Keterangan :
</font><h1>LKP TIFA KARYA</h1> : tag untuk membuat heading
Heading pada HTML adalah elemen struktural yang digunakan untuk menunjukkan bagian penting pada halaman website. Heading ditandai dengan tag <h1> hingga <h6>, yang memiliki enam tingkatan yang berurutan. Tag <h1> digunakan untuk penulisan judul terbesat, sedangkan <h6> digunakan untuk menuliskan judul yang lebih kecil.
7. Membuat tulisan jadi tersusun kebawah :
Nama : LKP TIFA KARYA
Kelas : !! TKJ
Alamat : Pangkalan Brandan
Tampilan tulisan di coding akan seperti lurus saja tidak seperti yang kita buat di html script, berikut scrip tag dan keterangannya :
<font color=Black>Nama : LKP TIFA KARYA</font><br>
<font color=black>Kelas : !! TKJ</font><br>
Alamat : Pangkalan Brandan
Keterangan :
<br> : tag untuk membuat garis baru
Setiap akhir kata missal tentang nama akhirkan juga dengan script </font><br> . kecuali untuk di bagian akhir kalimat tidak menggunakan kata penutup atau tag scrip apapun
8. Membuat biodata dalam scrip html seperti gambar berikut ini :
Scrip untuk biodata dan keterangan :
|
Buka
google Lalu
cari codePen Klik
web codePed Setelah
ke tampilan klik “star coding” Setelah
itu klik tanda ke samping di bagian kanan atas samping setting Lalu
pilih bentuk gambar yang ke samping Lalu
klik geser batas dari html ke css Geser
css ke bawah Lalu
klik <html> <head> <div
class=”judul”> <h1>BIODATA
DIRI</h1> </div> <div
class=”blok”> <h2>Informasi</h2> <div
class=”kanan” <table> <tr> <th>Nama</th> <th>:</th> <td>LKP TIFA KARYA</td> </tr> <tr> <th>Tempat</th> <th>:</th> <td>LANGKAT</td> </tr> <tr> <th>Tgl.lahir</th> <th>:</th> <td>05
JULI 2007</td> </tr> <tr> <th>Agama</th> <th>:</th> <td>ISLAM</td> </tr> <tr> <th>Alamat</th> <th>:</th> <td>LANGKAT</td> </tr> <tr> <th>Email</th> <th>:</th> <td>lkptifakarya@gmail.com> </tr> <tr> <th>No.Hp</th> <th>:</th> <td>0821-6147-3015</td> </tr> <tr> <marquee> <font
color=”red” <b>SELAMAT
MEMBACA</b> </marquee> |
Keterangan :
<html> : tag membuat sebuah
dokumen html
<head> : tag untuk
memberikan informasi tentang dokumen
<div
class="judul"> : tag untuk
mengelompokkan konten dan elemen lain
</div> : tag untuk konten
pada website
<table> : tag untuk
membuat table
<tr> : tag untuk membuat
baris baru dalam table
<th> : tag untuk
menentukan judul kolom atau baris dalam table
1. Buka aplikasi microsoft word pada komputer, atau bisa cari dari menu “start” di bagian search tinggal ketik yang mau di cari.
2. Kemudian pada halaman pertama di word
3. Lalu buat judul besar “jurnal kegiatan harian”. Boleh pakai huruf kapital atau campur dengan huruf kecil.
4. Kemudian pada tab “insert” ada table, pilih tanda segitiga arah ke bawah, lalu klik
5. Kemudian pilih ke kotak kanan 4 dan kotak ke bawahnya 2 saja. Lalu klik, maka nanti table akan muncul pada lembar secara otomatis setelah di klik
6. Kemudian di beri nama di masing masing kolom, misal :
Kolom pertama : No (nomor)
Kolom kedua : Tanggal/Hari
Kolom ketiga : Kegiatan
Kolom keempat : keterangan
7. Kemudian kecilkan dan besar kan sesuai dengan keperluan, cara mengecilkan posisikan kursos di garis antara 2 kolom
8. Kemudian tahan dan geser kekiri untuk mengecilkan kolom dan geser ke kanan untuk memperbesar kolom
9. Kemudian isilah kegiatan harian selama prakerin, tanggal dan hari sesuaikan, untuk bagian keterangan penjelasannya misal kegiatan “ pengenalan motherbard” maka di bagian keterangannya jelaskan komponen komponen pada motherboard serta fungsinya .
• Dikolom A baris 1 ketik “No”
Dikolom B Baris 1 Ketik “Nama”
Dikolom C – I baris 1 Ketik “daftar nilai”
Di block kemudian pilih bagian aligment klik “Merge and center”
• Kemudian dikolom A baris 1 dan 2 di block,lakukan dengan hal yang sama seperti di gambar atas,begitupun juga dengan kolom B baris 1
• Kemudian block Kembali
• Pilih borders yang terletak pada font
• Kemudian atur ukuran kotaknya sesuai yang diinginkan
• Kemudian buat nama dan nomornya
• Kemudian di isi nilai dari 75 – 90
• Kemudian setelah di isi,hitunglah dengan cara manual “kalkulator”
Mencari nilai RUH : UH1+UH2+UH3/3
Mencari nilai NR : 2*RUH+UTS+2*US/5
.webp)
