Belajar Membuat Flowchart, Algoritma, serta Pseudocode

Belajar Membuat Flowchart, Algoritma, serta Pseudocode

1. Definisi Algoritma

“Algoritma merupakan suatu urutan langkah-langkah (steps) yang disusun secara logis dan sistematis untuk menyelesaikan suatu masalah dan dapat dieksekusi. “

Dalam defenisi diatas istilah “komputer” tidak terlihat sehingga sebuah algoritma tidak selalu berhubungan dengan komputer. Dalam kehidupan sehari-hari banyak terdapat proses yang dinyatakan dalam suatu algoritma.

2. Definisi Flowchart (Diagram Alir)

Selain dalam bentuk tulisan, algoritma juga dapat ditulis dalam bentuk diagram-diagram dengan anak panah sebagai penunjuk urutan langkah algoritmanya. Algoritma yang ditulis dengan simbol-simbol demikian yang dinamakan flowchart.

3. Definisi Pseudocode Pseudo berarti imitasi dan code berarti kode yang dihubungkan dengan instruksi yang ditulis dalam bahasa komputer (kode bahasa pemrograman). Apabila diterjemahkan secara bebas, maka pseudocode berarti tiruan atau imitasi dari kode bahasa pemrograman.
Pada dasarnya, pseudocode merupakan suatu bahasa yang memungkinkan programmer untuk berpikir terhadap permasalahan yang harus dipecahkan tanpa harus memikirkan syntax dari bahasa pemrograman yang tertentu. Tidak ada aturan penulisan syntax di dalam pseudocode. Jadi pseudocode digunakan untuk menggambarkan logika urut-urutan dari program tanpa memandang bagaimana bahasa pemrogramannya.

Berikut ini contoh Algoritma, Flowchart dan Pseudecode dari Prosedur Penjualan Kredit :

1. Flowchart
Berikut ini adalah flowchart dari penjualan kredit. 

2. Algoritma

    Berikut ini contoh Prosedur Penjualan Kredit (Analytic Flowchart) di atas :

A. Customer mengirimkan Surat Order Barang ke Bagian Penjualan. Setelah menerima Surat Order Barang dari Customer, Bagian Penjualan membuat dan menandatangani Faktur Penjualan yang dirangkap 3, lembar pertama dan lemabar kedua untuk Bagian Pengiriman, sedangkan lembar ketiga untuk Bagian Gudang. Dari Faktur Penjualan tersebut, Bagian Penjualan membuat Surat Jalan yang dirangkap 2 untuk Bagian Pengiriman.

B. Dari Faktur Penjualan lembar ketiga yang diterima dari Bagian Penjualan, Bagian Gudang menyiapkan barang yang diorder dan mencatat ke Buku Catatan Barang. Kemudian Barang tersebut diserahkan ke Bagian Pengiriman dan Faktur Penjualan dikembalikan ke Bagian Penjualan.

C. Barang dari Bagian Gudang dan Surat Jalan beserta Faktur Penjualan dari Bagian Penjualan, dicek apakah sudah sesuai apa belum , jika sesuai, Barang dan Surat Jalan beserta Faktur Penjualan tersebut dikirm ke Customer. Jika Barang belum sesuai maka akan di kembalikan ke Bagian Gudang.

D. Setelah Faktur Penjualan dan Surat Jalan ditandatangani oleh Customer, Faktur Penjualan lembar pertama diberikan ke Customer sedangkan Faktur Penjualan lembar kedua diberikan ke Bagian Akuntansi. Surat Jalan lembar pertama diberikan ke Bagian Gudang untuk diarsip urut tanggal dan lembar kedua diberikan ke Bagian Penjualan.

E. Surat Jalan lembar kedua dari Bagian Pengiriman dan Faktur Penjualan lembar ketiga dari Bagian Gudang, Bagian Penjualan mencatat ke Catatan Penjualan kemudian Surat Jalan beserta Faktur Penjualan di arsip urut tanggal jatuh tempo sampai pelanggan melunasi pembelian tersebut.

F. Atas Faktur Penjualan lembar kedua dari Bagian Pengiriman, Bagian Akuntansi mencatat ke Jurnal Penjualan. Kemudian Faktur Penjualan diarsip urut tanggal.

Sistem Akuntansi :

   Pada umumnya diartikan sebagai organisasi atau jaringan yang terdiri dari formulir-formulir, catatan-catatan, prosedur-prosedur, alat-alat dan sumber daya manusia dalam rangka menghasilkan informasi pada suatu organisasi untuk keperluan pengawasan operasi, dan untuk pengambilan keputusan.

Prosedur :
   Urut-urutan pekerjaan klerikal yang melibatkan beberapa orang/bagian yang disusun untuk menjamin adanya perlakuan yang sama terhadap penanganan transaksi perusahaan yang berulang.

Pekerjaan klerikal terdiri dari :

a.       Penulisan kode

b.      Pembandingan

c.       Pembukuan

d.      Penggandaan

e.       Pemilahan

f.       Penghitungan

g.      Pembuatan daftar-daftar.

Hal-hal penting dalam membuat flowchart :

1. Konsep IPO (Input-Proses-Output)

    Suatu input tidak akan langsung menjadi output tanpa melalui suatu proses.

2. Penggunaan simbol.

3. Penggunaan garis arus. 

Langkah-Langkah membuat flowchart berdasarkan narasi prosedur/sistem:

1. Tentukan Bagian-bagian yang terlibat dalam prosedur/sistem (Bagian-bagian tersebut adalah yang terdapat dalam struktur organisasi perusahaan).

2. Tentukan jenis dan simbol-simbol flowchart yang digunakan

3. Tentukan awal dan akhir prosedur/sistem

4. Tidak boleh dilupakan:

     a. Judul Flowchart

     b. Pemisahan antar kolom atau bagian

     c. Keterangan Simbol

3. Pseudecode

Berikut ini adalah pseudecode dari Flowchart Bagian Pengiriman, yaitu : 
Alur 1 
1.      Operation manual (mengecek kesesuaian barang dari gudang dengan packing slip) 
2.      Dokumen (sales order) 
3.      Konsumen 
Alur 2 
1.      Operation manual (mengecek kesesuaian barang dari gudang dengan packing slip) 
2.      Operation manual (membuat bukti pengiriman barang) 
3.      Dokumen (bukti pengiriman barang) 
4.      Dokumen (bukti pengiriman barang diserahkan kepada bagian akuntansi dan konsumen)

Sekian artikel Belajar Membuat Flowchart, Algoritma, serta Pseudocode. Terimakasih telah berkunjung. Salam optimis:)  
#tugasutsteori

Read More

Memulai Belajar PHP dengan Xampp

Memulai Belajar PHP dengan Xampp

Setelah anda berhasil menginstal xammp maka anda pasti ingin langsung membuat choding php kan?? Sabar yaaa.. ada beberapa hal dulu yang harus diperhatikan sebelun memualainya :

        1. Pastikan apache dan mysql di xammp control panel hidup running

2. Buat folder tempat penyimpanan di htdocs dalam xampp. Caranya adalah jika pada saat menginstall xampp anda menyimpan xampp di drive c  maka :

Folder htdocs anda maka berada di dalam folder xampp di drive c:

C:/xampp/htdoc/

3. Setelah didalam htdocs anda buat folder coba sebagai media penyimpanan anda.. Setelah  itu anda baru bisa memulai php. Sebagai permulaan, cobalah script di bawah ini :

 <?php
echo"Lastri Yanti";
$no ="1";
$nama ="Lastri Yanti";
$npm ="1410128262047";
    

echo "<table border=1>

<th>No</th>
<th>Nama</th>
<th>NPM</th>
<th>Email</th>
<tr>
                          
<td>01</td>
<td>Lastri</td>
<td>2047</td>
<td>lastriyanti@rocketmail.com</td>
</tr>

<td>02</td>
<td>Yanti</td>
<td>2147</td>
<td>lastri_yanti@yahoo.co.id</td>
</tr>

</table>"
?>

</html>

4. Setelah itu simpan dengan nama apa saja dengan berekstensikan .php di dalam folder yang anda buat di htdocs (contoh : Test1.php). Lalu buka web browser anda dan ketikan localhost/nama_folder_dihtdocs_tempat_anda_menyimpan_file.php/ (contoh : localhost/mr.r). Maka di dalam web browser tersebut akan terdapat file php yang anda buat. setelah itu jika di klik maka hasilnya akan seperti ini :

Sekian artikel Memulai Belajar PHP dengan Xampp. Happy Nyekrip! Terimakasih telah berkunjung. Salam optimis:)
#tugas5

Read More

Tahapan Desain dan Membuat Web dengan HTML

Tahapan Desain dan Membuat Web dengan HTML

Untuk memudahkan dalam belajar membuat web, maka berikut adalah tahapan dalam desain dan membuat web yang secara besar tahapan materi/artikel dibagi menjadi 3 bagian secara berurutan yaitu HTML, CSS dan Penerapan. Ini merupakan langkah-langkah yang akan ditempuh dalam mempelajari cara membuat web, cara-cara ini akan ditempuh jika kita dalam membuat website ini kita menggunakan teknik “hand coding” bukan menggunakan CMS.

1. HTML

Pada bagian awal yang harus dipelajari adalah bagaimana skrip HTML digunakan untuk membuat halaman Web. memulai untuk menuliskan kata-kata atau kalimat yang ingin ditampilkan pada halaman web.

Memberi tag pada setiap kata atau group kata untuk menandainya sebagai judul, paragraf, dan lain sebagainya.

Juga dijelaskan lebih rinci tentang bagaimana mengatur teks, list atau daftar, link, gambar, tabel, bentuk-bentuk atau shapes, audio video dan flash, dan unsur lain-lain.

Untuk permulaan, contoh-contoh kode html yang di buat latihan akan terlihat membosankan, namun itu adalah dasar dari pembuatan halaman web.

Selanjutnya belajar tentang CSS yaitu suatu skrip yang digunakan untuk mengatur kode html yang sudah dibuat agar terlihat jauh lebih menarik.

2. CSS

Pada bagian ini yang akan dipelajari adalah bagaimana kinerja skrip css untuk mengontrol styling dan tata letak pada sebuah halaman web.

Untuk selanjutnya memahami berbagai properti dalam skrip CSS, properti ini dibagi dalam dua kategori:

Presentasi: Cara mengontrol objek seperti warna teks, font yang ingin digunakan dan ukurannya, bagaimana cara menambah warna background pada suatu halaman, atau mengubahnya dengan gambar.

Layout: Cara mengontrol posisi semua unsur-unsur pada layar dan belajar bagaimana teknik untuk membuat halaman lebih menarik.

3. PENERAPAN

Setelah memahami tentang CSS dan HTML, Pada tahapan akhir jangan lupa untuk mempelajari tips seputar informasi yang akan membantu dalam membangun website, yaitu tentang bagaimana menaruh web dalam hosting online, meningkatkan SEO, menggunakan Google Analytics, dan masih banyak lagi.

Perlu diketahui beberapa tag baru telah diperkenalkan HTML5 untuk membantu mengatur struktur halaman web. HTML5 adalah versi terbaru dan terakhir saat ini, mempelajari HTML5 akan membuat website kita mempunyai fitur dari HTML yang paling baru, pelajari HTML5 lebih mendetail beserta prakteknya setelah kita mengerti akan dasar mengenai HTML dan CSS.

Berikut ini Tahapan Desain dan Membuat Web dengan HTML masih menggunakan Notepad/Notepad++:

1. Buat folder bebas dan simpan diamana terserah anda.

2. Buka lah Notepad atau notepad++
3. Kemudian untuk langkah selanjutnya,Ketik script sederhana (contoh) HTML berikut:
 

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<img src="batam.jpg" width="1500px" height="500px">
<div id="header">
<ul>
  <li><a href="nav.html">Home</a></li>
  <li><a href="nav.html">News</a></li>
  <li><a href="nav.html">Contact</a></li>
  <li><a href="nav.html">About</a></li>
</ul>
</div>

<div id="nav">
<img src="lastri.JPG" width="150" height="170"><br>
<p>
Nama : Lastri Yanti<br/>
Pekerjaan : Karyawan Swasta<br/>
Negara : Indonesia<br/>
Alamat : Komp. Tering Raya Blok B1 No. 35<br/>
Hoby : Selfi<br/> </p>
<hr>
<p align="justify">
Saya adalah seorang mahasiswa asal Batam, Indonesia.
Saya menyukai traveling, teater dan musik.
</p>
</div>


<div id="kanan">
<ul>
  <li><a href="nav.html">Menu 1</a></li>
  <li><a href="nav.html">Menu 2</a></li>
  <li><a href="nav.html">Menu 3</a></li>
  <li><a href="nav.html">Menu 4</a></li>
</ul>
</div>

<div id="section">
<h1>Biodata</h1>
<p>
Saya Lastri Yanti Mahasiswa STT IBNU SINA Semester 2 Teknik Informatika
Umur saya 20 tahun, saya anak ke-2 dari 3 bersaudara
</p>

<p>
Sekian biodata singkat tentang saya, jika ingin mengetahui saya lebih lanjut silahkan add fb atau twitter saya.
</p>

</div>
<div id="tengah"></div>

<div id="footer">
<marquee><font color="white">lastriyanti@rocketmail.com</font><marquee>
</div>
</body>
</html>

Simpan Script HTML di atas pada folder yang sudah di buat.
 

        4. Lalu,Buka TAB baru di Notepad atau Notepad++
5. Langkah berikutnya adalah proses untuk mengedit jarak, tampilan, dll pada blog/web anda, Berikut script nya.

      #image
{
    background-image:url("jembatan.jpg");
    padding-left:100px;
    height:150px;
}
#header {
    background-color:#000000;
    color:purple;
    text-align:center;
    padding:5px;
    padding-left:150px;
}
#nav {
    line-height:30px;
    height:730px;
    width:200px;
    float:left;
    padding-top:5px;
}

#kanan {
    line-height:30px;
    height:300px;
    width:200px;
    float:right;
    padding-top:5px;
}


#section {
    width:350px;
    float:left;
    padding:50px;
}
#footer {
    background-color:#000000;
    color:white;
    text-align:center;
    padding:5px;
    clear:both;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a:link, a:visited {
    display: block;
    width: 200px;
    font-weight: arial;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

a:hover, a:active {
    background-color: #000000;
}

#garis {
width: 200px;
float:left;
background-color:#4c5f10;
text-transform: uppercase;
}

(*NB.Teks kalimat,gambar,warna dapat anda rubah sesuai keinginan anda,saya disini hanya memberikan contoh belajarnya saja)

 7. Simpan Script diatas dengan format cascade style sheet(*css),dan disimpan dalam satu folder yang sudah dibuat.

 8. Biasanya dalam satu folder berisi:

9. Sekarang bukalah broser anda, bisa menggunakan Mozilla firefox ataupun Google Chrome dan bukalah file html yang sudah anda simpan tersebut. maka hasil tampilannya akan seperti berikut ini:

Sekian artikel Tahapan Desain dan Membuat Web dengan HTML. Happy Nyekrip! Terimakasih telah berkunjung. Salam optimis:)
#tugas4 

Read More