<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4610191278276757671</id><updated>2024-12-18T19:27:31.975-08:00</updated><category term="Pemrograman Web"/><category term="Jurusan RPL"/><category term="Bootstrap"/><category term="Jaringan Dasar"/><category term="Pemrograman Dasar"/><category term="Perakitan Komputer"/><category term="Simulasi DIgital"/><category term="Sistem Operasi"/><title type='text'>Smart IT</title><subtitle type='html'>Smart With Programing</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-5854047659230691388</id><published>2018-03-02T18:25:00.001-08:00</published><updated>2018-09-07T20:44:21.102-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Bootstrap"/><category scheme="http://www.blogger.com/atom/ns#" term="Pemrograman Web"/><title type='text'>Cara Membuat Tampilan Online Shop dengan Bootstrap</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGN05m6Lm0hbJpCH7F_trBT5gXz5nffhV8OafRmAIsKIySQ4zOEZzrWwyk8gXLkALLIB54D96kWh_OQrwYWqVNd67AP8MB9-e8q6rDD4WEfmvVh7IKYXs6hVRlIht01K7EkcSdanq3mep/s1600/onlineshop.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;350&quot; data-original-width=&quot;650&quot; height=&quot;172&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGN05m6Lm0hbJpCH7F_trBT5gXz5nffhV8OafRmAIsKIySQ4zOEZzrWwyk8gXLkALLIB54D96kWh_OQrwYWqVNd67AP8MB9-e8q6rDD4WEfmvVh7IKYXs6hVRlIht01K7EkcSdanq3mep/s320/onlineshop.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Ok Sobat, disini saya akan membagi tutorial membuat tampilan web untuk online shop dengan Bootstrap.&amp;nbsp;&lt;span style=&quot;text-align: left;&quot;&gt;anda belum tahu apa itu bootstrap ?&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: left;&quot;&gt;Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;jadi anda tinggal panggil panggil saja fungsi css nya yang sudah dijadikan framework sama bootstrap.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;text-align: left;&quot;&gt;Bootstrap ini untuk mempermudah kita dalam membuat tampilan web kekinian yaitu Resvonsive.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;span style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
Ok langsung saja yang harus kita persiapkan :&lt;br /&gt;
&lt;br /&gt;
1. Download dulu Bootstrap nya &lt;a href=&quot;https://drive.google.com/file/d/1ZhQutC3n-t0lahDPXyOHZiDRvXzhlb-T/view?usp=sharing&quot;&gt;Download&lt;/a&gt;&lt;br /&gt;
2. Anda buat folder online shop nya, dengan nama Onlineshop. silahkan simpan dimana saja.&lt;br /&gt;
3. setelah itu, anda masukan file bootstrap yang telah didownload tadi ke dalam folder Onlineshop&lt;br /&gt;
4. didalam Folder Onlineshop anda buat folder baru dengan nama foto_produk&lt;br /&gt;
5. Masih didalam folder Onlineshop silahkan anda buat Coding nya dengan teks editor nya.&lt;br /&gt;
Copykan kode di bawah ini . Lalu simpan dengan nama file &lt;b&gt;index.html&lt;/b&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush:php&quot; style=&quot;-webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px;&quot;&gt;&lt;/pre&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;pre data-codetype=&quot;HTMLku&quot; title=&quot;HTML&quot;&gt;&lt;code class=&quot;language-markup&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
 &amp;lt;title&amp;gt;Toko Online&amp;lt;/title&amp;gt;
 &amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;bootstrap.css&quot;&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;

 &amp;lt;!-- Navbar --&amp;gt;
 &amp;lt;nav class=&quot;navbar navbar-default&quot;&amp;gt;
  &amp;lt;div class=&quot;container&quot;&amp;gt;
   &amp;lt;ul class=&quot;nav navbar-nav&quot;&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Keranjang&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Login&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Chekout&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;/ul&amp;gt;
   &amp;lt;form class=&quot;form-inline my-2 my-lg-0&quot; style=&quot;float: right; padding: 10px;&quot;&amp;gt;
        &amp;lt;input class=&quot;form-control mr-sm-2&quot; type=&quot;search&quot; placeholder=&quot;Search&quot; aria-label=&quot;Search&quot;&amp;gt;
        &amp;lt;button class=&quot;btn btn-primary my-2 my-sm-0&quot; type=&quot;submit&quot;&amp;gt;Search&amp;lt;/button&amp;gt;
      &amp;lt;/form&amp;gt;
  &amp;lt;/div&amp;gt;
 &amp;lt;/nav&amp;gt;

 &amp;lt;!-- Konten --&amp;gt;
 &amp;lt;section class=&quot;konten&quot;&amp;gt;
  &amp;lt;div class=&quot;container&quot;&amp;gt;
   &amp;lt;h1&amp;gt;Produk Terbaru&amp;lt;/h1&amp;gt;
   &amp;lt;div class=&quot;row&quot;&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/dell.jpg&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Dell Gamer&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 1,500,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/asus.jpg&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Asus X451C&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. Rp. 2,000,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/acer.png&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Acer A541Z&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 2,500,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/samsung.jpg&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Samsung&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 3,000,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
   &amp;lt;/div&amp;gt;
   &amp;lt;div class=&quot;row&quot;&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/axio.png&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Axio&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 2,300,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/aspire.jpg&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Aspire xix&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. Rp. 2,000,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/apple.jpeg&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Apple&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 5,000,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
    &amp;lt;div class=&quot;col-md-3&quot;&amp;gt;
     &amp;lt;div class=&quot;thumbnail&quot;&amp;gt;
      &amp;lt;img src=&quot;foto_produk/macintosh.png&quot;&amp;gt;
      &amp;lt;div class=&quot;caption&quot;&amp;gt;
       &amp;lt;h3&amp;gt;Laptop Macintosh&amp;lt;/h3&amp;gt;
       &amp;lt;h5&amp;gt;Rp. 4,000,000&amp;lt;/h5&amp;gt;
       &amp;lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&amp;gt;Beli&amp;lt;/a&amp;gt;
      &amp;lt;/div&amp;gt;
     &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
   &amp;lt;/div&amp;gt;
 &amp;lt;/section&amp;gt; 
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
Untuk Gambar, silahkan masukan dulu gambar nya ke folder &lt;b&gt;foto_produk, &lt;/b&gt;setelah itu ganti kode berikut, dan sesuaikan dengan nama gambar yang ada di folder&amp;nbsp;&lt;b&gt;foto_produk.&lt;/b&gt;&lt;br /&gt;
&lt;pre data-codetype=&quot;HTMLku&quot; title=&quot;HTML&quot;&gt;&lt;code class=&quot;language-markup&quot;&gt;
&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;img src=&quot;foto_produk/dell.jpg&quot;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;Setelah itu Selesai. silahkan buka index.html nya lewat browser anda.&lt;br /&gt;
&lt;br /&gt;
Dan hasilnya seperti ini *SS:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjItNqpJ6D9hP7-7NmYB5hN6iBHU-RufcnyNcvR-jiUqhCUA4MXcM5VjmUrXIURSSsk7Fnp79Cctc-ifJ8Z00M1WTh4LrPDObWiH54a9qtvYhGZC0zVPOpmG0SNyFP2hHkVAUAPU6mlL68x/s1600/Toko+Online.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;814&quot; data-original-width=&quot;1349&quot; height=&quot;385&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjItNqpJ6D9hP7-7NmYB5hN6iBHU-RufcnyNcvR-jiUqhCUA4MXcM5VjmUrXIURSSsk7Fnp79Cctc-ifJ8Z00M1WTh4LrPDObWiH54a9qtvYhGZC0zVPOpmG0SNyFP2hHkVAUAPU6mlL68x/s640/Toko+Online.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://generasibaper.blogspot.com/&quot;&gt;Lihat Blog Generasi Baper&lt;/a&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/5854047659230691388/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2018/03/cara-membuat-tampilan-online-shop.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/5854047659230691388'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/5854047659230691388'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2018/03/cara-membuat-tampilan-online-shop.html' title='Cara Membuat Tampilan Online Shop dengan Bootstrap'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGN05m6Lm0hbJpCH7F_trBT5gXz5nffhV8OafRmAIsKIySQ4zOEZzrWwyk8gXLkALLIB54D96kWh_OQrwYWqVNd67AP8MB9-e8q6rDD4WEfmvVh7IKYXs6hVRlIht01K7EkcSdanq3mep/s72-c/onlineshop.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-6799627803307954962</id><published>2017-10-13T08:43:00.000-07:00</published><updated>2017-10-13T08:43:16.501-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pemrograman Web"/><title type='text'>Alur dan Perangkat Pengembangan Aplikasi Web</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmc4WUgTJBUiQpPnDhIz-KwvpOg5j20oVjHxd6D2ZkmJzXkqlN7uUUc6p3xh7i3tkgnBSTbcrKQxdoRnxd3HbYsGj5UCQBBZhEFbCPjJ2sVCAxZhkUQyCfwcwidLX_WOLd6LZU_IRe0ss/s200/Untitled.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;163&quot; data-original-width=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmc4WUgTJBUiQpPnDhIz-KwvpOg5j20oVjHxd6D2ZkmJzXkqlN7uUUc6p3xh7i3tkgnBSTbcrKQxdoRnxd3HbYsGj5UCQBBZhEFbCPjJ2sVCAxZhkUQyCfwcwidLX_WOLd6LZU_IRe0ss/s200/Untitled.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ok sobat, dipostingan pelajaran pemrograman web sebelumnya kita telah membahas sejarah web dan cara kerjanya, mengenal apa saja profesi pengembangan aplikasi web. sekarang kita akan membahas Alur dan Perangkat Pengembangan Aplikasi Web. Bagaimana Alur Pengembangan Aplikasi Web ?&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Berdasarkan persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam bidang rekayasa perangkat lunak (software engineering professional), Pengembangan Aplikasi Web tidaklah sama dengan rekayasa perangkat lunak walaupun keduanya melibatkan pemrograman dan pengembangan perangkat lunak.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Walaupun banyak mengadopsi prinsip-prinsip rekayasa perangkat lunak, Pengembangan Aplikasi Web memiliki banyak pendekatan, metoda, alat bantu, teknik dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan Aplikasi Web adalah gabungan dari print publishing dan pengambangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi. Alternatif model dari Pengembangan Aplikasi Web adalah sebagai berikut :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Formulasi (formulation)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web serta menentukan batasannya sistem.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Tujuan yang ingin dicapai bisa dibedakan menjadi dua kategori, yaitu :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Tujuan yang bersifat informatif&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Menyediakan suatu informasi tertentu kepada pengguna, berupa teks, grafik, audio, dan video.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Tujuan yang bersifat fungsional&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kemampuan untuk melakukan suatu fungsi yang dibutuhkan pengguna, misal dengan menggunakan aplikasi tersebut seorang guru dapat memperoleh nilai akhir dan statistik nilai guru dari data-data ujian, tugas, kuis yang ia input ke dalam aplikasi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Perencanaan (planning)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kegiatan yang digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang, estimasi waktu pengembangan, evaluasi resiko pengembangan proyek, dan mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Analisis (analysis)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kegiatan untuk menentukan persyaratan-persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web. Analisis yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Analisis isi informasi&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi dapat berupa teks, grafik, audio, maupun video.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Analisis interaksi&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Analisis yang menunjukkan hubungan antara web dengan pengguna.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Analisis fungsional&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
4. Analisis konfigurasi&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet. Selain itu, analisis ini juga meliputi relasi database dengan web jika diperlukan.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Rekayasa (engineering)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu desain isi informasi dan desain arsitektur web.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada saat tahap desain, ada beberapa hal yang perlu dilakukan :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Pembuatan Diagram Wireframe (Gambar Rangka), tujuan dari diagram gambar rangka adalah untuk menunjukkan bagaimana lay out halaman web dan menunjukkan di mana fungsi dan konten seperti navigasi, kotak pencarian, elemen bentuk dan sebagainya, tanpa desain grafis. Berikut ini contohnya :&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnrVHcTJIFnaeHGdOEY6xI5LlsJBHnvsszCB-Vr-tItxWOWNOkWF_XlTr-ET6N8Ysdhs42UHAlWLdGUqgLyq5m4YMXRw9S30c1kfMe3-DPP1xjx1_ssiY9iYLzE1Nzi2Cn-cKb6FWI7MX/s1600/1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;501&quot; data-original-width=&quot;649&quot; height=&quot;247&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnrVHcTJIFnaeHGdOEY6xI5LlsJBHnvsszCB-Vr-tItxWOWNOkWF_XlTr-ET6N8Ysdhs42UHAlWLdGUqgLyq5m4YMXRw9S30c1kfMe3-DPP1xjx1_ssiY9iYLzE1Nzi2Cn-cKb6FWI7MX/s320/1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Diagram Situs, Sebuah diagram situs menunjukkan struktur situs secara keseluruhan dan bagaimana halaman individual berhubungan satu sama lain. Gambar 2.2 menunjukkan diagram situs yang sangat sederhana&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSubh_vlXRG_OVCQisQWJvqKwANPVpvVy_T-Vk7-2MYA-mIRk5xblbZWg5IHJSO1oScgUi8eS4IHcY1QJPmKVoIQ_PelFRYvc5XTLAHDf-qW4CUE994Qa07cnME1eTdrvw_n2RW17E-Xup/s1600/2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;463&quot; data-original-width=&quot;661&quot; height=&quot;224&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSubh_vlXRG_OVCQisQWJvqKwANPVpvVy_T-Vk7-2MYA-mIRk5xblbZWg5IHJSO1oScgUi8eS4IHcY1QJPmKVoIQ_PelFRYvc5XTLAHDf-qW4CUE994Qa07cnME1eTdrvw_n2RW17E-Xup/s320/2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Storyboard dan diagram alir pengguna, Storyboard ini bertujuan untuk menunjukkan langkah-langkah yang diperlukan untuk menyelesaikan tugas-tugas, opsi yang mungkin, dan juga memperkenalkan beberapa standar jenis halaman. Gambar 1-3 menunjukkan storyboard sederhana&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkUYQytAEcxZc8H1t80aN12UTALT58KtzHi1A0i2wGZzja7kkN3MU1WQSKO65aOVvKLazTLsOzUf1iwo55eu3BorPfgvUygjZWzxpUM76e_WavbUWUHmX1Q7mTAUYKhUpZjZL2lfopmLc/s1600/3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;393&quot; data-original-width=&quot;635&quot; height=&quot;198&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkUYQytAEcxZc8H1t80aN12UTALT58KtzHi1A0i2wGZzja7kkN3MU1WQSKO65aOVvKLazTLsOzUf1iwo55eu3BorPfgvUygjZWzxpUM76e_WavbUWUHmX1Q7mTAUYKhUpZjZL2lfopmLc/s320/3.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Implementasi (page generation) &amp;amp; pengujian (testing)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Suatu kegiatan pengembangan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dalam tahap pengembangan ini, meliputi kegiatan:&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Authoring&lt;/b&gt;, &amp;nbsp;adalah istilah yang digunakan untuk proses mempersiapkan konten untuk nantinya diunggah di Web, atau lebih khusus, menandai konten dengan tag HTML yang menggambarkan isi dan fungsinya.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Styling&lt;/b&gt;, dalam development web, penampilan halaman dalam browser dikendalikan oleh aturan style yang ditulis dalam CSS ( Cascading Style Sheets )&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Scripting dan pemrograman&lt;/b&gt;, ada bahasa pemrograman web terkait diantaranya PHP, Ruby, Python, dan ASP.NET, yang berjalan pada server dan mengolah data dan informasi sebelum dikirim ke browser pengguna.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
Ada beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu :&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
1. Pengujian fungsional dan operasional (fungsional and operational testing)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
Bertujuan untuk menguji masukan dan keluaran dari aplikasi ini. Hasil keluaran aplikasi bergantung dari teknologi yang digunakan, baik itu bahasa pemrograman maupun bahasa skrip yang digunakan. Untuk menguji code HTML dan CSS yang digunakan dapat menggunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
2. Pengujian navigasi (navigation testing)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
Hal ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada di aplikasi. Navigasi berhubungan dengan link-link yang terdapat didalam aplikasi.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
Untuk menguji link dapat digunakan alat bantu W3C Link Checker Service di http://validator.w3.org/checklink&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
3. Pengujian konfigurasi (configuration testing)&lt;/div&gt;
&lt;div&gt;
Pengujian ini dilakukan pada sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
4. Pengujian keamanan dan performansi (security and performance testing) Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspek-aspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan dan kelakuan sistem. Pengujian performansi dapat dilakukan bersamaan dengan pengujian keamanan aplikasi, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Evaluasi oleh konsumen (customer evaluation)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Suatu kegiatan akhir dari siklus proses rekayasa web, akan menentukan apakah web yang telah selesai dibuat tersebut sesuai dengan yang mereka inginkan. Apabila aplikasi berbasis web ini belum sesuai dengan kehendak mereka, maka proses rekayasa web akan terus dilakukan dan dimulai lagi dari tahap formulasi untuk versi berikutnya.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;b&gt;Perangkat pengembangan aplikasi web &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Untuk perangkat pengembangan aplikasi web dapat dikelompokan menjadi perangkat keras dan perangkat lunak. &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Perangkat Keras&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya disediakan:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Komputer Utama&lt;/b&gt;, dengan operating system Macintosh, Windows, ataupun Linux. Perusahaan pengembangan web profesional cenderung berbasis Macintosh.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Memori tambahan&lt;/b&gt;. sebaiknya computer memiliki memori yang besar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Sebuah monitor besar&lt;/b&gt;. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak jendela dan panel kontrol dapat terbuka pada waktu yang sama.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Sebuah scanner dan / atau kamera digital&lt;/b&gt;. Jika mengantisipasi membuat gambar dan tekstur sendiri, akan memerlukan beberapa alat untuk membuat gambar. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Sebuah komputer kedua&lt;/b&gt;. Banyak web designer merasa berguna memiliki komputer penguji yang menjalankan platform yang berbeda dari komputer utama yang mereka gunakan untuk pengembangan. Karena browser kerja yang berbeda pada Mac dan pada mesin Windows, itu penting untuk menguji halaman web dalam sebanyak mungkin system operasi berbeda.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Perangkat mobile/smartphone&lt;/b&gt;. Saat ini banyak orang mengakses web melalui smartphone/tablet, sehingga kita perlu menguji penampilan dan kinerja situs web yang kita buat pada mobile browser pada smartphone atau perangkat tablet. Namun saat ini banyak web emulator yang dapat digunakan sebagai penguji web kita&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Perangkat Lunak&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Web page authoring&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi ini biasanya ketika membuat tampilannya seperti yang akan dihasilkan.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Beberapa contoh aplikasi yang termasuk dalam kelompok ini :&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi ini banyak digunakan oleh pengembang web. Memiliki banyak fasilitas dan fiture.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Microsoft Expression Web (lisensi dari Windows). Bagian dari &amp;nbsp;Microsoft’s suite yang merupakan aplikasi perancangan professional. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG? Nvu (diucapkan N-view, untuk &quot;pandangan baru&quot;) adalah&amp;nbsp;sebuah aplikasi open source (sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver, dan dapat diunduh secara gratis di nvu.com.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiQXTp_NuojMEt8tRYvyPKYfHgpLNBlmo2ZZ04lWzYhxws4YHDqg-jcF6tcAlj3Uzlh63zwn1lu2JY9emGIC7eGueWlM_Td05olrxJeIzIsU2b8IxHMTNZ23UsrEoMDpOGwQsLMz-Ilik5/s1600/4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;503&quot; data-original-width=&quot;655&quot; height=&quot;245&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiQXTp_NuojMEt8tRYvyPKYfHgpLNBlmo2ZZ04lWzYhxws4YHDqg-jcF6tcAlj3Uzlh63zwn1lu2JY9emGIC7eGueWlM_Td05olrxJeIzIsU2b8IxHMTNZ23UsrEoMDpOGwQsLMz-Ilik5/s320/4.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Tampilan aplikasi Adobe Dreamweaver CS6&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-bXFzQv3_DVU38PT8zW8Hi88qsD_etw5XmlIbu1pDc-JYkjhfRohgeJkBgG6B1dZbdfYH2JW_-sw0TgkYxAxnLCnj0thr0xZZT2S8Qa_PIqPTahiYWNL52iRrqwYcTFG0CzZZkR6IQjLZ/s1600/5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;379&quot; data-original-width=&quot;635&quot; height=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-bXFzQv3_DVU38PT8zW8Hi88qsD_etw5XmlIbu1pDc-JYkjhfRohgeJkBgG6B1dZbdfYH2JW_-sw0TgkYxAxnLCnj0thr0xZZT2S8Qa_PIqPTahiYWNL52iRrqwYcTFG0CzZZkR6IQjLZ/s320/5.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Tampilan aplikasi Microsoft Expression Web&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZ7P6DQqntJi4pwnbsBq75PjxoACyX_0k49essCJDeFIXxpiMICs5lrzdIljcvpw1zWcr_sO3XcCdPIIQRmVi2UeQ9BCH2BAQyvPFOQzrFfAXjQQidLklWkCBoOeWG17HWOLMUUmHkVCG/s1600/6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;473&quot; data-original-width=&quot;643&quot; height=&quot;235&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZ7P6DQqntJi4pwnbsBq75PjxoACyX_0k49essCJDeFIXxpiMICs5lrzdIljcvpw1zWcr_sO3XcCdPIIQRmVi2UeQ9BCH2BAQyvPFOQzrFfAXjQQidLklWkCBoOeWG17HWOLMUUmHkVCG/s320/6.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Tampilan aplikasi Nvu&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;Editor&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;TextPad&lt;/b&gt; (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Teks Sublime&lt;/b&gt; (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Coda oleh Panic&lt;/b&gt; (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Textmate oleh MacroMates&lt;/b&gt; (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;BBEdit oleh Bare Bones Software&lt;/b&gt; (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;Aplikasi editing gambar dan menggambar &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Adobe Photoshop.&lt;/b&gt; Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun &amp;nbsp;dunia web.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Adobe Photoshop Elements.&lt;/b&gt; Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Adobe Illustrator.&lt;/b&gt; Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Adobe Fireworks.&lt;/b&gt; Program grafis web ini menggabungkan editor foto dengan alat untuk membuat ilustrasi berbasis vektor. Ia juga memiliki alatalat canggih untuk grafis web.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Corel Paint Shop Photo Pro&lt;/b&gt; (Windows saja). Editor gambar yang penuh fitur ini populer &amp;nbsp;di pengguna Windows, terutama karena harga yang rendah.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;Aplikasi Internet&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”. &amp;nbsp;Berikut ini beberapa aplikasi browser yang cukup populer :&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Windows:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Internet Explorer&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Chrome o Firefox&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Safari&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Opera&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Macintosh OS X:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Safari&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Chrome&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Firefox&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Opera&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Browser perangkat bergerak (mobile)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Mobile Safari (iOS)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Android Browser (Android)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o BlackBerry Browser (RIM)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Nokia Series 40 dan Nokia Browser for Symbian&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Opera Mobile dan Mini (installed on any device)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Internet Explorer Mobile (Windows Phone)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Silk (Kindle Fire)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Aplikasi transfer file (FTP/File Transfer Protokol). &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Sebuah aplikasi FTP memungkinkan untuk mengunggah dan mengunduh file antara komputer kita dan komputer yang akan menjadi tempat halaman web/web server. Beberapa aplikasi authoring web sebelumnya juga memiliki aplikasi FTP yang terintegrasi langsung. Ada juga aplikasi FTP khusus, seperti yang tercantum di bawah ini:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o WS_FTP&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o CuteFTP&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o AceFTP&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Filezilla&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Macintosh&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Transmit&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Cyberduck&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;o Fetch&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/6799627803307954962/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/alur-dan-perangkat-pengembangan.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/6799627803307954962'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/6799627803307954962'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/alur-dan-perangkat-pengembangan.html' title='Alur dan Perangkat Pengembangan Aplikasi Web'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmc4WUgTJBUiQpPnDhIz-KwvpOg5j20oVjHxd6D2ZkmJzXkqlN7uUUc6p3xh7i3tkgnBSTbcrKQxdoRnxd3HbYsGj5UCQBBZhEFbCPjJ2sVCAxZhkUQyCfwcwidLX_WOLd6LZU_IRe0ss/s72-c/Untitled.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-5350140395019226244</id><published>2017-10-12T09:41:00.001-07:00</published><updated>2017-10-12T09:46:23.001-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jurusan RPL"/><title type='text'>Metode Rekayasa Perangkat Lunak</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-W4_cfwMwlkKq4nwBWgHtxywWnWi6_HswBZszloEwbvTHC4tiE9OX-qKLSQdFcScXONR0uWhLoJ0RBefWZPTZIdMBq8qAm3yxcsx5xmgZk-Po4G7esU3pWCv3X81eliBMA0Y9iUxAyCPp/s1600/Siklus+Hidup+Pengembangan+Perangkat+Lunak+Berturut+www.newtutorialslab.com.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;400&quot; data-original-width=&quot;699&quot; height=&quot;183&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-W4_cfwMwlkKq4nwBWgHtxywWnWi6_HswBZszloEwbvTHC4tiE9OX-qKLSQdFcScXONR0uWhLoJ0RBefWZPTZIdMBq8qAm3yxcsx5xmgZk-Po4G7esU3pWCv3X81eliBMA0Y9iUxAyCPp/s320/Siklus+Hidup+Pengembangan+Perangkat+Lunak+Berturut+www.newtutorialslab.com.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Ok sobat, di postingan pertama kali Smart IT. telah membahas pengenalan jurusan RPL. sekarang kita akan membahas bagaimana metode Rekayasa Perangkat Lunak.&amp;nbsp;Demikian juga dalam rekayasa perangkat lunak, diperlukan tahapan-tahapan kerja yang harus dilalui. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Rekayasa perangkat lunak yang sukses tidak hanya membutuhkan kemampuan komputasi seperti algoritma, pemrograman, dan basis data yang kuat, namun juga perlu penentuan tujuan yang baik, identifikasi cara penyelesaian, metode pengembangan, urutan aktifitas, identifikasi kebutuhan sumberdaya, dan faktor-faktor lain.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;MODEL PROSES REKAYASA PERANGKAT LUNAK&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada rekayasa perangkat lunak, banyak model yang telah dikembangkan untuk membantu proses pengembangan perangkat lunak. Model-model ini pada umumnya mengacu pada model proses pengembangan sistem yang disebut System Development Life Cycle (SDLC) seperti terlihat pada Gambar dibawah ini :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-Iv7_gCmO1X4EyLqvKpbWEuZh9_Q6sHyY5QoCKoo9u1wRLWguuwphGdURWKNDOuoon-2p2mRJWLrai-Grasnd0RiRv_UM_E_EhVKGYl12VgYoOjvvGsGWhcJuvdjTJDRXjWioBlvGakP/s1600/1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;258&quot; data-original-width=&quot;654&quot; height=&quot;126&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-Iv7_gCmO1X4EyLqvKpbWEuZh9_Q6sHyY5QoCKoo9u1wRLWguuwphGdURWKNDOuoon-2p2mRJWLrai-Grasnd0RiRv_UM_E_EhVKGYl12VgYoOjvvGsGWhcJuvdjTJDRXjWioBlvGakP/s320/1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Setiap model yang dikembangkan mempunyai karakteristik sendirisendiri. &amp;nbsp;Namun secara umum ada persamaan dari model-model ini, yaitu:&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Kebutuhan terhadap definisi masalah yang jelas . &amp;nbsp;Input utama dari setiap model pengembangan perangkat lunak adalah pendefinisian masalah yang jelas. &amp;nbsp;Semakin jelas akan semakin baik karena akan memudahkan dalam penyelesaian masalah. &amp;nbsp;Oleh karena itu pemahaman masalah seperti dijelaskan pada Bab 1, merupakan bagian penting dari model pengembangan perangkat lunak.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tahapan-tahapan pengembangan yang teratur . &amp;nbsp;Meskipun model-model pengembangan perangkat lunak memiliki pola yang berbeda-beda, biasanya model-model tersebut mengikuti pola umum analysis – design – coding – testing - maintenance .&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Stakeholder berperan sangat penting dalam keseluruhan tahapan pengembangan . &amp;nbsp;Stakeholder dalam rekayasa perangkat lunak dapat berupa pengguna, pemilik, pengembang, pemrogram dan orang-orang yang terlibat dalam rekayasa perangkat lunak tersebut.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Dokumentasi merupakan bagian penting dari pengembangan perangkat lunak . &amp;nbsp;Masing-masing tahapan dalam model biasanya menghasilkan sejumlah tulisan, diagram, gambar atau bentuk-bentuk lain yang harus didokumentasi dan merupakan bagian tak terpisahkan dari perangkat lunak yang dihasilkan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Keluaran dari proses pengembangan perangkat lunak harus bernilai ekonomis . &amp;nbsp;Nilai dari sebuah perangkat lunak sebenarnya agak susah dirupiah-kan. &amp;nbsp;Namun efek dari penggunaan perangkat lunak yang telah dikembangkan haruslah memberi nilai tambah bagi organisasi. &amp;nbsp;Hal ini dapat&amp;nbsp;berupa penurunan biaya operasi, efisiensi penggunaan sumberdaya, peningkatan keuntungan organisasi, peningkatan “image” organisasi dan lain-lain.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
Ada banyak model pengembangan perangkat lunak, antara lain The Waterfall Model, Joint Application Development (JAD), Information Engineering (IE), Rapid Application Development (RAD) termasuk di dalamnya Prototyping, Unified Process (UP), Structural Analysis and Design (SAD) dan Framework for the Application of System thinking (FAST). &amp;nbsp;Pada buku ini akan dibahas tiga model pengembangan yaitu The Waterfall Model, Prototyping, dan Unified Processs (UP).&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;The waterfall model&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Model siklus hidup ( life cycle model ) adalah model utama dan dasar dari banyak model. &amp;nbsp;Salah satu model yang cukup dikenal dalam dunia rekayasa perangkat lunak adalah The Waterfall Model . &amp;nbsp;Ada 5 tahapan utama dalam The Waterfall Model seperti terlihat pada Gambar 2.3. &amp;nbsp;Disebut waterfall (berarti air terjun) karena memang diagram tahapan prosesnya mirip dengan air terjun yang bertingkat.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Tahapan-tahapan dalam The Waterfall Model secara ringkas adalah sebagai berikut:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Tahap investigasi dilakukan untuk menentukan apakah terjadi suatu masalah atau adakah peluang suatu sistem informasi dikembangkan. &amp;nbsp;Pada tahapan ini studi kelayakan perlu dilakukan untuk menentukan apakah sistem informasi yang akan dikembangkan merupakan solusi yang layak&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tahap analisis bertujuan untuk mencari kebutuhan pengguna dan organisasi serta menganalisa kondisi yang ada (sebelum diterapkan sistem informasi yang baru).&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tahap disain bertujuan menentukan spesifikasi detil dari komponenkomponen sistem informasi (manusia, hardware, software, network dan data) dan produk-produk informasi yang sesuai dengan hasil tahap analisis.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tahap implementasi merupakan tahapan untuk mendapatkan atau mengembangkan hardware dan software (pengkodean program), melakukan pengujian, pelatihan dan perpindahan ke sistem baru.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tahapan perawatan (maintenance) dilakukan ketika sistem informasi sudah dioperasikan. &amp;nbsp;Pada tahapan ini dilakukan monitoring proses, evaluasi dan perubahan (perbaikan) bila diperlukan.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTYBYaNsXEz8_N7x_2OHaUapgwQOWedn6CPL4B9S_0pKfrNHlI77q78LXZLZA6l6V5f1INd4pFLeVHZVKyY_9VvP_2mSOmAQ1xMbKUa3rz4Ud71Jvi9HgGL3Z9Y6b8Aib09Y92DjE1zbI/s1600/2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;415&quot; data-original-width=&quot;617&quot; height=&quot;215&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTYBYaNsXEz8_N7x_2OHaUapgwQOWedn6CPL4B9S_0pKfrNHlI77q78LXZLZA6l6V5f1INd4pFLeVHZVKyY_9VvP_2mSOmAQ1xMbKUa3rz4Ud71Jvi9HgGL3Z9Y6b8Aib09Y92DjE1zbI/s320/2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Prototyping model&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Prototyping&lt;/b&gt; adalah s alah satu pendekatan dalam rekayasa perangkat lunak yang secara langsung mendemonstrasikan bagaimana sebuah perangkat lunak atau komponen-komponen perangkat lunak akan bekerja dalam lingkungannya sebelum tahapan konstruksi aktual dilakukan (Howard, 1997). Prototyping model dapat diklasifikasikan menjadi beberapa tipe seperti terlihat pada gambar dibawah ini :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUIgtYwdA-ifK65O-rgJAmwx_xkQaZJwotypX7a8AgB50MiuXarKp5wHZICFmnlp8gdkQKVBw0PTvL7eTrThluGj3oPfyj6czlPfVhfZ4WZp4TJsZUkaA8KvH8dSnk0XCGHjJvWtfp_tR/s1600/3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;331&quot; data-original-width=&quot;575&quot; height=&quot;184&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUIgtYwdA-ifK65O-rgJAmwx_xkQaZJwotypX7a8AgB50MiuXarKp5wHZICFmnlp8gdkQKVBw0PTvL7eTrThluGj3oPfyj6czlPfVhfZ4WZp4TJsZUkaA8KvH8dSnk0XCGHjJvWtfp_tR/s320/3.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Reusable prototype : Prototype yang akan ditransformasikan menjadi produk final.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Throwaway prototype : Prototype yang akan dibuang begitu selesai menjalankan maksudnya. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Input/output prototype : Prototype yang terbatas pada antar muka pengguna (user interface).&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Processing prototype : Prototype yang meliputi perawatan file dasar dan proses-proses transaksi.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;System prototype : Prototype yang berupa model lengkap dari perangkat lunak.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
Tahap-tahap dalam prototyping boleh dikata merupakan tahap-tahap yang dipercepat. &amp;nbsp;Strategi utama dalam prototyping adalah kerjakan yang mudah terlebih dahulu dan sampaikan hasil kepada pengguna sesegera mungkin.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Tahapan-tahapan secara ringkas dapat dijelaskan sebagai berikut:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Identifikasi kandidat prototyping . &amp;nbsp;Kandidat dalam kasus ini meliputi user interface (menu, dialog, input dan output), file-file transaksi utama, dan fungsi-fungsi pemrosesan sederhana.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Rancang bangun prototype dengan bantuan software seperti word processor, spreadsheet, database , pengolah grafik, dan software CASE ( Computer-Aided System Engineering ).&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Uji prototype untuk memastikan prototype dapat dengan mudah dijalankan untuk tujuan demonstrasi.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Siapkan prototype USD (User’s System Diagram) untuk mengidentifikasi bagian-bagian dari perangkat lunak yang diprototype -kan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Evaluasi dengan pengguna untuk mengevaluasi prototype dan melakukan perubahan jika diperlukan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Transformasikan prototype menjadi perangkat lunak yang beroperasi penuh dengan melakukan penghilangan kode-kode yang tidak dibutuhkan, penambahan program-program yang memang dibutuhkan dan perbaikan dan pengujian perangkat lunak secara berulang.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpoENgnmgwEOpN0s5XgbwzwRvYRetXz-iRq5JleDGKRRGkQmxEy0Qdp6vJ6PYn6-HwP3-38QMHO2Vk9kUxFyuyJwGqJuBUi7r8fMEsWMuJAyWMlNxlZq0stChYEaYnfg2WW0Nakc19ur3o/s1600/4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;531&quot; data-original-width=&quot;653&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpoENgnmgwEOpN0s5XgbwzwRvYRetXz-iRq5JleDGKRRGkQmxEy0Qdp6vJ6PYn6-HwP3-38QMHO2Vk9kUxFyuyJwGqJuBUi7r8fMEsWMuJAyWMlNxlZq0stChYEaYnfg2WW0Nakc19ur3o/s320/4.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Unified Process dan Unified Modeling Language&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Unified Process (UP) atau kadang disebut sebagai Unified Software Development Process (USDP) adalah kerangka proses pengembangan yang bersifat use-case-driven , berpusat pada arsitektur perangkat lunak, interatif dan tumbuh-kembang (Alhir, 2005). &amp;nbsp;Kerangka pengembangan ini termasuk baru dalam metodologi pengembangan perangkat lunak. &amp;nbsp;UP dapat diaplikasikan pada berbagai skala proyek, mulai dari skala kecil sampai dengan skala besar.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Daur hidup UP secara umum akan tampak seperti pada bagan di Gambar 2.6. &amp;nbsp;Bagan ini biasa disebut sebagai “ hump chart ”. &amp;nbsp;Pada bagan ini terlihat ada empat tahap pengembangan yaitu inception, elaboration, construction dan transition . &amp;nbsp;Selain itu tampak pula sejumlah aktivitas ( disciplines ) yang harus dilakukan sepanjang pengembangan perangkat lunak, yaitu, business modeling, requirements, analysis and design, implementation, test . &amp;nbsp;Tahap dan aktivitas tersebut akan dilakukan secara iteratif (Ambler, 2005).&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6PkuD2qi8FBhgSFgbyE4qnW_-t9wVNcTRL809kHzax2XRLxhkeRteCXkMxnhjimtIXpSP7QL31gR5589NafeRoyBViT6kDszXzRfODjtQ4WYS1cgY0EynoNsuZn8KFzRu71UJ6HjfFyLt/s1600/5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;433&quot; data-original-width=&quot;637&quot; height=&quot;217&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6PkuD2qi8FBhgSFgbyE4qnW_-t9wVNcTRL809kHzax2XRLxhkeRteCXkMxnhjimtIXpSP7QL31gR5589NafeRoyBViT6kDszXzRfODjtQ4WYS1cgY0EynoNsuZn8KFzRu71UJ6HjfFyLt/s320/5.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Penjelasan singkat untuk empat tahapan dalam UP adalah sebagai berikut:&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Inception . &amp;nbsp;Tahapan ini merupakan tahapan paling awal dimana aktivitas penilaian terhadap sebuah proyek perangkat lunak dilakukan. &amp;nbsp;Tujuannya adalah untuk mendapatkan kesepakatan dari stakeholder sehubungan dengan tujuan dan dana proyek. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Elaboration . &amp;nbsp;Tujuan dari tahap ini adalah untuk mendapatkan gambaran umum kebutuhan, persyaratan dan fungsi-fungsi utama perangkat lunak. &amp;nbsp;Hal ini penting untuk mengetahui secara lebih baik resiko-resiko proyek, baik meliputi resiko arsitektur perangkat lunak, perencanaan, maupun implementasi. &amp;nbsp;Pada tahap ini telah dimulai rancang bangun perangkat lunak secara iterative melalui aktivitas-aktivitas seperti business modeling, requirements, analysis dan design meskipun baru pada tahap awal.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Construction . &amp;nbsp;Tujuan dari tahapan ini adalah membangun perangkat lunak sampai dengan saat perangkat lunak tersebut siap digunakan. &amp;nbsp;Titik berat tahapan ini adalah pada penentuan tingkat prioritas kebutuhan / persyaratan, melengkapi spesifikasinya, analisis lebih dalam, disain solusi yang memenuhi kebutuhan dan persyaratan, pengkodean dan pengujian perangkat lunak. &amp;nbsp;Jika dimungkinkan versi awal dari perangkat lunak diuji cobakan untuk mendapatkan masukan dari pengguna. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;&lt;/li&gt;
&lt;li&gt;Transition. &amp;nbsp;Tahap ini difokuskan pada bagaimana menyampaikan perangkat lunak yang sudah jadi pada pengguna. &amp;nbsp;Perangkat lunak akan secara resmi diuji oleh baik oleh penguji (tester) yang kompeten maupun oleh pengguna. Beberapa aktivitas seperti pemindahan pusat data dan pelatihan pengguna dan staf pendukung harus dilakukan pada tahap ini.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Analisis&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;Analisis&lt;/b&gt; sistem adalah sebuah teknik pemecahan masalah yang menguraikan sebuah sistem menjadi komponen-komponennya dengan tujuan mempelajari seberapa bagus komponen-komponen tersebut bekerja dan berinteraksi untuk meraih tujuan mereka.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Analisis mungkin adalah bagian terpenting dari proses rekayasa perangkat lunak. &amp;nbsp;Karena semua proses lanjutan akan sangat bergantung pada baik tidaknya hasil analisis.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Ada satu bagian penting yang biasanya dilakukan dalam tahapan analisis yaitu pemodelan proses bisnis. &amp;nbsp;Model proses adalah model yang memfokuskan pada seluruh proses di dalam sistem yang mentransformasikan data menjadi informasi (Harris, 2003). &amp;nbsp;Model proses juga menunjukkan aliran data yang masuk dan keluar pada suatu proses. &amp;nbsp;Biasanya model ini digambarkan dalam bentu Diagram Arus Data (Data Flow Diagram / DFD). &amp;nbsp;DFD meyajikan gambaran apa yang manusia, proses dan prosedur lakukan untuk mentransformasi data menjadi informasi.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0BPajBhKbOpAYWkQH-RHjiYEYhD32RCL-uMz8qCrRez-7Tjed_-QPKgOhmPUvtH3qpPtK7pPT99MgP2Q5DgQE2a5nS4zqYn_AeD6BaZy2I-j-rPJL3QpVG4AIitmgwizMufoOyf5LsTn/s1600/6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;599&quot; data-original-width=&quot;509&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0BPajBhKbOpAYWkQH-RHjiYEYhD32RCL-uMz8qCrRez-7Tjed_-QPKgOhmPUvtH3qpPtK7pPT99MgP2Q5DgQE2a5nS4zqYn_AeD6BaZy2I-j-rPJL3QpVG4AIitmgwizMufoOyf5LsTn/s320/6.png&quot; width=&quot;271&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Umumnya ada empat notasi yang sering digunakan dalam DFD seperti tampak Gambar dibawah ini :&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9WhpG_QaZDfsHZzmYpGzourjuF51AyfLBhoPQTM2u_C-cSAR4gR225gsKzEKQbZUuP43F3GJq3qDd-DHz5fU1W-qrFHBbZ7pRqczqOv4MwHM_sLCDVymLa-e-OVd6xhg_78oGxb7yyCb5/s1600/7.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;129&quot; data-original-width=&quot;117&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9WhpG_QaZDfsHZzmYpGzourjuF51AyfLBhoPQTM2u_C-cSAR4gR225gsKzEKQbZUuP43F3GJq3qDd-DHz5fU1W-qrFHBbZ7pRqczqOv4MwHM_sLCDVymLa-e-OVd6xhg_78oGxb7yyCb5/s1600/7.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
External Entity melambangkan sumber data (dari mana data berasal) atau penerima informasi (tujuan akhir dari data). &amp;nbsp;Contoh external entity antara lain konsumen yang memesan suatu produk, manajer yang mengevaluasi laporan penjualan mingguan, dan lainlain.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikhHmfmKk82HSRmdk_vxLQuDkwfa0jAyv3PefOx2Xh5a0HIP8-xT1GqDen7K-k4PvlNW8bo6kjHTUdsb16wf_Hz86Y5d34bg4aOq-zl7QDuD53XEq6eNTvSW8RybP5qEB_gJHoXhGNX2ET/s1600/8.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;130&quot; data-original-width=&quot;112&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikhHmfmKk82HSRmdk_vxLQuDkwfa0jAyv3PefOx2Xh5a0HIP8-xT1GqDen7K-k4PvlNW8bo6kjHTUdsb16wf_Hz86Y5d34bg4aOq-zl7QDuD53XEq6eNTvSW8RybP5qEB_gJHoXhGNX2ET/s1600/8.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Proses adalah serangkaian langkah yang dilakukan untuk memanipulasi data, misalnya pengumpulan, pengurutan, pemilihan, pelaporan, peringkasan, analisis dan lain-lain.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VAq5JW8-6uGp2qhZZhnqYp_iiEPmRhHIN2cI0z633cRINEAW2bBCFYQSn_mbQadeVIuPOpkoO8apdcnezhEDpPrJ4Ow_N5gGd8WrxOXPyyxbSIlD046cA2gRWXgSoGz-4IrXwafZrLVN/s1600/9.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;84&quot; data-original-width=&quot;114&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VAq5JW8-6uGp2qhZZhnqYp_iiEPmRhHIN2cI0z633cRINEAW2bBCFYQSn_mbQadeVIuPOpkoO8apdcnezhEDpPrJ4Ow_N5gGd8WrxOXPyyxbSIlD046cA2gRWXgSoGz-4IrXwafZrLVN/s1600/9.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Data store adalah tempat untuk menyimpan data untuk digunakan kemudian. Nama yang pada data store ini merupakan abstraksi dari data yang disimpan. Namun detil / item data apa saja yang ada, bagaimana cara akses, atau bagaimana mengorganisasinya tidak dijelaskan dalam notasi ini.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvfcqPfRqE0tgpJEYLEt4AqmAMUgDMD-lXvlQCZeJtxf08ENbz3_rIh6DzCk5TrTuXMfRVHOx4XIm7edw3pLP4oz7ecT_8JGgwtcDOOkReFoJ7mGQ98IAOwNFRCJybP1xunuBCG5Ox5sn/s1600/10.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;51&quot; data-original-width=&quot;107&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvfcqPfRqE0tgpJEYLEt4AqmAMUgDMD-lXvlQCZeJtxf08ENbz3_rIh6DzCk5TrTuXMfRVHOx4XIm7edw3pLP4oz7ecT_8JGgwtcDOOkReFoJ7mGQ98IAOwNFRCJybP1xunuBCG5Ox5sn/s1600/10.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Data flow menunjukkan aliran data dari satu tempat ke tempat lain. &amp;nbsp;Perpindahan data ini dapat dari external entity ke proses, antar proses satu dengan yang lain, dari proses ke data store. &amp;nbsp;Dalam penggambarannya setiap data flow harus diberi label yang menunjukkan data apa yang mengalir.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Dalam pembuatan DFD ada beberapa tahapan yang dilakukan secara berurutan. &amp;nbsp;Gambar 2.9. menunjukkan urutan tahapan tersebut.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKe9LqO32HTRjFY80TUpbUdjZFgtW4XV_eYJ4p0pe9J4D8LeI_nLdNxpiW5JIl2y0n5x29PiC4T7rpHnB1LF8D996beCM0kH3RpMrg12eYa52T3HrJVP7ena4hVYTzAZLj7UxNlqL9fdS/s1600/11.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;297&quot; data-original-width=&quot;621&quot; height=&quot;153&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKe9LqO32HTRjFY80TUpbUdjZFgtW4XV_eYJ4p0pe9J4D8LeI_nLdNxpiW5JIl2y0n5x29PiC4T7rpHnB1LF8D996beCM0kH3RpMrg12eYa52T3HrJVP7ena4hVYTzAZLj7UxNlqL9fdS/s320/11.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Context diagram adalah DFD ruang lingkup dari sistem yang menunjukkan batas-batas sistem, external entitiy yang berinteraksi dengan sistem dan aliran data utama antara external entity dengan sistem. &amp;nbsp;Context diagram menggambarkan keseluruhan sistem dalam suatu proses tunggal. &amp;nbsp;Gambar 2.10 menunjukkan sebuah contoh context diagram.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX2OvFtO2FxwtV23QMadwCvdAJxP_L4U2gRd-pjpt7kwMa6Hfh0pybp6kzScOZmKIUAZgQ5VAcH0rbUB410jYz3DXlPe2Bf7dj6KM2VQPQ_xJ55Q5fu-Mtkz3HCAPvR-JRyY5tSRqW0qfs/s1600/12.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;335&quot; data-original-width=&quot;601&quot; height=&quot;178&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX2OvFtO2FxwtV23QMadwCvdAJxP_L4U2gRd-pjpt7kwMa6Hfh0pybp6kzScOZmKIUAZgQ5VAcH0rbUB410jYz3DXlPe2Bf7dj6KM2VQPQ_xJ55Q5fu-Mtkz3HCAPvR-JRyY5tSRqW0qfs/s320/12.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Context diagram pada Gambar 2.10 tampak hanya ada satu proses tunggal yang merepresentasikan sistem yang dimodelkan. &amp;nbsp;Pada proses ini diberi notasi angka 0 untuk menunjukkan ini adalah level paling abstrak dari sistem. &amp;nbsp;Selain itu ada tiga external entity yaitu customer, kitchen dan restaurant&amp;nbsp;manager .&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
Ketiganya dapat berperan sebagai sumber data (dalam contoh di atas adalah customer ) atau sebagai penerima informasi (dalam contoh di atas customer, kitchen , dan restaurant manager ). &amp;nbsp;Data flow yang tampak pada gambar menunjukkan ada satu data flow yang masuk ke sistem dan ada tiga data flow yang keluar dari sistem. &amp;nbsp;Masing-masing data flow diberi label yang menunjukkan data apa yang sedang mengalir.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
DFD level berikutnya yaitu level 1, 2 dan seterusnya diperlukan apabila level sebelumnya dirasa kurang detil. &amp;nbsp;Sebagai contoh apabila DFD level 0 (Gambar 14.12) dirasa belum cukup detil menunjukkan arus data yang mengalir, maka dapat dibuat detilnya pada DFD level 1. &amp;nbsp;Bagian yang harus didetilkan biasanya adalah proses. &amp;nbsp;Detil pada level berikutnya, mungkin pada semua proses atau hanya pada proses-proses tertentu saja. &amp;nbsp;DFD pada level 0 maupun level di bawahnya memiliki kesamaan aturan yang tersaji berikut pada tabel berikut ini.&lt;/div&gt;
&lt;table class=&quot;tg&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Kelompok&lt;/span&gt;&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Aturan&lt;/span&gt;&lt;/th&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Umum&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;input-input ke suatu process akan selalu berbeda dengan output outputnya &lt;br /&gt;
obyek obyek (External Entity, Process, Data Storage, dan Data Flow) yang &lt;br /&gt;
ada pada suatu DFD selalu memiliki nama yang unik&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;External Entity&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;nama yang dipakai pada External Entity selalu menggunakan kata benda &lt;br /&gt;
data tidak boleh mengalir secara langsung dari External Entity yang satu &lt;br /&gt;
ke External Entity yang lain&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Process&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;nama yang dipakai pada Process selalu menggunakan kata kerja&lt;br /&gt;
tidak ada Process yang hanya menghasilkan output&lt;br /&gt;
tidak ada Process yang hanya menerima input&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Data Storage&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;nama yang dipakai pada Data Storage selalu menggunakan kata benda&lt;br /&gt;
data tidak boleh mengalir secara langsung dari Data Storage yang satu &lt;br /&gt;
ke Data Storage yang lain &lt;br /&gt;
data tidak boleh mengalir secara langsung dari External Entity ke Data &lt;br /&gt;
Storage demikian juga sebaliknya.&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Data Flow&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;&lt;br /&gt;
nama yang dipakai pada Data Flow selalu menggunakan kata benda &lt;br /&gt;
Data Flow di antara dua notasi hanya memiliki satu arah aliran,&lt;br /&gt;
Percabangan (fork) menunjukkan adanya data yang persis sama yang &lt;br /&gt;
mengalir dari suatu tempat ke dua atau lebih tempat yang lain &lt;br /&gt;
Penggabungan (join) menunjukkan adanya data yang persis sama yang &lt;br /&gt;
mengalir dua atau lebih tempat menuju satu tempat yang lain&lt;br /&gt;
Data Flow menuju Data Storage berarti terjadi update data&lt;br /&gt;
Data Flow dari Data Storage berarti terjadi pembacaan / pengambilan data&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Disain&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Disain &lt;/b&gt;perangkat lunak adalah tugas, tahapan atau aktivitas yang difokuskan pada spesifikasi detil dari solusi berbasis computer (Whitten et al, 2004).&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Disain perangkat lunak sering juga disebut sebagai physical design . &amp;nbsp;Jika tahapan analisis sistem menekankan pada masalah bisnis (business rule), maka sebaliknya disain perangkat lunak fokus pada sisi teknis dan implementasi sebuah perangkat lunak (Whitten et al, 2004).&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Output utama dari tahapan disain perangkat lunak adalah spesifikasi disain. &amp;nbsp;Spesifikasi ini meliputi spesifikasi disain umum yang akan disampaikan kepada stakeholder sistem dan spesifikasi disain rinci yang akan digunakan pada tahap implementasi. &amp;nbsp;Spesifikasi disain umum hanya berisi gambaran umum agar stakeholder sistem mengerti akan seperti apa perangkat lunak yang akan dibangun.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Biasanya diagram USD tentang perangkat lunak yang baru merupakan point penting dibagian ini. Spesifikasi disain rinci atau kadang disebut disain arsitektur rinci perangkat lunak diperlukan untuk merancang sistem sehingga memiliki konstruksi yang baik, proses pengolahan data yang tepat dan akurat, bernilai, memiliki aspek user friendly dan memiliki dasar-dasar untuk pengembangan selanjutnya.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Konstruksi&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Konstruksi&lt;/b&gt; adalah tahapan menerjemahkan hasil disain logis dan fisik ke dalam kode-kode program computer. &amp;nbsp;Buku ini sebagian besar berisi tentang bagian ini.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Pengujian&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Pengujian sistem melibatkan semua kelompok pengguna yang telah direncanakan pada tahap sebelumnya. Pengujian tingkat penerimaan terhadap perangkat lunak akan berakhir ketika dirasa semua kelompok pengguna menyatakan bisa menerima perangkat lunak tersebut berdasarkan criteriakriteria yang telah ditetapkan. &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Perawatan dan Konfigurasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Ketika sebuah perangkat lunak telah dianggap layak untuk dijalankan, maka tahapan baru menjadi muncul yaitu perawatan perangkat lunak. &amp;nbsp;Ada beberapa tipe perawatan yang biasa dikenal dalam dunia perangkat lunak seperti terlihat pada diagram di Gambar 2.12.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunwSE_OzhPVjXWo800jrDENOA_uGrQLd1m_FbpYzf9gfoNvPhsdeuDZUaV0EmHh3lOrC0_9ahreN7RPMaDV5aCga_RdJ9VQC-Iye90j4k5A5I4WdnWJejXizhLamu4vcug-HmY29HExwV/s1600/13.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;282&quot; data-original-width=&quot;445&quot; height=&quot;202&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgunwSE_OzhPVjXWo800jrDENOA_uGrQLd1m_FbpYzf9gfoNvPhsdeuDZUaV0EmHh3lOrC0_9ahreN7RPMaDV5aCga_RdJ9VQC-Iye90j4k5A5I4WdnWJejXizhLamu4vcug-HmY29HExwV/s320/13.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;ul&gt;
&lt;li&gt;Tipe perawatan corrective dilakukan jika terjadi kesalahan atau biasa dikenal sebagai bugs. Perawatan bisa dilakukan dengan memperbaiki kode program, menambah bagian yang dirasa perlu atau malah menghilangkan bagian-bagian tertentu. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Tipe perawatan routine biasa juga disebut preventive maintenance dilakukan secara rutin untuk melihat kinerja perangkat lunak ada atau tidak ada kesalahan.&lt;/li&gt;
&lt;li&gt;Tipe perawatan sistem upgrade dilakukan jika ada perubahan dari komponen-komponen yang terlibat dalam perangkat lunak tersebut. &amp;nbsp;Sebagai contoh perubahan platform sistem operasi dari versi lama ke versi baru menyebabkan perangkat lunak harus diupgrade.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/5350140395019226244/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/metode-rekayasa-perangkat-lunak.html#comment-form' title='2 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/5350140395019226244'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/5350140395019226244'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/metode-rekayasa-perangkat-lunak.html' title='Metode Rekayasa Perangkat Lunak'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-W4_cfwMwlkKq4nwBWgHtxywWnWi6_HswBZszloEwbvTHC4tiE9OX-qKLSQdFcScXONR0uWhLoJ0RBefWZPTZIdMBq8qAm3yxcsx5xmgZk-Po4G7esU3pWCv3X81eliBMA0Y9iUxAyCPp/s72-c/Siklus+Hidup+Pengembangan+Perangkat+Lunak+Berturut+www.newtutorialslab.com.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-8833146390709278076</id><published>2017-10-11T09:12:00.001-07:00</published><updated>2017-10-12T08:18:00.088-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Simulasi DIgital"/><title type='text'>Pengelolaan Aplikasi Pengolah Kata (Microsoft Word)</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4wYc6otidaZngM7_F28-kNzwg2VC1Otfi9SIwZoX0EaU5bCxsfVqhGej1A-_Xl9WITJvKsIYIBMDJg5Vd_NSJNU_5gzZjN4AVyVNfd8lHtq9nejTMcivlLZyLIUs6xXqGnp618Ca-kCr/s1600/Microsoft-Word-Macro-Execution-0day-Exploit-Found.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;450&quot; data-original-width=&quot;800&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4wYc6otidaZngM7_F28-kNzwg2VC1Otfi9SIwZoX0EaU5bCxsfVqhGej1A-_Xl9WITJvKsIYIBMDJg5Vd_NSJNU_5gzZjN4AVyVNfd8lHtq9nejTMcivlLZyLIUs6xXqGnp618Ca-kCr/s320/Microsoft-Word-Macro-Execution-0day-Exploit-Found.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Sobat. kita berjumpa lagi di postingan yang pertama kalinya dalam label (kategori) Simdig. disini Anda akan mempelajari pengelolaan informasi meng-gunakan perangkat lunak pengolah kata / Microsoft Word. &amp;nbsp;Smart IT akan melatih anda supaya tidak gugup dalam mengetik dalam aplikasi pengolah kata.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;1. Pengaturan tata letak dokumen&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk mengatur tata letak dokumen, hal pertama yang perlu Anda ketahui adalah ukuran kertas yang akan Anda gunakan untuk mencetak dokumen tersebut. Standar ukuran kertas adalah sebagai berikut.&lt;/div&gt;
&lt;table class=&quot;tg&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Nama Metik&lt;/span&gt;&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Ukuran mm&lt;/span&gt;&lt;/th&gt;
    &lt;th class=&quot;tg-yw4l&quot;&gt;&lt;span style=&quot;font-weight: normal;&quot;&gt;Ukuran inci&lt;/span&gt;&lt;/th&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;A5&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;148 mm x 210 mm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;5.8” x 8.3”&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;A4&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;210 mm x 297 mm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;8.3” x 11.7”&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;A3&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;210 mm x 297 mm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;11.7” x 16.5”&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;A2&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;297 mm x 420 mm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;16.5” x 23.4”&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;A1&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;420 mm x 594 mm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;33.1” x 46.8”&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada saat ini yang digunakan sebagai ukuran standar adalah A4, oleh karena itu Microsoft Word menyediakan A4 sebagai ukuran baku.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Setelah memahami berbagai jenis ukuran kertas, untuk pengaturan tata letak dokumen, Anda perlu memerhatikan berbagai patokan, antara lain ukuran Margin (tepi, batas) atas/bawah/kiri/kanan, jenis dan ukuran Font, spasi antarbaris, dan indentasi.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Berbagai Margin standar dapat dilihat seperti tertera di bawah ini.&lt;/div&gt;
&lt;table class=&quot;tg&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Kiri/Left&lt;/th&gt;
    &lt;th class=&quot;tg-yw4l&quot;&gt;Kanan/Rig ht&lt;/th&gt;
    &lt;th class=&quot;tg-yw4l&quot;&gt;Atas/Top&lt;/th&gt;
    &lt;th class=&quot;tg-yw4l&quot;&gt;Bawah/Bott om&lt;/th&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Norma&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Sempit / Narrow&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;1,27 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;1,27 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;1,27 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;1,27 cm&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Moderat / Moderate&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;1,91 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;1,91 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Lebar / Wide&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;5,08 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;5,08 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;2,54 cm&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Cermin / Mirrored&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Inside 2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Outside 3,18 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;2,54 cm&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selain patokan yang telah ditentukan tersebut, pengaturan tata letak dokumen terkait pula dengan fungsi dan keindahan.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Orang sering melupakan bahwa untuk menyimpan dokumen, biasanya dibuat lubang di sisi kiri atau di bagian atas dokumen tersebut dengan menggunakan alat yang disebut perforator. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jika tidak dicermati, lubang yang dibuat akan menembus Font dokumen.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk mengantisipasi, gunakan fitur Gutter yang terdapat pada PAGE LAYOUT -&amp;gt; Margins -&amp;gt; Custom Margins -&amp;gt; Gutter.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SMhiVqzlaTqeuD50cgX3GaAjApUloa4WZ5HJYoKiKbkyO-skNTv244WVsyxd7FZch2s86uVFgGhf89gNGrR-s8Ay0X22xden-YldIAVhxGngfY20QvgOnNIwVBqwm0z-u1uXcZt1bHK5/s1600/1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;300&quot; data-original-width=&quot;645&quot; height=&quot;148&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SMhiVqzlaTqeuD50cgX3GaAjApUloa4WZ5HJYoKiKbkyO-skNTv244WVsyxd7FZch2s86uVFgGhf89gNGrR-s8Ay0X22xden-YldIAVhxGngfY20QvgOnNIwVBqwm0z-u1uXcZt1bHK5/s320/1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Mencari Fitur Gutter&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Xb6eQZvugwE2jh6ab-D-NLaJND5CNztsmVzYhagIebJ-P4YBsEOhw2RK7lE1sbTxsaVg1JzczsMEweyDoVQ-W0DXGuGxdjG_jC5DTmX48da9ZlXqOZh-c_KryM5P24NrVMcE06XXyCxT/s1600/2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;421&quot; data-original-width=&quot;581&quot; height=&quot;231&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Xb6eQZvugwE2jh6ab-D-NLaJND5CNztsmVzYhagIebJ-P4YBsEOhw2RK7lE1sbTxsaVg1JzczsMEweyDoVQ-W0DXGuGxdjG_jC5DTmX48da9ZlXqOZh-c_KryM5P24NrVMcE06XXyCxT/s320/2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Langkah menemukan fitur Gutter&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrK6CUwXiEz1Zw8C7RmFsgIQUfyPLFOsNHlAGmDztsUH8I76X320owOdqqLwm8Y6324ZSMCGEs5-ubadn04Dv8aIJ5mj0SYuZ6tav32fqyF4lbrrXPfBKSCOZpk1cWzfK7rvrBqMvfexv/s1600/3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;384&quot; data-original-width=&quot;631&quot; height=&quot;194&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrK6CUwXiEz1Zw8C7RmFsgIQUfyPLFOsNHlAGmDztsUH8I76X320owOdqqLwm8Y6324ZSMCGEs5-ubadn04Dv8aIJ5mj0SYuZ6tav32fqyF4lbrrXPfBKSCOZpk1cWzfK7rvrBqMvfexv/s320/3.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar &amp;nbsp;Posisi Gutter di sisi kiri dan di sisi atas&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Sekarang marilah kita perhatikan bersama contoh pengaturan tata letak dokumen seperti tertera pada halaman berikut ini.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Dokumen asli&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHNEySOINvBD5k9GQ0VvMvl1TevB_4SZmz3TTOBP5iAqPwhZeU_5krtB9JL9sEE7vnRF2iOvDo1KWvVJSPuMU5YovpN0JUXRSdSxuWxZZ4wLlgvVzjw_6tkjqGv-rWkjIVXTCLW4nVAYL/s1600/4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;353&quot; data-original-width=&quot;434&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHNEySOINvBD5k9GQ0VvMvl1TevB_4SZmz3TTOBP5iAqPwhZeU_5krtB9JL9sEE7vnRF2iOvDo1KWvVJSPuMU5YovpN0JUXRSdSxuWxZZ4wLlgvVzjw_6tkjqGv-rWkjIVXTCLW4nVAYL/s320/4.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Setelah dilakukan pengaturan seperlunya, dokumen tersebut di atas akan berubah dan berbentuk sebagaimana tampilan di bawah ini. Perhatikan baik-baik! Selain lebih enak dipandang, keterbacaannya juga lebih jelas.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzCpnLDaxV_6cqa6qQ-sSbsssFdTghjmnNHS25AzBTFKvXSveHxECkhe8ZgB1uuni-ZS8H4pCQb8o0WvR9FciLjR9m2e5TUZAtT6Gqce_CuPh1twgl9ewuXkfEszkybSggTqCEdTQUdbc/s1600/5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;326&quot; data-original-width=&quot;435&quot; height=&quot;239&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzCpnLDaxV_6cqa6qQ-sSbsssFdTghjmnNHS25AzBTFKvXSveHxECkhe8ZgB1uuni-ZS8H4pCQb8o0WvR9FciLjR9m2e5TUZAtT6Gqce_CuPh1twgl9ewuXkfEszkybSggTqCEdTQUdbc/s320/5.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Adapun fitur-fitur yang digunakan dalam pengaturan dokumen di atas adalah sebagai berikut. &amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;a) Font&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpZmmkf2J3qFF0AXjc8u79NGGK1AQMmp6zR45nVzRXHEMNwDv7hdNLhDPRj07TudFhqy_GAtY8XZYH-5BllsGycnpF1XSyQD6UgJd1ynrC5CllM7pHmzhUjIqn3hpZR99bmZlPrAznJSR/s1600/6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;137&quot; data-original-width=&quot;397&quot; height=&quot;110&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpZmmkf2J3qFF0AXjc8u79NGGK1AQMmp6zR45nVzRXHEMNwDv7hdNLhDPRj07TudFhqy_GAtY8XZYH-5BllsGycnpF1XSyQD6UgJd1ynrC5CllM7pHmzhUjIqn3hpZR99bmZlPrAznJSR/s320/6.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Perhatikan gambar II – 3 di atas ini, yang menampilkan komponenkomponen yang terdapat pada tab Home dan Font.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
1) Untuk memilih jenis Font, klik ikon panah pada kotak Font.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wOcluinIMbzHflk8hrIi3q_2-8xhzvLeDmyaEsWtpscj9WVbKSpDXlk0Jwaxp8HMXLMcTIj56xTpBPdykyFrYMEa2Dj1HwtIEiwoSmk8w_Br6t3OWWdXlsLQNna_gtmFKHQrkxp7n9Vb/s1600/7.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;104&quot; data-original-width=&quot;608&quot; height=&quot;54&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wOcluinIMbzHflk8hrIi3q_2-8xhzvLeDmyaEsWtpscj9WVbKSpDXlk0Jwaxp8HMXLMcTIj56xTpBPdykyFrYMEa2Dj1HwtIEiwoSmk8w_Br6t3OWWdXlsLQNna_gtmFKHQrkxp7n9Vb/s320/7.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Anda akan melihat tampilan sebagai berikut. &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbk-EXqwczwcpgg-1h8usBdt3RnbxystpdKqrkuvQc36OBi3GhDYT8LSjaB11Z7loCJ944Eegh4fiJILPQdroe4XlR4wDryobKK0mq8amZeFDWfAGegZ9bARTgEU6HgIOP9x991uYw46ak/s1600/8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;346&quot; data-original-width=&quot;260&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbk-EXqwczwcpgg-1h8usBdt3RnbxystpdKqrkuvQc36OBi3GhDYT8LSjaB11Z7loCJ944Eegh4fiJILPQdroe4XlR4wDryobKK0mq8amZeFDWfAGegZ9bARTgEU6HgIOP9x991uYw46ak/s320/8.png&quot; width=&quot;240&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
2) Untuk memilih ukuran Font atau Font size, klik ikon panah seperti tertera pada tampilan di bawah ini, dan akan terlihat hasil seperti Anda saksikan di samping ini.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlOM3H2ym8wllgBogVQDofyHPd5nCsZpH4c3MsIsGcIHlgJVMHajmMSkMBsc7e4ay-jmh4swVxGRxhF5U3WnMfSCOFZ-JA0FEGRzM0yy6xUTBD2XbutgPA-I2onE3Lt_e8roHFy69kDNOD/s1600/9.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;230&quot; data-original-width=&quot;176&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlOM3H2ym8wllgBogVQDofyHPd5nCsZpH4c3MsIsGcIHlgJVMHajmMSkMBsc7e4ay-jmh4swVxGRxhF5U3WnMfSCOFZ-JA0FEGRzM0yy6xUTBD2XbutgPA-I2onE3Lt_e8roHFy69kDNOD/s1600/9.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
3) Komponen lain yang perlu Anda ketahui adalah Font Style, digunakan untuk menebalkan Font (Bold), membuat Font miring (Italic), dan memberikan garis bawah (Underline) Font. &amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9_tHUsAkqmesykVn1HBmdLMvS0aX9MG6o37cb3eOs_QXmkBfsCaMnBMlyZZ4GbF4i94jwWCDgW5OtubtK8tRHeiZ8W4tpVn29MeKa-aYkUN3_ifC62HfUrvSqKzk3bFnoe32M1UvGgy8/s1600/10.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;104&quot; data-original-width=&quot;324&quot; height=&quot;102&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9_tHUsAkqmesykVn1HBmdLMvS0aX9MG6o37cb3eOs_QXmkBfsCaMnBMlyZZ4GbF4i94jwWCDgW5OtubtK8tRHeiZ8W4tpVn29MeKa-aYkUN3_ifC62HfUrvSqKzk3bFnoe32M1UvGgy8/s320/10.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Penebalan Font (Bold)&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1OqlIoLxoqrce9zClM78fLCKYtN0JjLv7PrIssw-fDvRrYZnMJlCHHiMg0j0Lo0iCJ3kfjaqhfnb_z7okXrJCfwsfrCo8A49DLESHifyFAe7eCTxcZb3s8KEIslMH5w9tBgMlj3XwGbW/s1600/11.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;106&quot; data-original-width=&quot;324&quot; height=&quot;104&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1OqlIoLxoqrce9zClM78fLCKYtN0JjLv7PrIssw-fDvRrYZnMJlCHHiMg0j0Lo0iCJ3kfjaqhfnb_z7okXrJCfwsfrCo8A49DLESHifyFAe7eCTxcZb3s8KEIslMH5w9tBgMlj3XwGbW/s320/11.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Membuat Font miring (Italic)&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsOTDlIWRPGkJjBEVRe21np9wyNPdvSndKUXJXtLPg7oOU4CUoxaQ2_vbmReP4oOhevnRVwRMy2D0fW8F1PZBhG6DrLr8pyXJld4pbu3sWPXApx0xPL0yA_AuNloU-3ntr-lR2fXduRIy/s1600/12.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;119&quot; data-original-width=&quot;355&quot; height=&quot;107&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAsOTDlIWRPGkJjBEVRe21np9wyNPdvSndKUXJXtLPg7oOU4CUoxaQ2_vbmReP4oOhevnRVwRMy2D0fW8F1PZBhG6DrLr8pyXJld4pbu3sWPXApx0xPL0yA_AuNloU-3ntr-lR2fXduRIy/s320/12.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Membuat garis bawah (Underline)&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Tepat di samping tombol U terdapat ikon panah seperti tertera pada Gambar di atas ini. Jika Anda klik ikon tersebut, akan keluar tampilan bermacam-macam bentuk garis yang dapat digunakan untuk membuat garis bawah, seperti tampak pada tampilan berikut.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzvgxyBJKYFz7imtGfJiJN0uwKyRXNYi58RAjQNBYf6eA0t1J1Jo2iaxlK3SneHN-icnKeGvsK8a8_DApAiv3RaSMT4wMQtW87kDSH7y7u0YFUlYKXCW_3vVExJ8-8ygc9zUU2m33_kvA/s1600/14.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;277&quot; data-original-width=&quot;147&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzvgxyBJKYFz7imtGfJiJN0uwKyRXNYi58RAjQNBYf6eA0t1J1Jo2iaxlK3SneHN-icnKeGvsK8a8_DApAiv3RaSMT4wMQtW87kDSH7y7u0YFUlYKXCW_3vVExJ8-8ygc9zUU2m33_kvA/s1600/14.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
4) Fitur Font Color, digunakan untuk memilih warna Font. Perhatikan tampilan di bawah ini.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1QfGZT1kagKA4AC5ETO4tFmaU4QWEqDWdnL9jn3hyphenhyphenCUmiHesjx-pbp48K3cqRoS9KsqxnDiwrbijKy7dT98GKwDCWiqxHElivTAOFJP6yXt634n9AUY8PKHs3KI6dD1ZztkEtpt75eMS3/s1600/15.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;130&quot; data-original-width=&quot;302&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1QfGZT1kagKA4AC5ETO4tFmaU4QWEqDWdnL9jn3hyphenhyphenCUmiHesjx-pbp48K3cqRoS9KsqxnDiwrbijKy7dT98GKwDCWiqxHElivTAOFJP6yXt634n9AUY8PKHs3KI6dD1ZztkEtpt75eMS3/s1600/15.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Coba perhatikan! Tepat di samping ikon Font Color &amp;nbsp;terdapat pula ikon panah. Jika Anda klik ikon tersebut, maka akan keluar tampilan seperti pada Gambar pada di bawah ini. Untuk memilih warna Font, Anda cukup mengklik pada warna yang Anda kehendaki.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivzuWOwG5SxR1cUD8aeQrtrK9G3u2OPqkY-7Ovv0MSyUn63_uo2DF0KY92tiUleJGlb8raioWyWRSrmOW2lswbbGAhheqIeOhFMHgekGb9TIUmzUDppZ_2djsTnqst0M5K8eWSpHYnxvs-/s1600/16.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;268&quot; data-original-width=&quot;340&quot; height=&quot;252&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivzuWOwG5SxR1cUD8aeQrtrK9G3u2OPqkY-7Ovv0MSyUn63_uo2DF0KY92tiUleJGlb8raioWyWRSrmOW2lswbbGAhheqIeOhFMHgekGb9TIUmzUDppZ_2djsTnqst0M5K8eWSpHYnxvs-/s320/16.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Jika Anda merasa kurang nyaman dengan tampilan itu dan menghendaki tampilan warna yang lebih lengkap, sila klik ikon More Colours, dan Anda akan melihat tampilan di sebelahnya.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88xd7U00sjpc0cHNx0IegJWxWXnCu6GMl2U5kTms2sc3KBtcK5mpqRyyB_0YpTsTjWoYYkWG9lyJBXLHuRH29CeYHJyrdt0S-bMu7NV9mBB6F_JW1G5DvBinCvrkZhwScXYk7bFn0KHXp/s1600/17.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;270&quot; data-original-width=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88xd7U00sjpc0cHNx0IegJWxWXnCu6GMl2U5kTms2sc3KBtcK5mpqRyyB_0YpTsTjWoYYkWG9lyJBXLHuRH29CeYHJyrdt0S-bMu7NV9mBB6F_JW1G5DvBinCvrkZhwScXYk7bFn0KHXp/s1600/17.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;b.) Paragraf&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Pengaturan paragraf yang dilakukan dengan cara sebagai berikut. &amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
1) Align &amp;nbsp;Left &amp;nbsp;= digunakan untuk mengatur paragraf menjadi rata kiri.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
2) Center = digunakan untuk mengatur paragraf menjadi rata tengah.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
3) Align Right = digunakan untuk mengatur paragraf menjadi rata kanan.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
4) Justify = digunakan untuk mengatur paragraf menjadi rata kanan dan rata kiri.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
5) Bullet = digunakan untuk memberikan tanda atau simbol pada teks yang dipilih.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
6) Numbering = digunakan untuk memberikan nomor pada teks yang dipilih.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;c.) Tabel&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Untuk membuat tabel, pilih menu Insert kemudian klik Table. Setelah muncul tampilan seperti tertera di samping kanan ini, tentukan jumlah baris dan kolom.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHgHwmq_CJJyRaLNm_m0IHUdCbLj_4INnQ6DeJbPUG3rRoDLzoB1f-jbrae1BPn8TL10i-11UEMMjdRLP-_rAw4Bjqcf6mx5qCyOrznsnw5BzkX5dPpcXs040wqe1h6QZnB6ph6djvZw7/s1600/18.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;344&quot; data-original-width=&quot;603&quot; height=&quot;182&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUHgHwmq_CJJyRaLNm_m0IHUdCbLj_4INnQ6DeJbPUG3rRoDLzoB1f-jbrae1BPn8TL10i-11UEMMjdRLP-_rAw4Bjqcf6mx5qCyOrznsnw5BzkX5dPpcXs040wqe1h6QZnB6ph6djvZw7/s320/18.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Selanjutnya lakukan pengaturan terhadap lebar masing-masing kolom, menyesuaikan dengan isi dokumen yang ada dalam kolom tersebut.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;d.) Indentasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Indentasi adalah bagian paragraf yang menjorok ke dalam pada barisbaris paragraf. Letak pengaturan indentasi berada pada Ruler. Ada 4 ikon indentasi yang dapat Anda gunakan untuk mengatur indentasi tersebut.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjgXghyphenhyphentdZV7AditDMB7PTEyZlXql4Pw53KE0SSGfpnm57It_y6GyQocGpyaszB6BO4OYkSTdHrZ4evvM7vmdap6SH9qB0x44YCSAEf5PBnyZcbq_ea6b9bBTJpPSEQpaG9SehEAFOo6V/s1600/19.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;91&quot; data-original-width=&quot;608&quot; height=&quot;47&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjgXghyphenhyphentdZV7AditDMB7PTEyZlXql4Pw53KE0SSGfpnm57It_y6GyQocGpyaszB6BO4OYkSTdHrZ4evvM7vmdap6SH9qB0x44YCSAEf5PBnyZcbq_ea6b9bBTJpPSEQpaG9SehEAFOo6V/s320/19.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Keterangan gambar :&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;First Line Indent, berfungsi untuk mengatur baris pertama saja dalam paragraf agar menjorok ke dalam.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Hanging Indent, berfungsi untuk mengatur kedalaman jarak semua baris setelah baris pertama dalam paragraf. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Left Indent, berfungsi untuk mengatur semua baris dalam paragraf, atau mengatur jarak sebelah kiri paragraf dengan Margin sebelah kiri &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Right Indent, berfungsi untuk mengatur jarak sebelah kalan paragraf dengan Margin sebelah kanan.&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;2. Ilustrasi (gambar)&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Dokumen asli.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCa3gLQSyRZOike_Z-WsWNOpp2RTOVNvBd9xUs7mfl6JokCor87zDB4f2PD6Bmyea9v97wShE8Gg-a_KXAgCj9wzCkvDhxL6e0RTHGVltSEF7VpEVpWI7PCiw6oFYlT6JAq3edoh-cea5/s1600/20.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;426&quot; data-original-width=&quot;517&quot; height=&quot;263&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCa3gLQSyRZOike_Z-WsWNOpp2RTOVNvBd9xUs7mfl6JokCor87zDB4f2PD6Bmyea9v97wShE8Gg-a_KXAgCj9wzCkvDhxL6e0RTHGVltSEF7VpEVpWI7PCiw6oFYlT6JAq3edoh-cea5/s320/20.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Dokumen setelah dilakukan pengaturan, akan terlihat seperti tertera pada halaman berikut.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnbHWh_DaRxxZHnyqyGdFAF_yrGRsKY2h7eHAljbw7hh7QCZkvlAyY-KZ_xBhOIv0EziXxQXWe8uH05I4zK7bqzla-K-QugKsNyY2ekbGvo_9VL5-W7jPVQNS7SwGwXGqvjSpIa_dnrKVl/s1600/21.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;372&quot; data-original-width=&quot;474&quot; height=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnbHWh_DaRxxZHnyqyGdFAF_yrGRsKY2h7eHAljbw7hh7QCZkvlAyY-KZ_xBhOIv0EziXxQXWe8uH05I4zK7bqzla-K-QugKsNyY2ekbGvo_9VL5-W7jPVQNS7SwGwXGqvjSpIa_dnrKVl/s320/21.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Langkah-langkah untuk menambahkan gambar adalah sebagai berikut.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
1) Pilih tab Insert&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
2) Pilih Picture &amp;nbsp;3) Pilih gambar yang dibutuhkan dengan memilih pada folder tempat data gambar disimpan. &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
4)&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFdG6ZkZQnqgjgsS2eQVzWErOjLyJHb7bES0PqyMXc63ZXz8mgxpDWiOWRQTHulkN7J_wdd3TqFNkTzV-rFSd3GDxY7a65YZUfjzGfzYQLbbw_6f2ulr8sZKnbUaQPPKkPQkuoeATY_jF/s1600/22.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;429&quot; data-original-width=&quot;571&quot; height=&quot;239&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvFdG6ZkZQnqgjgsS2eQVzWErOjLyJHb7bES0PqyMXc63ZXz8mgxpDWiOWRQTHulkN7J_wdd3TqFNkTzV-rFSd3GDxY7a65YZUfjzGfzYQLbbw_6f2ulr8sZKnbUaQPPKkPQkuoeATY_jF/s320/22.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
5) Jika sudah mendapatkan gambar yang diinginkan, pilih Insert.. Cara lain adalah klik Mouse dua kali pada gambar yang diinginkan. Atau dapat juga dilakukan dengan memilih gambar kemudian tekan tombol Enter.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Untuk melakukan perubahan tampilan terhadap gambar yang disisipkan, Microsoft Word 2010 telah menyediakan fasilitasnya pada menu format Picture Tool.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;3. Format kolom&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Dokumen asli.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPRCmuBP2R0fPY066D3Vj7Uaot9Djq4erlm_MgtYFU_DElG4dOJPkrf6uVqPd60Q8BF_0lKyMS6yRB_SqE_q2q_YHB9IJQDEVjEW4dppz-gE180TTC9E6fCfEuMQ3O_36QgdTZ1V5aoI_/s1600/23.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;363&quot; data-original-width=&quot;514&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPRCmuBP2R0fPY066D3Vj7Uaot9Djq4erlm_MgtYFU_DElG4dOJPkrf6uVqPd60Q8BF_0lKyMS6yRB_SqE_q2q_YHB9IJQDEVjEW4dppz-gE180TTC9E6fCfEuMQ3O_36QgdTZ1V5aoI_/s320/23.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Dokumen setelah dilakukan pengaturan menjadi dua kolom.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOakNYanI9LP63ieDIABkmUE_Jc3dqiOShq-LXjVVX9gm-7jUCaztErQj_gknRKp8halLOodTD7Vc6uGZ_iQ35ey8A1eT9uKbgoN1ZT6bhXhLcCdR9VzNmqiSiH_Aj9P0WUxPTf_upvek2/s1600/24.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;351&quot; data-original-width=&quot;495&quot; height=&quot;226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOakNYanI9LP63ieDIABkmUE_Jc3dqiOShq-LXjVVX9gm-7jUCaztErQj_gknRKp8halLOodTD7Vc6uGZ_iQ35ey8A1eT9uKbgoN1ZT6bhXhLcCdR9VzNmqiSiH_Aj9P0WUxPTf_upvek2/s320/24.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Untuk membuat dokumen dengan format kolom, seleksi dokumen yang akan dibuat menjadi kolom, pilih menu Page Layout lalu pilih Column.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;4. Header dan Footer&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Dokumen asli&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6FhctUB3gQOvBiV32it3IS0N9oLegRmAqvM3oaYQGnbumVv-Vc0OuxgWn3Ry6uGpOH6Wy4wWYN7ikNzbfYgLYP8zQbxsn8b9eoDSRsOOqyLjeN9RdiVJ0FSIPVhqsc5B6BZgLzHjarHvE/s1600/26.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;324&quot; data-original-width=&quot;516&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6FhctUB3gQOvBiV32it3IS0N9oLegRmAqvM3oaYQGnbumVv-Vc0OuxgWn3Ry6uGpOH6Wy4wWYN7ikNzbfYgLYP8zQbxsn8b9eoDSRsOOqyLjeN9RdiVJ0FSIPVhqsc5B6BZgLzHjarHvE/s320/26.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Setelah dilakukan pengaturan, dokumen tersebut akan tampak sebagai berikut.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6paa1tInCjNfMDVGP_8_kSEVEEErZukTpG8aE9ik8P0kUV29tmgR9EprvmjMKth-q5tExjjyFRpNRxWKu09npu8olaOlkHKtjMIi_-xex34RYUMmbQK2FBWhXIbvnXEIoKlAGjnaVRTf/s1600/25.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;327&quot; data-original-width=&quot;488&quot; height=&quot;214&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6paa1tInCjNfMDVGP_8_kSEVEEErZukTpG8aE9ik8P0kUV29tmgR9EprvmjMKth-q5tExjjyFRpNRxWKu09npu8olaOlkHKtjMIi_-xex34RYUMmbQK2FBWhXIbvnXEIoKlAGjnaVRTf/s320/25.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Dalam dokumen di atas dilakukan pengaturan Header, Footer, dan Page Number. Header dan Footer digunakan untuk membuat catatan kecil, label, logo, atau keterangan. Sesuatu yang diletakkan di bagian Header dan Footer akan selalu tampak di setiap halaman. Header terletak di bagian atas setiap halaman dokumen, Footer di bagian bawah setiap&amp;nbsp;dokumen.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Adapun Page Number digunakan untuk memberikan nomo halaman. Dapat diletakkan pada bagian atas halaman sebelah kanan, tengah, atau kiri, dapat pula diletakkan pada bagian bawah halaman sebelah kanan, tengah, atau kiri,&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;5. Penulisan rumus&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Fitur Equation pada menu Insert adalah fasilitas pada Microsoft Word yang disediakan untuk menuliskan rumus dan simbol yang tidak terdapat dalam Keyboard. Dengan adanya fitur Equation, rumus-rumus yang rumit dapat dibuat dengan lebih mudah dan cepat. Dokumen asli.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCL54vYfY2wqDpovI5Em9EdA5RtGLF92FytBxw1kvV10qG3j7gmWRE5-aTgt79n8RAn2Lwiphf9Zfc9calrE29SRdM08Y5FuNcqWdTvNILBM-R5JdhHemWVGQ0x2TMGM4bLLAdvBQUGdP/s1600/27.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;103&quot; data-original-width=&quot;572&quot; height=&quot;57&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCL54vYfY2wqDpovI5Em9EdA5RtGLF92FytBxw1kvV10qG3j7gmWRE5-aTgt79n8RAn2Lwiphf9Zfc9calrE29SRdM08Y5FuNcqWdTvNILBM-R5JdhHemWVGQ0x2TMGM4bLLAdvBQUGdP/s320/27.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Dokumen Sebelum Diformat Rumus&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgseImjnIrQATpuTjZFKjGSKNqRNy-6GhBXp7KMw7pezL5iOEpxxNJiiNyuq50fhVzuiEeh2BFjpL2oFTmOGKEAbjbuZUXgluzgV2R_zaSjIBSIbCs0CtU4OjTC_C6ANOMkfEBgOsLD-sBc/s1600/28.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;b&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;103&quot; data-original-width=&quot;575&quot; height=&quot;57&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgseImjnIrQATpuTjZFKjGSKNqRNy-6GhBXp7KMw7pezL5iOEpxxNJiiNyuq50fhVzuiEeh2BFjpL2oFTmOGKEAbjbuZUXgluzgV2R_zaSjIBSIbCs0CtU4OjTC_C6ANOMkfEBgOsLD-sBc/s320/28.png&quot; width=&quot;320&quot; /&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Dokumen Sebelum Diformat Rumus&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;6. Daftar isi&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
Contoh dokumen yang akan dibuat daftar isinya.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherTCr_SxzlCQe6eXCO1biT5hqiAQUiJRhUMIBCFlFo8dpTbKZ73HobnD7WNIVX48ofMu1XQqjfK1m5rCvT8K2rFf_DUpKAEZFAQ3Ll8JW3d1mv5Hy7KdQY6PGNQU6J7cNCWE9_7cMq2L_/s1600/29.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;293&quot; data-original-width=&quot;292&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherTCr_SxzlCQe6eXCO1biT5hqiAQUiJRhUMIBCFlFo8dpTbKZ73HobnD7WNIVX48ofMu1XQqjfK1m5rCvT8K2rFf_DUpKAEZFAQ3Ll8JW3d1mv5Hy7KdQY6PGNQU6J7cNCWE9_7cMq2L_/s1600/29.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Dokumen Asli Sebelum Dibuatkan Daftar Isi&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&amp;nbsp;Daftar isi berdasarkan dokumen di atas akan tampak sebagai berikut. &lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTbNj5l2qJdirR7F-uuNGOgCD7j3HmFct4SBbi2ifjX01KuCzGEnGS493XaWdKjyO1ll3B_fkGLcMDF04fzw5pv1g64qog1vjvI1BljTT7U6957spE6H186rDgS6s5dIJK9sm-Z9VdXRN/s1600/30.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;108&quot; data-original-width=&quot;414&quot; height=&quot;83&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTbNj5l2qJdirR7F-uuNGOgCD7j3HmFct4SBbi2ifjX01KuCzGEnGS493XaWdKjyO1ll3B_fkGLcMDF04fzw5pv1g64qog1vjvI1BljTT7U6957spE6H186rDgS6s5dIJK9sm-Z9VdXRN/s320/30.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Dokumen Setelah Dibuatkan Daftar Isi&amp;nbsp;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk membuat daftar isi, caranya adalah sebagai berikut.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
a. Menggunakan fasilitas Styles – Heading&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
b. Blok kata/kalimat yang akan dijadikan Heading 1, misal: Bab 2. Perangkat Lunak Pengolah Kata. c. Pada tab Home – Styles pilih Heading 1 untuk menunjukkan judul bab.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
d. Untuk membuat subbab (Heading 2) blok kata/kalimat yang diinginkan. Misalnya: A. Definisi Perangkat Lunak Pengolah Kata.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
e. Pada tab Home – Styles pilih Heading 2. Lakukan pada subbab yang lain seperti poin 3 dan 4.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQm2v4yg_hiBm17NLs2Tz0RuzYuHxvALdMfXSQALuP__gMu9BkjAX7l5UrfdI5WohArAHjCD3iyTmNR8gGCmWwdlRgnUErY8DrD0zF1K7RJLUFQPPo7CHiuT1V0vF42KH0ebUm9jO3-v6K/s1600/31.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;72&quot; data-original-width=&quot;460&quot; height=&quot;50&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQm2v4yg_hiBm17NLs2Tz0RuzYuHxvALdMfXSQALuP__gMu9BkjAX7l5UrfdI5WohArAHjCD3iyTmNR8gGCmWwdlRgnUErY8DrD0zF1K7RJLUFQPPo7CHiuT1V0vF42KH0ebUm9jO3-v6K/s320/31.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
f. Membuat Styles Baru&lt;br /&gt;
1) Buat Style dari masing-masing kalimat. Caranya: blok kalimat yang akan diberi Style-&amp;gt; klik kanan Mouse -&amp;gt; Styles -&amp;gt; Save Selection as a new quick Style.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuCRKtPvmVKhAWb1df9YCGIxK-7bpgCOa0yGnOsqmIjjrvcYWtBMixpv4LsxuIbGzlOQcld8e9w7-WvkXC-nHE0PR2Tbx0mTii8AvjUONXtABNrEVlK7Z2pz-AKg-D0L9T-Gkjjg93Egq/s1600/32.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;251&quot; data-original-width=&quot;288&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuCRKtPvmVKhAWb1df9YCGIxK-7bpgCOa0yGnOsqmIjjrvcYWtBMixpv4LsxuIbGzlOQcld8e9w7-WvkXC-nHE0PR2Tbx0mTii8AvjUONXtABNrEVlK7Z2pz-AKg-D0L9T-Gkjjg93Egq/s1600/32.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Pilihan Style&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
2) Muncul kotak dialog Create New Style from Formatting. Berikan nama Style baru pada Name, misalnya Judul.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPPnZJmRlf5SpsTna-ywPS_zoPmszrmzRvH5ha_JFMTzuh8I5ZlmZsBgFbCwqrxqnzfUcrJMWW36LU-pPCaHOsxsdBEUp9tIzXxo9ViWoV3JE9xza1GphWz1C3gH9ZQUJQNcpjvlVLPug/s1600/33.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;113&quot; data-original-width=&quot;210&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPPnZJmRlf5SpsTna-ywPS_zoPmszrmzRvH5ha_JFMTzuh8I5ZlmZsBgFbCwqrxqnzfUcrJMWW36LU-pPCaHOsxsdBEUp9tIzXxo9ViWoV3JE9xza1GphWz1C3gH9ZQUJQNcpjvlVLPug/s1600/33.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3) Lanjutkan dengan menyeleksi untuk bagian subjudul dan subsubjudul.&lt;br /&gt;
4) Tempatkan kursor pada posisi awal dokumen. Pilih menu References, lalu Table of Content, kemudian pilih Insert Table of Content.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQAezh16jN20FbFSb_nMMCH-ZuHcDhXUavSQZagur2tilG8MrEscJQzXo1HHiwT9zzn_4ZsjvCXQrRor_U9uzazFuTI522XtcOVd_bh-0W89SgbHgmVOPgD9AjkxgBITqUysyECKrQaP0n/s1600/34.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;447&quot; data-original-width=&quot;334&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQAezh16jN20FbFSb_nMMCH-ZuHcDhXUavSQZagur2tilG8MrEscJQzXo1HHiwT9zzn_4ZsjvCXQrRor_U9uzazFuTI522XtcOVd_bh-0W89SgbHgmVOPgD9AjkxgBITqUysyECKrQaP0n/s320/34.png&quot; width=&quot;239&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
5) Akan muncul kotak dialog Table of Content (TOC).&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA53W_mWx7NcRD7pQrynSbJCfbAPdNHE1sBwiWapkj-v1_JyhSZAg2mhAIPOQlLkU9hqv6RkZAfKWL4jkEuJCbNG6jbSIylOCzzaNc7wH850ddqjBHlPsKYg2VIpORMK19VOF9cYAYfiAj/s1600/35.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;251&quot; data-original-width=&quot;285&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA53W_mWx7NcRD7pQrynSbJCfbAPdNHE1sBwiWapkj-v1_JyhSZAg2mhAIPOQlLkU9hqv6RkZAfKWL4jkEuJCbNG6jbSIylOCzzaNc7wH850ddqjBHlPsKYg2VIpORMK19VOF9cYAYfiAj/s1600/35.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
6) Pilih format yang diinginkan pada bagian General, misalnya formal. Lalu klik Option.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsupcU29IgRufqSBh18N1UirNUq-BGqsH4CwI5pToHODuFQ0v7Tv11baQJ4yc9a-Q8JGfTyMB9WwCRi3rGksB3cVNTg0Nl-ndpwk1eHT7r57vB53i2uFNauD2SYZE-eFRnfM8gi37n1Glp/s1600/36.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;247&quot; data-original-width=&quot;292&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsupcU29IgRufqSBh18N1UirNUq-BGqsH4CwI5pToHODuFQ0v7Tv11baQJ4yc9a-Q8JGfTyMB9WwCRi3rGksB3cVNTg0Nl-ndpwk1eHT7r57vB53i2uFNauD2SYZE-eFRnfM8gi37n1Glp/s1600/36.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
7) Pada bagian TOC level, akan terisi secara baku, Heading 1 = 1, Heading 2 = 2, Heading 3 = 3. Untuk kegiatan ini, angka 1, 2, dan 3 dihapus.&lt;br /&gt;
8) Pada Style yang baru dibuat, ditentukan TOC levelnya. Dengan cara memberi angka 1,2,3, dan seterusnya.&lt;br /&gt;
9) Jika sudah selesai, tekan tombol OK.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;7. Mail Merge&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Mail merge adalah fasilitas yang disediakan oleh Microsoft Word untuk memudah-kan pencetakan dokumen secara cepat (biasanya surat) yang ditujukan kepada banyak pihak. Misalnya, Ketua Kelas ingin menyampaikan pemberitahuan kepada orang tua siswa di kelasnya bahwa pada liburan tengah semester akan diseleng-garakan kegiatan kemah bersama. Untuk membuat dokumen mail merge, ikuti proses berikut ini.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Buatlah dua jenis dokumen dalam berkas (file) berbeda:&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;sepucuk surat, yang berisi pemberitahuan tadi, dan&amp;nbsp;&lt;/li&gt;
&lt;li&gt;daftar nama orang tua siswa di kelas dibuat dalam file Excel.&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
Daftar nama orang tua hanya berisi komponen yang akan dimasukkan ke dalam surat seperti contoh berikut ini.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;table class=&quot;tg&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Nama&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Alamat 1&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Alamt 2&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Kota&lt;/th&gt;
    &lt;th class=&quot;tg-yw4l&quot;&gt;Kode Pos&lt;/th&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Bagiono&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Jalan Pondok&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Cabe&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Tanggerang&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;15480&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Aggry&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Jalan Bojong&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Sari&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Depok&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;16516&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Siapkan dokumen utama yang akan dikirimkan. Pilih menu Mailings. Pilih Select Recipients, kemudian pilih Use existing list. Sisipkan berkas yang telah dibuat dalam bentuk Excel dengan nama seperti pada Gambar II – 35.&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPbHwZ3zoYOiwxwXl6lLEbUrsq8Bq2QRQ3NzDg8n-aXsQ4kjanUPjpRspGM4-MMUwL5EvNCsm4-AieV1rXHG87wWwkvABOyIzqPULCM_BoB6f5awlWHb_FDj6h0OLpHQw0ZoynUnL-vQS/s1600/37.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;140&quot; data-original-width=&quot;589&quot; height=&quot;76&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPbHwZ3zoYOiwxwXl6lLEbUrsq8Bq2QRQ3NzDg8n-aXsQ4kjanUPjpRspGM4-MMUwL5EvNCsm4-AieV1rXHG87wWwkvABOyIzqPULCM_BoB6f5awlWHb_FDj6h0OLpHQw0ZoynUnL-vQS/s320/37.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sekarang, lakukan proses berikut. Aktifkan kursor pada dokumen yang dibuat. Pilih Insert Merge Field. Akan Anda lihat rentetan daftar judul seperti di samping ini. Letakkan kursor pada tempat yang sesuai, lalu klik rentetan judul dengan nama yang sama. Maka akan keluar bentuk seperti di bawah ini.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Kepada&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Yth. Bapak/Ibu «Nama»&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; «Alamat1»&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; «Alamat2»&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; di &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; «Kota»&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; «Kode_pos» &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoaOCD6rGkV8_56vYxN1pj2JMqLv6k4scT5t5VO7e0YNdttg8LP5RnqLzK3-N0K4YEXvCfKZxGibByT9emcS2jhRDUi28t_JrUEbe9G3mNklT0rZdSdFvIbPyH1cWUvnyhJiDmcVhWMjYZ/s1600/38.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;231&quot; data-original-width=&quot;144&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoaOCD6rGkV8_56vYxN1pj2JMqLv6k4scT5t5VO7e0YNdttg8LP5RnqLzK3-N0K4YEXvCfKZxGibByT9emcS2jhRDUi28t_JrUEbe9G3mNklT0rZdSdFvIbPyH1cWUvnyhJiDmcVhWMjYZ/s1600/38.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Anda dapat melakukan hal yang sama, sekalipun butir yang akan disisipkan terletak di tengah dokumen.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Untuk mengakhiri proses mail merge, pilih tombol Finish &amp;amp; Merge. Akan keluar 3 pilihan seperti tertera pada halaman berikut.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDa3lEL1xWdA9RSh6AqHRRzCWEjbVC2eFyc2Oar5LwQcTIUIQbUWDi8nx3ox39Aels2lJpoKKzrFYk_n3pTYX_cvzC3bvjv4VwwFQBJ32MR6Iog_b_DlZAh0UhQMTDSPdlNC46td4BEIJn/s1600/39.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;140&quot; data-original-width=&quot;524&quot; height=&quot;85&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDa3lEL1xWdA9RSh6AqHRRzCWEjbVC2eFyc2Oar5LwQcTIUIQbUWDi8nx3ox39Aels2lJpoKKzrFYk_n3pTYX_cvzC3bvjv4VwwFQBJ32MR6Iog_b_DlZAh0UhQMTDSPdlNC46td4BEIJn/s320/39.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Mengakhiri Mail Merge&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Jika selanjutnya Anda memilih print, ikuti langkah berikut ini.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;8. Mencetak Dokumen&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Dibandingkan dengan mencetak dokumen pada Microsoft Word versi sebelum-nya, mencetak pada Microsoft Word 2010 terdapat perubahan yang agak signifikan. Perubahan tersebut ada pada tampilan Print Preview yang langsung terlihat di samping dari tombol Print, seperti tertera pada gambar.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqoD9dXi9FuUp8nyoCjVnZDQM8voMISlR6kGzfmvGpWJQ_wxc18Rcpdg8ziy8qbRIIyn9NznKQTeeITcqcJn3mPunmcC7DRI34u7kaqeuIYZjK11IV01FZ8OlhAlA9JgcR1xc77yM6MUA/s1600/40.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;249&quot; data-original-width=&quot;313&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqoD9dXi9FuUp8nyoCjVnZDQM8voMISlR6kGzfmvGpWJQ_wxc18Rcpdg8ziy8qbRIIyn9NznKQTeeITcqcJn3mPunmcC7DRI34u7kaqeuIYZjK11IV01FZ8OlhAlA9JgcR1xc77yM6MUA/s1600/40.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
Gambar Menu Print&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Bagian-bagian menu Print pada Gambar II - 44 adalah sebagai berikut.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;Print: digunakan untuk menentukan banyaknya jumlah cetakan yang dibutuhkan. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Printer: digunakan untuk menentukan pilihan Printer yang akan digunakan untuk mencetak. Printer dapat yang langsung terhubung dengan computer ataupun yang terhubung melalui jaringan komputer.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Setting digunakan untuk memilih bagian dokumen yang akan dicetak.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Pages: sebetulnya sama dengan tab Page Layout, yaitu berhubungan dengan posisi kertas, ukuran kertas, batas kertas, dan sebagainya.&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/8833146390709278076/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/pengelolaan-aplikasi-pengolah-kata.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/8833146390709278076'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/8833146390709278076'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/pengelolaan-aplikasi-pengolah-kata.html' title='Pengelolaan Aplikasi Pengolah Kata (Microsoft Word)'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4wYc6otidaZngM7_F28-kNzwg2VC1Otfi9SIwZoX0EaU5bCxsfVqhGej1A-_Xl9WITJvKsIYIBMDJg5Vd_NSJNU_5gzZjN4AVyVNfd8lHtq9nejTMcivlLZyLIUs6xXqGnp618Ca-kCr/s72-c/Microsoft-Word-Macro-Execution-0day-Exploit-Found.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-1384091671186838312</id><published>2017-10-10T08:42:00.000-07:00</published><updated>2017-10-10T08:46:32.848-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Perakitan Komputer"/><title type='text'>Perkembangan Teknologi Komputer Sebelum dan Setelah 1940</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLco1e75Kq9Wo-FMQnN95K3dQCsXcCVlhMcTTW1kGf1iDHymPhY355iBurF9cprh08Io04ROaMhbJYKYeMjRFCKU6-v93bRgepSi8qUwNQG2cDvB9cucujYM3yExeCeXvAzbc2wUVBSYkr/s1600/image-teknologi.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;359&quot; data-original-width=&quot;556&quot; height=&quot;206&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLco1e75Kq9Wo-FMQnN95K3dQCsXcCVlhMcTTW1kGf1iDHymPhY355iBurF9cprh08Io04ROaMhbJYKYeMjRFCKU6-v93bRgepSi8qUwNQG2cDvB9cucujYM3yExeCeXvAzbc2wUVBSYkr/s320/image-teknologi.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Apa Kabar Sobat...??? Di postingan sebelumnya kita telah membahas perkembangan sistem operasi. Disini Smart IT akan membahas Perkembangan peradaban manusia diiringi dengan perkembangan cara penyampaian informasi yang dikenal dengan istilah teknologi informasi.&amp;nbsp;Perkembangan ini dimulai dari gambar – gambar yang tidak bermakna pada dinding gua, peletakan tonggak sejarah dalam bentuk prasasti, sampai diperkenalkannya dunia arus informasi yang dikenal dengan nama internet.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;1) Perkembangan generasi komputer sebelum tahun 1940&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada era sebelum tahun 1940 penggunaan alat bantu penghitung masih sangat sederhana dan manual,&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;b&gt;1. Abacus&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.ee.ryerson.ca/~elf/abacus/images/abacus-640x319.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.ee.ryerson.ca/~elf/abacus/images/abacus-640x319.JPG&quot; data-original-height=&quot;319&quot; data-original-width=&quot;640&quot; height=&quot;159&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Muncul sekitar 5000 tahun yang lalu di Asia kecil dan masih digunakan di beberapa tempat hingga saat ini, dapat dianggap sebagai awal mula mesin komputasi. Alat ini memungkinkan penggunanya untuk melakukan perhitungan menggunakan biji-bijian geser yang diatur pada sebuh rak.Para pedagang di masa itu menggunakan abacus untuk menghitung transaksi perdagangan. Seiring dengan munculnya pensil dan kertas, terutama di Eropa, Abacus kehilangan popularitasnya.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;b&gt;2. Kalkulator roda numerik 1&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3gwDyCAZnYQlCg0ZA7sv8gZ0TogSMUAp1b6JEjed1_RXm-InIMq6Q1f_O1PEyDAryMPBrOkWAUlEL1DgTfnj6boMm19AbxgiL6b4QiXZYVZPvRRpnRPnZ3hvgZEDUM836xJ7qFpRZ5Ys/s1600/Kalkulator+Roda+Mekanik+2.jpeg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;204&quot; data-original-width=&quot;247&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3gwDyCAZnYQlCg0ZA7sv8gZ0TogSMUAp1b6JEjed1_RXm-InIMq6Q1f_O1PEyDAryMPBrOkWAUlEL1DgTfnj6boMm19AbxgiL6b4QiXZYVZPvRRpnRPnZ3hvgZEDUM836xJ7qFpRZ5Ys/s1600/Kalkulator+Roda+Mekanik+2.jpeg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Setelah hampir 12 abad, muncul penemuan lain dalam hal mesin komputasi. Pada tahun 1642, Blaise Pascal (1623-1662), yang pada waktu itu berumur 18 tahun, menemukan apa yang ia sebut sebagai kalkulator roda numerik (numerical wheel calculator) untuk membantu ayahnya melakukan&amp;nbsp;perhitungan pajak. Kotak persegi kuningan ini yang dinamakan Pascaline, menggunakan delapan roda putar bergerigi untuk menjumlahkan bilangan hingga delapan digit. Alat ini merupakan alat penghitung bilangan berbasis sepuluh. Kelemahan alat ini adalahhanya terbataas untuk melakukan penjumlahan.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;3. Kalkulator roda numerik 2&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Tahun 1694, seorang matematikawan dan filsuf Jerman, Gottfred Wilhem von Leibniz (1646-1716) memperbaiki Pascaline dengan membuat mesin yang dapat mengalikan. Sama seperti pendahulunya, alat mekanik ini bekerja dengan menggunakan roda-roda gerigi. Dengan mempelajari catatan dan gambar-gambar yang dibuat oleh Pascal, Leibniz dapat menyempurnakan alatnya.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;b&gt;4. Kalkulator Mekanik&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQuX52zyUxvpipqw4fVNelLg3tD04RxgfjoOEXakVhMISUXRQSfuQdfL7vrGDjt9ykR5fcSWcDgvVIYv3Qu8lnxy4nI1ph7qav-X8OffHlTPR-dpMS_Z_00JX1Dca-0ugy7Q7ZUwM8eT-/s1600/b2665d992fba62b92b48357fc19ca071_1m-png.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;355&quot; data-original-width=&quot;375&quot; height=&quot;302&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQuX52zyUxvpipqw4fVNelLg3tD04RxgfjoOEXakVhMISUXRQSfuQdfL7vrGDjt9ykR5fcSWcDgvVIYv3Qu8lnxy4nI1ph7qav-X8OffHlTPR-dpMS_Z_00JX1Dca-0ugy7Q7ZUwM8eT-/s1600/b2665d992fba62b92b48357fc19ca071_1m-png.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Charles Xavier Thomas de Colmar menemukan mesin yang dapat melakukan empat fungsi aritmatik dasar. Kalkulator mekanik Colmar, arithometer, mempresentasikan pendekatan yang lebih praktis dalam kalkulasi karena alat tersebut dapat melakukan penjumlahan, pengurangan, perkalian, dan pembagian. Dengan kemampuannya, arithometer banyak dipergunakan hingga masa Perang Dunia I. Bersama-sama dengan Pascal dan Leibniz, Colmar membantu membangun era komputasi mekanikal.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;2) Perkembangan generasi komputer setelah tahun 1940&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;1. Komputer generasi pertama ( 1940-1959 ).&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Komputer generasi pertama ini menggunakan tabung vakum untuk memproses dan menyimpan data. Alat ini menjadi cepat panas dan mudah terbakar, oleh karena itu beribu-ribu tabung vakum diperlukan untuk menjalankan operasi keseluruhan komputer. Alat ini juga memerlukan banyak tenaga elektrik yang menyebabkan gangguan elektrik di kawasan sekitarnya. Komputer generasi pertama ini 100% elektronik dan membantu para ahli dalam menyelesaikan masalah perhitungan dengan cepat dan tepat. &lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://image.slidesharecdn.com/bab1-sejarahkomputer-bag1-160906232921/95/bab1-sejarah-komputer-bagian-pertama-17-638.jpg?cb=1473204603&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;479&quot; data-original-width=&quot;638&quot; height=&quot;240&quot; src=&quot;https://image.slidesharecdn.com/bab1-sejarahkomputer-bag1-160906232921/95/bab1-sejarah-komputer-bagian-pertama-17-638.jpg?cb=1473204603&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;2. Komputer generasi kedua ( 1959 - 1964 )&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada tahun 1948, penemuan transistor sangat mempengaruhi perkembangan komputer. Transistor menggantikan tabung vakum di televisi, radio, dan komputer. Akibatnya, ukuran mesin-mesin elektrik berkurang drastis. Transistor mulai digunakan di dalam komputer mulai pada tahun 1956. Penemuan lain yang berupa pengembangan memori inti-magnetik membantu pengembangan komputer generasi kedua yang lebih kecil, lebih cepat, lebih dapat diandalkan, dan lebih hemat energi dibanding para pendahulunya. Mesin pertama yang memanfaatkan teknologi baru ini adalah superkomputer.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Komputer-komputer generasi kedua ini merupakan komputer yang sepenuhnya menggunakan transistor. Mereka juga memiliki komponenkomponen yang dapat diasosiasikan dengan komputer pada saat ini: printer, penyimpanan dalam disket, memory, sistem operasi, dan program.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;3. Komputer generasi ketiga ( 1964 - awal 80an )&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : integrated circuit) di tahun 1958.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen ke dalam suatu chip tunggal yang disebut semikonduktor.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;4. Komputer generasi keempat ( awal 80an - ??? )&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Setelah IC, tujuan pengembangan menjadi lebih jelas: mengecilkan ukuran sirkuit dan komponen - komponen elektrik. Large Scale Integration (LSI) dapat memuat ratusan komponen dalam sebuah chip.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada tahun 1980-an, Very Large Scale Integration (VLSI) memuat ribuan komponen dalam sebuah chip tunggal. Ultra-Large Scale Integration (ULSI) meningkatkan jumlah tersebut menjadi jutaan.Kemampuan untuk memasang sedemikian banyak komponen dalam suatu keping yang berukurang setengah keping uang logam mendorong turunnya harga dan ukuran komputer.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Chip Intel 4004 yang dibuat pada tahun 1971 membawa kemajuan pada IC dengan meletakkan seluruh komponen dari sebuah komputer (central processing unit, memori, dan kendali input/output) dalam sebuah chip yang sangat kecil&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;5. Komputer generasi kelima ( masa depan )&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Banyak kemajuan di bidang desain komputer dan teknologi semakin memungkinkan pembuatan komputer generasi kelima. Dua kemajuan rekayasa yang terutama adalah kemampuan pemrosesan paralel, yang akan menggantikan model nonNeumann. Model non Neumann akan digantikan dengan sistem yang mampu mengkoordinasikan banyak CPU untuk bekerja secara serempak.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kemajuan lain adalah teknologi superkonduktor yang memungkinkan aliran elektrik tanpa ada hambatan apapun, yang nantinya dapat mempercepat kecepatan informasi.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/1384091671186838312/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/perkembangan-teknologi-komputer-sebelum.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/1384091671186838312'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/1384091671186838312'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/perkembangan-teknologi-komputer-sebelum.html' title='Perkembangan Teknologi Komputer Sebelum dan Setelah 1940'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLco1e75Kq9Wo-FMQnN95K3dQCsXcCVlhMcTTW1kGf1iDHymPhY355iBurF9cprh08Io04ROaMhbJYKYeMjRFCKU6-v93bRgepSi8qUwNQG2cDvB9cucujYM3yExeCeXvAzbc2wUVBSYkr/s72-c/image-teknologi.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-3075439834685934823</id><published>2017-10-09T08:12:00.000-07:00</published><updated>2017-10-12T08:07:36.188-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jaringan Dasar"/><title type='text'>Mengenal Jaringan Komputer PAN (Personal Are a Network)</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tCfjMPgPVWPQjdW3XwsuhZZ8fknetWRHNd05-97CJAxHobXvbFdx6ftU1fldoZf3b10XNkvqgLfNyvpJRbnjk9aTTzuS4LGufqMNT8qV3tERwjZv994oVVG-bhDIpA8VKxjtZFJDExp2/s1600/pengertian+jaringan+PAN.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;543&quot; data-original-width=&quot;780&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tCfjMPgPVWPQjdW3XwsuhZZ8fknetWRHNd05-97CJAxHobXvbFdx6ftU1fldoZf3b10XNkvqgLfNyvpJRbnjk9aTTzuS4LGufqMNT8qV3tERwjZv994oVVG-bhDIpA8VKxjtZFJDExp2/s320/pengertian+jaringan+PAN.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Ok sobat, di postingan sebelumnya kita membahas pelajaran Pemrograman Dasar, mungkin sekrang saya akan beralih ke pembahasn jaringan dasar, karena kalau di jurusan RPL ini, biasanya awal&quot; kelas 10, pelajarannya campur dengan TKJ. jadi, walau kita jurusan RPL, kita wajib tau pembahasan Jaringan Dasar. Ok, mari kita bahas sepintas tentang jaringan dasar.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Jaringan dasar komputer adalah salah satu mata pelajaran wajib dasar program keahlian Teknik Komputer dan Informatika (TKI).&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Pembelajaran Jaringan dasar komputer ini menggunakan metode pendekatan scientifik. Dalam pendekatan ini praktikum atau eksperimen berbasis sains merupakan bidang pendekatan ilmiah dengan tujuan dan aturan khusus, dimana tujuan utamanya adalah untuk memberikan bekal ketrampilan yang kuat dengan disertai landasan teori yang realistis mengenai fenomena yang akan kita amati.&lt;/div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
&lt;b&gt;Mengenal Jaringan Komputer PAN (Personal Are a Network)&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
&lt;b&gt;Personal Area Network (PAN) &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Personal area network (PAN) adalah jaringan komunikasi satu perangkat lain dengan perangkat lainnya dalam jarak sangat dekat, hanya dalam beberapa meter saja. PAN atau Personal Area Network merupakan titik akses ke berbagai perangkat pribadi seperti komputer, telpon, ponsel, televise sistem keamanan rumah yang berbasis komunikasi data, maupun perangkat komunikasi publik seperti internet.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kontrol pada PAN dilakukan dengan authoritas pribadi, dan untuk Teknologi yangdigunakan antara lain Wireless Application Protocol (WAP) dan Bluetooth. PAN ini dihubungkan melalui bus yang ada pada komputer, seperti USB dan Firewire. PAN atau Personal Area adalah jaringan komputer digunakan untuk komunikasi antara perangkat komputer,Jangkauan dari PAN biasanya hanya beberapa meter.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
PAN dapat digunakan untuk komunikasi antara perangkat pribadi sendiri (komunikasiintrapersonal). Kegunaan Personal Area Network &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Menghubungkan perangkat-perangkat computer &amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Sebagai media komunikasi antara perangkat sendiri (komunikasi personal)&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Contoh Penggunaan Jaringan PAN&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Menghubungkan HP dengan Laptop menggunakan Bluetooth.Menghubungkan mouse dengan Laptop menggunakan Bluetooth.&amp;nbsp;Contoh gambar jaringan Personal Area Network&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwID1evb9UOiPBc4iChexwIuSXtqncndUAIQE_jqCHqYWCh3u_f9L1uE3iBtsPehUkOA967P9GwuB-pHW12uWV7YPyQG-6Wr6hKArnUKp7pQogqssUTHeqwThN47y-zkEn2njetWb6TIQ/s1600/networkdesigncommontypes2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;299&quot; data-original-width=&quot;275&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwID1evb9UOiPBc4iChexwIuSXtqncndUAIQE_jqCHqYWCh3u_f9L1uE3iBtsPehUkOA967P9GwuB-pHW12uWV7YPyQG-6Wr6hKArnUKp7pQogqssUTHeqwThN47y-zkEn2njetWb6TIQ/s1600/networkdesigncommontypes2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Disamping itu &amp;nbsp;Personal Area Network (PAN) merupakan jaringan komputer yang digunakan untuk komunikasi antara komputer perangkat (termasuk telepon dan asisten pribadi digital) dekat dari satu orang. Perangkat mungkin atau tidak milik orang tersebut. Jangkauan dari PAN biasanya beberapa meter. PANs dapat digunakan untuk komunikasi antara perangkat pribadi mereka sendiri (intrapersonal komunikasi), atau untuk menghubungkan ke tingkat yang lebih tinggi dan jaringan Internet (an uplink).&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Teknologi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
J Bluetooth PAN juga disebut piconet, dan terdiri dari 8 sampai perangkat aktif dalam hubungan tuan-budak (yang sangat besar jumlah perangkat yang dapat dihubungkan pada “parkir” mode). Perangkat Bluetooth pertama di piconet adalah master, dan semua perangkat yang berkomunikasi dengan slave master. J piconet&amp;nbsp;biasanya memiliki jarak 10 meter, walaupun berkisar hingga 100 meter dapat dijangkau di bawah keadaan ideal.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Inovasi baru dalam Bluetooth antena ada diizinkan untuk perangkat ini sangat melebihi jangkauan untuk mereka yang pada awalnya dirancang. Pada DEF CON 12, sekelompok hacker yang dikenal sebagai “Flexilis” berhasil tersambung dua perangkat Bluetooth lebih dari setengah mil (800 m) itu. Mereka menggunakan antena dengan lingkup dan antena Yagi, semua terpasang ke senapan saham. J terpasang kabel antena ke Bluetooth kartu di komputer. Mereka kemudian dinamakan antena “The BlueSniper.”&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Skinplex, PAN teknologi lain, transmit melalui capacitive dekat bidang kulit manusia. Skinplex dapat mendeteksi dan berkomunikasi hingga satu meter dari tubuh manusia. Sudah digunakan untuk kontrol akses untuk mengunci pintu dan kemacetan perlindungan mobil di atap mobil.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Wireless PAN&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDCVjvFD2QnGPkCT3xcGXquGyTCBMSajfWMjG7MjV2OtoBZMxc1zrF2Q1ExhH50SYuVc1yCZ7gy3d0aMrTiuUPYPJdqXHXkT00Ys1b2TStcb8mFysU3GJ8kilvPimV2z1mKM2xxTXxOcf/s1600/2000q2wt-fig-1.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;325&quot; data-original-width=&quot;500&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDCVjvFD2QnGPkCT3xcGXquGyTCBMSajfWMjG7MjV2OtoBZMxc1zrF2Q1ExhH50SYuVc1yCZ7gy3d0aMrTiuUPYPJdqXHXkT00Ys1b2TStcb8mFysU3GJ8kilvPimV2z1mKM2xxTXxOcf/s1600/2000q2wt-fig-1.gif&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
J WPAN (wireless personal area network) adalah jaringan area pribadi – untuk jaringan yang terpusat di sekitar perangkat interconnecting perorangan dari kerja – di mana sambungan nirkabel. Umumnya, personal area jaringan nirkabel menggunakan beberapa teknologi yang memungkinkan komunikasi dalam waktu sekitar 10 meter –&amp;nbsp;dengan kata lain, yang sangat jarak dekat. Salah satu teknologi Bluetooth, yang digunakan sebagai dasar untuk sebuah standar baru, IEEE 802,15.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
J WPAN dapat melayani semua interkoneksi ke komputer dan berkomunikasi biasa pada perangkat yang memiliki banyak orang di meja mereka atau membawa mereka dengan hari ini – atau bisa melayani tujuan yang lebih khusus seperti mengizinkan ahli bedah dan anggota tim lainnya untuk berkomunikasi selama suatu operasi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kunci konsep dalam teknologi WPAN dikenal sebagai “plugging dalam”. Dalam skenario yang ideal, jika dua-WPAN dilengkapi perangkat menjadi dekat (dalam beberapa meter dari satu sama lain) atau dalam waktu beberapa kilometer dari server pusat, mereka dapat berkomunikasi seakan-akan terhubung dengan kabel. Fitur penting lain adalah kemampuan masing-masing untuk mengunci perangkat dari perangkat lain yang selektif, perlu mencegah gangguan yang tidak sah atau akses informasi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Teknologi untuk WPAN adalah dalam masa pertumbuhan yang cepat dan proses pembangunan. Tujuannya adalah untuk memfasilitasi operasi halus di antara rumah atau bisnis perangkat dan sistem. Setiap perangkat di dalam WPAN akan dapat menyambungkan ke perangkat lain yang sama dalam WPAN, asalkan mereka dalam berbagai fisik satu sama lain. Selain itu, seluruh dunia akan WPANs interkoneksi. Jadi, misalnya, sebuah situs dalam archeologist di Yunani mungkin menggunakan PDA akses langsung ke database di University of Minnesota di Minneapolis, dan untuk mengirimkan temuan itu ke database.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/3075439834685934823/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/mengenal-jaringan-komputer-pan-personal.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/3075439834685934823'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/3075439834685934823'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/mengenal-jaringan-komputer-pan-personal.html' title='Mengenal Jaringan Komputer PAN (Personal Are a Network)'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tCfjMPgPVWPQjdW3XwsuhZZ8fknetWRHNd05-97CJAxHobXvbFdx6ftU1fldoZf3b10XNkvqgLfNyvpJRbnjk9aTTzuS4LGufqMNT8qV3tERwjZv994oVVG-bhDIpA8VKxjtZFJDExp2/s72-c/pengertian+jaringan+PAN.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-6725946516065989242</id><published>2017-10-09T07:59:00.000-07:00</published><updated>2017-10-09T08:08:13.287-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Sistem Operasi"/><title type='text'>Perkembangan Sistem Operasi</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQvTxqOPdMSaLKWApIGQEzLfNf9n4knOa7_R_eJTekfMI54LM3q3nS45IJorqEHSaWTT41K2hIvyEFQUWn0-HVb9FcbR_-QrxYGGi7s-6zrOeQNIKghWVLj7LXlN1d0uB6HXES3GwMPef/s1600/sistem+operasi.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;185&quot; data-original-width=&quot;300&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQvTxqOPdMSaLKWApIGQEzLfNf9n4knOa7_R_eJTekfMI54LM3q3nS45IJorqEHSaWTT41K2hIvyEFQUWn0-HVb9FcbR_-QrxYGGi7s-6zrOeQNIKghWVLj7LXlN1d0uB6HXES3GwMPef/s1600/sistem+operasi.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Apa Kabar Sobat ? sekarang kita akan membahas pembelajaran sistem operasi. yang tentunya bagi seorang programer juga harus bisa menguasai sistem operasi. apalagi degan seiring waktu. perkembangan sistem operasi begitu maju sangat pesat. jadi kita kalau tidak update pasti akan ketinggalan. oleh karena itu yuk kita cermati bagaimana perkembangan sistem operasi windows. namun sebelum itu. kita harus tau dulu. Apa sih Sistem Operasi itu ??&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Definisi &amp;nbsp;Sistem &amp;nbsp;Operasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sistem &amp;nbsp;operasi &amp;nbsp;(operating &amp;nbsp;system &amp;nbsp;atau &amp;nbsp;OS) &amp;nbsp;adalah &amp;nbsp;perangkat &amp;nbsp;lunak &amp;nbsp;yang &amp;nbsp; bertugas &amp;nbsp;untuk mengatur, &amp;nbsp;mengendalikan &amp;nbsp;perangkat &amp;nbsp;keras &amp;nbsp;dan &amp;nbsp;memberikan &amp;nbsp; kemudahan &amp;nbsp;untuk &amp;nbsp;pemakai &amp;nbsp;dalam penggunaan &amp;nbsp;komputer. &amp;nbsp; &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;akan &amp;nbsp; melakukan &amp;nbsp;layanan &amp;nbsp;inti &amp;nbsp;umum &amp;nbsp;untuk &amp;nbsp;software aplikasi. &amp;nbsp;Layanan &amp;nbsp;tersebut &amp;nbsp;seperti &amp;nbsp; akses &amp;nbsp;ke &amp;nbsp;disk, &amp;nbsp;manajemen &amp;nbsp;memori, &amp;nbsp;tugas &amp;nbsp;penjadwalan, &amp;nbsp;dan antar-muka &amp;nbsp;user. &amp;nbsp; Bagian &amp;nbsp;kode &amp;nbsp;yang &amp;nbsp;melakukan &amp;nbsp;tugas-tugas &amp;nbsp;ini &amp;nbsp; &amp;nbsp;dinamakan &amp;nbsp;dengan &amp;nbsp;“kernel” suatu &amp;nbsp; Sistem &amp;nbsp;Operasi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Ragam &amp;nbsp;sistem &amp;nbsp;operasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sistem &amp;nbsp;operasi &amp;nbsp;yang &amp;nbsp;digunakan &amp;nbsp;untuk &amp;nbsp;sistem &amp;nbsp;komputer &amp;nbsp;umum &amp;nbsp;termasuk &amp;nbsp; komputer &amp;nbsp;personal &amp;nbsp; terbagi &amp;nbsp;menjadi &amp;nbsp;3 &amp;nbsp;kelompok &amp;nbsp;besar, &amp;nbsp;yaitu:&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;Keluarga &amp;nbsp;Microsoft &amp;nbsp;Windows&lt;/b&gt; &amp;nbsp;– &amp;nbsp; sistem &amp;nbsp;operasi &amp;nbsp;meliputi &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp; ialah &amp;nbsp;Windows Desktop &amp;nbsp;Environment &amp;nbsp;berbasis &amp;nbsp;MS-DOS &amp;nbsp;(versi &amp;nbsp;1.x &amp;nbsp;hingga &amp;nbsp; versi &amp;nbsp;3.x), &amp;nbsp;berbasis &amp;nbsp;GUI Windows &amp;nbsp;9x &amp;nbsp;(Windows &amp;nbsp;95, &amp;nbsp;98, &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp; ME). &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;berbasis &amp;nbsp;Windows NT &amp;nbsp;seperti &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;3.x, &amp;nbsp; Windows &amp;nbsp;NT &amp;nbsp;4.0, &amp;nbsp;Windows &amp;nbsp;2000, &amp;nbsp;Windows &amp;nbsp;XP, Windows Server &amp;nbsp;2003, &amp;nbsp; windows &amp;nbsp;server &amp;nbsp;2008, &amp;nbsp;windows &amp;nbsp;server &amp;nbsp;2008 &amp;nbsp;R2, &amp;nbsp;Windows &amp;nbsp;Home &amp;nbsp;Server &amp;nbsp; Windows &amp;nbsp;Vista, &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp;(Seven) &amp;nbsp;yang &amp;nbsp;dirilis &amp;nbsp;pada &amp;nbsp;tahun &amp;nbsp;2009, &amp;nbsp; Windows &amp;nbsp;8 &amp;nbsp;yang dirilis &amp;nbsp;pada &amp;nbsp;Oktober &amp;nbsp;2012 &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp;Orient &amp;nbsp;yang &amp;nbsp;akan &amp;nbsp;dirilis &amp;nbsp;pada &amp;nbsp;tahun &amp;nbsp;2014. &amp;nbsp; &amp;nbsp;Keluarga &amp;nbsp;Windows &amp;nbsp;CE &amp;nbsp;seperti &amp;nbsp;windows &amp;nbsp; CE &amp;nbsp;1.0-CE &amp;nbsp;6.0 &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp;Mobile.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;Keluarga &amp;nbsp;Unix.&lt;/b&gt; &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;ini &amp;nbsp;menggunakan &amp;nbsp;antarmuka &amp;nbsp;sistem &amp;nbsp; operasi &amp;nbsp;POSIX, seperti &amp;nbsp;SCO &amp;nbsp;UNIX, &amp;nbsp;keluarga &amp;nbsp;BSD &amp;nbsp;(Berkeley &amp;nbsp;Software &amp;nbsp; Distribution), &amp;nbsp;GNU/Linux, &amp;nbsp; debian, &amp;nbsp;red &amp;nbsp;hat, &amp;nbsp;SUSE, &amp;nbsp;Ubuntu, &amp;nbsp;Zeath &amp;nbsp;OS &amp;nbsp; (berbasis &amp;nbsp;kernel &amp;nbsp;linux &amp;nbsp;yang &amp;nbsp;dimodifikasi.). MacOS/X &amp;nbsp;(berbasis &amp;nbsp;kernel &amp;nbsp; BSD &amp;nbsp;yang &amp;nbsp;dimodifikasi, &amp;nbsp;dan &amp;nbsp;dikenal &amp;nbsp;dengan &amp;nbsp;nama &amp;nbsp;Darwin) dan &amp;nbsp;GNU/ Hurd. &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;keluarga &amp;nbsp;unix &amp;nbsp;lainnya &amp;nbsp;seperti &amp;nbsp;AIX, &amp;nbsp;Amiga &amp;nbsp; OS, &amp;nbsp; &amp;nbsp; DragonFly &amp;nbsp;BSD, &amp;nbsp;Free &amp;nbsp;BSD, &amp;nbsp;GNU, &amp;nbsp;HP-UX, &amp;nbsp;IRIX,Linux, &amp;nbsp;LynxOS, &amp;nbsp; MINIX, &amp;nbsp;NetBSD, OpenBSD, &amp;nbsp;OS &amp;nbsp;X, &amp;nbsp;Plan &amp;nbsp;9, &amp;nbsp;QNX, &amp;nbsp;Research &amp;nbsp;UNIX, &amp;nbsp;SCO &amp;nbsp; OpenServer, &amp;nbsp;Solaris, &amp;nbsp;UNIX System &amp;nbsp;V, &amp;nbsp;Tru64 &amp;nbsp;UNIX, &amp;nbsp;UnixWare,&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;Keluaraga &amp;nbsp;Mac &amp;nbsp;OS&lt;/b&gt;. &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;ini &amp;nbsp;dikeluarkan &amp;nbsp;oleh &amp;nbsp;industri &amp;nbsp; komputer &amp;nbsp;Apple &amp;nbsp;yang disebut &amp;nbsp;Mac &amp;nbsp;atau &amp;nbsp;Macintosh. &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;ini &amp;nbsp; antara &amp;nbsp;lain &amp;nbsp;ialah &amp;nbsp;Public &amp;nbsp;Beta &amp;nbsp;(Kodiak), Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.0 &amp;nbsp;(Cheetah), &amp;nbsp;Mac &amp;nbsp; OS &amp;nbsp;X &amp;nbsp;10.1 &amp;nbsp;(Puma), &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.2 &amp;nbsp;(Jaguar), &amp;nbsp;Mac OS &amp;nbsp;X &amp;nbsp;10.3 &amp;nbsp;(Panther), &amp;nbsp; Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.4 &amp;nbsp;(Tiger), &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.5 &amp;nbsp;(Leopard), &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X 10.6 &amp;nbsp;(Snow &amp;nbsp; Leopard), &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.7 &amp;nbsp;(Lion), &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;10.8 &amp;nbsp;(Mountain &amp;nbsp;Lion). &amp;nbsp; Berbasis &amp;nbsp;Server &amp;nbsp;: &amp;nbsp;OpenStep, &amp;nbsp;Raphsody, &amp;nbsp;Mac &amp;nbsp;OS &amp;nbsp;X &amp;nbsp;Server &amp;nbsp;1.0, &amp;nbsp;berbasis &amp;nbsp; Mobile: &amp;nbsp;iOS. Awal &amp;nbsp;tahun &amp;nbsp;2007 &amp;nbsp;dikeluarkan &amp;nbsp; &amp;nbsp;versi &amp;nbsp;10.5 &amp;nbsp;(Leopard). &amp;nbsp;Tahun &amp;nbsp; 2011 &amp;nbsp;diluncurkan &amp;nbsp;versi &amp;nbsp;10.7 (lion). &amp;nbsp;Sistem &amp;nbsp;tersebut &amp;nbsp;menggunakan &amp;nbsp; interface &amp;nbsp;TEXT &amp;nbsp;(DOS, &amp;nbsp;POSIX, &amp;nbsp;LINUX), &amp;nbsp;dan &amp;nbsp; GUI (Graphical &amp;nbsp;User &amp;nbsp; Interface) &amp;nbsp;seperti &amp;nbsp;MS &amp;nbsp;Windows &amp;nbsp;dan &amp;nbsp;LINUX &amp;nbsp;(berbasis &amp;nbsp;TEXT &amp;nbsp;dan berbasis &amp;nbsp; GUI).&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Perkembangan &amp;nbsp;Umum &amp;nbsp;Sistem &amp;nbsp;operasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Menurut &amp;nbsp;Tanebaum, &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;mengalami &amp;nbsp;perkembangan &amp;nbsp;yang &amp;nbsp;dapat &amp;nbsp; dibagi &amp;nbsp;ke &amp;nbsp;dalam lima &amp;nbsp;generasi. diantaranya saja yaitu :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;a) Generasi &amp;nbsp;Awal &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
(1945-1955) Generasi &amp;nbsp;pertama &amp;nbsp;merupakan &amp;nbsp;awal &amp;nbsp;perkembangan &amp;nbsp;sistem komputasi elektronik &amp;nbsp; sebagai &amp;nbsp;pengganti &amp;nbsp;sistem &amp;nbsp;komputasi &amp;nbsp;mekanik, &amp;nbsp;hal &amp;nbsp;itu &amp;nbsp;disebabkan kecepatan &amp;nbsp; manusia untuk menghitung &amp;nbsp;terbatas &amp;nbsp;dan &amp;nbsp;manusia &amp;nbsp;sangat &amp;nbsp;mudah &amp;nbsp;untuk &amp;nbsp; membuat &amp;nbsp;kecerobohan, &amp;nbsp;kekeliruan bahkan &amp;nbsp;kesalahan. &amp;nbsp;Pada &amp;nbsp;generasi &amp;nbsp;ini &amp;nbsp;belum &amp;nbsp; ada &amp;nbsp;sistem operasi, &amp;nbsp;maka &amp;nbsp;sistem &amp;nbsp;komputer &amp;nbsp;diberi instruksi &amp;nbsp;yang &amp;nbsp;harus &amp;nbsp; dikerjakan &amp;nbsp;secara &amp;nbsp;langsung oleh &amp;nbsp;pengguna. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;div&gt;
&lt;b&gt;b) Generasi &amp;nbsp;Kedua &amp;nbsp;(1955-1965)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Generasi &amp;nbsp;kedua &amp;nbsp;memperkenalkan &amp;nbsp;Batch &amp;nbsp;Processing &amp;nbsp;System, &amp;nbsp;yaitu &amp;nbsp;Job &amp;nbsp;yang &amp;nbsp; dikerjakan &amp;nbsp;dalam satu &amp;nbsp;rangkaian, &amp;nbsp;lalu &amp;nbsp;dieksekusi &amp;nbsp;secara &amp;nbsp;berurutan. &amp;nbsp;Generasi &amp;nbsp;ini &amp;nbsp; sistem &amp;nbsp;komputer &amp;nbsp;belum dilengkapi &amp;nbsp;sistem &amp;nbsp;operasi, &amp;nbsp;tetapi &amp;nbsp;beberapa &amp;nbsp;fungsi &amp;nbsp;sistem &amp;nbsp; operasi &amp;nbsp;telah &amp;nbsp;ada, &amp;nbsp;contohnya &amp;nbsp;fungsi sistem &amp;nbsp;operasi &amp;nbsp;ialah &amp;nbsp;FMS &amp;nbsp;dan &amp;nbsp;IBSYS&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;b&gt;c) Generasi &amp;nbsp;Ketiga &amp;nbsp;(1965-1980)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Sistem &amp;nbsp;operasi &amp;nbsp;pada &amp;nbsp;generasi &amp;nbsp;ini &amp;nbsp;dikembangkan &amp;nbsp;untuk &amp;nbsp;melayani &amp;nbsp;banyak &amp;nbsp; pemakai, &amp;nbsp;dimana &amp;nbsp;para pemakai &amp;nbsp;berkomunikasi &amp;nbsp;lewat &amp;nbsp;terminal &amp;nbsp;secara &amp;nbsp;on-line &amp;nbsp;ke &amp;nbsp; komputer. &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp;menjadi multi-user &amp;nbsp;(digunakan &amp;nbsp;oleh &amp;nbsp;banyak &amp;nbsp;pengguna &amp;nbsp; sekaligus), &amp;nbsp;multi-programming &amp;nbsp;(melayani &amp;nbsp;banyak program &amp;nbsp;sekaligus) &amp;nbsp;dan &amp;nbsp;multi &amp;nbsp; tasking &amp;nbsp;(melayani &amp;nbsp;banyak &amp;nbsp;tugas &amp;nbsp;dan &amp;nbsp;pekerjaan &amp;nbsp;/ &amp;nbsp; &amp;nbsp;Batch Processing &amp;nbsp;System)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;d) Generasi &amp;nbsp;Keempat &amp;nbsp;(1980 &amp;nbsp;– &amp;nbsp;2000-an)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Pada &amp;nbsp;masa &amp;nbsp;ini &amp;nbsp;sistem &amp;nbsp;operasi &amp;nbsp;telah &amp;nbsp;menggunakan &amp;nbsp;Graphical &amp;nbsp;User &amp;nbsp;Interface (GUI) &amp;nbsp;yaitu &amp;nbsp;antar-muka &amp;nbsp;komputer &amp;nbsp;yang &amp;nbsp;berbasis &amp;nbsp;grafis &amp;nbsp;yang &amp;nbsp;sangat &amp;nbsp;nyaman &amp;nbsp;dan &amp;nbsp; mudah &amp;nbsp;digunakan. &amp;nbsp;Pada &amp;nbsp;masa ini &amp;nbsp;juga &amp;nbsp;dimulai &amp;nbsp;era &amp;nbsp;komputasi &amp;nbsp;tersebar &amp;nbsp; (distributed &amp;nbsp;computer) &amp;nbsp;dimana &amp;nbsp;komputasi-komputasi tidak &amp;nbsp;lagi &amp;nbsp;berpusat &amp;nbsp;di &amp;nbsp;satu &amp;nbsp; titik, &amp;nbsp;tetapi &amp;nbsp;dipecah &amp;nbsp;dibanyak &amp;nbsp;komputer &amp;nbsp;sehingga &amp;nbsp;tercapai &amp;nbsp;kinerja yang &amp;nbsp;lebih &amp;nbsp; baik.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;e) Generasi &amp;nbsp;Selanjutnya&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Pada &amp;nbsp;generasi &amp;nbsp;ini &amp;nbsp;diperkenalkan &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;yang &amp;nbsp;berada &amp;nbsp;dalam &amp;nbsp;sebuah &amp;nbsp; Sistem &amp;nbsp;Operasi dan &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;bergerak &amp;nbsp;(Mobile) &amp;nbsp;pada &amp;nbsp;perangkat &amp;nbsp;bergerak &amp;nbsp; seperti: &amp;nbsp;PDA, &amp;nbsp;Poket &amp;nbsp;PC, Laptop, &amp;nbsp;Notebook &amp;nbsp;dan &amp;nbsp;NetBook. &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp; jaringan &amp;nbsp;virtual &amp;nbsp;juga &amp;nbsp;berkembang, &amp;nbsp;sehingga dalam &amp;nbsp;satu &amp;nbsp;jaringan &amp;nbsp;hanya &amp;nbsp;diinstal &amp;nbsp; satu &amp;nbsp;buah &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;pada &amp;nbsp;perangkat &amp;nbsp;Server.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Perkembangan &amp;nbsp;sistem &amp;nbsp;operasi &amp;nbsp;windows&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Mircorost &amp;nbsp;Windows &amp;nbsp;adalah &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;yang dikembangkan &amp;nbsp;oleh &amp;nbsp; Microsoft &amp;nbsp;Corporation yang &amp;nbsp;menggunakan &amp;nbsp;antar &amp;nbsp;muka &amp;nbsp;berbasis &amp;nbsp;grafis &amp;nbsp;atau &amp;nbsp;dikenal &amp;nbsp;dengan &amp;nbsp;nama &amp;nbsp;GUI &amp;nbsp;(Graphical User Interface). &amp;nbsp;&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
Microsoft Corporation adalah sebuah perusahaan multinasional Amerika Serikat yang berkantor pusat di Redmond, Washington, Amerika Serikat yang mengembangkan, membuat, memberi lisensi dan mendukung beragam produk dan jasa terkait dengan komputer. Perusahaan ini didirikan di BillGates dan Paul Allen pada tanggal 4 april 1975&lt;/blockquote&gt;
&lt;b&gt;a) MS-Dos&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://upload.wikimedia.org/wikipedia/id/7/74/Msdos622.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;473&quot; data-original-width=&quot;400&quot; height=&quot;320&quot; src=&quot;https://upload.wikimedia.org/wikipedia/id/7/74/Msdos622.jpg&quot; width=&quot;270&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
Ms-Dos &amp;nbsp;(Microsoft &amp;nbsp;Disk &amp;nbsp;Operating &amp;nbsp;System) &amp;nbsp;adalah &amp;nbsp;Sistem &amp;nbsp;Operasi &amp;nbsp;yang &amp;nbsp; berbasiskan &amp;nbsp;teks &amp;nbsp;dan Command-Line &amp;nbsp;interpreter. &amp;nbsp;Windows &amp;nbsp;Versi &amp;nbsp;pertama, &amp;nbsp; Windows &amp;nbsp;Graphic &amp;nbsp;Environmnet &amp;nbsp;1.0 merupakan &amp;nbsp;perangkat &amp;nbsp;lunak &amp;nbsp;yang &amp;nbsp;bekerja &amp;nbsp; atas &amp;nbsp;arsitekstur &amp;nbsp;16-Bit &amp;nbsp;dan &amp;nbsp;bukan &amp;nbsp;merupakan &amp;nbsp;Sistem Operasi &amp;nbsp;dan &amp;nbsp;berjalan &amp;nbsp;atas &amp;nbsp; MS-DOS, &amp;nbsp;sehingga &amp;nbsp;untuk &amp;nbsp;menjalankannya &amp;nbsp;membutuhkan &amp;nbsp;MS-DOS&lt;br /&gt;
&lt;br /&gt;
MS-DOS &amp;nbsp;sendiri &amp;nbsp;sebenarnya &amp;nbsp;dibuat &amp;nbsp;oleh &amp;nbsp;perusahaan &amp;nbsp;pembuat &amp;nbsp;komputer &amp;nbsp; Seattle &amp;nbsp;Computer Products &amp;nbsp;kemudian &amp;nbsp;direkrut &amp;nbsp;oleh &amp;nbsp;Microsoft &amp;nbsp;yang &amp;nbsp;selanjutnya &amp;nbsp; dibeli &amp;nbsp;lisensinya. &amp;nbsp;MS-DOS &amp;nbsp;dirilis pertama &amp;nbsp;kali &amp;nbsp;pada &amp;nbsp;tahun &amp;nbsp;198, &amp;nbsp;dan &amp;nbsp;seiring &amp;nbsp; dengan &amp;nbsp;waktu, &amp;nbsp;Microsoft &amp;nbsp;pun &amp;nbsp;meluncurkan &amp;nbsp;versi yang &amp;nbsp;lebih &amp;nbsp;baru &amp;nbsp;dari &amp;nbsp;MS-DOS. &amp;nbsp; Tidak &amp;nbsp;kurang &amp;nbsp;hingga &amp;nbsp;delapan &amp;nbsp;kali &amp;nbsp;Microsoft &amp;nbsp;meluncurkan versi &amp;nbsp;baru &amp;nbsp;MS-DOS &amp;nbsp; dari &amp;nbsp;tahun &amp;nbsp;1981 &amp;nbsp;hingga &amp;nbsp;Microsoft &amp;nbsp;menghentikan &amp;nbsp;dukungan &amp;nbsp;MS-DOS pada tahun &amp;nbsp; 2000.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;b) Microsoft &amp;nbsp;Windows &amp;nbsp;(windows &amp;nbsp;1.x &amp;nbsp;– &amp;nbsp;windows &amp;nbsp;3.x)&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://upload.wikimedia.org/wikipedia/en/9/91/Windows_95_Desktop_screenshot.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;480&quot; data-original-width=&quot;640&quot; height=&quot;240&quot; src=&quot;https://upload.wikimedia.org/wikipedia/en/9/91/Windows_95_Desktop_screenshot.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
Microsoft &amp;nbsp;Windows &amp;nbsp;1.0 &amp;nbsp;merupakan &amp;nbsp;versi &amp;nbsp;pertama &amp;nbsp;sistem &amp;nbsp;operas &amp;nbsp;dalam &amp;nbsp; dunia &amp;nbsp;sistem &amp;nbsp;operasi berbasis &amp;nbsp;Graphical &amp;nbsp;User &amp;nbsp;Interface &amp;nbsp;(GUI) &amp;nbsp;yang &amp;nbsp;dibuat &amp;nbsp;oleh &amp;nbsp; Microsoft &amp;nbsp;Corporation &amp;nbsp;. &amp;nbsp;Versi &amp;nbsp;ini sebenarnya &amp;nbsp;diluncurkan &amp;nbsp;pertama &amp;nbsp;kali &amp;nbsp;pada &amp;nbsp; tanggal &amp;nbsp;10 &amp;nbsp;November &amp;nbsp;1998, &amp;nbsp;tapi &amp;nbsp;tidak &amp;nbsp;pernah keluar &amp;nbsp;ke &amp;nbsp;pasar &amp;nbsp;publik &amp;nbsp;sebelum &amp;nbsp; bulan &amp;nbsp;November &amp;nbsp;1998, &amp;nbsp;karena &amp;nbsp;banyaknya &amp;nbsp;hambatan &amp;nbsp;yang terjadi &amp;nbsp;ketika &amp;nbsp; pengembangan &amp;nbsp;berlangsung.&lt;br /&gt;
&lt;br /&gt;
Microsoft &amp;nbsp;Windows &amp;nbsp;2.0 &amp;nbsp;merupakan &amp;nbsp;versi &amp;nbsp;kedua &amp;nbsp;dari &amp;nbsp;sistem &amp;nbsp;operasi &amp;nbsp; berbasis &amp;nbsp;graphical &amp;nbsp;user interface &amp;nbsp;(GU) &amp;nbsp; buatan &amp;nbsp;Microsoft &amp;nbsp;Corporatio, &amp;nbsp;yang &amp;nbsp;dirilis &amp;nbsp; pada &amp;nbsp;9 &amp;nbsp;Desember &amp;nbsp;1987. &amp;nbsp;Sistem &amp;nbsp;ini &amp;nbsp; diluncurkan &amp;nbsp;untuk &amp;nbsp;melengkapi &amp;nbsp; kekurangan &amp;nbsp;ragam &amp;nbsp;aplikasi &amp;nbsp;pada &amp;nbsp; Windows &amp;nbsp;1.0.&lt;br /&gt;
&lt;br /&gt;
Windows &amp;nbsp;3.0 &amp;nbsp;memiliki &amp;nbsp;kemampuan &amp;nbsp; dukungan &amp;nbsp;kartu &amp;nbsp;grafis &amp;nbsp;SVGA &amp;nbsp;atau &amp;nbsp;XGA &amp;nbsp; dan &amp;nbsp;juga &amp;nbsp;icon. Microsoft &amp;nbsp;menyediakan &amp;nbsp;SDK &amp;nbsp;(Software &amp;nbsp;Development &amp;nbsp;Kit) &amp;nbsp; sehingga &amp;nbsp;para &amp;nbsp;developer &amp;nbsp;piranti lunak &amp;nbsp;dapat &amp;nbsp;mengembangkan &amp;nbsp;aplikasi &amp;nbsp;agar &amp;nbsp; mampu &amp;nbsp;berjalan &amp;nbsp;di &amp;nbsp;Windows &amp;nbsp;3.0 &amp;nbsp;ini. &lt;br /&gt;
&lt;br /&gt;
Sistem &amp;nbsp;ini mengenalkan &amp;nbsp;Virtual &amp;nbsp;Device &amp;nbsp; Driver &amp;nbsp;(VXD) &amp;nbsp;yang &amp;nbsp;berguna &amp;nbsp;untuk &amp;nbsp;meminimalisasi ketergantungan setiap &amp;nbsp;driver &amp;nbsp; pada &amp;nbsp;perangkat &amp;nbsp;keras &amp;nbsp;tertentu. &amp;nbsp;Sistem &amp;nbsp;ini &amp;nbsp;berevolusi &amp;nbsp;menjadi Windows &amp;nbsp;3.1 &amp;nbsp;yang mengenalkan &amp;nbsp;fitur &amp;nbsp;Multimedia &amp;nbsp;dan &amp;nbsp;True &amp;nbsp;Type &amp;nbsp;Font. &amp;nbsp;Sistem &amp;nbsp;ini memudahkan End&amp;nbsp;-User &amp;nbsp;karena adanya &amp;nbsp;fitur &amp;nbsp;Drag &amp;nbsp;and &amp;nbsp;Drop. &amp;nbsp;Windows &amp;nbsp;versi &amp;nbsp;3.0 &amp;nbsp;ini &amp;nbsp;berkembang &amp;nbsp; menjadi Windows &amp;nbsp;3.11 yang mendukung &amp;nbsp;aplikasi &amp;nbsp; &amp;nbsp;NetWorking.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;c) Windows &amp;nbsp;95 &amp;nbsp; &amp;nbsp;– &amp;nbsp;windows &amp;nbsp;ME&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
Windows &amp;nbsp;95 &amp;nbsp;diperkenalkan &amp;nbsp;pada &amp;nbsp;tanggal &amp;nbsp;14 &amp;nbsp;Agustu &amp;nbsp;1995. &amp;nbsp;Sistem &amp;nbsp;operasi &amp;nbsp; ini &amp;nbsp;memiliki &amp;nbsp;GUI yang &amp;nbsp;lebih &amp;nbsp;menarik &amp;nbsp;dan &amp;nbsp;atraktif, &amp;nbsp;menggunakan &amp;nbsp;rancangan &amp;nbsp;menu &amp;nbsp; &quot;Start&quot;, &amp;nbsp;menu &amp;nbsp;inovatif &amp;nbsp;untuk mengakses &amp;nbsp;grup &amp;nbsp;program &amp;nbsp;(pengganti &amp;nbsp; Program &amp;nbsp; Manager) &amp;nbsp;mendukung &amp;nbsp;penamaan &amp;nbsp;berkas &amp;nbsp;yang panjang. &amp;nbsp;Windows &amp;nbsp;95 &amp;nbsp;juga &amp;nbsp; mendukung &amp;nbsp;Plug &amp;nbsp;and &amp;nbsp;Play &amp;nbsp;untuk &amp;nbsp;mendeteksi &amp;nbsp;instalasi &amp;nbsp;perangkat keras &amp;nbsp;dan &amp;nbsp; konfigurasi &amp;nbsp;secara &amp;nbsp;otomatis, &amp;nbsp; &amp;nbsp;memiliki &amp;nbsp;beberapa &amp;nbsp;fasilitas &amp;nbsp;seperti &amp;nbsp;: &amp;nbsp;Browser &amp;nbsp;yang &amp;nbsp; terintegrasi &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp;Explorer &amp;nbsp;untuk &amp;nbsp;menjelajah &amp;nbsp;Windows. &amp;nbsp;Selain &amp;nbsp;itu &amp;nbsp;juga &amp;nbsp; Windows &amp;nbsp;95 memiliki &amp;nbsp;fitur &amp;nbsp;untuk &amp;nbsp;memanajemen &amp;nbsp;daya &amp;nbsp;(APM) &amp;nbsp;dan &amp;nbsp; diperkenalkannya &amp;nbsp;juga &amp;nbsp;Client-Server.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;d) &amp;nbsp;Windows &amp;nbsp;98 &amp;nbsp;- &amp;nbsp; &amp;nbsp;windows &amp;nbsp;SE &amp;nbsp;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
Windows &amp;nbsp;98 &amp;nbsp;dikeluarkan &amp;nbsp;oleh &amp;nbsp;Microsoft &amp;nbsp;pada &amp;nbsp;25 &amp;nbsp;Jun &amp;nbsp;1998. &amp;nbsp;Windows &amp;nbsp;98 &amp;nbsp; sudah &amp;nbsp;mendukung VGA &amp;nbsp;berbasis &amp;nbsp;AGP, &amp;nbsp;serta &amp;nbsp;mendukung &amp;nbsp;media &amp;nbsp;penyimpanan &amp;nbsp; berkas &amp;nbsp;seperti &amp;nbsp;USB, diperkenalkannya &amp;nbsp;NAT &amp;nbsp;untuk &amp;nbsp;berbagi &amp;nbsp;koneksi &amp;nbsp;Internet &amp;nbsp;dan &amp;nbsp; digantikannya &amp;nbsp;Virtual &amp;nbsp;Device Driver &amp;nbsp;dengan &amp;nbsp;Windows &amp;nbsp;Driver &amp;nbsp;Model. &amp;nbsp;Ada &amp;nbsp;juga &amp;nbsp; beberapa &amp;nbsp;fitur &amp;nbsp;tambahan &amp;nbsp;berupa &amp;nbsp;aplikasi Microsoft &amp;nbsp;Office &amp;nbsp;dan &amp;nbsp;Internet &amp;nbsp;Explorer &amp;nbsp; versi &amp;nbsp;5. &amp;nbsp;Windows &amp;nbsp;98 &amp;nbsp;juga &amp;nbsp;sudah &amp;nbsp;memiliki kemampuan-kemampuan &amp;nbsp;untuk &amp;nbsp; memainkan &amp;nbsp;Game &amp;nbsp;dan &amp;nbsp;menjalankan &amp;nbsp;aplikasi &amp;nbsp;Multimedia.&lt;br /&gt;
&lt;br /&gt;
Windows &amp;nbsp;98SE &amp;nbsp;menambahkan &amp;nbsp;dukungan &amp;nbsp;pada &amp;nbsp;Internet &amp;nbsp;Explorer &amp;nbsp;5, &amp;nbsp;NAT &amp;nbsp; untuk &amp;nbsp;berbagi koneksi Interne, &amp;nbsp;Digital &amp;nbsp;Versatile &amp;nbsp;Disk &amp;nbsp;(DVD, &amp;nbsp;Windows &amp;nbsp;Driver &amp;nbsp; Mode &amp;nbsp;(WDM) &amp;nbsp;yang &amp;nbsp;menggantikan model &amp;nbsp;Virtual &amp;nbsp;Device &amp;nbsp;Drive &amp;nbsp;(VxD) &amp;nbsp;serta &amp;nbsp; Windows &amp;nbsp;NetMeeting &amp;nbsp;3. &amp;nbsp;Sistem &amp;nbsp;ini &amp;nbsp;menganut prinsip hibrida &amp;nbsp;dengan &amp;nbsp;dukungan &amp;nbsp; kernel &amp;nbsp;16-bi/32-bi, &amp;nbsp;dan &amp;nbsp;masuk &amp;nbsp;pada &amp;nbsp;famili &amp;nbsp;Windows &amp;nbsp;98.&lt;br /&gt;
&lt;br /&gt;
Windows &amp;nbsp;ME &amp;nbsp;diluncurkan &amp;nbsp;pada &amp;nbsp;tanggal &amp;nbsp;14 &amp;nbsp;Septembe &amp;nbsp;2000. &amp;nbsp;Dalam &amp;nbsp;sistem &amp;nbsp; operasi &amp;nbsp;ini &amp;nbsp;tidak ada &amp;nbsp;fitur &amp;nbsp;yang &amp;nbsp;spesial &amp;nbsp;selain &amp;nbsp;transisi &amp;nbsp;dukungan &amp;nbsp;grafis &amp;nbsp;dari &amp;nbsp;16-Bit &amp;nbsp; ke &amp;nbsp;32-Bit &amp;nbsp;dan &amp;nbsp;sistem &amp;nbsp;ini banyak &amp;nbsp;dipakai &amp;nbsp;oleh &amp;nbsp;pengguna &amp;nbsp;pribadi.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;e) Windows &amp;nbsp;NT &amp;nbsp;3.xx &amp;nbsp;– &amp;nbsp;4.xx&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
Windows &amp;nbsp;NT &amp;nbsp;sebagai &amp;nbsp;pengganti &amp;nbsp;windows &amp;nbsp;ME &amp;nbsp;mendukung &amp;nbsp;arsitekrtur &amp;nbsp;x86 &amp;nbsp; (80×86), &amp;nbsp;Intel &amp;nbsp;IA64 dan &amp;nbsp;AMD64 &amp;nbsp;(x64) &amp;nbsp;dan &amp;nbsp;grafis &amp;nbsp;32-Bit. &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;dibangun &amp;nbsp;dari &amp;nbsp;pengembangan &amp;nbsp;IBM &amp;nbsp;OS/2 dan &amp;nbsp; &amp;nbsp;banyak &amp;nbsp;digunakan &amp;nbsp;dalam &amp;nbsp;jaringan &amp;nbsp; komputer. &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;juga &amp;nbsp;memperkenalkan &amp;nbsp;File System &amp;nbsp;NTFS &amp;nbsp;yang &amp;nbsp;lebih &amp;nbsp; baik &amp;nbsp;dari &amp;nbsp;FAT &amp;nbsp;maupun &amp;nbsp;FAT-32. &lt;br /&gt;
&lt;br /&gt;
Windows &amp;nbsp;NT &amp;nbsp;3.1 &amp;nbsp;dirilis &amp;nbsp;untuk &amp;nbsp;komputer &amp;nbsp;Intel &amp;nbsp;x86, &amp;nbsp;DEC &amp;nbsp;Alpha, &amp;nbsp;dan &amp;nbsp; beberapa &amp;nbsp;platform &amp;nbsp;yang mendukung &amp;nbsp;ARC &amp;nbsp;(Advanced &amp;nbsp;RISC &amp;nbsp;Computing &amp;nbsp;MIPS. &amp;nbsp; Sedangkan &amp;nbsp;Windows &amp;nbsp;3.51 &amp;nbsp;diluncurkan untuk &amp;nbsp;mendukung &amp;nbsp;komputer &amp;nbsp;IBM &amp;nbsp;PowerP &amp;nbsp; khususnya &amp;nbsp;untuk &amp;nbsp;sistem &amp;nbsp;PReP &amp;nbsp;seperti &amp;nbsp;deskto &amp;nbsp;atau laptop &amp;nbsp;IBM &amp;nbsp;Power &amp;nbsp;Series &amp;nbsp;dan &amp;nbsp; seri &amp;nbsp;Motorol &amp;nbsp;PowerStack. &lt;br /&gt;
&lt;br /&gt;
Meskipun &amp;nbsp;menggabungkan &amp;nbsp;dua teknologi &amp;nbsp;dari &amp;nbsp;dua &amp;nbsp; perusahaan, &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;3.51 &amp;nbsp;tidak &amp;nbsp;bisa dijalankan &amp;nbsp;di &amp;nbsp;atas &amp;nbsp;Power Macintosh. &amp;nbsp; Intergraph &amp;nbsp;Corporatio &amp;nbsp;kemudian &amp;nbsp;membuat &amp;nbsp;porting &amp;nbsp;untuk arsitektur &amp;nbsp;Intergraph &amp;nbsp; Clipper &amp;nbsp;miliknya &amp;nbsp;sendiri &amp;nbsp;dan &amp;nbsp;membuat &amp;nbsp;porting &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;3.51 &amp;nbsp;agar bisa &amp;nbsp; berjalan &amp;nbsp;di &amp;nbsp;atas arsitektur &amp;nbsp;SPAR &amp;nbsp;(milik &amp;nbsp;Sun &amp;nbsp;Microsystem). &amp;nbsp;Meskipun &amp;nbsp;demikian, &amp;nbsp; kedua produk &amp;nbsp;tersebut &amp;nbsp;tidak dijual &amp;nbsp;ke &amp;nbsp;publik &amp;nbsp;sebagai &amp;nbsp;produk &amp;nbsp;ritel.&lt;br /&gt;
&lt;br /&gt;
Windows &amp;nbsp;NT &amp;nbsp;4.0 &amp;nbsp;diluncurkan &amp;nbsp;untuk &amp;nbsp;mendukung &amp;nbsp;banyak &amp;nbsp;platform, &amp;nbsp;akan &amp;nbsp; tetapi &amp;nbsp;microsoft &amp;nbsp;hanya membuat &amp;nbsp;service &amp;nbsp;pack &amp;nbsp;dan &amp;nbsp;update &amp;nbsp;untuk &amp;nbsp;dua &amp;nbsp;varian &amp;nbsp; &amp;nbsp;(x86 &amp;nbsp; dan &amp;nbsp;DEC &amp;nbsp;Alph). &amp;nbsp;Selain &amp;nbsp;ke &amp;nbsp;dua varian &amp;nbsp;tersebut &amp;nbsp;service &amp;nbsp;pack &amp;nbsp;dan &amp;nbsp;update &amp;nbsp;dibuat &amp;nbsp; oleh &amp;nbsp;pihak &amp;nbsp;ketiga &amp;nbsp;(Motorola, &amp;nbsp;Intergraph, &amp;nbsp;dan lain-lain). &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;4.0 &amp;nbsp; merupakan &amp;nbsp;versi &amp;nbsp;rilis &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;yang &amp;nbsp;mendukung &amp;nbsp;DEC Alpha, MIPS, &amp;nbsp;dan &amp;nbsp; PowerPC. &amp;nbsp;Microsoft &amp;nbsp;juga &amp;nbsp;membuat &amp;nbsp;Windows &amp;nbsp;2000 &amp;nbsp;untuk &amp;nbsp;DEC &amp;nbsp;Alpha &amp;nbsp;hingga &amp;nbsp; bulan &amp;nbsp;Agustu &amp;nbsp;199. &amp;nbsp;Karena &amp;nbsp;Compaq &amp;nbsp;menghentikan &amp;nbsp;dukungan &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;untuk &amp;nbsp; arsitektur tersebut &amp;nbsp;maka &amp;nbsp;Microsoft &amp;nbsp; &amp;nbsp;menghentikan &amp;nbsp;pengembangan &amp;nbsp;proyek &amp;nbsp; AlphaNT &amp;nbsp;tersebut. &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;f) Windows &amp;nbsp;2000.&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.intelliadmin.com/images/Windows%202000%20Screen%20Shot.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.intelliadmin.com/images/Windows%202000%20Screen%20Shot.jpg&quot; data-original-height=&quot;305&quot; data-original-width=&quot;436&quot; height=&quot;223&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
Windows &amp;nbsp;2000 &amp;nbsp;(atau &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;5.0 &amp;nbsp;build &amp;nbsp;2159) &amp;nbsp;adalah &amp;nbsp;sebuah &amp;nbsp;versi &amp;nbsp; sistem &amp;nbsp;operas Window &amp;nbsp;yang &amp;nbsp;merupakan &amp;nbsp;versi &amp;nbsp;pengembangan &amp;nbsp;dari &amp;nbsp;Windows &amp;nbsp;N &amp;nbsp; versi &amp;nbsp;4.0 &amp;nbsp;yang &amp;nbsp;di &amp;nbsp;dikeluarkan oleh &amp;nbsp;Microsof &amp;nbsp;tanggal &amp;nbsp;17 &amp;nbsp;Februari &amp;nbsp;2000 &amp;nbsp;di &amp;nbsp;Amerika &amp;nbsp; Serikat. &amp;nbsp; &amp;nbsp;Windows &amp;nbsp;2000 &amp;nbsp;mempunyai banyak &amp;nbsp;fitur &amp;nbsp;tambahan &amp;nbsp;diantaranya &amp;nbsp;:&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Active &amp;nbsp;Director &amp;nbsp;yang &amp;nbsp;baru, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Image &amp;nbsp;Preview, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Plug &amp;nbsp;and &amp;nbsp;Play &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp; Driver &amp;nbsp;Model &amp;nbsp;yang &amp;nbsp;lebih &amp;nbsp;baik &amp;nbsp;performanya &amp;nbsp;dibanding sebelumnya, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Browser &amp;nbsp; Explore &amp;nbsp;yang &amp;nbsp;baru, &amp;nbsp;yaitu &amp;nbsp;Internet &amp;nbsp;Explorer &amp;nbsp;5.0. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Mendukung &amp;nbsp; &amp;nbsp;untuk &amp;nbsp;Microsoft &amp;nbsp; Direct &amp;nbsp;dan &amp;nbsp;Open &amp;nbsp;GL &amp;nbsp;(Windows &amp;nbsp;NT &amp;nbsp;4.0 &amp;nbsp;hanya mendukung &amp;nbsp;akselerasi &amp;nbsp;OpenG), &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Media &amp;nbsp;Playe &amp;nbsp;6.4 &amp;nbsp;terintegrasi &amp;nbsp; &amp;nbsp;(dapat &amp;nbsp;diinstalasikan &amp;nbsp;di &amp;nbsp;Windows &amp;nbsp;NT &amp;nbsp;4.0, &amp;nbsp; Terminal &amp;nbsp;Servic &amp;nbsp;yang &amp;nbsp;telah &amp;nbsp;terintegrasi, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Plug &amp;nbsp;And &amp;nbsp;Pla &amp;nbsp;yang &amp;nbsp;lebih &amp;nbsp;canggih, &amp;nbsp; sehingga &amp;nbsp;memasang &amp;nbsp;hardware &amp;nbsp;tertentu &amp;nbsp;dapat &amp;nbsp;langsung melalui &amp;nbsp;proses &amp;nbsp; restart, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Menggunakan &amp;nbsp;driver &amp;nbsp;untuk &amp;nbsp;hardware &amp;nbsp;berbasis &amp;nbsp; Windows &amp;nbsp;Driver &amp;nbsp;Mode &amp;nbsp;atau &amp;nbsp;dikenal &amp;nbsp;juga &amp;nbsp;dengan &amp;nbsp;WDM, &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Dukungan &amp;nbsp; manajemen &amp;nbsp;daya &amp;nbsp;lebih &amp;nbsp;baik, &amp;nbsp;yaitu &amp;nbsp;ACP &amp;nbsp;(Advanced &amp;nbsp;Configuration &amp;nbsp;and &amp;nbsp;Power &amp;nbsp; Interface) &amp;nbsp;yang &amp;nbsp;dapat &amp;nbsp;menghemat &amp;nbsp;daya.&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;b&gt;g) Windows &amp;nbsp;XP.&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.wikihow.com/images/e/ef/Install-Windows-XP-Step-25-Version-3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.wikihow.com/images/e/ef/Install-Windows-XP-Step-25-Version-3.jpg&quot; data-original-height=&quot;600&quot; data-original-width=&quot;800&quot; height=&quot;240&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;XP &amp;nbsp;menawarkan &amp;nbsp;banyak &amp;nbsp;perubahan, &amp;nbsp;fitur &amp;nbsp;dan &amp;nbsp;performa, &amp;nbsp; berbasis &amp;nbsp;grafis &amp;nbsp;digunakan pada &amp;nbsp;komputer &amp;nbsp;pribad, &amp;nbsp; desktop &amp;nbsp;bisnis, &amp;nbsp;lapto, &amp;nbsp;dan &amp;nbsp; pusat &amp;nbsp;media. &amp;nbsp; &amp;nbsp;Windows &amp;nbsp;XP &amp;nbsp;pertama &amp;nbsp;kali dirilis &amp;nbsp;pada &amp;nbsp;25 &amp;nbsp;Oktobe &amp;nbsp;2001, &amp;nbsp;400 &amp;nbsp;juta &amp;nbsp; salinan &amp;nbsp;instalasi &amp;nbsp;digunakan &amp;nbsp;pada &amp;nbsp;Januari &amp;nbsp;2006. Windows &amp;nbsp;XP &amp;nbsp;tersedia &amp;nbsp;dalam &amp;nbsp; berbagai &amp;nbsp;macam &amp;nbsp;edisi, &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp;ialah &amp;nbsp;:&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Home &amp;nbsp;Edition &amp;nbsp;ditargetkan &amp;nbsp;untuk &amp;nbsp;pengguna &amp;nbsp;pribadi. &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Professional &amp;nbsp;menawarkan &amp;nbsp;fitur &amp;nbsp; &amp;nbsp;tambahan &amp;nbsp;seperti &amp;nbsp;dukungan &amp;nbsp; untuk &amp;nbsp;domain Windows &amp;nbsp;Server &amp;nbsp;dan &amp;nbsp;dua &amp;nbsp;prosesor &amp;nbsp;fisik, &amp;nbsp;dan &amp;nbsp;ditargetkan &amp;nbsp; untuk &amp;nbsp; &amp;nbsp;pasar &amp;nbsp;power &amp;nbsp;user, bisnis dan &amp;nbsp;perusahaan &amp;nbsp;klien.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Media &amp;nbsp;Center &amp;nbsp;Edition &amp;nbsp;memiliki &amp;nbsp;fitur &amp;nbsp;multimedi &amp;nbsp;tambahan &amp;nbsp;yang &amp;nbsp; menawarkan &amp;nbsp;kemampuan &amp;nbsp;untuk &amp;nbsp;merekam &amp;nbsp;dan &amp;nbsp;menonton &amp;nbsp;acara &amp;nbsp;T, &amp;nbsp;melihat &amp;nbsp; fil &amp;nbsp;DV, &amp;nbsp;dan mendengarkan &amp;nbsp;musik.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Tablet &amp;nbsp;PC &amp;nbsp;Edition &amp;nbsp;didesain &amp;nbsp;khusus &amp;nbsp;untuk &amp;nbsp;platform &amp;nbsp;PC &amp;nbsp;Tablet, &amp;nbsp; yakni sebuah &amp;nbsp;komputer &amp;nbsp;pribadi &amp;nbsp;yang &amp;nbsp;menggunakan &amp;nbsp;stylus. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;profesional &amp;nbsp;64-bit &amp;nbsp;Edition &amp;nbsp;untuk &amp;nbsp;prosesor &amp;nbsp;berarsitektur &amp;nbsp;IA-6 &amp;nbsp; (Itaniu)&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Professional &amp;nbsp;x64 &amp;nbsp;Edition &amp;nbsp;untuk &amp;nbsp;prosesor &amp;nbsp;berarsitektur &amp;nbsp;x86-6.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Starter &amp;nbsp;Edition &amp;nbsp;yang &amp;nbsp;dijual &amp;nbsp;di &amp;nbsp;beberapa &amp;nbsp;negara &amp;nbsp;berkembang.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;XP &amp;nbsp;Embedded, &amp;nbsp;sebuah &amp;nbsp;versi &amp;nbsp;Windows &amp;nbsp;XP &amp;nbsp;Professional &amp;nbsp;yang &amp;nbsp; dikurangi &amp;nbsp;segala fiturnya &amp;nbsp;di &amp;nbsp;sana &amp;nbsp;sini &amp;nbsp;untuk &amp;nbsp;pasar &amp;nbsp;tertentu.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;h) Windows &amp;nbsp;server &amp;nbsp;2003&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://orig00.deviantart.net/a433/f/2015/082/2/7/my_windows_server_2003_sp2_enterprise_edition_by_pokemonosterfanzg-d8mt49t.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;600&quot; data-original-width=&quot;800&quot; height=&quot;240&quot; src=&quot;https://orig00.deviantart.net/a433/f/2015/082/2/7/my_windows_server_2003_sp2_enterprise_edition_by_pokemonosterfanzg-d8mt49t.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Banyak &amp;nbsp;sekali &amp;nbsp;fitur &amp;nbsp;yang &amp;nbsp;ditawarkan &amp;nbsp;pada &amp;nbsp;Windows &amp;nbsp;Server &amp;nbsp;2003. &amp;nbsp;Fitur &amp;nbsp; windows &amp;nbsp;server &amp;nbsp;2003 edisi &amp;nbsp;standar &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp;ialah &amp;nbsp;platform &amp;nbsp;.Net, &amp;nbsp;fiitur &amp;nbsp;Domain &amp;nbsp; Controller &amp;nbsp;Server, &amp;nbsp;PKI &amp;nbsp;(Public Key &amp;nbsp;Infrastructure) &amp;nbsp;Server, &amp;nbsp;Domain &amp;nbsp;Name &amp;nbsp;System &amp;nbsp; (DNS), &amp;nbsp;Dynamic &amp;nbsp;Host &amp;nbsp;Configuration Protocol &amp;nbsp;(DHCP), &amp;nbsp;Windows &amp;nbsp;Internet &amp;nbsp;Name &amp;nbsp; Service &amp;nbsp;(WINS), &amp;nbsp;Microsoft &amp;nbsp;IIS, &amp;nbsp;Windows &amp;nbsp;Terminal Service, &amp;nbsp; &amp;nbsp;Mendukung &amp;nbsp; pembagian &amp;nbsp;beban &amp;nbsp;jaringa &amp;nbsp;Fitur &amp;nbsp;standar &amp;nbsp;sebuah &amp;nbsp;server: &amp;nbsp;file &amp;nbsp;service, &amp;nbsp;print service, &amp;nbsp; atau &amp;nbsp;application &amp;nbsp;server &amp;nbsp;yang &amp;nbsp;dapat &amp;nbsp;diinstalasi &amp;nbsp; &amp;nbsp;(seperti &amp;nbsp;Microsoft &amp;nbsp;Exchange &amp;nbsp; Server, SQL &amp;nbsp;Server, &amp;nbsp;atau &amp;nbsp;aplikasi &amp;nbsp;lainnya). &amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;memiliki &amp;nbsp; nama &amp;nbsp;kode &amp;nbsp;Whistler Server &amp;nbsp;mulai &amp;nbsp;dikerjakan &amp;nbsp;pada &amp;nbsp;akhir tahun 2000. &amp;nbsp;Windows &amp;nbsp; Server &amp;nbsp;2003 &amp;nbsp;terdiri &amp;nbsp;atas &amp;nbsp;beberapa edisi &amp;nbsp;atau &amp;nbsp;produk &amp;nbsp;yang &amp;nbsp;berbeda, &amp;nbsp;yakni &amp;nbsp; sebagai &amp;nbsp;berikut:&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Windows &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;Enterprise&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;Datacenter &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;Web &amp;nbsp;Edition. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Small &amp;nbsp;Business &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;(Windows &amp;nbsp;SBS)&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Storage &amp;nbsp;Server &amp;nbsp;2003. &amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Server &amp;nbsp;2003 &amp;nbsp;Standard &amp;nbsp;Edition. &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;i) Windows &amp;nbsp;Vista&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://i.telegraph.co.uk/multimedia/archive/02236/Windows_Vista_2236444k.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i.telegraph.co.uk/multimedia/archive/02236/Windows_Vista_2236444k.jpg&quot; data-original-height=&quot;500&quot; data-original-width=&quot;800&quot; height=&quot;199&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;Vista &amp;nbsp;diluncurkan &amp;nbsp;8 &amp;nbsp;November &amp;nbsp;2000 &amp;nbsp;untuk &amp;nbsp;pengguna &amp;nbsp;bisnis, &amp;nbsp;dan &amp;nbsp; 30 &amp;nbsp;Januari &amp;nbsp;2000 untuk &amp;nbsp;pengguna &amp;nbsp;pribadi. &amp;nbsp; &amp;nbsp;Windows &amp;nbsp;Vista &amp;nbsp;lebih &amp;nbsp;mengutamakan &amp;nbsp; interface &amp;nbsp;atau penampilan &amp;nbsp;grafis antarmuka &amp;nbsp;dibandingkan &amp;nbsp;dengan &amp;nbsp;performa, &amp;nbsp; Fitur-fiturnya &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp;AERO, Sidebar, &amp;nbsp;tingkat keamanan &amp;nbsp;lebih &amp;nbsp;baik &amp;nbsp;dari &amp;nbsp;pada &amp;nbsp; Windows &amp;nbsp;XP. &amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;Vista &amp;nbsp;menggunakan Firewall &amp;nbsp;with Advanced &amp;nbsp;Security, &amp;nbsp; Windows &amp;nbsp;Defender, &amp;nbsp;Parental Control, &amp;nbsp;User &amp;nbsp;Account &amp;nbsp;Control (UAC), BitLocker &amp;nbsp; Drive &amp;nbsp;Encryption, &amp;nbsp;ASLR. &amp;nbsp;Windows &amp;nbsp;Vista menggunakan &amp;nbsp; IPv6, &amp;nbsp;DirectX &amp;nbsp;versi &amp;nbsp; terbaru, &amp;nbsp;dan &amp;nbsp;arsitekstur &amp;nbsp;64-Bit. &amp;nbsp;Windows &amp;nbsp;vista &amp;nbsp;mempunyai beberapa &amp;nbsp;versi: &amp;nbsp;yaitu:&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Starter.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Home &amp;nbsp;Basic.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Home &amp;nbsp;Premium&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Business.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Enterprise.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;Vista &amp;nbsp;Ultimate&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;j) Windows &amp;nbsp;7 &amp;nbsp;&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://upload.wikimedia.org/wikipedia/en/b/bd/Windows_7.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;480&quot; height=&quot;240&quot; src=&quot;https://upload.wikimedia.org/wikipedia/en/b/bd/Windows_7.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;7 &amp;nbsp; merupakan &amp;nbsp;gabungan &amp;nbsp;Windows &amp;nbsp;XP &amp;nbsp;dan &amp;nbsp;Windows &amp;nbsp;Vista, &amp;nbsp; Windows &amp;nbsp;7 &amp;nbsp;memiliki performa &amp;nbsp;yang &amp;nbsp;lebih &amp;nbsp;baik &amp;nbsp;dari &amp;nbsp;Windows &amp;nbsp;Vista. &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp; dirilis &amp;nbsp;untuk &amp;nbsp;pabrikan &amp;nbsp;komputer pada &amp;nbsp;22 &amp;nbsp;Jul &amp;nbsp;2009 &amp;nbsp;dan &amp;nbsp;dirilis &amp;nbsp;untuk &amp;nbsp;publik &amp;nbsp;pada &amp;nbsp;22 &amp;nbsp; Oktobe &amp;nbsp;2009. &amp;nbsp; Windows &amp;nbsp;7 &amp;nbsp;lebih &amp;nbsp;fokus pada &amp;nbsp;pengembangan &amp;nbsp;dasar &amp;nbsp;Windows, &amp;nbsp; dengan &amp;nbsp;tujuan &amp;nbsp;agar &amp;nbsp;lebih &amp;nbsp;kompatibel &amp;nbsp;dengan &amp;nbsp;aplikasi-aplikasi &amp;nbsp;dan &amp;nbsp;perangkat &amp;nbsp; keras &amp;nbsp;komputer &amp;nbsp;yang &amp;nbsp;kompatibel &amp;nbsp;dengan &amp;nbsp;Windows &amp;nbsp;Vista.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;7 &amp;nbsp;tidak &amp;nbsp;bisa &amp;nbsp;digunakan &amp;nbsp;dengan &amp;nbsp; jumlah &amp;nbsp;memori &amp;nbsp;yang &amp;nbsp;terpasang &amp;nbsp;melebihi kemampuannya. &amp;nbsp;Jumlah &amp;nbsp;ini &amp;nbsp;berbeda &amp;nbsp;di &amp;nbsp; setiap &amp;nbsp;versi &amp;nbsp;Windows &amp;nbsp;7, &amp;nbsp;dan &amp;nbsp;juga &amp;nbsp;berpengaruh &amp;nbsp;pada arsitektur &amp;nbsp;yang &amp;nbsp;dipakai &amp;nbsp; (apakah &amp;nbsp;32-bit &amp;nbsp;atau &amp;nbsp;64-bit). &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp;memiliki &amp;nbsp;6 &amp;nbsp;versi &amp;nbsp;seperti Windows &amp;nbsp;Vista &amp;nbsp; hanya &amp;nbsp;berbeda &amp;nbsp;nama, &amp;nbsp;jika &amp;nbsp;Windows &amp;nbsp;Vista &amp;nbsp;memiliki &amp;nbsp;versi &amp;nbsp;Business &amp;nbsp;maka &amp;nbsp;pada Windows &amp;nbsp;7 &amp;nbsp;versi &amp;nbsp;tersebut &amp;nbsp;dinamakan &amp;nbsp;Professional. &amp;nbsp;Versi &amp;nbsp;tersebut &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp;:&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Ultimat&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Professiona&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Enterpris&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Home &amp;nbsp;Premiu&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Home &amp;nbsp;Basi&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;7 &amp;nbsp;Starter&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;k) Windows &amp;nbsp;8&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://webforpc.com/wp-content/uploads/2015/09/Windows-8-Free-Download-32-Bit-64-Bit-ISO.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;450&quot; data-original-width=&quot;800&quot; height=&quot;179&quot; src=&quot;https://webforpc.com/wp-content/uploads/2015/09/Windows-8-Free-Download-32-Bit-64-Bit-ISO.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Windows &amp;nbsp;8 &amp;nbsp;adalah &amp;nbsp;nama &amp;nbsp;dari &amp;nbsp;versi &amp;nbsp;terbaru &amp;nbsp;Microsoft &amp;nbsp;Window, &amp;nbsp;serangkaian &amp;nbsp; Microsoft &amp;nbsp;secara resmi &amp;nbsp;merilis &amp;nbsp;Windows &amp;nbsp;8 &amp;nbsp;pada &amp;nbsp;26 &amp;nbsp;Oktober &amp;nbsp;2012. &amp;nbsp; &amp;nbsp;Versi &amp;nbsp; percobaan &amp;nbsp;Windows &amp;nbsp;8 &amp;nbsp;berupa Consumer &amp;nbsp;Preview &amp;nbsp;dan &amp;nbsp;Release &amp;nbsp;Preview. &amp;nbsp;Pada &amp;nbsp; tanggal &amp;nbsp;26 &amp;nbsp;Juni &amp;nbsp;2013, &amp;nbsp;Microsoft &amp;nbsp;merilis &amp;nbsp;versi Uji &amp;nbsp;Coba &amp;nbsp;dari &amp;nbsp;Windows &amp;nbsp;8.1 &amp;nbsp; (sebelumnya &amp;nbsp;dikenal &amp;nbsp;sebagai &amp;nbsp;Windows &amp;nbsp;Blue).&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Sistem &amp;nbsp;operas &amp;nbsp;ini &amp;nbsp;diproduksi &amp;nbsp;oleh &amp;nbsp; Microsof &amp;nbsp;untuk &amp;nbsp;digunakan &amp;nbsp;pada &amp;nbsp;komputer &amp;nbsp;pribad, &amp;nbsp;termasuk kompute &amp;nbsp;rumah &amp;nbsp;dan &amp;nbsp; bisnis, &amp;nbsp;lapto, &amp;nbsp;netboo, &amp;nbsp;tablet &amp;nbsp;P, &amp;nbsp;serve, &amp;nbsp;dan &amp;nbsp;PC &amp;nbsp;pusat &amp;nbsp;medi. &amp;nbsp;Sistem &amp;nbsp;operasi ini &amp;nbsp; menggunakan &amp;nbsp;mikroprosesor &amp;nbsp;AR &amp;nbsp;selain &amp;nbsp;mikroprosesor &amp;nbsp;x8 &amp;nbsp;tradisional &amp;nbsp;buatan &amp;nbsp; Inte &amp;nbsp;dan &amp;nbsp;AM. Antarmuka &amp;nbsp;penggunanya &amp;nbsp;diubah &amp;nbsp;agar &amp;nbsp;mampu &amp;nbsp;digunakan &amp;nbsp;pada &amp;nbsp; peralatan &amp;nbsp;layar &amp;nbsp;sentu &amp;nbsp;selain mous &amp;nbsp;dan &amp;nbsp;keyboar, &amp;nbsp;sehingga &amp;nbsp;Windows &amp;nbsp;8 &amp;nbsp;di &amp;nbsp;desain &amp;nbsp; untuk &amp;nbsp;perangkat &amp;nbsp;tablet &amp;nbsp;sentuh. &amp;nbsp;Windows &amp;nbsp;8 mempunyai &amp;nbsp;beberapa &amp;nbsp; &amp;nbsp;edisi &amp;nbsp;atau &amp;nbsp; versi &amp;nbsp;antara &amp;nbsp;lain &amp;nbsp;adalah &amp;nbsp;sebagai &amp;nbsp;berikut &amp;nbsp;:&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Windows &amp;nbsp;8, &amp;nbsp;setara &amp;nbsp;dengan &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp;Starter, &amp;nbsp;Home &amp;nbsp;Basic, &amp;nbsp;Home &amp;nbsp; Premium.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;8 &amp;nbsp;Pro, &amp;nbsp;setara &amp;nbsp;dengan &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp;Professional.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;8 &amp;nbsp;Enterprise, &amp;nbsp;setara &amp;nbsp;dengan &amp;nbsp;Windows &amp;nbsp;7 &amp;nbsp;Enterprise &amp;nbsp;dan &amp;nbsp;Ultimate.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;8 &amp;nbsp;RT, &amp;nbsp;versi &amp;nbsp;Windows &amp;nbsp;khusus &amp;nbsp;untuk &amp;nbsp;perangkat &amp;nbsp;berprosesor &amp;nbsp;ARM.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Windows &amp;nbsp;8.1&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;l) Windows 10&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://upload.wikimedia.org/wikipedia/en/3/32/Windows_10_(version_1703).png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;450&quot; data-original-width=&quot;800&quot; height=&quot;179&quot; src=&quot;https://upload.wikimedia.org/wikipedia/en/3/32/Windows_10_(version_1703).png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b style=&quot;background-color: white; color: #222222;&quot;&gt;Windows 10&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;merupakan&amp;nbsp;&lt;/span&gt;sistem operasi&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;&lt;/span&gt;komputer pribadi&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;yang dikembangkan oleh&amp;nbsp;&lt;/span&gt;Microsoft&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;sebagai bagian dari keluarga sistem operasi&amp;nbsp;&lt;/span&gt;Windows NT&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;. Diperkenalkan pada tanggal&amp;nbsp;&lt;/span&gt;30 September&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/2014&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; text-decoration: none;&quot; title=&quot;2014&quot;&gt;2014&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;dirilis pada&amp;nbsp;&lt;/span&gt;29 Juli&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/2015&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; text-decoration: none;&quot; title=&quot;2015&quot;&gt;2015&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;dan pada&amp;nbsp;&lt;/span&gt;November 2015&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;, Threshold 2 dari Windows 10 (v10.0.10586) dirilis ke publik.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;background-color: white; color: #222222; font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;Pertama diperkenalkan pada bulan&amp;nbsp;&lt;/span&gt;April 2014&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;pada&amp;nbsp;&lt;/span&gt;Konferensi Build&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;, Windows 10 bertujuan untuk mengatasi kekurangan dalam antarmuka pengguna pertama kali diperkenalkan oleh&amp;nbsp;&lt;/span&gt;Windows 8&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;dengan menambahkan mekanik tambahan yang dirancang untuk meningkatkan pengalaman pengguna untuk perangkat yang tidak ada layar sentuh (seperti&amp;nbsp;&lt;/span&gt;komputer meja&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;dan&amp;nbsp;&lt;/span&gt;laptop&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;), termasuk kebangkitan&amp;nbsp;&lt;/span&gt;menu Mulai&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;yang terlihat di&amp;nbsp;&lt;/span&gt;Windows 7&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;, sistem&amp;nbsp;&lt;/span&gt;desktop maya&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;, dan kemampuan untuk menjalankan&amp;nbsp;&lt;/span&gt;aplikasi&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;&lt;/span&gt;Bursa Windows&lt;span style=&quot;background-color: white; color: #222222;&quot;&gt;&amp;nbsp;dalam jendela pada desktop daripada modus layar penuh.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;background-color: white; color: #222222; font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Windows 10 akan tersedia dalam empat edisi utama untuk&amp;nbsp;komputer meja,&amp;nbsp;laptop, dan&amp;nbsp;tablet;&amp;nbsp;&lt;i&gt;Windows 10 Home&lt;/i&gt;&amp;nbsp;ditujukan untuk perangkat PC biasa dan memberikan fitur tingkat-konsumen;&amp;nbsp;&lt;i&gt;Windows 10 Pro&lt;/i&gt;&amp;nbsp;menambahkan fitur tambahan yang ditujukan untuk&amp;nbsp;pengguna mahir&amp;nbsp;dan lingkungan bisnis skala kecil dan menengah;&amp;nbsp;&lt;i&gt;Windows 10 Enterprise&lt;/i&gt;&amp;nbsp;berisi fitur tambahan yang ditujukan terhadap lingkungan bisnis skala menengah dan besar; sementara&amp;nbsp;&lt;i&gt;Windows 10 Education&lt;/i&gt;&amp;nbsp;merupakan versi yang mirip dengan&amp;nbsp;&lt;i&gt;Enterprise&lt;/i&gt;&amp;nbsp;yang akan didistribusikan ke sekolah, kampus, dan universitas melalui program lisensi akademi Microsoft.&amp;nbsp;Tiga edisi Windows 10 juga akan tersedia untuk perangkat bergerak dan benam.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #222222; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Empat edisi utama dari Windows 10, yaitu:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;color: #222222; font-family: sans-serif;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: 14px;&quot;&gt;Windows 10 Home&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #222222; font-family: sans-serif;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: 14px;&quot;&gt;Windows 10 Pro&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #222222; font-family: sans-serif;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: 14px;&quot;&gt;Windows 10 Enterprese&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #222222; font-family: sans-serif;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: 14px;&quot;&gt;Windows 10 Education&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222; font-family: sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;Windows 10&amp;nbsp;&lt;/span&gt;&lt;/span&gt;Enterprese LTSB&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/6725946516065989242/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/perkembangan-sistem-operasi.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/6725946516065989242'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/6725946516065989242'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/perkembangan-sistem-operasi.html' title='Perkembangan Sistem Operasi'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQvTxqOPdMSaLKWApIGQEzLfNf9n4knOa7_R_eJTekfMI54LM3q3nS45IJorqEHSaWTT41K2hIvyEFQUWn0-HVb9FcbR_-QrxYGGi7s-6zrOeQNIKghWVLj7LXlN1d0uB6HXES3GwMPef/s72-c/sistem+operasi.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-4979904508813417579</id><published>2017-10-08T08:12:00.000-07:00</published><updated>2017-10-14T08:55:36.632-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pemrograman Dasar"/><title type='text'>Belajar Bahasa Pemrograman Secara Otodidak</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyx6VTbRJx2cacyKdgIestynQxEw2gfrOk06lLnGtn0X-PnJMO78BJX2kUyrBsjSV-7EuJW7H-PqzvHhPb9I9TfAfTT8JNmpUwaYWlYMKFTlWvCPRXV8bUqfTXptUg4VBD-uT1VaDPEhH/s1600/Tips-Cara-Belajar-Ahli-Mahir-Bahasa-Pemrograman-Secara-Otodidak.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;504&quot; height=&quot;228&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyx6VTbRJx2cacyKdgIestynQxEw2gfrOk06lLnGtn0X-PnJMO78BJX2kUyrBsjSV-7EuJW7H-PqzvHhPb9I9TfAfTT8JNmpUwaYWlYMKFTlWvCPRXV8bUqfTXptUg4VBD-uT1VaDPEhH/s320/Tips-Cara-Belajar-Ahli-Mahir-Bahasa-Pemrograman-Secara-Otodidak.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Apa kabar sobat ? di postingan sebelumnya kita telah membahas pemrograman web serta sejarahnya. Ok, di pembahasan kali ini kita akan membahas pemrograman dasar, biasanya kalau di jurusan RPL. pelajaran ini hanya bagi kelas 10 dan kelas 11 saja. kita bahas terlebih dahulu. Apa itu belajar memprogram ?&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;u&gt;Belajar memprogram&lt;/u&gt;&lt;/b&gt; adalah belajar tentang strategi pemecahan masalah, metodologi dan sistematika pemecahan masalah tersebut kemudian menuangkannya dalam suatu notasi yang disepakati bersama.&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
lebih bersifat pemahaman persoalan, analisis, sintesis&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;u&gt;Belajar bahasa pemrograman&lt;/u&gt;&lt;/b&gt; adalah belajar memakai suatu bahasa, aturan sintaks (tatabahasa), setiap instruksi yang ada dan tata cara pengoperasian kompilator atau interpreter bahasa yang bersangkutan pada mesin tertentu. &amp;nbsp;Jadi :&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
BELAJAR MEMPROGRAM”” &amp;nbsp;TIDAK SAMA DENGAN &amp;nbsp;“BELAJAR BAHASA PEMROGRAMAN&amp;nbsp;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Algortima dan pemrograman Dasar&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Perangko dari Rusia pada Gambar di samping ini bergambar seorang pria dengan nama Muhammad bin Musa al-Khwarizmi. Bagi kalian yang sedang berkecimpung dalam dunia komputer maka seharusnya mengetahui siapa orang di samping ini.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dia adalah seorang ilmuwan Islam yang karya karyanya dalam bidang matematika, astronomi, astrologi dan geografi banyak menjadi dasar perkembangan ilmu modern. Dan dari namanya istilah yang akan kita pelajari dalam bab ini muncul. Dari Al-Khawarizmi kemudian &amp;nbsp;berubah menjadi algorithm dalam Bahasa Inggris dan diterjemahkan menjadi algoritma dalam bahasa Indonesia.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Algoritma&lt;/b&gt; adalah urutan langkah-langkah logis penyelesaian masalah yang disusun secara sistematis.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Struktur Algortima&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jika seseorang ingin mengirim surat kepada kenalannya di tempat lain, langkah yang harus dilakukan adalah:&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Menyiapkan Peralatan Tulis&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Menulis surat&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Surat dimasukkan ke dalam amplop tertutup&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Amplop ditempeli perangko secukupnya.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Pergi ke Kantor Pos terdekat untuk mengirimkannya&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Algoritma menghitung luas persegi panjang:&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Masukkan panjang (P)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Masukkan lebar (L)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Luas P * L 4. Tulis Luas&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Pembuatan algoritma mempunyai banyak keuntungan di antaranya:&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Pembuatan atau penulisan algoritma tidak tergantung pada bahasa pemrograman manapun, artinya penulisan algoritma independen dari bahasa pemrograman dan komputer yang melaksanakannya.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Notasi algoritma dapat diterjemahkan ke dalam berbagai bahasa pemrograman.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Apapun bahasa pemrogramannya, output yang akan dikeluarkan sama karena algoritmanya sama.&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Beberapa hal yang perlu diperhatikan dalam membuat algoritma:&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Teks algoritma berisi deskripsi langkah-langkah penyelesaian masalah.Deskripsi tersebut dapat ditulis dalam notasi apapun asalkan mudah dimengerti dan dipahami.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Tidak ada notasi yang baku dalam penulisan teks algoritma seperti notasi bahasa pemrograman. Notasi yang digunakan dalam menulis algoritma disebut notasi algoritmik.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Setiap orang dapat membuat aturan penulisan dan notasi algoritmik sendiri. Hal ini dikarenakan teks algoritma tidak sama dengan teks program. Namun, supaya notasi algoritmik mudah ditranslasikan ke dalam notasi bahasa pemrograman tertentu, maka sebaiknya notasi algoritmik tersebut berkorespondensi dengan notasi bahasa pemrograman secara umum.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Notasi algoritmik bukan notasi bahasa pemrograman, karena itu pseudocode dalam notasi algoritmik tidak dapat dijalankan oleh komputer. Agar dapat dijalankan oleh komputer, pseudocode dalam notasi algoritmik harus ditranslasikan atau diterjemahkan ke dalam notasi bahasa pemrograman yang dipilih. Perlu diingat bahwa orang yang menulis program sangat terikat dalam aturan tata bahasanya dan spesifikasi mesin yang menjalannya. Pseudocode adalah kode yang mirip dengan instruksi kode program sebenarnya.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Algoritma sebenarnya digunakan untuk membantu kita dalam mengkonversikan suatu permasalahan ke dalam bahasa pemrograman.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Algoritma merupakan hasil pemikiran konseptual, supaya dapat dilaksanakan oleh komputer, algoritma harus ditranslasikan ke dalam notasi bahasa pemrograman&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Perhatikan algoritma sederhana berikut : &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Algoritma menghitung luas segitiga &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Start&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Baca data alas dan tinggi.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Luas adalah alas kali tinggi kali 0.5&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Tampilkan Luas &amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Stop&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Penjelasan :&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Algoritma di atas adalah algoritma yang sangat sederhana, hanya ada lima langkah. Pada algoritma ini tidak dijumpai perulangan ataupun pemilihan. Semua langkah dilakukan hanya satu kali. Sekilas algoritma di atas benar, namun apabila dicermati maka algoritma ini mengandung kesalahan yang mendasar, yaitu tidak ada pembatasan pada nilai data untuk alas dan tinggi.&amp;nbsp;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Contoh : Algoritma Berangkat Sekolah&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Mulai&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Bangun dari tempat tidur&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Mandi Pagi&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Sarapan Pagi&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Pergi Ke Sekolah&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Cari Ruang Kelas&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Masuk kelas untuk Belajar&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selesai &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Apa Bedanya Algoritma dan Program ?&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Program&lt;/b&gt; adalah kumpulan pernyataan komputer, sedangkan metode dan tahapan sistematis dalam program adalah algoritma. Program ditulis dengan menggunakanbahasa pemrograman. Jadi bisa disebut bahwa program adalah suatu implementasi dari bahasa pemrograman. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Program = Algoritma + Bahasa (Struktur Data) &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Penerjemah Bahasa Pemrograman&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk menterjemahkan bahasa pemrograman yang kita tulis maka diperlukan Compiler dan interpreter. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Compiler adalah suatu program yang menterjemahkan bahasa program (Source code) ke dalam bahasa obyek (object code) secara keseluruhan program. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Interpreter berbeda dengan Compiler, interpreter menganalisis dan mengeksekusi setiap baris dari program secara keseluruhan. Keuntungan dari interpreter adalah dalam eksekusi yang bisa dilakukan dengan segera. Tanpa melalui tahap kompilasi, untuk alas an ini interpreter digunakan pada saat pembuatan program berskala besar.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;b&gt;Perbedaan Compiler dan interpreter.&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;/b&gt;

&lt;br /&gt;
&lt;table class=&quot;tg&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Compiler&lt;/th&gt;
    &lt;th class=&quot;tg-baqh&quot;&gt;Interpreter&lt;/th&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Menterjemahkan secara keseluruhan&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Menterjemahkan Instruksi per instruksi&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Bila terjadi kesalahan kompilasi maka source &lt;br /&gt;
program harus diperbaiki dan dikompilasi ulang&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Bila terjadi kesalahan interprestasi dapat &lt;br /&gt;
Diperbaiki&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Dihasilkan Object program Tidak dihasilkan &lt;br /&gt;
obyek program&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Tidak dihasilkan obyek program&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Dihasilkan Executable program&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Tidak dihasilkan Executable program&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Proses pekerjaan program lebih cepat&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Proses pekerjaan program lebih lambat&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Source program tidak dipergunakan hanya bila &lt;br /&gt;
untuk perbaikan saja&lt;/td&gt;
    &lt;td class=&quot;tg-yw4l&quot;&gt;Source program terus digunakan&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Keamanan dari program lebih terjamin&lt;/td&gt;
    &lt;td class=&quot;tg-j2zy&quot;&gt;Keamanan dari program Kurang terjamin&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Jenis-Jenis Bahasa Pemrograman&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Tingkat rendah (Bahasa mesin, Biner)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Bahasa Pemrograman Tingkat tinggi &amp;nbsp;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Contoh-contoh&lt;/b&gt; Bahasa Pemrograman yang ada :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
1. Prosedural : Algol, Pascal, Fortran, Basic, Cobol, C&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
2. Fungsional : LOGO, APL, LISP&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
3. Deklaratif : Prolog Object oriented murni: Smalltalk, Eifel, Java, PHP&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Cara penulisan algortima&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ada tiga cara penulisan algoritma, yaitu :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;1. Structured English (SE)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
SE merupakan alat yang cukup baik untuk menggambarkan suatu algoritma. Dasar dari SE adalah Bahasa Inggris, namun kita dapat memodifikasi dengan Bahasa Indonesia sehingga kita boleh menyebutnya sebagai Structured Indonesian (SI).&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
SE atau SI lebih tepat untuk menggambarkan suatu algoritma yang akan dikomunikasikan kepada pemakai perangkat lunak &amp;nbsp;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;2. Pseudocode &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pseudocode adalah kode yang mirip dengan instruksi kode program sebenarnya. Pseudocode didasarkan pada bahasa pemrograman yang sesungguhnya seperti BASIC,&amp;nbsp;&amp;nbsp;FORTRAN atau PASCAL. Pseudocode yang berbasis bahasa PASCAL merupakan pseudocode yang sering digunakan.&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pseudo berarti imitasi atau tiruan atau menyerupai, sedangkan code menunjuk pada kode program&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Contoh Pseudocode :&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Start&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;READ alas, tinggi &amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Luas = 0.5 * alas * tinggi&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;PRINT Luas &amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Stop &amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada Contoh diatas tampak bahwa algoritma sudah sangat mirip dengan bahasa BASIC. Pernyataan seperti READ dan PRINT merupakan keyword yang ada pada bahasa BASIC yang masing-masing menggantikan kata “baca data” dan “tampilkan”. Dengan menggunakan pseudocode seperti di atas maka proses penterjemahan dari algoritma ke kode program menjadi lebih mudah. &lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Flowchart (Diagram Alir)&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Flowchart atau bagan alir adalah skema/bagan (chart) yang menunjukkan aliran (flow) di dalam suatu program secara logika.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Flowchart merupakan alat yang banyak digunakan untuk menggambarkan algoritma dalam bentuk notasi-notasi tertentu.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQBbEAn_WwnT4SGHYrvXRBM8h4pN3PxwqA1SXLHtU2b_XIqkMXnuzXnQh9tjebOjXnkkixH9TUrlQbiTviMVYNkzfoBmhkG78PGI_wwutplPK9RPq-GwW6amH8rjIkHNLIvDsYiAmxHcK/s1600/image008.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;76&quot; data-original-width=&quot;165&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQBbEAn_WwnT4SGHYrvXRBM8h4pN3PxwqA1SXLHtU2b_XIqkMXnuzXnQh9tjebOjXnkkixH9TUrlQbiTviMVYNkzfoBmhkG78PGI_wwutplPK9RPq-GwW6amH8rjIkHNLIvDsYiAmxHcK/s1600/image008.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi Membuat algoritma sederhana untuk menyelesaikan permasalahan menggunakan bahasa natural, flowchart dan pseudocode&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP66Qgz8N-hasY6ykGRM3jnhU9twfCouqHLkX3pWca5N8UtTh7-LZSlpx3EZYdcvtBlpLIr5JBhCxGKhxTaQM7wL6tvTzyIY6HWMzUwlqtcHfi4qeaWs_CObC073EuMthmndKONLsqY45M/s1600/image007.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;91&quot; data-original-width=&quot;139&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP66Qgz8N-hasY6ykGRM3jnhU9twfCouqHLkX3pWca5N8UtTh7-LZSlpx3EZYdcvtBlpLIr5JBhCxGKhxTaQM7wL6tvTzyIY6HWMzUwlqtcHfi4qeaWs_CObC073EuMthmndKONLsqY45M/s1600/image007.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Notasi ini disebut Data yang digunakan untuk &amp;nbsp;mewakili data input atau &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;output atau menyatakan operasi pemasukan data dan pencetakan hasil&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3TRoLfzqyTxWnOBKUr7tn_bnhqW-gMmOW1DojPrAC1Sxtr_TSKDn7-xHwkm-lUdfIqO9wU6xbm-78VMpQWQkjwFOjQFPzk2ybFuIUVss5MIaUIeyOrY0akM6EwSqad8ls51RrWzsGgLJP/s1600/image006.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;85&quot; data-original-width=&quot;170&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3TRoLfzqyTxWnOBKUr7tn_bnhqW-gMmOW1DojPrAC1Sxtr_TSKDn7-xHwkm-lUdfIqO9wU6xbm-78VMpQWQkjwFOjQFPzk2ybFuIUVss5MIaUIeyOrY0akM6EwSqad8ls51RrWzsGgLJP/s1600/image006.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;Notasi ini disebut Process yang digunakan untuk mewakili suatu proses. &lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdk0YhtEJIv2iGotGjX3okH6f89kEazB_YxInWO32GiFOf7C-h4qINxzmKB5gG-13aaqOyPt9MsOV6d4vxLqzxA54XdIzVjAhtD1H1fURYzBf652sLcjIzla8BMEtlA04_PCAKD6iJV8j/s1600/image009.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;105&quot; data-original-width=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdk0YhtEJIv2iGotGjX3okH6f89kEazB_YxInWO32GiFOf7C-h4qINxzmKB5gG-13aaqOyPt9MsOV6d4vxLqzxA54XdIzVjAhtD1H1fURYzBf652sLcjIzla8BMEtlA04_PCAKD6iJV8j/s1600/image009.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi ini disebut Decision yang digunakan untuk suatu pemilihan, penyeleksian kondisi di dalam suatu program&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFtJ4Snp-V-jhCDZSlDFQbdqTVmkTEuVxAbCNizM2xaAnz14OBVzvXNtAv4-K8IHyJ1Qr-cvqA8Ucg029R0c_gVqNsiJ5ghn7-fkY3-nuUv_5fam6_ioWEz-RAxDDjU_o5JaG41iDe3pSJ/s1600/image004.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;99&quot; data-original-width=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFtJ4Snp-V-jhCDZSlDFQbdqTVmkTEuVxAbCNizM2xaAnz14OBVzvXNtAv4-K8IHyJ1Qr-cvqA8Ucg029R0c_gVqNsiJ5ghn7-fkY3-nuUv_5fam6_ioWEz-RAxDDjU_o5JaG41iDe3pSJ/s1600/image004.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi ini disebut Preparation yang digunakan untuk memberi nilai awal, nilai akhir, penambahan/pengurangan bagi suatu variabel counter. &lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjYcGb-79cWI1osv0C1GnJ0OTO1FcnU4ypJG72vQqzy3BzDBW0lAugXLsOOys8dybVp0qG30QLY2cAl6sOvbt0lBQykeBAntYPpVfLEI3yLfEauq52tjeN1Uq8C7QjMDI31iWKR0UBvdg/s1600/image003.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;96&quot; data-original-width=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjYcGb-79cWI1osv0C1GnJ0OTO1FcnU4ypJG72vQqzy3BzDBW0lAugXLsOOys8dybVp0qG30QLY2cAl6sOvbt0lBQykeBAntYPpVfLEI3yLfEauq52tjeN1Uq8C7QjMDI31iWKR0UBvdg/s1600/image003.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi ini disebut Predefined Process yang digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan ditempat lain (prosedur, subprosedur, &amp;nbsp;fungsi) &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMO_oEbUKSDhsikqxyE_d_l17B5bqww1JnAUnEmqKwTXiqwop1LIcy8lnzCUxYgn_XjigT3xiFExNCnOsx3Za7Eld75DjyIR7fVu1r9MYqfS8sbSx_MRl3ITMaZ_i4JDeCboim3hthrT0/s1600/image002.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;63&quot; data-original-width=&quot;50&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMO_oEbUKSDhsikqxyE_d_l17B5bqww1JnAUnEmqKwTXiqwop1LIcy8lnzCUxYgn_XjigT3xiFExNCnOsx3Za7Eld75DjyIR7fVu1r9MYqfS8sbSx_MRl3ITMaZ_i4JDeCboim3hthrT0/s1600/image002.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi ini disebut Predefined Process yang digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan ditempat lain (prosedur, subprosedur, &amp;nbsp;fungsi) &lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gJMAOoYZ0rR5_tZqg8HOSe-10NWMB1exWylGFdG482a6Udtk_XnI49M4inlpoQc3mIp9Rb6LP1OxYTxgJ2M79lNrp69P-C5xA9y7ek4KXB71SruJD6J9Jhh5u2zMVli9XiwlMSpkhxU-/s1600/image001.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;64&quot; data-original-width=&quot;25&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-gJMAOoYZ0rR5_tZqg8HOSe-10NWMB1exWylGFdG482a6Udtk_XnI49M4inlpoQc3mIp9Rb6LP1OxYTxgJ2M79lNrp69P-C5xA9y7ek4KXB71SruJD6J9Jhh5u2zMVli9XiwlMSpkhxU-/s1600/image001.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notasi ini disebut Predefined Process yang digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan ditempat lain (prosedur, subprosedur, &amp;nbsp;fungsi) &amp;nbsp;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Contoh program Flowchart&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cc-vi_DS1cwYFuadW_Tp6gii6MPEYeLVptkp9xSVwnqitJFIIwBwP9FwdkCPQgL47vfM20hLpwWqDUNIXLJBLJrr4WaHdA9eQubTIxT6uwxqU0kPSpswvckcppCwpvR5MPnljiQVnAoM/s1600/1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;607&quot; data-original-width=&quot;747&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cc-vi_DS1cwYFuadW_Tp6gii6MPEYeLVptkp9xSVwnqitJFIIwBwP9FwdkCPQgL47vfM20hLpwWqDUNIXLJBLJrr4WaHdA9eQubTIxT6uwxqU0kPSpswvckcppCwpvR5MPnljiQVnAoM/s320/1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Struktur Dasar Algoritma&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
Algoritma berisi langkah-langkah penyelesaian suatu masalah. Langkah-langkah tersebut dapat berupa runtunan aksi (sequence), pemilihan aksi (selection), pengulangan aksi (iteration) atau kombinasi dari ketiganya. Jadi struktur dasar pembangunan algoritma ada tiga, yaitu:&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Struktur Runtunan / Beruntun : Digunakan untuk program yang pernyataannya sequential atau urutan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Struktur Pemilihan / Percabangan : Digunakan untuk program yang menggunakan pemilihan atau penyeleksian kondisi.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Struktur Perulangan : Digunakan untuk program yang pernyataannya akan dieksekusi berulang-ulang.&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;b&gt;1. Struktur Algoritma Runtunan / Berurutan :&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Ada tiga struktur dasar yang digunakan dalam membuat algoritma yaitu struktur berurutan (sequencing), struktur pemilihan/keputusan/percabangan (branching) dan struktur pengulangan (looping). Sebuah algoritma biasanya akan menggabungkan ketiga buah struktur ini untuk menyelesaikan masalah.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Contoh bagan alir logika program berurutan (sequencing)&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGMDxX6gw19SUY-H81fcdjSyqCZqBDV3v7RASCs6JfMoiU2etox2cIM5htpZX8XAg76iOvIJdL7fc09FfewFxXqYHUik3d-WWCjfB92IokGL44Qxw5bPicprxaXiUtXKcIYhy628idUPGD/s1600/2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;449&quot; data-original-width=&quot;657&quot; height=&quot;218&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGMDxX6gw19SUY-H81fcdjSyqCZqBDV3v7RASCs6JfMoiU2etox2cIM5htpZX8XAg76iOvIJdL7fc09FfewFxXqYHUik3d-WWCjfB92IokGL44Qxw5bPicprxaXiUtXKcIYhy628idUPGD/s320/2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;1. Struktur Algoritma Percabangan &amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Sebuah program tidak selamanya akan berjalan dengan mengikuti struktur berurutan, kadang-kadang kita perlu merubah urutan pelaksanaan program dan menghendaki agar pelaksanaan program meloncat ke baris tertentu. Peristiwa ini kadang disebut sebagai percabangan/pemilihan atau keputusan. Hal ini seperti halnya ketika mobil/motor berada dalam persimpangan &amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Contoh Struktur percabangan untuk masalah batasan umur.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWl5XhmX4605s6q-ywmoIw5Wqx7DyFbRuhN1tPSvpMaZjc5eR6Zg9ZnKGxn5i9wCC3ECxpjfdZmmGBcqL6vEgqyUCQleF4M_xQGQ7t3oLzV7eHGthr6lHBVC2rKds02GucpZDjpCcfKH-/s1600/3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;587&quot; data-original-width=&quot;489&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWl5XhmX4605s6q-ywmoIw5Wqx7DyFbRuhN1tPSvpMaZjc5eR6Zg9ZnKGxn5i9wCC3ECxpjfdZmmGBcqL6vEgqyUCQleF4M_xQGQ7t3oLzV7eHGthr6lHBVC2rKds02GucpZDjpCcfKH-/s320/3.png&quot; width=&quot;266&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;b&gt;2. Struktur Algoritma Perulangan / Pengulangan&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Dalam banyak kasus seringkali kita dihadapkan pada sejumlah pekerjaan yang harus diulang berkali.Salah satu contoh yang gampang kita jumpai adalah balapan mobil&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
Struktur pengulangan terdiri dari dua bagian :&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Kondisi pengulangan, yaitu syarat yang harus dipenuhi untuk melaksanakan pengulangan. Syarat ini biasanya dinyatakan dalam ekspresi Boolean yang harus diuji apakah bernilai benar (true) atau salah (false)&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Badan pengulangan (loop body), yaitu satu atau lebih instruksi yang akan diulang &amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
Bagan alir logika (flowchart) untuk mencetak pernyataan sebanyak 100 kali&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBx4KXfnfl_ZfaAzwwBk7i5G0NOJIAlVl8SgmG2TfTd_jRYCdTdiMkEmsEffjTM0a6Nd7VSEPrJV5TL_tBRyGzLGU6o1_aVW25pwLl-ZRu-3Qfot4mp5NUN1tiw_pL9iYyDpQRSSc61_CT/s1600/4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;453&quot; data-original-width=&quot;409&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBx4KXfnfl_ZfaAzwwBk7i5G0NOJIAlVl8SgmG2TfTd_jRYCdTdiMkEmsEffjTM0a6Nd7VSEPrJV5TL_tBRyGzLGU6o1_aVW25pwLl-ZRu-3Qfot4mp5NUN1tiw_pL9iYyDpQRSSc61_CT/s320/4.png&quot; width=&quot;288&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Bagan alir logika (Flowchart) untuk mencetak anggota suatu himpunan. &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_l3QsBSeIOS8UiqB_IIVESaq5SvkwoD3iuTOgocDqK9M8sha4l3VV0Z4CzCjWbwSXEeZD3XY6BTbL4hoTiRn5-V_PkXHnA6dYcfw3jmQrxgr3wZYlrwEzxc_7TemHeeBpsERfzciqZLHv/s1600/5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;527&quot; data-original-width=&quot;425&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_l3QsBSeIOS8UiqB_IIVESaq5SvkwoD3iuTOgocDqK9M8sha4l3VV0Z4CzCjWbwSXEeZD3XY6BTbL4hoTiRn5-V_PkXHnA6dYcfw3jmQrxgr3wZYlrwEzxc_7TemHeeBpsERfzciqZLHv/s320/5.png&quot; width=&quot;258&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Struktur pengulangan dengan For&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
Pengulangan dengan menggunakan For, merupakan salah teknik pengulangan yang paling tua dalam bahasa pemrograman. Hampir semua bahasa pemrograman menyediakan metode ini, meskipun sintaksnya mungkin berbeda. Pada struktur For kita harus tahu terlebih dahulu seberapa banyak badan loop akan diulang. Struktur ini menggunakan sebuah variable yang biasa disebut sebagai loop s counter, yang nilainya akan naik atau turun selama proses pengulangan.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Struktur pengulangan dengan While&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
Pada pengulangan dengan For, banyaknya pengulangan diketahui dengan pasti karena nilai awal (start) dan nilai akhir (end) sudah ditentukan diawal pengulangan. Bagaimana jika kita tidak tahu pasti harus berapa kali mengulang? Pengulangan dengan While merupakan jawaban dari permasalahan ini. Seperti halnya For, struktur pengulangan dengan While juga merupakan struktur yang didukung oleh hampir semua bahasa pemrograman namun dengan sintaks yang berbeda.&lt;/div&gt;
&lt;br /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/4979904508813417579/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/belajar-bahasa-pemrograman-secara.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/4979904508813417579'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/4979904508813417579'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/belajar-bahasa-pemrograman-secara.html' title='Belajar Bahasa Pemrograman Secara Otodidak'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyx6VTbRJx2cacyKdgIestynQxEw2gfrOk06lLnGtn0X-PnJMO78BJX2kUyrBsjSV-7EuJW7H-PqzvHhPb9I9TfAfTT8JNmpUwaYWlYMKFTlWvCPRXV8bUqfTXptUg4VBD-uT1VaDPEhH/s72-c/Tips-Cara-Belajar-Ahli-Mahir-Bahasa-Pemrograman-Secara-Otodidak.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-608533553947819922</id><published>2017-10-06T00:28:00.001-07:00</published><updated>2017-10-12T07:55:28.977-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pemrograman Web"/><title type='text'>Apa Saja Profesi Dalam Pengembangan Aplikasi Web</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRYeamT_I43jVBMJfpvSm2d-jDCM8MVcgaRyjjTLlHuK3O_hs4goUyxqshos41AJ7bO68CSD8bafKvRv5pPXOfiByPwCHiyfIoyDKlEw4POeLN0lXC0_b_almhyphenhyphenG2k7SG9A4l7QCfe7g/s400/Web+Progam.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;192&quot; data-original-width=&quot;400&quot; height=&quot;153&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRYeamT_I43jVBMJfpvSm2d-jDCM8MVcgaRyjjTLlHuK3O_hs4goUyxqshos41AJ7bO68CSD8bafKvRv5pPXOfiByPwCHiyfIoyDKlEw4POeLN0lXC0_b_almhyphenhyphenG2k7SG9A4l7QCfe7g/s320/Web+Progam.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ok sobat, Di postingan awal kita telah mengenal jurusan RPL, lalu disini saya akan membahas pelajaran desar di jurusan RPL, yaitu pemrograman web. siapa sih yang belum tau Web ? sekarang hampir seluruh aplikasi berbasis web. Aplikasi android pun banyak yang berbasis web. jadi web itu sekarang begitu populer. jadi sobat harus mempelajarinya.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pemrograman web merupakan salah satu mata pelajaran wajib dasar pada dasar program keahlian Teknik Komputer dan Informatika. disini juga kita akan memahami profesi apa aja sih dalam bidang teknologi informasi itu ?. dan juga kesananya kita akan lebih mengenal bagaimana cara membuat sebuah halaman web sesuai dengan kaidah/aturan yang berlaku.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Profesi dalam bidang Teknologi Informasi&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Saat ini ada banyak aneka profesi di bidang Teknologi Informasi atau TI. Perkembangan dunia TI telah melahirkan bidang baru yang tidak terlepas dari tujuan utamanya yaitu untuk semakin memudahkan manusia dalam melakukan segala aktifitas. Secara umum, pekerjaan di bidang teknologi informasi setidaknya dapat dikelompokan sesuai bidangnya, misalnya.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
a. Kelompok pertama, adalah mereka yang bergelut di dunia perangkat lunak (software), baik mereka yang merancang sistem operasi, database maupun sistem aplikasi.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Sistem analis, merupakan orang yang bertugas menganalisa system.&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Programer, merupakan orang yang bertugas membuat program ( baik aplikasi maupun system operasi ) sesuai system yang dianalisa sebelumnya.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Web designer, merupakan orang yang melakukan pembuatan aplikasi berbasis web.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Web programmer, merupakan orang yang bertugas mengimplementasikan rancangan web designer.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
b. Kelompok kedua, adalah mereka yang bergelut di bidang perangkat keras (hardware).&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Technical engineer, yaitu orang yang berkecimpung dalam bidang teknik.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Networking engineer, adalah orang yang berkecimpung dalam bidang teknis jaringan computer.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
c. Kelompok ketiga, adalah mereka yang berkecimpung dalam operasional system informasi.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada lingkungan kelompok ini, terdapat pekerjaan-pekerjaan seperti :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;EDP Operator, adalah orang yang bertugas mengoperasikan program-program yang berhubungan dengan electronic data processing dalam lingkungan sebuah perusahaan atau organisasi lainnya.&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;System Administrator, merupakan orang yang bertugas melakukan administrasi terhadap system, memiliki kewenangan menggunakan hak akses terhadap system.&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Profesi dalam pengembangan aplikasi web&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? Berikut ini adalah profesi-profesi yang langsung terkait dalam pengembangan aplikasi web, diantaranya :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Web Designer&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Seorang desainer Web adalah orang yang bertanggung jawab untuk menentukan tampilan sebuah website.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Seorang Web Designer harus menguasai :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;HTML, DHTML&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Pengolah Gambar&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Animasi, Movie (Film) .&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Web Programmer&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Web Programmer bertugas dalam melakukan pengcodingan atau pemograman sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat mudah bagi seorang web admin.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Penguasaan yang biasanya harus dikuasai pada umumnya oleh Web Programmer :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;CGI Perl, PHP, MySQL (Unix base)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;ASP (NT base)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Java Script dan Applet&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Web Administrator&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Tugasnya adalah untuk memaintenance suatu server, mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada masalah (troubleshooting), biasanya seorang Web Administrator harus menguasai :&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;OS Unix (LInux, FreeBSD, dll)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;OS NT&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Jaringan (LAN, WAN, Intranet)&amp;nbsp;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Keamanan Server&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dari semua jenis pekerjaan diatas tidak semua adalah sebuah profesi karena tidak semua orang ahli dalam bidang tersebut. Yang bisa dikatakan sebagai sebuah profesi yaitu jika seseorang sudah ahli di dalam bidang pekerjaan tersebut. Jika di pekerjaan diatas yang bisa dikatakan sebagai sebuah profesi adalah web designer, web programmer, web administrator, web master dan web developer karena dalam bidang tersebut seseorang memang sudah memiliki keahlian di dalamnya. &amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/608533553947819922/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/apa-saja-profesi-dalam-pembangunan.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/608533553947819922'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/608533553947819922'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/apa-saja-profesi-dalam-pembangunan.html' title='Apa Saja Profesi Dalam Pengembangan Aplikasi Web'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRYeamT_I43jVBMJfpvSm2d-jDCM8MVcgaRyjjTLlHuK3O_hs4goUyxqshos41AJ7bO68CSD8bafKvRv5pPXOfiByPwCHiyfIoyDKlEw4POeLN0lXC0_b_almhyphenhyphenG2k7SG9A4l7QCfe7g/s72-c/Web+Progam.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-3801583347483941675</id><published>2017-10-06T00:24:00.003-07:00</published><updated>2017-10-12T07:42:44.503-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pemrograman Web"/><title type='text'>Sejarah Web Dan Cara Kerjanya</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCszQSk3z4nWHtvmsXkBAl-Atpz9uD0ad3_0y0ZLmPvBwvcWO1GUgmnsPqMe3Mb4K2xuHw-JNvKcYlluVo8VbzOBiAVZBzgpuCeGjwDyFljNplejYEbEZUgNZtmg2sgDFZQ2yYORwmBmxI/s1600/history-of-web-design1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;306&quot; data-original-width=&quot;515&quot; height=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCszQSk3z4nWHtvmsXkBAl-Atpz9uD0ad3_0y0ZLmPvBwvcWO1GUgmnsPqMe3Mb4K2xuHw-JNvKcYlluVo8VbzOBiAVZBzgpuCeGjwDyFljNplejYEbEZUgNZtmg2sgDFZQ2yYORwmBmxI/s320/history-of-web-design1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Sejarah Web&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Internet adalah jaringan komputer yang saling terhubung. Tidak ada perusahaan yang memiliki internet, yang merupakan upaya kerja sama diatur oleh sistem standar dan aturan. Tujuan dari menghubungkan komputer bersama-sama, tentu saja, adalah untuk berbagi informasi. Ada banyak cara informasi dapat dikirimkan antar komputer, termasuk email, transfer file (File Transfer Protocol), dan banyak layanan yang lebih khusus yang dibangun dalam layanan Internet. Metode ini standar untuk mentransfer data atau dokumen melalui jaringan dikenal sebagai protokol. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator) untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
WWW merupakan kumpulan web server dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan Internet. &amp;nbsp;Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language). &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. &amp;nbsp;Keterkaitan halaman lewat teks ini disebut pranala. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hipermedia.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengeklik pranala (hyperlink), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
WWW adalah suatu program yang ditemukan oleh Tim Berners-Lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program peranti lunak yang diberi nama Enquire.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW. &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
WWW dikembangkan pertama kali di Pusat Penelitian Fisika Partikel Eropa (CERN : Organisation Europeenne pour la Recherche Nucleaire), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, &#39;World Wide Web&#39; sudah dapat dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, WWW secara resmi digunakan secara luas pada jaringan Internet.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Cara Kerja Web&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah web browser adalah program perangkat lunak yang gunakan untuk mengakses World Wide Web dari Internet. Browser pertama, yang disebut NCSA Mosaic, dikembangkan di Pusat Nasional untuk Aplikasi Super Komputer di awal 1990-an. Yang mudah digunakan, cukup klak-klik sehingga membantu mempopulerkan Web.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Meskipun banyak browser yang berbeda yang tersedia, Microsoft Internet Explorer dan Mozilla Firefox yang jauh yang paling populer. (Banyak pengguna Mac lebih memilih browser Safar) Persaingan untuk mendominasi pasar telah membawa perbaikan terus-menerus untuk perangkat lunak. (keduanya didasarkan pada NCSA Mosaic) dapat mendownload Internet Explorer dan Firefox secara gratis dari situs web masing-masing perusahaan. Jika sudah memiliki satu browser, dapat menguji yang lain. Juga mencatat bahwa ada sedikit perbedaan antara versi Windows dan Macintosh.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Anatomi Browser &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ketika pertama kali membuka browser web, biasanya dengan mengklik dua kali pada icon di desktop komputer, halaman web yang telah ditetapkan muncul. Halaman ini disebut sebagai halaman “home” atau halaman awal. Dengan Mozilla Firefox misalnya, mungkin akan dibawa ke halaman awal Mozilla atau ke halaman yang dipilih oleh penyedia layanan Internet. Tetapi jika ingin, dapat dengan mudah mengubah halaman awal tersebut.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Memahami Alamat Web&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
World Wide Web adalah koleksi besar file elektronik yang tersimpan di jutaan komputer di seluruh dunia. Uniform Resource Locators atau URL adalah alamat yang digunakan untuk menemukan file.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Informasi yang terkandung dalam URL memberi kemampuan untuk berpindah dari satu halaman web yang lain hanya dengan klik. Ketika mengetik URL ke browser atau klik link hypertext, browser mengirim permintaan ke komputer remote, yang disebut server web, untuk mendownload satu atau lebih file. Setiap URL unik, mengidentifikasi satu file tertentu.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Apa yang dari khas URL? Berikut adalah beberapa contoh : &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://belajar.kemdikbud.go.id/&quot;&gt;http://belajar.kemdikbud.go.id/ &lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Halaman Rumah Belajar Kementrian Pendidikan dan Kebudayaan. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://www.facebook.com/pustekkom&quot;&gt;http://www.facebook.com/pustekkom&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Halaman Facebook untuk Pusat Teknologi Informasi - Kementrian Pendidikan dan Kebudayaan. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;ftp://rtfm.mit.edu/pub/&quot;&gt;ftp://rtfm.mit.edu/pub/&lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah direktori file di MIT tersedia untuk di-download. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
news : &lt;a href=&quot;http://rec.gardens.roses/&quot;&gt;rec.gardens.roses&lt;/a&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah newsgroup dengan topik berkebun. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://blogs.reuters.com/soccer&quot;&gt;http://blogs.reuters.com/soccer&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah blog tentang sepak bola dari kantor berita Reuters&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagian pertama dari URL ( sebelum dua garis miring ) memberitahu jenis sumber daya atau metode akses di alamat itu. Sebagai contoh: &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; http : dokumen hypertext atau direktori &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; ftp : file yang tersedia untuk di-download atau direktori file tersebut &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; news : newsgroup &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp; &amp;nbsp; file : file yang terletak pada drive lokal komputer Anda&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagian-bagian dari URL &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah URL lengkap umumnya terdiri dari tiga komponen : protokol, nama situs, dan path absolut ke dokumen atau sumber daya, seperti yang ditunjukkan pada Gambar berikut.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;http://%20www.example.com%20/2011/samples/first.html&quot;&gt;http:// www.example.com /2011/samples/first.html&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
http://&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Hal pertama yang dilakukan adalah URL menentukan protokol yang akan digunakan untuk transaksi tertentu. Aturan HTTP membiarkan server tahu untuk menggunakan Hypertext Transfer Protocol, atau masuk ke dalam &quot;modus web&quot;&amp;nbsp;&lt;/div&gt;
&lt;blockquote class=&quot;tr_bq&quot; style=&quot;text-align: justify;&quot;&gt;
www.example.com&amp;nbsp;&lt;/blockquote&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagian berikutnya dari URL mengidentifikasi situs dengan nama domainnya. Dalam contoh ini, nama domain adalah example.com. www di bagian &amp;nbsp;awal adalah nama host tertentu di domain tersebut. Nama host &quot; www &quot; telah menjadi sebuah kesepakatan. Tetapi, kadang-kadang nama host dapat dihilangkan. Bisa lebih dari satu website di domain (kadang-kadang disebut subdomain). Misalnya, ada : development.example.com, clients.example.com, dan sebagainya.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebagian dari URL yang akan menggunakan start dengan http, yang merupakan singkatan dari Hypertext Transfer Protocol, metode yang file HTML yang ditransfer melalui Web. Berikut adalah beberapa hal-hal lain untuk mengetahui tentang URL :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebuah URL biasanya tidak memiliki spasi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Penulisan URL tidak sensitif huruf besar-kecil. Jadi mengetik &quot;http://www.kemdikbud.go.id&quot; atau &quot;HTTP://WWW.KEMDIKBUD.GO.ID&quot; atau variasi huruf besar dan kecil akan membawa ke halaman yang sama.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jika mengetik URL tidak benar, browser tidak akan dapat menemukan situs atau sumber daya yang inginkan. Jika mendapatkan pesan error atau mengakses situs yang salah, periksalah untuk melihat apakah mengeja alamat dengan benar.&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/3801583347483941675/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/sejarah-web-dan-cara-kerjanya_6.html#comment-form' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/3801583347483941675'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/3801583347483941675'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/sejarah-web-dan-cara-kerjanya_6.html' title='Sejarah Web Dan Cara Kerjanya'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCszQSk3z4nWHtvmsXkBAl-Atpz9uD0ad3_0y0ZLmPvBwvcWO1GUgmnsPqMe3Mb4K2xuHw-JNvKcYlluVo8VbzOBiAVZBzgpuCeGjwDyFljNplejYEbEZUgNZtmg2sgDFZQ2yYORwmBmxI/s72-c/history-of-web-design1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4610191278276757671.post-746833206424569459</id><published>2017-10-06T00:23:00.001-07:00</published><updated>2017-10-12T07:58:08.560-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jurusan RPL"/><title type='text'>Persiapan Masuk Jurusan RPL</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin: 0cm 0cm 11.25pt;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctoVM1DwgFg9B0RipEQFniTra20OLRlYkJdFmg2UGKWM-W3-t7WvwnGZCLKMvXUoEVkyvTWcTAv-bnZtCX5BN7bB29jH2spTzLEjwfMnAjtQM_suPNPaKx3ca-ffyCWLjtGKxePZUP3nF/s1600/Artikel.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;306&quot; data-original-width=&quot;515&quot; height=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctoVM1DwgFg9B0RipEQFniTra20OLRlYkJdFmg2UGKWM-W3-t7WvwnGZCLKMvXUoEVkyvTWcTAv-bnZtCX5BN7bB29jH2spTzLEjwfMnAjtQM_suPNPaKx3ca-ffyCWLjtGKxePZUP3nF/s320/Artikel.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span lang=&quot;IN&quot; style=&quot;font-family: &amp;quot;arial&amp;quot; , sans-serif; font-size: 10.5pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sobat, Berbicara tentang jurusan RPL kelihatannya sudah tidak asing lagi, karena sudah hampir di semua sekolah” kejuruan ada jurusan RPL. Biasanya ketika anda keluar dari SMP, lalu mau masuk SMK, anda pasti bingung mau masuk jurusan apa ? jika sobat punya bakat dalam komputer, itu sudah bisa untuk masuk jurusan RPL.&lt;br /&gt;
Anda jangan merasa takut masuk jurusan RPL. Banyak yang bilang di jurusan RPL itu pusing, ngurusin coding ? Padahal jika anda mempelajarinya dengan tekun, dan percaya diri, saya yakin anda bisa nyaman dengan jurusan RPL, karena itu pernah di alamin oleh saya.&lt;br /&gt;
Awalnya saya juga menganggap jurusan RPL itu jurusan yang paling rumit. Tapi setelah saya belajar dengan sungguh” ternyata enak juga, bahkan kalau sudah tahu ilmunya, kita bisa menghasilkan uang dari ilmu RPL. Jadi kita buang kata kata yang menghalangi kita dan menakuti kita untuk masuk jurusan RPL.&lt;br /&gt;
Disini saya akan jelasin tentang jurusan RPL, bahwa jurusan RPL itu jurusan yang paling luas. Mari kita simak artikel ini untuk mengenal jurusan RPL.&lt;br /&gt;
RPL (Rekayasa Perangkat Lunak) adalah Jurusan yang bergerak dibidang IT/TI. RPL (Rekayasa Perangkat Lunak) .&lt;br /&gt;
Pengertian RPL sendiri adalah Suatu disiplin ilmu yang membahas semua aspek produksi perangkat lunak, mulai dari tahap awal yaitu analisa kebutuhan pengguna, menentukan spesifikasi dari kebutuhan pengguna, disain, pengkodean, pengujian sampai pemeliharaan sistem setelah digunakan. Tujuan RPL adalah menghasilkan perangkat lunak dengan kinerja tinggi, tepat waktu, berbiaya rendah, dan multiplatform.&lt;br /&gt;
Jelaslah bahwa RPL tidak hanya berhubungan dengan cara pembuatan program komputer. &amp;nbsp;Pernyataan “ semua aspek produksi ” pada pengertian di atas, mempunyai arti semua hal yang berhubungan dengan proses produksi seperti manajemen proyek, penentuan personil, anggaran biaya, metode, jadwal, kualitas sampai dengan pelatihan pengguna merupakan bagian dari RPL.&lt;br /&gt;
Tujuan RPL adalah menghasilkan perangkat lunak dengan kinerja tinggi, tepat waktu, berbiaya rendah, dan multiplatform.&lt;br /&gt;
PELAJARAN YANG ADA DI RPL&lt;br /&gt;
Sebetulnya RPL (Rekayasa Perangkat Lunak) itu Gampang ! kalau berbicara pelajaran, memang banyak yang dipelajari di jurusan RPL itu, cuman Biasanya yang dipelajari dalam jurusan RPL itu tidak jauh dari 3 hal ini.&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Coding&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Desain&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Algoritma&lt;br /&gt;
&lt;br /&gt;
Didalam Coding , Desain dan Algoritma tersebut masih ada Point-Point penting RPL (Rekayasa Perangkat Lunak). Inilah point-point (Dibaca = Pelajaran Penting) tersebut :&lt;br /&gt;
Coding&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Pemograman Bahasa Pascal&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Pemograman Bahasa C&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Pemograman Bahasa C++&lt;br /&gt;
&amp;nbsp; 4. &amp;nbsp; &amp;nbsp;Pemograman Bahasa Java&lt;br /&gt;
&amp;nbsp; 5. &amp;nbsp; &amp;nbsp;Pemograman Bahasa Python (*)&lt;br /&gt;
&amp;nbsp; 6. &amp;nbsp; &amp;nbsp;Pemograman Bahasa Delphi (*)&lt;br /&gt;
&amp;nbsp; 7. &amp;nbsp; &amp;nbsp;Pemograman PHP &amp;amp; Mysql&lt;br /&gt;
&amp;nbsp; 8. &amp;nbsp; &amp;nbsp;Pemograman JavaScript&lt;br /&gt;
&amp;nbsp; 9. &amp;nbsp; &amp;nbsp;Pemograman AJAX (*)&lt;br /&gt;
&amp;nbsp; 10. &amp;nbsp;Pemograman Web Server&lt;br /&gt;
&amp;nbsp; 11. &amp;nbsp;Pemograman HTML&lt;br /&gt;
&amp;nbsp; 12. &amp;nbsp;Pemograman CSS&lt;br /&gt;
&lt;br /&gt;
Desain&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Photoshop&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Corel Draw (*)&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Video Editing (*)&lt;br /&gt;
&amp;nbsp; 4. &amp;nbsp; &amp;nbsp;Web Design&lt;br /&gt;
&lt;br /&gt;
Algoritma&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Algoritma Dasar&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Algoritma tingkat Lanjut&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Microsoft Access&lt;br /&gt;
&amp;nbsp; 4. &amp;nbsp; &amp;nbsp;Gerbang Logika&lt;br /&gt;
&amp;nbsp; 5. &amp;nbsp; &amp;nbsp;Basis Data&lt;br /&gt;
&amp;nbsp; 6. &amp;nbsp; &amp;nbsp;DFD (Data Flow Diagram)&lt;br /&gt;
&lt;br /&gt;
LAINNYA&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Perakitan Komputer&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Jaringan Dasar&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Sistem Komputer&lt;br /&gt;
&amp;nbsp; 4. &amp;nbsp; &amp;nbsp;Simulasi Digital&lt;br /&gt;
&lt;br /&gt;
Jadi , Kesimpulannya RPL (Rekayasa Perangkat Lunak) itu tidak sekedar Membuat Program (Software) dan Membuat Web saja. RPL (Rekayasa Perangkat Lunak) Itu Luas ^_^.&lt;br /&gt;
MEMILIH PEKERJAAN RPL&lt;br /&gt;
Kalau bicara pekerjaan , Pastinya sesuai dengan Passion masing masing. Kalau anda ingin fokus pada 1 pekerjaan saat anda lulus, Saya sarankan untuk menekuni 1 bidang saat pertama kali masuk RPL (Rekayasa Perangkat Lunak) . Misal Anda menyukai “Pemograman Web” ya saat pertama kali masuk anda harus meresapi dan memahami apa itu Pemograman Web , tapi bukan berarti anda melupakan Pelajaran selain Pemograman Web. Tapi lebih memfokuskan pada bidang yang kita sukai/minati.&lt;br /&gt;
Berikut inilah Daftar pekerjaan lulusan RPL (Rekayasa Perangkat Lunak).&lt;br /&gt;
&amp;nbsp; 1. &amp;nbsp; &amp;nbsp;Programmer Java (Kurang Lebih 3 Juta untuk Junior)&lt;br /&gt;
&amp;nbsp; 2. &amp;nbsp; &amp;nbsp;Programmer PHP (1.5 Juta sampai 3 Juta untuk Junior)&lt;br /&gt;
&amp;nbsp; 3. &amp;nbsp; &amp;nbsp;Web Designer (4 Juta sampai 6 Juta)&lt;br /&gt;
&amp;nbsp; 4. &amp;nbsp; &amp;nbsp;IT Manager (15 Juta Perbulan syaratnya anda sudah Professional dengan bidang IT)&lt;br /&gt;
&amp;nbsp; 5. &amp;nbsp; &amp;nbsp;Analisis Sistem (6 Juta – 10 Per tahun)&lt;br /&gt;
&amp;nbsp; 6. &amp;nbsp; &amp;nbsp;Masih banyak lagi contohnya&lt;br /&gt;
&amp;nbsp; 7. &amp;nbsp; &amp;nbsp;Database Administrator&lt;br /&gt;
&amp;nbsp; 8. &amp;nbsp; &amp;nbsp;ERP Consultant&lt;br /&gt;
&amp;nbsp; 9. &amp;nbsp; &amp;nbsp;Software Engineer&lt;br /&gt;
&amp;nbsp; 10. &amp;nbsp;Network Engineer&lt;br /&gt;
&lt;br /&gt;
Dan bahkan di RPL itu tidak ada istilah pengangguran, adapun sistem Kerja Freelance, Kerja Remot. Bisa di kerjakan tanpa di kantor, tapi di rumah saja. itu juga sudah di alamin oleh alumni” RPL yang sudah nyaman dengan kerja Freelance. Contoh kerja freelance yaitu membangun bisnis internet.&lt;br /&gt;
Adapaun bagaimana cara membangun bisnis di internet, ini akan saya postingkan di artikel berikutnya.&lt;br /&gt;
&lt;br /&gt;
Jadi sobat masuk jurusan RPL itu gak usah khawatir, keluar dari sekolah mau kerja apa ? kagak usah khawatir, Karena sekarang hampir banyak dibutuhin tiap” perusahaan untuk kerja di bidang IT, tinggal anda jalanin kalau memang anda sudah cukup punya bakat di bidang IT (Teknologi). Dan berusahadengan sungguh”, tidak lupa juga degan berdo’a agar dimudahkan dalam segala urusan.&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://smart-programing.blogspot.com/feeds/746833206424569459/comments/default' title='Posting Komentar'/><link rel='replies' type='text/html' href='https://smart-programing.blogspot.com/2017/10/persiapan-masuk-jurusan-rpl_6.html#comment-form' title='3 Komentar'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/746833206424569459'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/4610191278276757671/posts/default/746833206424569459'/><link rel='alternate' type='text/html' href='https://smart-programing.blogspot.com/2017/10/persiapan-masuk-jurusan-rpl_6.html' title='Persiapan Masuk Jurusan RPL'/><author><name>Honey Bee Indonesia</name><uri>http://www.blogger.com/profile/04978920313647409967</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctoVM1DwgFg9B0RipEQFniTra20OLRlYkJdFmg2UGKWM-W3-t7WvwnGZCLKMvXUoEVkyvTWcTAv-bnZtCX5BN7bB29jH2spTzLEjwfMnAjtQM_suPNPaKx3ca-ffyCWLjtGKxePZUP3nF/s72-c/Artikel.png" height="72" width="72"/><thr:total>3</thr:total></entry></feed>