Blog Mas Bro

Cara Memasang Widget Jam di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<a href="http://berbagiinfotutorial.blogspot.com/2015/03/cara-memasang-widget-jam-dan-kalender.html" target="_blank">Cara Memasang Widget Jam di Blog</a> - Pada kesempatan kali ini saya akan share bagaimana membuat widget jam dan kalender pada blog. Jam merupakan sebuah waktu yang tampil dengan menit, detik dan jam yang tampil pada hari ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Agar terlihat lebih menarik tampilan pada blog maka kita ingin menambahkan widget jam baik pada sisi kanan maupun kiri di blog. Pemasangannya pun cukup mudah anda hanya tinggal mencopy saja script dengan memilih jenis, dan tampilannya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara Memasang Widget Jam di Blog</b></div>
<div style="text-align: justify;">
</div>
<ul>
<li>Login terlebih dahulu dengan akun <a href="http://blogspot%2Ccom/" target="_blank">blogger</a> anda</li>
<li>Kemudian pilih <b>Tata Letak</b></li>
<li>Pilih posisi widget dengan mengklik <b>Tambah Gadget</b>, dan pilih widget <b>HTML/JavaScript</b></li>
<li>Pilih salah satu tampilan jam atau kalender yang anda inginkan kemudian copy scriptnya dan pastekan pada widget HTML/JavaScript pada posisi yang telah anda tentukan dan mengatur letak dimana widget akan disimpan, dibawah ini saya lampirkan tampilan serta scriptnya yang bisa anda copy</li>
</ul>
<div>
<b>Preview Gambaran dan Scriptnya widget Jam</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: left;">
<b><i>1.  Name: html5-004</i></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><i><br /></i></b></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeqI21irfaOkaWTewwy_QzJehaJ_44nnBXukW6Zsc6pDhMoybqYXuGnurComeWraBPs249_GZeRH03zmWHTGpKV8CMDDN3vV_6v5CKHwz_t0_G5L0cshzut5AomqOBO9uUaCGey5LW3KQ/s1600/download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeqI21irfaOkaWTewwy_QzJehaJ_44nnBXukW6Zsc6pDhMoybqYXuGnurComeWraBPs249_GZeRH03zmWHTGpKV8CMDDN3vV_6v5CKHwz_t0_G5L0cshzut5AomqOBO9uUaCGey5LW3KQ/s1600/download.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
</div>
<div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<i><span style="color: blue;"><b><iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:40px;"src="http://www.clocklink.com/html5embed.php?clock=004&timezone=local&color=orange&size=120&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=orange"></iframe>
</b></span></i></div>
<br /></div>
<div>
<b><i>2.  Clock Name: HTML5 017</i></b><br />
<b><i><br /></i></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzPS-MCbREPHKgVwklqDNOO6C_5OJZJpfULMbSsaheH9dbelAzVAV1eVhWCXGSyhrLgzgzniI83WTk6vM2uGX_PWpEgOHbr0K01uPhCMyB5hBjajYvn3yTCMqoQ9emdprk_doamfma14/s1600/HTML5+017.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzPS-MCbREPHKgVwklqDNOO6C_5OJZJpfULMbSsaheH9dbelAzVAV1eVhWCXGSyhrLgzgzniI83WTk6vM2uGX_PWpEgOHbr0K01uPhCMyB5hBjajYvn3yTCMqoQ9emdprk_doamfma14/s1600/HTML5+017.PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><i><b><iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:240px;height:25px;"src="http://www.clocklink.com/html5embed.php?clock=017&timezone=local&color=red&size=240&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=red"></iframe>
</b></i></span></div>
<br />
<b><i>3.  Analog 8004</i></b><br />
<b><i><br /></i></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbyfren5Rln_0JXckenW6wsks8hTCzj2s9dB2Z6ND1zSk12RDlYyxzfshcRAnLDx1W-76lAvD3JRd2jEziANHdJKs6rs2SlxoXB2vJe20pFJSv9jreXPz_hiFa8Riw7TirB0eZrd-t5yk/s1600/Analog+8004.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbyfren5Rln_0JXckenW6wsks8hTCzj2s9dB2Z6ND1zSk12RDlYyxzfshcRAnLDx1W-76lAvD3JRd2jEziANHdJKs6rs2SlxoXB2vJe20pFJSv9jreXPz_hiFa8Riw7TirB0eZrd-t5yk/s1600/Analog+8004.PNG" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8004-black.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>
</div>
<br />
<b><i>4.  Name: html5-012</i></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0_aE2DypO2vB_vhB_bQ7RoUjynRGmC7xAxKhNO_eewwZXgc2_nFvp9R42l8mAd-ZKeUrs9T9B0cqfLnzZWEV-UClgf0qV_qqFOpuV2Dy_7Ne4nvl9hCMQYUCori388OXsokUpDMzLI/s1600/HTML5+012.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0_aE2DypO2vB_vhB_bQ7RoUjynRGmC7xAxKhNO_eewwZXgc2_nFvp9R42l8mAd-ZKeUrs9T9B0cqfLnzZWEV-UClgf0qV_qqFOpuV2Dy_7Ne4nvl9hCMQYUCori388OXsokUpDMzLI/s1600/HTML5+012.PNG" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><i><iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:250px;height:250px;"src="http://www.clocklink.com/html5embed.php?clock=012&timezone=local&color=blue&size=250&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=blue"></iframe>
</i></b></span></div>
<br />
<b><i>5.  Name: html5-sdt</i></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgDnX_40CO7zGXsMBM4Vc1rQ0vDd8DPdTWA6R3PG_CB0iIFaqMQwBPoQrKw9di5zbzKMeAdWanlFZzw_TOGhzJZzquYIBdglCdhlnUU0IZ_xlI-UupXI9krq2gAtLXtYqPhM2VntsF1zQ/s1600/HTML5-sdt.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgDnX_40CO7zGXsMBM4Vc1rQ0vDd8DPdTWA6R3PG_CB0iIFaqMQwBPoQrKw9di5zbzKMeAdWanlFZzw_TOGhzJZzquYIBdglCdhlnUU0IZ_xlI-UupXI9krq2gAtLXtYqPhM2VntsF1zQ/s1600/HTML5-sdt.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:235px;height:45px;"src="http://www.clocklink.com/html5embed.php?clock=sdt&timezone=local&color=blue&size=235&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=blue"></iframe>
</b></span></div>
<br />
<b>6.  Analog 0054</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7NNyaxVpMDWk22jnzwqZKf0gYzYT22dbU9x8uvfCWLMQkT9LmFJEHy6Om-ypBikWXr2n5eXVOdhYzVzB2WJP1XU50ufTrurqe2IMgCRhUMrIBJrb6f6pQTFD4V5RypQikQRm6x2YeCU/s1600/Analog+0054.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7NNyaxVpMDWk22jnzwqZKf0gYzYT22dbU9x8uvfCWLMQkT9LmFJEHy6Om-ypBikWXr2n5eXVOdhYzVzB2WJP1XU50ufTrurqe2IMgCRhUMrIBJrb6f6pQTFD4V5RypQikQRm6x2YeCU/s1600/Analog+0054.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><i><b><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0054-brown.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>
</b></i></span></div>
<br />
<b>7.  Digital Bloguru003</b><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYNZXSjjGyNnFFlDXRSqeyNxEi5Xu_c1iqqG1SqvuraCg6T29reflz4W585O75xwVTgn8_IP-sUWdQ8V_p7hnYxX41EH_lP9I_Q6T4VxrX_i8glKruJ-dO4EpRauAuIydLUt4n5Yywwg/s1600/Digital+Bloguru003.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYNZXSjjGyNnFFlDXRSqeyNxEi5Xu_c1iqqG1SqvuraCg6T29reflz4W585O75xwVTgn8_IP-sUWdQ8V_p7hnYxX41EH_lP9I_Q6T4VxrX_i8glKruJ-dO4EpRauAuIydLUt4n5Yywwg/s1600/Digital+Bloguru003.PNG" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><i><b><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="bloguru003-black.swf";obj.TimeZone="ACST"; obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>
</b></i></span></div>
<br />
<b>8.  YoshidaSauce001</b><br />
<b><br /></b>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMpYG_4Iyp8TZlsl1mGU-hOJHDQ8fjL1EO_L1yI40iBN-VMDht7dWMaiXFMN2I04jMCAOILLZf1xZVm3hUC__4BoWsBgaDYm2h0iRQwyuFXVuF56JAXDWc3ZABxaapaesMpdHqpih803A/s1600/YoshidaSauce001.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMpYG_4Iyp8TZlsl1mGU-hOJHDQ8fjL1EO_L1yI40iBN-VMDht7dWMaiXFMN2I04jMCAOILLZf1xZVm3hUC__4BoWsBgaDYm2h0iRQwyuFXVuF56JAXDWc3ZABxaapaesMpdHqpih803A/s1600/YoshidaSauce001.PNG" /></a><br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<i><b><span style="color: blue;"><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="yoshidasauce001-black.swf";obj.TimeZone="ACST"; obj.width=175;obj.height=65;obj.wmode="transparent";showClock(obj);</script>
</span></b></i></div>
<br />
<br />
<b>9.  OtsukaShokai001</b><br />
<b><br /></b>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-QPPxYdd2o_RLynkSmgDd168JSBOsPCnPueF7ftuyxCEU4lf31sM3A1rOawKLMPVdnbtclqyOaDL0FCOxpTYlFsk_ve_tr7yuU1rH_KEHHpQWhNJjmTCiHRp5S0kr4OnS-eANZCP8XA/s1600/OtsukaShokai001.PNG" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-QPPxYdd2o_RLynkSmgDd168JSBOsPCnPueF7ftuyxCEU4lf31sM3A1rOawKLMPVdnbtclqyOaDL0FCOxpTYlFsk_ve_tr7yuU1rH_KEHHpQWhNJjmTCiHRp5S0kr4OnS-eANZCP8XA/s1600/OtsukaShokai001.PNG" /></a><br />
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><i><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="otsukashokai001-navy.swf";obj.TimeZone="ACST"; obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>
</i></b></span></div>
<br />
<b>10.  html5-019</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_gN-iQoPJREL7xpAqF31-ASNnNx2M0BDwsq6PpSlqYCVRfA-VDXmIxouFsIKh1UfYxyJWMZAVShSqZ-AmIZe30McLA_Q3SsSMK1f1yiQhHIFs5ckM6EXsBw0R3Pa921fnOD-hOZfmbo/s1600/html5-019.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_gN-iQoPJREL7xpAqF31-ASNnNx2M0BDwsq6PpSlqYCVRfA-VDXmIxouFsIKh1UfYxyJWMZAVShSqZ-AmIZe30McLA_Q3SsSMK1f1yiQhHIFs5ckM6EXsBw0R3Pa921fnOD-hOZfmbo/s1600/html5-019.PNG" /></a></div>
<b><br /></b>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width:160px;height:160px;"src="http://www.clocklink.com/html5embed.php?clock=019&timezone=GMT0700&color=brown&size=160&Title=&Message=&Target=&From=2015,1,1,0,0,0&Color=brown"></iframe>
</b></span></div>
<br />
<b>11.  5031</b><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2No8IQaMPcpDLHzSVh46sHr7zLl0p0pc0gE-aBS5v3ZlwvXdnA6UBuAGSfwbFy2hTdbY_e9v8L0_WRa8xt8GCq1DCTtT6mQY-n8vWUwhT2xMrWjRO66lDk5Pffxtwr5wp36NPKMD48Q/s1600/5031.PNG" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2No8IQaMPcpDLHzSVh46sHr7zLl0p0pc0gE-aBS5v3ZlwvXdnA6UBuAGSfwbFy2hTdbY_e9v8L0_WRa8xt8GCq1DCTtT6mQY-n8vWUwhT2xMrWjRO66lDk5Pffxtwr5wp36NPKMD48Q/s1600/5031.PNG" /></a><br />
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><i><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5031-blue.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=80;obj.wmode="transparent";showClock(obj);</script>
</i></b></span></div>
<br />
<b>12.  Analog 8009</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbWZn7ysi769UthsR8Fh6U8y5PKNypVIbIVLtFolPxX6vKs_4K3sZXGV8F5MOrwhj-1y-0AtGW1yM6a06_TKNP1G4PkDqUtR2OYec4hG57mkr7EhxD9FDwvYy-g6Px8ivmkmkxK7p-js/s1600/Analog+8009.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrbWZn7ysi769UthsR8Fh6U8y5PKNypVIbIVLtFolPxX6vKs_4K3sZXGV8F5MOrwhj-1y-0AtGW1yM6a06_TKNP1G4PkDqUtR2OYec4hG57mkr7EhxD9FDwvYy-g6Px8ivmkmkxK7p-js/s1600/Analog+8009.PNG" /></a></div>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<br />
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
<span style="color: blue;"><b><i><script src="http://www.clocklink.com/embed.js"></script> <script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8009-red.swf";obj.TimeZone="ACST"; obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>
</i></b></span></div>
<ul>
<li>Kemudian klik tombol simpan dan lihat hasilnya</li>
</ul>
<div>
Selengkapnya bisa mengunjungi : <a href="http://www.clocklink.com/" target="_blank">ClockLink</a></div>
</div>
</div>

Cara Memasang Widget Jam di Blog

Cara Memasang Widget Jam di Blog - Pada kesempatan kali ini saya akan share bagaimana membuat widget jam dan kalender pada blog. Jam meru...

Struktur Program Pascal

<div style="text-align: justify;">
<b>Struktur Program Pascal</b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XBVZCBjMJQdhwQ_fqM-HHu4HPhiUxzoJZGOhXQGAzPzVmIfBGXTFUIClqgs9mtf2hqhjwIMYXMO8WwN-90VWQ-8EpNljmxn9ulOuSoNV23RwtiXo4yuPRCDV1P1NMosHkX02p6kDy1s/s1600/program-pascal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7XBVZCBjMJQdhwQ_fqM-HHu4HPhiUxzoJZGOhXQGAzPzVmIfBGXTFUIClqgs9mtf2hqhjwIMYXMO8WwN-90VWQ-8EpNljmxn9ulOuSoNV23RwtiXo4yuPRCDV1P1NMosHkX02p6kDy1s/s1600/program-pascal.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
Struktur dari suatu program pascal terdiri dari sebuah judul program dan suatu blok program atau badan program. Blok program dibagi lagi menjadi dua bagian, yaitu : bagian deklarasi dan bagian pernyataan. Secara ringkas, struktur suatu program pascal dapat terdiri dari :</div>
<div style="text-align: justify;">
1. Judul program</div>
<div style="text-align: justify;">
2. Blok program</div>
<div style="text-align: justify;">
   a. Bagian deklarasi</div>
<div style="text-align: justify;">
       - deklarasi label</div>
<div style="text-align: justify;">
       - deklarasi konstanta</div>
<div style="text-align: justify;">
       - deklarasi tipe</div>
<div style="text-align: justify;">
       - deklarasi variable</div>
<div style="text-align: justify;">
       - deklarasi prosedur</div>
<div style="text-align: justify;">
       - deklarasi fungsi </div>
<div style="text-align: justify;">
   b. Bagian pernyataan</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Judul Program</b></div>
<div style="text-align: justify;">
Judul program ini digunakan untuk memberi nama program dan sifatnya optional. Jika ditulis harus terletak pada awal dari program dan diakhiri dengan titik koma (;).</div>
<div style="text-align: justify;">
Contoh penulisan judul program :</div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">    PROGRAM coba;</span></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">PROGRAM gaji(input,output); </span></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">PROGRAM latihan_1;</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Bagian Deklarasi</b></div>
<div style="text-align: justify;">
Bagian  ini  menjelaskan  secara  rinci  semua  data  yang  akan  digunakan  pada  suatu program. Dalam penulisannya tidak boleh sama dengan katakata cadangan (reserved words) dan selalu diakhiri dengan titik koma (;).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Deklarasi Label</b></div>
<div style="text-align: justify;">
Digunakan  jika  pada  penulisan  program  akan  menggunakan  statemen  GOTO (untuk meloncat ke suatu statemen tertentu).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Deklarasi Konstanta</b></div>
<div style="text-align: justify;">
Deklarasi ini digunakan untuk mengidentifikasikan data yang nilainya sudah ditentukan dan pasti, tidak dapat dirubah dalam program.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Deklarasi Tipe</b></div>
<div style="text-align: justify;">
Deklarasi ini digunakan untuk menyebutkan tipe setiap data yang akan digunakan pada program Pascal. Tipe data menentukan  jangkauan nilai yang mungkin dari data yang  digunakan.</div>
<div style="text-align: justify;">
Pascal menyediakan beberapa macam tipe data, yaitu :</div>
<div style="text-align: justify;">
1. Tipe data sederhana, terdiri dari :</div>
<div style="text-align: justify;">
    a. Tipe data standar : integer, real, char, string, boolean.</div>
<div style="text-align: justify;">
    b. Tipe data didefinisikan pemakai : enumerated atau scalar, subrange</div>
<div style="text-align: justify;">
2. Tipe data terstruktur : array, record, file, set.</div>
<div style="text-align: justify;">
3. Tipe data penunjuk</div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b>Deklarasi variabel</b></div>
<div style="text-align: justify;">
Deklarasi ini berisi data-data yang bisa berubah-ubah nilainya di dalam program. Deklarasi variabel harus diletakkan setelah deklarasi tipe (jika ada).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Unit</b></div>
<div style="text-align: justify;">
Suatu unit adalah kumpulan dari konstanta, tipe-tipe data, variable, prosedur dan fungsi-fungsi.  Tiap-tiap unit tampak seperti suatu program Pascal yang terpisah. Unit standar sudah merupakan kode mesin (sudah dikompilasi), bukan kode sumber Pascal lagi dan sudah diletakkan di  memori pada waktu menggunakan pascal. Untuk menggunakan suatu  unit,  harus  diletakkan  suatu  anak  kalimat  Uses  diawal  blok program, diikuti oleh daftar nama unit yang digunakan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Unit CRT</b></div>
<div style="text-align: justify;">
Digunakan untuk memanipulasi layar teks (windowing, peletakkan cursor dilayar, color untuk teks, kode extanded keyboard dan lainnya). Unit standar crt hanya dapat digunakan oleh program yang digunakan dikomputer IBM PC, IBM AT, IBM PS/2 atau yang kompatibel dengannya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bagian Pernyataan / Terproses</div>
<div style="text-align: justify;">
Bagian  yang  akan  diproses  dan  terdapat  dalam  suatu  blok  yang  diawali  dengan BEGIN  dan diakhiri  dengan  END,  setiap  statamen  yang  merupakan  instruksi  program diakhiri dengan tanda titik koma (;).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bentuk umumnya adalah sebagai berikut :</div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;">    BEGIN</span></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">.............. statemen;</span></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: Courier New, Courier, monospace;">.................. END.</span></div>
<div style="text-align: justify;">
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><b>Contoh program</b></span></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>Program Coba1; </div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>uses wincrt; </div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>Label satu;</div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>CONST a = 15;      { selalu menggunakan tanda = } </div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>TYPE nyata = real; { selalu menggunakan = }</div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>VAR  b : integer;</div>
<div style="text-align: justify;">
                    c :nyata;     { selalu menggunakan : }</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>Begin</div>
<div style="text-align: justify;">
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>b:=1;</div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>c:=a+b;</div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>writeln ('Hasil = ',c:3:2); </div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>writeln(c); WRITELN('Universitas');</div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>GOTO SATU; </div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>WRITELN('Negeri'); </div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span><span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>satu: WRITELN('Pontianak');</div>
<div>
<span style="font-family: 'Courier New', Courier, monospace;">   </span><span style="font-family: 'Courier New', Courier, monospace;"> </span>End.</div>
</div>
<div>
<br /></div>

Struktur Program Pascal

Struktur Program Pascal Struktur dari suatu program pascal terdiri dari sebuah judul program dan suatu blok program atau badan prog...

Bahasa Pemrogaman dan Algoritma

<div style="text-align: justify;">
<b><i>Bahasa (language)</i></b></div>
<div style="text-align: justify;">
Bahasa adalah suatu sistim untuk berkomunikasi. Bahasa tertulis menggunakan simbol (yaitu huruf) untuk membentuk kata. Dalam ilmu komputer,bahasa  manusia disebut bahasa alamiah (natural languages), dimana komputer tidak bisa memahaminya, sehingga diperlukan suatu bahasa komputer.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Bahasa pemrograman (programming language)</i></b></div>
<div style="text-align: justify;">
Komputer mengerjakan transformasi data berdasarkan kumpulan perintah - program - yang telah dibuat oleh pemrogram. Kumpulan perintah ini harus dimengerti oleh komputer, berstruktur  tertentu  (syntax)  dan bermakna.  Bahasa  pemrograman  merupakan  notasi  untuk memberikan  secara tepat program komputer. Berbeda dengan bahasa alamiah, mis. Bahasa Indonesia,  Inggris  dsb.  yang  merupakan  bahasa  alamiah  (natural  language),  sintaks  dan semantik bahasa pemrograman (komputer) ditentukan secara kaku, sehingga bahasa pemrograman juga disebut sebagai bahasa formal (formal language).</div>
<div style="text-align: justify;">
Generasi bahasa pemrograman:</div>
<div>
<ol>
<li style="text-align: justify;">Generasi I: machine language</li>
<li style="text-align: justify;">Generasi II: assembly language : Asssembler</li>
<li style="text-align: justify;">Generasi III: high-level programming language: C, PASCAL, dsb.</li>
<li style="text-align: justify;">Generasi IV: 4 GL (fourth-generation language): SQL</li>
</ol>
</div>
<div style="text-align: justify;">
<ol>
<li><b><i>Bahasa Tingkat Rendah (low-level language) : </i></b>Merupakan  bahasa assembly  atau bahasa mesin. Lebih dekat ke mesin (hardware), dimana high-level programming languages dekat pada bahasa manusia.</li>
<li><b><i>Bahasa Mesin (machine language) : </i></b>Bahasa mesin merupakan representasi tertulis machine code (kode mesin), yaitu kode operasi suatu mesin tertentu. Bahasa ini bersifat khusus untuk mesin tertentu dan "dimengerti" langsung oleh mesin, sehingga pelaksanaan proses sangat cepat.</li>
<li><b><i>Bahasa Assembly (assembly language) : </i></b>Bahasa  rakitan  (assembly  language)  merupakan  notasi  untuk  menyajikan  bahasa mesin yang lebih mudah dibaca dan dipahami oleh manusia. Bahasa ini sudah menggunakan simbol alpabet yang bermakna (mnemonic). Contoh “MOV AX 1111”, pindahkan ke register AX nilai 1111.</li>
<li><b><i>Bahasa Tingkat Tinggi (high-level language) : </i></b>Adalah  bahasa  pemrograman  yang dekat  dengan  bahasa  manusia,  kelebihan  utama dari  bahasa  ini  adalah  mudah  untuk  di  baca,  tulis,  maupun  diperbaharui,  sebelum  bisa dijalankan program harus terlebih dahulu di-compile. Contoh Ada, Algol, BASIC, COBOL, C, C++, FORTRAN, LISP, dan Pascal, dsb.</li>
</ol>
</div>
<div style="text-align: justify;">
Pada  generasi  bahasa  pemrograman   terakhir  sekarang  ini,  kedua  cara  interpretasi  dan kompilasi digabungkan dalam satu lingkungan pengembangan terpadu (IDE = integrated development environment).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Fourth-Generation Language (4GL)</i></b></div>
<div style="text-align: justify;">
Lebih   dekat  ke  bahasa   manusia   dibandingkan   dengan   high-level   programming languages. Biasanya dipakai untuk mengakses database. Contoh perintah pada bahasa SQL: FIND ALL RECORDS WHERE NAME IS "JOHN"</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Bahasa Pemrograman untuk tujuan tertentu</i></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<i>Tabel 1. Bahasa Pemrograman untuk tujuan tertentu</i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ_POYFGsYjGsfhyboC2anF59WC_Ie03-UcQFjLx2GWIImlok14rWSphWkD8r7Qm3cQg-IPadf6fou_BhzVAbPrAHyqb0IxOLQNk2tgcQLugNNfe2pt56InrnM13lH3sGaMGMQUR3bhaw/s1600/tb+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ_POYFGsYjGsfhyboC2anF59WC_Ie03-UcQFjLx2GWIImlok14rWSphWkD8r7Qm3cQg-IPadf6fou_BhzVAbPrAHyqb0IxOLQNk2tgcQLugNNfe2pt56InrnM13lH3sGaMGMQUR3bhaw/s1600/tb+1.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
<b>Compiler dan Intepreter</b></div>
<div style="text-align: justify;">
<b><i>Compiler </i></b>adalah suatu program yang menterjemahkan bahasa program (source code) ke dalam bahasa objek (object code). Compiler menggabungkan keseluruhan bahasa program dikumpulkan kemudian disusun kembali.</div>
<div style="text-align: justify;">
Compiler  memerlukan  waktu untuk membuat  suatu program yang dapat dieksekusi oleh komputer. Tetapi, program yang diproduksi oleh Compiler bisa berjalan lebih cepat dibandingkan dengan yang diproduksi oleh Interpreter , dan bersifat independen.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Interpreter </i></b>berbeda dengan Compiler, Interpreter menganalisis  dan mengeksekusi setiap  baris  dari program tanpa melihat program secara keseluruhan. Keuntungan dari Interpreter adalah dalam eksekusi yang bisa dilakukan dengan segera. Tanpa melalui tahap kompilasi, untuk alasan ini Interpreter  digunakan  pada saat pembuatan  program berskala</div>
<div style="text-align: justify;">
besar</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 10.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast;">Tabel<span style="letter-spacing: .9pt;"> </span>3.<span style="letter-spacing: .25pt;"> </span><span style="letter-spacing: .05pt;">P</span>e<span style="letter-spacing: .05pt;">r</span>bed<span style="letter-spacing: .05pt;">a</span>an<span style="letter-spacing: 1.5pt;"> </span><i>Co<span style="letter-spacing: .05pt;">m</span><span style="letter-spacing: -.05pt;">p</span>iler<span style="letter-spacing: 1.3pt;"> </span></i>dan<span style="letter-spacing: .55pt;"> </span><i>In<span style="letter-spacing: .05pt;">t</span>er<span style="letter-spacing: .05pt;">p</span><span style="letter-spacing: -.05pt;">r</span><span style="letter-spacing: .05pt;">e</span>ter</i></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNNaRFbUK1lWdqf4IaVXlZX5_AwAm62VZzZmEGsWrFQo_z9p8XwEoHeabkIvIAdn9aq42FV5zmImxpsMdzZkvXp96AGU0isWU6wikZxQhlBoCyk0N-NmHqKlgzmJGv1QKMVwUFtqEDnc/s1600/tb+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNNaRFbUK1lWdqf4IaVXlZX5_AwAm62VZzZmEGsWrFQo_z9p8XwEoHeabkIvIAdn9aq42FV5zmImxpsMdzZkvXp96AGU0isWU6wikZxQhlBoCyk0N-NmHqKlgzmJGv1QKMVwUFtqEDnc/s1600/tb+2.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Tipe Pemrograman</i></b></div>
<div style="text-align: justify;">
<ol>
<li><b><i>Pemrograman terstruktur</i></b> : Pemrograman  terstruktur  adalah  cara  pemrosesan  data  yang  terstuktur.  Terstruktur dalam: analisa, cara dan penulisan program.</li>
<li><b><i>Bahasa pemrograman prosedural – terstruktur</i></b> : Bahasa pemrograman prosedural adalah bahasa pemrograman yang mendukung pembuatan program sebagai kumpulan prosedur. Prosedur-prosedur ini dapat saling memanggil dan dipanggil dari manapun dalam  program dan dapat menggunakan parameter yang berbeda-beda  untuk setiap pemanggilan. Prosedur  adalah bagian dari program untuk melakukan operasi-operasi yang sudah ditentukan dengan menggunakan parameter  tertentu. Bahasa pemrograman terstruktur adalah pemrograman  yang mendukung abstraksi data, pengkodean terstruktur dan kontrol program terstruktur.</li>
</ol>
</div>
<blockquote class="tr_bq" style="text-align: justify;">
Kontrol program terstruktur:<br />
1. Runtun - urut (sequence)<br />
2. Pilihan (selection)<br />
3. Pengulangan (repetition - loop)</blockquote>

Bahasa Pemrogaman dan Algoritma

Bahasa (language) Bahasa adalah suatu sistim untuk berkomunikasi. Bahasa tertulis menggunakan simbol (yaitu huruf) untuk membentuk kata. ...

KONSEP DASAR PEMROGRAMAN

<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbn1qbwQL1TD9oQ9QukTq9FWkgTu3T2osygf0wLIrEOHmX9SgJiEpD3Szio2ZqL7knKm-k1rMUvco7a6BMe8L7E4Tm8eunvVH1JMfGzeZfrAcvFQmluXGrkxwEvuDM6yf5svahP0OdyMg/s1600/computer-programmer.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbn1qbwQL1TD9oQ9QukTq9FWkgTu3T2osygf0wLIrEOHmX9SgJiEpD3Szio2ZqL7knKm-k1rMUvco7a6BMe8L7E4Tm8eunvVH1JMfGzeZfrAcvFQmluXGrkxwEvuDM6yf5svahP0OdyMg/s1600/computer-programmer.jpg" width="200" /></a>Komputer adalah mesin yang dapat melaksanakan seperangkat perintah dasar (instruction set). Agar komputer dapat melakukan sesuatu hal, harus diberikan perintah yang dapat dilaksanakannya, yaitu dalam bentuk kumpulan perintah-perintah dasar. Program komputer adalah sekumpulan instruksi yang dikenal oleh komputer dan disusun menurut urutan yang logis untuk menyelesaikan suatu masalah.<br />
<br />
Bahasa pemrograman adalah bahasa yang dapat diterjemahkan menjadi kumpulan perintah-perintah dasar tersebut. Penerjemahan dilakukan oleh program komputer yang disebut kompilator. Sintaks dari bahasa pemrograman lebih mudah dipahami oleh manusia daripada sintaks perintah dasar. Namun tentu saja komputer hanya dapat melaksanakan perintah dasar itu. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Maka  di  sinilah  peran  penting kompilator  sebagai perantara antara bahasa pemrograman dengan perintah dasar. Kegiatan membuat program komputer dengan menggunakan bahasa pemrograman disebut   pemrograman   komputer.   Untuk   dapat   membuat   program komputer, harus dikuasai bahasa komputer. Berbagai bahasa komputer telah diciptakan untuk membantu manusia memprogram komputer. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berdasarkan tingkatannya dikenal beberapa tingkat bahasa pemrograman diantaranya:</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Bahasa Pemrograman  tingkat  dasar  seperti: Bahasa Mesin,  Bahasa Assembley.</li>
<li>Bahasa  Pemrograman  tingkat  tengah  seperti:  Bahasa  C,  Bahasa FORTH.</li>
<li>Bahasa  Pemrograman  tingkat tinggi seperti:    </li>
<li>Bahasa Pascal, FORTRAN, COBOL, dan lain-lain.</li>
</ol>
<div style="text-align: justify;">
Bahasa pemgrogram tingkat dasar, sebagai hirarki pertama, disebut juga bahasa generasi pertama, bahasa ini sangat tergantung pada jenis CPU yang dipakai oleh komputer itu. Bahasa ini sangat sulit dipelajari,  karena  sifatnya  yang  sangat  tergantung  pada  mesinnya  itu (machine dependent). Untuk menguasai bahasa ini, harus dipelajari dan dikuasai teknologi dan arsitektur komputer, matematika diskrit, elektronika, dan lain-lain. Bahasa ini masih menggunakan simbol-simbol yang bersifat mnemonic.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bahasa pemrograman tingkat tengah, sifatnya sudah lebih mudah daripada bahasa pemrograman tingkat dasar, perintah-perintahnya sudah lebih mudah dibaca sebab sudah menggunakan huruf-huruf.</div>
<div style="text-align: justify;">
Bahasa  pemrograman  tingkat  tinggi  adalah  bahasa  komputer yang sudah mirip dengan bahasa manusia. Perintah-perintahnya sudah dibuat dalam bahasa yang mudah dimengerti manusia, seperti PRINT, WRITE, IF, THEN, ELSE, dan lain-lain.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>1.2. Tahapan dalam Pemrograman</b></div>
<div style="text-align: justify;">
Langkah-langkah yang dilakukan dalam menyelesaikan masalah dalam pemrograman dengan komputer adalah:</div>
<div style="text-align: justify;">
</div>
<div>
<br /></div>
a.  Defenisikan Masalah<div>
     1.  Tentukan apa yang menjadi masala</div>
<div>
     2.  Tentukan data input yang diperlukan</div>
<div>
     3.  Tentukan output yang diinginkan<div style="text-align: justify;">
</div>
</div>
<div>
b.  Buat bagan dan struktur cara penyelesaian </div>
<div>
     1.  Bagan secara global</div>
<div>
     2.  Deskripsikan tugas masing-masing subprogram<div style="text-align: justify;">
</div>
</div>
<div>
c.  Pilih Metode Penyelesaian</div>
<div>
     1.  Pilih struktur data dan Algoritma terbaik<div style="text-align: justify;">
</div>
</div>
<div>
d.  Pengkodean</div>
<div>
     1.  Pilih bahasa pemrograman yang sesuai</div>
<div>
     2.  Menterjemahkan algoritma ke bahasa pemrograman<blockquote class="tr_bq">
<ol>
</ol>
</blockquote>
e.  Mencari Kesalahan<br />
     1.  Kesalahan sintaks (penulisan program)<br />
     2.  Kesalahan Pelaksanaan: Semantik, Logika, dan  ketelitian<br />
<blockquote class="tr_bq">
<ol>
</ol>
</blockquote>
f.  Uji dan Verifikasi Program</div>
<div>
g.  Dokumentasi Program</div>
<div>
h.  Pemiliharaan Program</div>
<div>
     1.  Memperbaiki kekurangan yang ditemukan kemudian </div>
<div>
     2.  Memodifikasi, karena perubahan spesifikasi<blockquote class="tr_bq">
<ol>
</ol>
</blockquote>
<br />
<div style="text-align: justify;">
<b><i>1.3. Diagram Alir</i></b></div>
<div style="text-align: justify;">
Konsep pemrograman dapat digambarkan juga dengan menggunakan diagram alir (flowchart). Diagram alir adalah simbol- simbol yang digunakan untuk menggambarkan sebuah pernyataan logika pemrograman serta aliran logika yang ditunjukkan dengan arah panah. Ada dua jenis diagram alir yaitu:</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Diagram alir sistem yaitu bagan dengan simbol-simbol tertentu yang menggambarkan urutan procedure dan proses suatu file dalam suatu media menjadi file di dalam media lain, dalam suatu system pengolahan data.</li>
<li>Diagram alir program yaitu bagan dengan simbol-simbol tertentu yang menggambarkan urutan proses dan hubungan antar proses secara mendetail di dalam suatu program.</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEr2vNaTVa96fAM2oohuRkQoBvW03sz4PkjacMFKJT3p1XtZC2GWJ_JGpotWUMdcU6zvHoCWAWmGoBtWlHAfbIqR-yFxsusUUkfx_u10Xxj8I-WaizUQKM0bPRMZmq92B9PT8xaYqZQQ8/s1600/flow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEr2vNaTVa96fAM2oohuRkQoBvW03sz4PkjacMFKJT3p1XtZC2GWJ_JGpotWUMdcU6zvHoCWAWmGoBtWlHAfbIqR-yFxsusUUkfx_u10Xxj8I-WaizUQKM0bPRMZmq92B9PT8xaYqZQQ8/s1600/flow.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut merupakan beberapa contoh simbol yang disepakati oleh dunia pemrograman:<br />
<br /></div>
<div style="text-align: justify;">
Untuk  memahami  lebih  dalam mengenai  diagram alir  ini,  berikut  ini diberikan beberapa buah kasus sederhana.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Kasus 1: </i></b>Buatlah sebuah rancangan program dengan menggunakan diagram alir, mencari luas persegi panjang.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Solusi 1: </i></b>Perumusan untuk mencari luas persegi panjang adalah:</div>
<div style="text-align: justify;">
              L = p. l</div>
<div style="text-align: justify;">
              dimana, L adalah Luas persegi panjang, p adalah panjang persegi dan l adalah lebar persegi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: center;">
Flowchart 1</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtnWHKyaxPoI1tHzpWepWhL_nsfTe15TZUj5qXyfSIBpRUUweeDzdk_Vkhntusj9LYGGqZLzZYXqrPcsd4IiZd75XThpVR0_ukWzNZJygvf7rqIkHSVj50O2Zy-0r78WkqZQ8V9etjb1A/s1600/flow+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtnWHKyaxPoI1tHzpWepWhL_nsfTe15TZUj5qXyfSIBpRUUweeDzdk_Vkhntusj9LYGGqZLzZYXqrPcsd4IiZd75XThpVR0_ukWzNZJygvf7rqIkHSVj50O2Zy-0r78WkqZQ8V9etjb1A/s1600/flow+2.png" width="163" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Keterangan 1:</i></b></div>
<div style="text-align: justify;">
</div>
<ol>
<li>Simbol pertama menunjukkan dimulainya sebuah program.</li>
<li>Simbol kedua menunjukkan bahwa input data dari p dan l.</li>
<li>Data   dari   p   dan  l   akan   diproses   pada   simbol   ketiga   dengan menggunakan perumusan L= l. p</li>
<li>Simbol keempat menunjukkan hasil output dari proses dari simbol ketiga.</li>
<li>Simbol kelima atau terakhir menujukkan berakhirnya program dengan tanda End.</li>
</ol>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kasus 2:</div>
<div style="text-align: justify;">
Mencari akar-akar persamaan kuadrat f(x) =ax2+bx+c=0</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Solusi 2:</div>
<div style="text-align: justify;">
Telaah   masalah   terlebih   dahulu,   yaitu   perumusan   nilai   akar-akar persamaan kuadrat tersebut:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Misalkan</div>
<div style="text-align: justify;">
D=b2-4ac, selanjutnya</div>
<div style="text-align: justify;">
jika untuk nilai D >= 0, solusinya adalah</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Selain  nilai  D>=0  adalah  D<0.  Karena  hasil  akar  dari  D<0  bernilai imaginer, maka solusi akar persamaan tersebut tidak ada.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Flowchart 2:</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUYx5XruI8Xrzi9v03_gQa_3XHouzM9-Vt5kE8fyI9IUeKGmt-XQboPBD3ASuGvcNVIl6g033_Bv-cV3FzTu2vlJG6A8XHy5GZdXG2h04jCCoJEn7zKcrBgKzB38H6KNmQLV_r-rBpMQ/s1600/flow+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUYx5XruI8Xrzi9v03_gQa_3XHouzM9-Vt5kE8fyI9IUeKGmt-XQboPBD3ASuGvcNVIl6g033_Bv-cV3FzTu2vlJG6A8XHy5GZdXG2h04jCCoJEn7zKcrBgKzB38H6KNmQLV_r-rBpMQ/s1600/flow+3.png" width="396" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Keterangan 2:</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Simbol 1 menunjukkan dimulainya sebuah program.</li>
<li>Simbol 2 menunjukkan input data dari a, b dan c.</li>
<li>Simbol 3 menunjukkan suatu keputusan yang akan dipilih, yaitu jika nilai a memenuhi kriteria a > 0, maka akan melanjutkan ke proses selanjutnya. Jika tidak, maka akan kembali ke simbol 2</li>
<li>Data dari a, b dan c akan diproses pada simbol keempat dengan menggunakan perumusan D=b2-4ac</li>
<li><span style="text-align: justify;">Simbol 5 menunjukkan suatu keputusan yang akan dipilih, jika hasil output dari proses dari simbol 4, yaitu D >=0, maka akan melanjutkan ke proses di simbol 6y dan 7, jika tidak memenuhi, maka akan melanjutkan ke simbol 6t.</span></li>
<li><span style="text-align: justify;">Simbol 6y dan 7 adalah proses perhitungan x1 dan x2.</span></li>
<li><span style="text-align: justify;">Simbol 8 adalah nilai output dari proses 6y dan 7</span></li>
<li><span style="text-align: justify;">Simbol   6t   menunjukkan   output   yang   berupa   text   “Akar </span><span style="text-align: justify;">Imaginer”.</span></li>
<li><span style="text-align: justify;">Simbol 9 atau terakhir menujukkan berakhirnya program dengan tanda End.</span></li>
</ol>
<div style="text-align: justify;">
Dari dua contoh kasus di atas, jelaslah bahwa diagram alir (flowchart) dapat menunjukkan logika proses berjalannya suatu program. Konsep   runtunan,   pemilihan   dan   perulangan   perlu   dipelajari   dan dipahami terlebih dahulu sebelum melangkah ke proses pemahaman pemrograman lebih lanjut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>1.4. Syarat Program yang Baik</b></div>
<div style="text-align: justify;">
Program yang baik haruslah memenuhi beberapa kriteria, antara lain:</div>
<div style="text-align: justify;">
1.   Program haruslah sesuai dengan tujuan dan memenuhi spesifikasi yang telah ditentukan.</div>
<div style="text-align: justify;">
2.   Fleksibel</div>
<div style="text-align: justify;">
3.   Tidak mengandung kesalahan</div>
<div style="text-align: justify;">
4.   Didokumentasi secara baik</div>
<div style="text-align: justify;">
5.   Cepat dalam waktu penggunaannya</div>
<div style="text-align: justify;">
6.   Efesien dalam penggunaan memori komputer</div>
<div style="text-align: justify;">
<br /></div>
</div>

KONSEP DASAR PEMROGRAMAN

Komputer adalah mesin yang dapat melaksanakan seperangkat perintah dasar (instruction set). Agar komputer dapat melakukan sesuatu hal, haru...

Belajar Dasar-Dasar Bahasa Pemograman Komputer

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj084qpoKmV-2POw-pXnOgn7rZYxsKVLAfkl_087UY8707frXFvIGbH4OZfcRSXxSJE4p5T1fO5FM7daDtvYOP1PzIl6Erq14LOgceqrJm81EUQ1V1NcitcKROp4F11qt9TtOw72Q1wu74/s1600/programmer.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj084qpoKmV-2POw-pXnOgn7rZYxsKVLAfkl_087UY8707frXFvIGbH4OZfcRSXxSJE4p5T1fO5FM7daDtvYOP1PzIl6Erq14LOgceqrJm81EUQ1V1NcitcKROp4F11qt9TtOw72Q1wu74/s1600/programmer.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Pada postingan yang lalu all.catatan.blogspot.com sebelumnya sudah membahas sejarah bahasa pemograman komputer. Nah pada kesempatan kali ini allcatatan.blogspot.com akan mebahas tentang belajar dasar - dasar bahasa pemograman komputer. Tulisan senada mungkin sudah pernah di tulis di media-media, bahkan mungkin sudah ada buku bagaimana tips mempelajari sebuah bahasa pemrograman komputer, baik itu aplikasi desktop maupun aplikasi berbasis web. Tetapi saya mungkin memiliki cara pandang lain, bagaimana belajar pemrograman komputer secara mudah dan menyenangkan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebelum seseorang terjun ke dalam bidang pemrograman, ada beberapa syarat yang harus di penuhi, biar belajar pemrograman ini tidak menjemukan, diantaranya adalah :</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Hobi atau senang dengan utak-atik, hal ini mutlak di perlukan, karena kesenanganlah yang membuat programming menjadi menarik dan tidak menakutkan, serta tidak menjemukan.</li>
<li>High curiousity, yakni rasa penasaran yang tinggi. Yakni bagaimana memecahkan sebuah masalah pemrograman sampai ketemu dan selesai masalahnya, bahkan mungkin tidak bisa tidur, bagaimana menyelesaikan masalah itu.</li>
<li>Mau belajar. Jadi seorang programmer jangan mudah puas, harus terus mengasah skill dan kemampuan biar bisa bersaing dengan yang lainnya.</li>
<li>Bisa bahasa inggris minimal pasif, mengingat semua manual pemrograman saat ini kebanyakan masih berbahasa inggris. Tapi dengan adanya Google Translator, mungkin masalah ini sebentar lagi teratasi.</li>
<li>Keempat syarat di atas mungkin bukanlah syarat mutlak, tetapi minimal harus dimiliki oleh seorang programmer.</li>
</ol>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Adapun langkah-langkah belajar bahasa pemrograman adalah sebagai berikut :</i></b></div>
<div style="text-align: justify;">
</div>
<ol>
<li>Menentukan bahasa pemrograman yang cocok. Bahasa pemrograman yang mudah di pelajari belum tentu cocok dengan karakter kita, karena bahasa pemrograman yang bagus itu tidak hanya mudah di pelajari, tetapi menyediakan fitur-fitur yang cukup lengkap untuk membuat suatu aplikasi yang kita inginkan. Bila orientasi kita adalah bidang pekerjaan yang nanti kita tekuni, maka carilah bahasa pemrograman yang paling banyak di pakai di dunia, seperti Java, PHP, C++, ASP dan lain-lain. Bahasa pemrograman tersebut mendukung konsep OOP baik secara parsial seperti PHP dan ASP, maupun full OOP seperti Java.</li>
<li>Menentukan tools development yang cocok. Karena kita masih terkendala dengan masalah lisensi yang tidak murah, maka carilah peralatan development yang open source atau gratis, seperti PHPEdit, PSPad Edit, EditPlus dan lain-lain. Untuk Java, ada tool gratis yang bernama Netbeans.</li>
<li>Belajar mengetik sepuluh jari. Ini mungkin kurang di sukai oleh sebagian orang, tapi sangat penting bagi seorang programmer, bagaimana dia berbuat dengan jari-jarinya, maka kemampuan menguasai papan keyboard menjadi syarat mutlak. Ada banyak software typing tutor gratis yang bisa di unduh di internet diantaranya adalah TypeFaster ,RapidTyping Tutor, FastType dan lainnya. Bila Anda sudah memiliki kecepatan ngetik 200cpm (karakter per menit) itu sudah cukup, berarti anda siap untuk menjadi programmer handal.</li>
<li>Mencari buku yang tepat, mengapa saya katakan “mencari buku yang tepat?” Karena tidak semua buku petunjuk pemrograman bagus untuk di beli dan di pelajari. Kebanyakan adalah berisi tutorial semata, kurang bobot, karena pemrograman sesungguhnya bukan hanyak memanfaatkan tool, tapi lebih dari itu, konsep pemrograman yang benar harus di kuasai.</li>
<li>Mencari mentor yang tepat. Mengapa mencari mentor. Seorang mentor atau instruktur tidak melulu kita dapatkan ketika kita mendaftar ke lembaga kursus tertentu. Mentor lebih dari sekedar guru, karena dia bisa kita tanya kapan saja bila kita menemui kesulitan. Sekali lagi, kita tidak perlu kursus untuk mendapatkan mentor ini, tetapi bila anda kemudian ikut kursus, itu lebih baik lagi. Mentor bisa berasal pula dari kalangan profesional yang aktif di millist-milist pemrograman. maka jangan malas untuk ikutan milist, biar pengetahuan anda bertambah.</li>
<li>Mencari waktu yang tepat. Membuat program adalah bekerja dengan otak kita, maka otak kita butuh ketenangan saat bekerja. Dalam kondisi emosi, otak tidak akan bekerja dengan baik, maka menentukan waktu yang tepat untuk belajar pemrograman juga di perlukan.</li>
<li>Carilah proyek kecil. Untuk mengasah kemampuan anda dalam membuat program, diperlukan latihan yang intens. Mencari proyek kecil-kecilan, seperti menyelesaikan tugas teman kuliah dan sebagainya bisa menjadi solusi tepat dan sekaligus bisa mendatangkan uang.</li>
</ol>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bila anda menjalankan ke tujuh langkah belajar pemrograman di atas, saya yakin kurang dari setahun anda akan menjadi seorang programmer yang handal, apalagi bila anda sering mendapatkan proyek-proyek aplikasi, dari rekan maupun dari orang lain yang membutuhkan jasa pemrograman atau pengolahan informasi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga bermanfaat.</div>

Belajar Dasar-Dasar Bahasa Pemograman Komputer

Pada postingan yang lalu all.catatan.blogspot.com sebelumnya sudah membahas sejarah bahasa pemograman komputer. Nah pada kesempatan kali ...

Pengertian Bahasa Pemrograman Komputer

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-U9ItBtUkjCyU8XoVqkDDFZj_wM9Rnjcm8s5s2lOPgYdj21iQ6m2QQgZs-DVv52N35ysRlUeg_z7ODe1mrQykyDKvrkqU15nll6hRpmcT3FIugPEYcFMLkxtIjpicJCL0OHaF3tsQAoU/s1600/programming-language.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-U9ItBtUkjCyU8XoVqkDDFZj_wM9Rnjcm8s5s2lOPgYdj21iQ6m2QQgZs-DVv52N35ysRlUeg_z7ODe1mrQykyDKvrkqU15nll6hRpmcT3FIugPEYcFMLkxtIjpicJCL0OHaF3tsQAoU/s1600/programming-language.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Bahasa pemrograman (programming language) adalah sebuah instruksi standar untuk memerintah komputer agar mempunyai fungsi tertentu. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><i>Fungsi Bahasa Pemrograman</i></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Fungsi bahasa pemrograman yaitu memerintah komputer untuk mengolah data sesuai dengan alur berpikir yang kita inginkan. Keluaran dari bahasa pemrograman tersebut berupa program/aplikasi. Contohnya adalah program yang digunakan oleh kasir di mal-mal atau swalayan, penggunaan lampu lalu lintas di jalan raya, dll.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bahasa Pemrograman yang kita kenal ada banyak sekali di belahan dunia, tentang ilmu komputer dan teknologi dewasa ini. Perkembangannya mengikuti tingginya inovasi yang dilakukan dalam dunia teknologi. Contoh bahasa pemrograman yang kita kenal antara lain adalah untuk membuat aplikasi game, antivirus, web, dan teknologi lainnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bahasa pemrograman komputer yang kita kenal antara lain adalah Java, Visual Basic, C++, C, Cobol, PHP, .Net, dan ratusan bahasa lainnya. Namun tentu saja kebutuhan bahasa ini harus disesuaikan dengan fungsi dan perangkat yang menggunakannya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Namun,secara umum bahasa pemrograman terbagi menjadi 4 kelompok, yaitu :</div>
<div style="text-align: justify;">
</div>
<ol>
<li>Object Oriented Language (Visual dBase, Visual FoxPro, Delphi, Visual C)</li>
<li>High Level Language (seperti Pascal dan Basic)</li>
<li>Middle Level Language (seperti bahasa C), dan</li>
<li>Low Level Language (seperti bahasa Assembly)</li>
</ol>
<br />
<div style="text-align: justify;">
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>

Pengertian Bahasa Pemrograman Komputer

Bahasa pemrograman (programming language) adalah sebuah instruksi standar untuk memerintah komputer agar mempunyai fungsi tertentu. Bahas...

Cara Memasang Widget Jam di Blog

Struktur Program Pascal

Bahasa Pemrogaman dan Algoritma

KONSEP DASAR PEMROGRAMAN

Belajar Dasar-Dasar Bahasa Pemograman Komputer

Pengertian Bahasa Pemrograman Komputer

ARSIP BLOG

POPULER

KATEGORI ARTIKEL