<?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-2658980440633426136</id><updated>2024-12-18T19:32:16.514-08:00</updated><category term="X TKJ"/><category term="Aij"/><category term="Pengertian dan fungsi tool pada photoshop"/><category term="XII TKJ"/><category term="tkj"/><title type='text'>Go-Snupan</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>7</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-4111038363940493723</id><published>2020-09-02T02:27:00.003-07:00</published><updated>2020-09-02T02:27:45.279-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Pengertian dan fungsi tool pada photoshop"/><title type='text'>Pengertian dan fungsi tool pada photoshop </title><content type='html'>&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;b style=&quot;background-color: white; color: #202122; font-family: sans-serif; font-size: 14px;&quot;&gt;Adobe Photoshop&lt;/b&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;, atau biasa disebut&amp;nbsp;&lt;/span&gt;&lt;b style=&quot;background-color: white; color: #202122; font-family: sans-serif; font-size: 14px;&quot;&gt;Photoshop&lt;/b&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/Fotografer&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; text-decoration-line: none;&quot; title=&quot;Fotografer&quot;&gt;fotografer&lt;/a&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/Digital&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; text-decoration-line: none;&quot; title=&quot;Digital&quot;&gt;digital&lt;/a&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;&amp;nbsp;dan perusahaan&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/Iklan&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; text-decoration-line: none;&quot; title=&quot;Iklan&quot;&gt;iklan&lt;/a&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;&amp;nbsp;sehingga dianggap sebagai pemimpin pasar (&lt;/span&gt;&lt;i style=&quot;background-color: white; color: #202122; font-family: sans-serif; font-size: 14px;&quot;&gt;market leader&lt;/i&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;) untuk perangkat lunak pengolah gambar/foto, dan, bersama&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://id.wikipedia.org/wiki/Adobe_Acrobat&quot; style=&quot;background: none rgb(255, 255, 255); color: #0b0080; font-family: sans-serif; font-size: 14px; text-decoration-line: none;&quot; title=&quot;Adobe Acrobat&quot;&gt;Adobe Acrobat&lt;/a&gt;&lt;span face=&quot;&quot; style=&quot;background-color: white; color: #202122; font-size: 14px;&quot;&gt;, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3, versi kesebelas adalah Adobe Photoshop CS4, versi keduabelas adalah Adobe Photoshop CS5, versi ketigabelas adalah CS6, dan versi terbaru adalah Adobe Photoshop CC.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;b style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;/b&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;b style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hGdCwkE7GYg50wswg_C48j2-_nGeo9nbK21vPJkXTSMyCyoYXabQS6uppcJc_PWdBf20WTcYBmTmWZ54ZKZvj0AXwvnzMWn5vpAkpMN9M5MipZAWHCV_Jnefc7r1RzDqIwZxUx54WzfY/s1600/Pengertian+Adobe+Photoshop+dan+Fungsinya+Lengkap.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1600&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hGdCwkE7GYg50wswg_C48j2-_nGeo9nbK21vPJkXTSMyCyoYXabQS6uppcJc_PWdBf20WTcYBmTmWZ54ZKZvj0AXwvnzMWn5vpAkpMN9M5MipZAWHCV_Jnefc7r1RzDqIwZxUx54WzfY/s640/Pengertian+Adobe+Photoshop+dan+Fungsinya+Lengkap.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;&lt;b style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;b style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;b style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Tool untuk menseleksi&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;div id=&quot;post14403542274411347282&quot; style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;div style=&quot;line-height: 21px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 21px;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSleMQ4AEt8L8bC89U7jGNlfW7Z5vO4Zkg7lonbCfEzYVK51HasVyJAN1axqg7BfGJxSIVQUH6MQg4DMBQ-baOe5FwqzY-hnN0QkFfPvUahFyehYWxHOIzdno2ScRCtouYsAqZSuIln3w/s1600/tools-photoshop-move.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSleMQ4AEt8L8bC89U7jGNlfW7Z5vO4Zkg7lonbCfEzYVK51HasVyJAN1axqg7BfGJxSIVQUH6MQg4DMBQ-baOe5FwqzY-hnN0QkFfPvUahFyehYWxHOIzdno2ScRCtouYsAqZSuIln3w/s1600/tools-photoshop-move.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Move tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk memindahkan sebuah object atau layer yang satu ke layer yang lainnya. Berfungsi juga untuk menggeser layer yang telah kita pilih pada halaman kerja photoshop sesuai posisi yang kita inginkan.&lt;/div&gt;&lt;div style=&quot;line-height: 21px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 21px;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNSf86o3HVOgApYALQO27_CuCnlXTSQbufvDtuCvqeT4rcRnAN9dCd2-bbxJ4XAruFCDAIK1BQspAQkGccOLUN8y6xYhQDVfrrSL9yCi3IN2k6TEQX0j3kmbTjFaTtULQVnpz_KqrfaQ/s1600/tools-photoshop-rectangular-marquee.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNSf86o3HVOgApYALQO27_CuCnlXTSQbufvDtuCvqeT4rcRnAN9dCd2-bbxJ4XAruFCDAIK1BQspAQkGccOLUN8y6xYhQDVfrrSL9yCi3IN2k6TEQX0j3kmbTjFaTtULQVnpz_KqrfaQ/s1600/tools-photoshop-rectangular-marquee.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Rectangular Marquee tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleksi sebuah object dalam bentuk kotak.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFpO3aN9cwsmqBql_xu8QmpKhK2-a4JSiow4229aUL9Vj1BhRGHG57yIuJaTJgySejvwz_LWoOPFimQbRUavL26psxfRh-qdSiNE6rhCJFgLmZuhu9ZFjoa9SMJux0Pw8GLi_8cP9ueAs/s1600/tools-photoshop-eliptical-marquee.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFpO3aN9cwsmqBql_xu8QmpKhK2-a4JSiow4229aUL9Vj1BhRGHG57yIuJaTJgySejvwz_LWoOPFimQbRUavL26psxfRh-qdSiNE6rhCJFgLmZuhu9ZFjoa9SMJux0Pw8GLi_8cP9ueAs/s1600/tools-photoshop-eliptical-marquee.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Elips Marquee tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleksi sebuah object dalam bentuk lingkaran.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFonih3UKxs9kkm_h9zQFWjzoTRLiytHeTCXJNs2sGMCDZRGh6EFO0wVMSpizw3PZrYeJZ3r5tCBN0giwaYLdCXM4EXjlAp0PfbF7o4dMDMWxoJ6lOKGyBT3NZMh1Su54BJgtYC90lCOk/s1600/tools-photoshop-lasso.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFonih3UKxs9kkm_h9zQFWjzoTRLiytHeTCXJNs2sGMCDZRGh6EFO0wVMSpizw3PZrYeJZ3r5tCBN0giwaYLdCXM4EXjlAp0PfbF7o4dMDMWxoJ6lOKGyBT3NZMh1Su54BJgtYC90lCOk/s1600/tools-photoshop-lasso.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Lasso tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk menseleksi sebuah object dengan bebas sesuai gerakan mouse anda. Caranyan klik kiri tetap di tahan (shortcut L).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfMTqxOf66SENGHPoXeQ30ee1WHwPO6iLNRzEaTgAURwX_TK_fOQEq7MlCwNezKHME8rk0lViXF5Cq0gXhA0YKUip2qlqM7hkp-Vf7XaiBBMawj3LPpheE3-wiG2DiHNhRORPqveoH7eI/s1600/tools-photoshop-polygonal-lasso.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfMTqxOf66SENGHPoXeQ30ee1WHwPO6iLNRzEaTgAURwX_TK_fOQEq7MlCwNezKHME8rk0lViXF5Cq0gXhA0YKUip2qlqM7hkp-Vf7XaiBBMawj3LPpheE3-wiG2DiHNhRORPqveoH7eI/s1600/tools-photoshop-polygonal-lasso.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Polygonal Lasso tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleki sebuah object berbentuk garis lurus&amp;nbsp; yang dapat dibentuk sudutnya. Cara membuat sudutnya dengan mengklik kiri sesuai dengan yang kita inginkan (Shortcut L) .&lt;/div&gt;&lt;div style=&quot;line-height: 21px;&quot;&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAk8yu4Gy-4TWhhi0w0Cp27QdipC82kFK7Le2azDinnEU5_EiuF8AlUqzxpo3EGuTTN5iItLmCjEsTdgmMiuELP3Ao9UuuN2NRg5E-akXh2Z69C2iWCQfgWgjWHtBwDJZp_Dj0OAsPoo/s1600/tools-photoshop-magnetic-lasso.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAk8yu4Gy-4TWhhi0w0Cp27QdipC82kFK7Le2azDinnEU5_EiuF8AlUqzxpo3EGuTTN5iItLmCjEsTdgmMiuELP3Ao9UuuN2NRg5E-akXh2Z69C2iWCQfgWgjWHtBwDJZp_Dj0OAsPoo/s1600/tools-photoshop-magnetic-lasso.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Magnetic Lasso tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleksi sebuah object dengan bebas yang&amp;nbsp; akan membuah sebuah titik-titik (otomatis) yang mengikuti pola warna. Titik-titik seleksi juga dapat secara manual dengan mengklik kiri. (Shortcut L).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOWQPY_eHYd1eKlWlwDLV8sFTRUJToJBHGjOgo6byOOblJ1ubOiuTsjV69X15P0Gk2OUepvGkvRQ0cGXQ_JyOZFxAHfXz6wcRJrlfFdrjoW6v0hOgOdyWVM6X-5O36XmZRzpDatdKII4/s1600/tools-photoshop-magic-wand.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOWQPY_eHYd1eKlWlwDLV8sFTRUJToJBHGjOgo6byOOblJ1ubOiuTsjV69X15P0Gk2OUepvGkvRQ0cGXQ_JyOZFxAHfXz6wcRJrlfFdrjoW6v0hOgOdyWVM6X-5O36XmZRzpDatdKII4/s1600/tools-photoshop-magic-wand.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Magic Wand tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleksi pada warna yang sama. misalnya pada halaman kerja photoshop kita ada warna hitam dan hijau. Ketika kita mengklik dibagi warna hijau maka warna hijau yang terseleksi akan tetapi warna hitam tidak. Jika ingin menseleksi warna hitam maka tekan shift+klik kiri pada warna hitam. (shortcut W).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b style=&quot;line-height: 21px;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style=&quot;line-height: 21px;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Crop dan Slice Tool&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Du7mSmKIeC5BL6cuIM3eojyolvrxzA-W3-KAhpMbrcIWSBfO12yyNmZ1vI6XaZOwuG72cXPeoHM6lkE1pmOW6nQ1AdAYSqlzB_63n2GuGbMb92sUUy2Lxm3ty98FDURd43hdKoXOA30/s1600/tools-photoshop-crop.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Du7mSmKIeC5BL6cuIM3eojyolvrxzA-W3-KAhpMbrcIWSBfO12yyNmZ1vI6XaZOwuG72cXPeoHM6lkE1pmOW6nQ1AdAYSqlzB_63n2GuGbMb92sUUy2Lxm3ty98FDURd43hdKoXOA30/s1600/tools-photoshop-crop.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Crop Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk mengkrop atau memotong gambar dengan memotong halaman kerjanya. Misalnya yang tadinya halaman kerja kita 400 x 200 di crop menjadi 200 x 200 dengan pemotongan yang berbentuk persegi atau persegi panjang (Shortcut C).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Xaoa4gLTkL8fOCbiFkJf7ayQv_ffuG4ij-B3tsKB_b8HXtTkJSkdSn9TKTYHlqTPxPT2TLY6Yg1JqnZkVwVf80SM26zEdEpp2u2ZhtLKCQO0Yh978SEuKOOqxVskyDLQodcvB4sIb2Y/s1600/tools-photoshop-slice.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Xaoa4gLTkL8fOCbiFkJf7ayQv_ffuG4ij-B3tsKB_b8HXtTkJSkdSn9TKTYHlqTPxPT2TLY6Yg1JqnZkVwVf80SM26zEdEpp2u2ZhtLKCQO0Yh978SEuKOOqxVskyDLQodcvB4sIb2Y/s1600/tools-photoshop-slice.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Slice Tool&lt;/b&gt;&amp;nbsp;= berfungi untuk memotong design kita menjadi bentuk yang lebih kecil yang digunakan untuk website biasanya. (Shortcut C).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_2SYGvowaViy-ujWDm2awcSoMecW5GnlT79wI6yk4w6agKb8I7yC8HcsHo-832QsPMjNgFUyToWoD_vYDx6IStQvTQrWAXz3DEmwuy2amLUDB24PJSMA0j8TpFRPSEfQQgrOOMINBGE/s1600/tools-photoshop-slice-select.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_2SYGvowaViy-ujWDm2awcSoMecW5GnlT79wI6yk4w6agKb8I7yC8HcsHo-832QsPMjNgFUyToWoD_vYDx6IStQvTQrWAXz3DEmwuy2amLUDB24PJSMA0j8TpFRPSEfQQgrOOMINBGE/s1600/tools-photoshop-slice-select.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Slice Select Tool&lt;/b&gt;&amp;nbsp;= Tool yang digunakan untuk memilih hasil potongan design kita yang sebelumnya (Shortcut C).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Navigation, Annotation, dan Measuring Tool&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivMjutODPgKk-tWUIWM3b3zZ0amK2nsqwLWUEBW-eh0fB8MuVbgbFKOOVjErcZ4uR-Pv9KoyJHHqsPSrl3vGrZGxz50C4YJF7RivYzeGkAbVN3CmT8ptA-MTGCsjqtdOqLUssgJ0G3XzU/s1600/tools-photoshop-eyedropper.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivMjutODPgKk-tWUIWM3b3zZ0amK2nsqwLWUEBW-eh0fB8MuVbgbFKOOVjErcZ4uR-Pv9KoyJHHqsPSrl3vGrZGxz50C4YJF7RivYzeGkAbVN3CmT8ptA-MTGCsjqtdOqLUssgJ0G3XzU/s1600/tools-photoshop-eyedropper.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Eyedropper Tool&amp;nbsp;&lt;/b&gt;= tool yang digunakan untuk mengetahui atau memilih warna pada design kita. Misalnya pada sebuah gambar ada warna hijau dan kita ingin menggunakan warna hijau yang sesuai atau sama persis warna hijaunya, maka yang kita lakukan adalah mengklik warna tersebut (Shortcut I).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjADSnDKSIONZwRIgoUYjUmApggqD8ZszN0ThMwuy_0go6LhcxNxkJQezIV-mmFhupR0EqgO9o5PXgkT2N2KlQ6uK6m-_ITX1j1S82VAqS_wecSe_zRn02WY1XqYTvDTkWGBcqaq9nGx64/s1600/tools-photoshop-ruler.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjADSnDKSIONZwRIgoUYjUmApggqD8ZszN0ThMwuy_0go6LhcxNxkJQezIV-mmFhupR0EqgO9o5PXgkT2N2KlQ6uK6m-_ITX1j1S82VAqS_wecSe_zRn02WY1XqYTvDTkWGBcqaq9nGx64/s1600/tools-photoshop-ruler.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Ruler Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk mengetahui lebar dan tinggi dimensi halaman kerja kita. Yang biasa dibutuhkan ketika kita ingin mengukur design kita pada website yang biasanya berukuran piexels. (Shortcut I).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAavmNVHRMlilhtTRQLTtZYrNtuLOZ7CfypCkP-4wQGEvkXLm5ozg7BpMFoDKMu4MeLPTg8ODJRsbrJercsdVdvW091ni-0m2baZ2-KfUiGv9S6oEAKtDjcudjNBj4uga1ZtzQE_lW6EQ/s1600/tools-photoshop-note.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAavmNVHRMlilhtTRQLTtZYrNtuLOZ7CfypCkP-4wQGEvkXLm5ozg7BpMFoDKMu4MeLPTg8ODJRsbrJercsdVdvW091ni-0m2baZ2-KfUiGv9S6oEAKtDjcudjNBj4uga1ZtzQE_lW6EQ/s1600/tools-photoshop-note.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Note Tool&lt;/b&gt;&amp;nbsp;= sesuai dengan namanya Note adalah catatan. Jadi, fungsi tool ini adalah untuk memberi catatan supaya kita dapat mengetahui catatan yang kita berikan sebelumnya biasanya digunakan ketika pembuatan design secara team. (Shortcut I).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQnIp6-IaXCkx8CBOW2NI3wCAbQsH_CmTJmyMT7RafGWwbtKK6-EgbO-xpSg0Y0P8elGHWH14-rg1eB2GO8BOPMf5sUCbGjbHKu_TVyb3xF-ewGgqKsGULqeKilz57unm2e9HrV1dvrJA/s1600/tools-photoshop-hand.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQnIp6-IaXCkx8CBOW2NI3wCAbQsH_CmTJmyMT7RafGWwbtKK6-EgbO-xpSg0Y0P8elGHWH14-rg1eB2GO8BOPMf5sUCbGjbHKu_TVyb3xF-ewGgqKsGULqeKilz57unm2e9HrV1dvrJA/s1600/tools-photoshop-hand.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Hand Tool&lt;/b&gt;&amp;nbsp;= Digunakan untuk menggeser view gambar yang biasanya pada saat view gambar dalam zoom perbesar (Shortcut H).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgakvMRQ8CPIpazoLTx9r8SJY49cS62bXzdC4U2Q3BgaAlJi8iyyC6rQVbzi9l8vSt2GFVNNHYTSweAAhxzemxLIo1s8zBlFN-15QMu6ebG7iiZioY0lsV065E29Uefn7GYKF8tf5eiP18/s1600/tools-photoshop-zoom.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgakvMRQ8CPIpazoLTx9r8SJY49cS62bXzdC4U2Q3BgaAlJi8iyyC6rQVbzi9l8vSt2GFVNNHYTSweAAhxzemxLIo1s8zBlFN-15QMu6ebG7iiZioY0lsV065E29Uefn7GYKF8tf5eiP18/s1600/tools-photoshop-zoom.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Zoom Tool&lt;/b&gt;&amp;nbsp;= berifungsi untuk memperbesar atau memperkecil view gambar pada photoshop. Ketika kita ingin memperbesar dapat menekan Ctrl dan&amp;nbsp; +, sedangkan untuk memperkecil gambar kita menekan C dan -. (Shorcut Z).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Rethoucing Tool&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A6z0g0JePL2jwdq2t-DcOBQXe6DDLJJjWSqmENgsqWo28_tO0iDsdeX8iBhwXHyU30D-bM2jlRp8Be8eVOY0bD0b_Ss30gABYMG0De-bVXNmINBHhm4WugSojfwECmthloTFj-sISSU/s1600/tools-photoshop-spot-healing.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A6z0g0JePL2jwdq2t-DcOBQXe6DDLJJjWSqmENgsqWo28_tO0iDsdeX8iBhwXHyU30D-bM2jlRp8Be8eVOY0bD0b_Ss30gABYMG0De-bVXNmINBHhm4WugSojfwECmthloTFj-sISSU/s1600/tools-photoshop-spot-healing.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Spot Healing Brush&lt;/b&gt;&amp;nbsp;= tool ini berfungsi untuk menghilangkan noda noda pada sebuah objek gambar yang biasanya digunakan untuk menghilangkan noda di wajah. (Shortcut J).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5gYjJvjVTSEOw9_dFkDxnN1iDTYxz-fsExq02fCWT_WPNDCNZxjCJODNL5js5fWQCt1t_pcXwjv0x-sdoHlK07dmfhdIBr4iVNabuxBCYtwTXf_yCnVtNQSdSP1XZtIjTGX_ngSDh_M/s1600/tools-photoshop-patch.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5gYjJvjVTSEOw9_dFkDxnN1iDTYxz-fsExq02fCWT_WPNDCNZxjCJODNL5js5fWQCt1t_pcXwjv0x-sdoHlK07dmfhdIBr4iVNabuxBCYtwTXf_yCnVtNQSdSP1XZtIjTGX_ngSDh_M/s1600/tools-photoshop-patch.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Patch Tool&lt;/b&gt;&amp;nbsp;= tool ini digunakan untuk memperbaiki foto dengan pola yang telah ada.&amp;nbsp; Caranya dengan menyeleksi area kerusakan pada objek lalu menariknya ke atas di atas pola target yang bertujuan kerusakannya tertutupi.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;googlepublisherads&quot; style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px; margin: 20px 0px;&quot;&gt;&lt;center&gt;&lt;br /&gt;&lt;/center&gt;&lt;/div&gt;&lt;div id=&quot;post24403542274411347282&quot; style=&quot;background-color: white; color: #444444; font-family: &amp;quot;droid sans&amp;quot;, arial, sans-serif; font-size: 14px;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZnxfRH3tbMdZSyy6BDz0cf9G4CI8ko3-M2Jvy6CSP5KfMIQ1AUW-GuQisNnW2CXQUMOgaAD9Q62HAkXGvNIabATjUe7rCGx3dIQ4gGWI1L3eYc1BH1Bbh-10Fx8w6IB58-wFyORCCME/s1600/tools-photoshop-redeye.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZnxfRH3tbMdZSyy6BDz0cf9G4CI8ko3-M2Jvy6CSP5KfMIQ1AUW-GuQisNnW2CXQUMOgaAD9Q62HAkXGvNIabATjUe7rCGx3dIQ4gGWI1L3eYc1BH1Bbh-10Fx8w6IB58-wFyORCCME/s1600/tools-photoshop-redeye.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Red Eye Tool&lt;/b&gt;&amp;nbsp;= digunakan untuk menghilangkan efek mata merah atau yang biasa kita sebut mata kucing. (Shortcut J).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ieSx3GvY5lXpcux1_PyS2EuMQgJ9Ga2xNJNZH686U0MrF5r0n9s51QPapM5250iY2Z6Ya4fIaSz4wtdbgziHMdCWs0uunOndSCUBWmiUNw6albZOQeeJ8OcF1uTQnBgdEzpAj-b5C7Y/s1600/tools-photoshop-stamp.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ieSx3GvY5lXpcux1_PyS2EuMQgJ9Ga2xNJNZH686U0MrF5r0n9s51QPapM5250iY2Z6Ya4fIaSz4wtdbgziHMdCWs0uunOndSCUBWmiUNw6albZOQeeJ8OcF1uTQnBgdEzpAj-b5C7Y/s1600/tools-photoshop-stamp.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Clone Stamp Tool&lt;/b&gt;&amp;nbsp;= tool ini digunakan untuk mengkloning sebuah gambar. Yaitu dilakukan 2 kali pengklikan. Pertama kita memilih sampel yang kita ingin kloning (caranya alt+click) kemudian kita arahkan saja target kloning dengan klik kiri. (Shortcut S).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7IFoHHjqOyxcnjTVAaR27Pp22_HeErlfJ_qdhW5nXLtMpJkYPtn5KXroJd5BcgB4XAJ8hXAdw9ncR8UCEQk09f8MmiQY70TZoixccJu7KR65v74_IzCyZgazinYH8Ysks_R2LhwiDG0/s1600/tools-photoshop-clone-pattern.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7IFoHHjqOyxcnjTVAaR27Pp22_HeErlfJ_qdhW5nXLtMpJkYPtn5KXroJd5BcgB4XAJ8hXAdw9ncR8UCEQk09f8MmiQY70TZoixccJu7KR65v74_IzCyZgazinYH8Ysks_R2LhwiDG0/s1600/tools-photoshop-clone-pattern.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Pattern Stamp Tool&lt;/b&gt;&amp;nbsp;= digunakan untuk melukis gambar dengan pola yang kita inginkan dengan pola yang telah dipilih di option bar (Shortcut S).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEX3rAOI6kadhM4WDyf9ijsFadkcV-aLP6uVNyNhHKNlCPSI7CN2wo-Hn57wHw8yVQeq8JRjnQe4OaPi04kz5HOPM90-_Mp9RbMITO3Br57AJORwf7CffaBQy7fuRffFbYjKm6ubSk8dQ/s1600/tools-photoshop-eraser.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEX3rAOI6kadhM4WDyf9ijsFadkcV-aLP6uVNyNhHKNlCPSI7CN2wo-Hn57wHw8yVQeq8JRjnQe4OaPi04kz5HOPM90-_Mp9RbMITO3Br57AJORwf7CffaBQy7fuRffFbYjKm6ubSk8dQ/s1600/tools-photoshop-eraser.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Eraser Tool&lt;/b&gt;&amp;nbsp;= digunakan untuk menghapus gambar atau layer dengan cara mengklik kiri. (Shortcut E).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjty0bcLrQpJMJVKV9ziayUpG24VZqyHux1HMzPtjb5oqrLKwYMVfhHQzJaqCfnoUWHaGPTbNE9UhLc7y09rggR9fc7Ox2Xy-CsBZ5GKD1HGsTbXx2vgXNBWBwHkjRJ5l4Lf2Oh6Uqs2_U/s1600/tools-photoshop-background-eraser.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjty0bcLrQpJMJVKV9ziayUpG24VZqyHux1HMzPtjb5oqrLKwYMVfhHQzJaqCfnoUWHaGPTbNE9UhLc7y09rggR9fc7Ox2Xy-CsBZ5GKD1HGsTbXx2vgXNBWBwHkjRJ5l4Lf2Oh6Uqs2_U/s1600/tools-photoshop-background-eraser.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Background Eraser Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menghapus gambar sehingga menjadi transparant (Shortcut E).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgryapw0pjANSvOrOfNgUHckBbYUyoY5apqDN60tUeJJbq65yoNDI5g9e_NyaQwWvF1WZE3FuGZmg8R1YM5pnEzNh0blVAoAG8Quufu4294m8ZKsBOqobkVE5svWNAO8_1fVHeRI5jCSDU/s1600/tools-photoshop-magic-eraser.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgryapw0pjANSvOrOfNgUHckBbYUyoY5apqDN60tUeJJbq65yoNDI5g9e_NyaQwWvF1WZE3FuGZmg8R1YM5pnEzNh0blVAoAG8Quufu4294m8ZKsBOqobkVE5svWNAO8_1fVHeRI5jCSDU/s1600/tools-photoshop-magic-eraser.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Magic Eraser Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk menghapus gambar pada cakupan warna yang sama (shortcut E).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJGbTze_sLeBfcmdHwbyTHXXSCOPcLVl0kdtJ9h_4SDatPgDTod5B5iU6pcBO-T9w2gh1RWXy4KB82f48QwXv_VGdrwnTVykCPvZmjhKdw75VDGZlPBngcPCLSSlCu7WAttnkIC8S9xJQ/s1600/tools-photoshop-blur.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJGbTze_sLeBfcmdHwbyTHXXSCOPcLVl0kdtJ9h_4SDatPgDTod5B5iU6pcBO-T9w2gh1RWXy4KB82f48QwXv_VGdrwnTVykCPvZmjhKdw75VDGZlPBngcPCLSSlCu7WAttnkIC8S9xJQ/s1600/tools-photoshop-blur.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Blur Tool&amp;nbsp;&lt;/b&gt;= berfugsi untuk memberi efek blur pada gambar (memburamkan gambar)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQXHj-S2l6-hXmjO0Jjy03JE6vBCb76NDVLjd6nrutRpC97gQlWBSir7szbLkISHq8zIRZ3AtC4ChN0fLyItTIriVAnAs1bGSO3P50tfjmuJ8jYBmwqaLW_ZCN98JUwIM6oa47_TF3is/s1600/tools-photoshop-sharp.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQXHj-S2l6-hXmjO0Jjy03JE6vBCb76NDVLjd6nrutRpC97gQlWBSir7szbLkISHq8zIRZ3AtC4ChN0fLyItTIriVAnAs1bGSO3P50tfjmuJ8jYBmwqaLW_ZCN98JUwIM6oa47_TF3is/s1600/tools-photoshop-sharp.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Sharpen Tool&lt;/b&gt;&amp;nbsp;= berfungi untuk mempertajam di area tertentu pada gambar.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0cuklufmawMID1xmtZwOQ_Ivy_sb36G5LIAYNQlcpnKPZudhNHCf-AekXki5jAR3atgqAJBfsGdk1Q3JPl00iTQtokd1fR36TfEuXYUVSfI64yRJcctkDpDmowP8H8C1YWkZiBapz0M/s1600/tools-photoshop-dodge.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0cuklufmawMID1xmtZwOQ_Ivy_sb36G5LIAYNQlcpnKPZudhNHCf-AekXki5jAR3atgqAJBfsGdk1Q3JPl00iTQtokd1fR36TfEuXYUVSfI64yRJcctkDpDmowP8H8C1YWkZiBapz0M/s1600/tools-photoshop-dodge.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Dodge Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menerangkan gambar pada area tertentu.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;(Shortcut O).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3Uhrn_MMSOsfFzGrm7mNshFT_gtNKyx69hYqaRkA_Il_na-PgYy0_GqN1pIyQTg_fA042zAxSG8gSeNHFxog49RbN1oB-CY_MmkXgsFSfsJiIOTuWcOwRldqWSljWGnFDAGtYhKBxhQ/s1600/tools-photoshop-burn.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3Uhrn_MMSOsfFzGrm7mNshFT_gtNKyx69hYqaRkA_Il_na-PgYy0_GqN1pIyQTg_fA042zAxSG8gSeNHFxog49RbN1oB-CY_MmkXgsFSfsJiIOTuWcOwRldqWSljWGnFDAGtYhKBxhQ/s1600/tools-photoshop-burn.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Burn Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menggelapkan warna gambar pada area yang kita inginkan. (Shortcut O).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_WAPdNrfP5X_KEiN0V-7Cmq9AjG83c2A9hfM48-lP5lYqS_uu5tBE3jzxoLwblJfDOKztcMC3C-2QuFVDYV_b4Vm_xjxAcMcGuqvJeLzQG6HUlgXp4qIMsGHhHbh8EuHNOvj-qXU2BcM/s1600/tools-photoshop-sponge.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_WAPdNrfP5X_KEiN0V-7Cmq9AjG83c2A9hfM48-lP5lYqS_uu5tBE3jzxoLwblJfDOKztcMC3C-2QuFVDYV_b4Vm_xjxAcMcGuqvJeLzQG6HUlgXp4qIMsGHhHbh8EuHNOvj-qXU2BcM/s1600/tools-photoshop-sponge.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Sponge Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk mengubah saturation pada sekitar area gambar.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;(Shortcut O).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Paint Tool&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLbxUK5OTM6JUhJgi5pcN1UG7H8S8sTH-CqeBVJPF_ZJ7RBAksidK2brgNwsDQQlu6F8WhMVNwNmzuPkMd3XL1kgWMDAlVn7VEqdKcBINIuVqUMuaGbPAwr7kq790kEOfTs2GQXiJJmWY/s1600/tools-photoshop-brush.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLbxUK5OTM6JUhJgi5pcN1UG7H8S8sTH-CqeBVJPF_ZJ7RBAksidK2brgNwsDQQlu6F8WhMVNwNmzuPkMd3XL1kgWMDAlVn7VEqdKcBINIuVqUMuaGbPAwr7kq790kEOfTs2GQXiJJmWY/s1600/tools-photoshop-brush.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Brush Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menggambar atau melukis dengan kuas pada lembar kerja kita dengan aneka macam-macam kuasa yang berbeda. Kita juga dapat mendownload aneka kuas yang unik pada web-web. (shortcut B).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7o0RCZ60LpmbLJdDd_fZ7rmI8c8kJMQbiHnCWxp_b0u3PkVCDUHTmmGgSrfk1WyKzmHXksaxqyHBfSbH8CEAaLHxvTLG1jDC2xawyl3c5yGn3S3LG5HBcg3mjdffvdoBendmFDLEwKO4/s1600/tools-photoshop-history-brush.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7o0RCZ60LpmbLJdDd_fZ7rmI8c8kJMQbiHnCWxp_b0u3PkVCDUHTmmGgSrfk1WyKzmHXksaxqyHBfSbH8CEAaLHxvTLG1jDC2xawyl3c5yGn3S3LG5HBcg3mjdffvdoBendmFDLEwKO4/s1600/tools-photoshop-history-brush.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;History Brush Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk melukis gambar dengan state history image kita.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Cmq-wTl-e0tdkvwgKNRj7sQ9-NfFF6i0dfNlvOUWjfJffmOAPfWFgfK_wUT1R3JRzwC4LM0qwhULGC58Vaam1eeCFykL2TKLG11VJi1tmJLF5Dd5J9JMiBjlsnD2WOx_WVZMcv2nSJ4/s1600/tools-photoshop-art-history.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Cmq-wTl-e0tdkvwgKNRj7sQ9-NfFF6i0dfNlvOUWjfJffmOAPfWFgfK_wUT1R3JRzwC4LM0qwhULGC58Vaam1eeCFykL2TKLG11VJi1tmJLF5Dd5J9JMiBjlsnD2WOx_WVZMcv2nSJ4/s1600/tools-photoshop-art-history.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Art History Brush Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk melukis dengan state history image kita dengan aneka seni yang unik.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwK1scyEkMyaxXCvejHYk_FMwSS79qEebITWBhY8ytWMn5Uu3xPFl2PJlBuW0Hb1oQy0yN70WczAyZrZUTvUAh5op_Q0r2VFTcjyQxYGA5j6B1ezacxY1OjIiHpT9b-qdmQ_IBQrzbKrQ/s1600/tools-photoshop-pencil.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwK1scyEkMyaxXCvejHYk_FMwSS79qEebITWBhY8ytWMn5Uu3xPFl2PJlBuW0Hb1oQy0yN70WczAyZrZUTvUAh5op_Q0r2VFTcjyQxYGA5j6B1ezacxY1OjIiHpT9b-qdmQ_IBQrzbKrQ/s1600/tools-photoshop-pencil.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Pencil Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk menggambar seperti goresan pada pensil umumnya (Shortcut B).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidd2AezxoVerxNMGXnMulzFqd1x3ZFkZxMr8-L3BXwSoXoxcTXut1dJHjB4ubUe8JipfCFHbdK0kIFhwlPBdWLtS54S_o1xWPs8C6zC_Fju7HG8R-miz-EVRezbzMOOB7fZtdR6ibszgU/s1600/tools-photoshop-gradient.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidd2AezxoVerxNMGXnMulzFqd1x3ZFkZxMr8-L3BXwSoXoxcTXut1dJHjB4ubUe8JipfCFHbdK0kIFhwlPBdWLtS54S_o1xWPs8C6zC_Fju7HG8R-miz-EVRezbzMOOB7fZtdR6ibszgU/s1600/tools-photoshop-gradient.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Gradient Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk memberi warna dengan beberapa paduan warna yang menyatu (Shortcut G).&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nd1v4U1PJTBc3EDEx3xU5r-SwOJWhMFS1meLx12aSsPk3i-Pa-GFhpkd2z_cX7BWxI0xD16X_G1fzDrao4QiVNgeQgeeIbod23prSxoeg8iUAi0rTqd9yy8UEI8gI8YnWulsxPh3uyQ/s1600/tools-photoshop-paint-bucket.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nd1v4U1PJTBc3EDEx3xU5r-SwOJWhMFS1meLx12aSsPk3i-Pa-GFhpkd2z_cX7BWxI0xD16X_G1fzDrao4QiVNgeQgeeIbod23prSxoeg8iUAi0rTqd9yy8UEI8gI8YnWulsxPh3uyQ/s1600/tools-photoshop-paint-bucket.jpg&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;b&gt;Paint Bucket Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk memberi warna pada gambar dengan cakupan tertentu (Shortcut G).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Tool untuk menggambar&lt;/span&gt;&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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuY8nmI0bqxA2c8gDKTVldX45s5V3JNNb2zJ68DSf7VYRQa511OyKjES_Zb4UXmAILCAhlzo_Gi5A5v65kpo67vtyI4tMoGlKInypeL_73Dd67PFudKu_-MAIiB2cdWcLLgsOs6SBkYqE/s1600/tools-photoshop-horizontal-type.jpg&quot; style=&quot;color: #2560aa; margin-left: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;br /&gt;&lt;/a&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/AVvXsEgPGR2SlL9kNRgileYLqiiUuUZ10h6f2ErBtZvW54b3oaBSWRL2KZSLXJZYwtVQvnq40S3RgSrktvC5zydIDgZYtivjYJ1W8lJW_6awAlqkMgFzVbPpvJEZxK98pmnwBzn7OFcvfL-lm3Q/s1600/texttool.png&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPGR2SlL9kNRgileYLqiiUuUZ10h6f2ErBtZvW54b3oaBSWRL2KZSLXJZYwtVQvnq40S3RgSrktvC5zydIDgZYtivjYJ1W8lJW_6awAlqkMgFzVbPpvJEZxK98pmnwBzn7OFcvfL-lm3Q/s1600/texttool.png&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&amp;nbsp;Horizontal Type Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat text secara horizontal (T).&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Veritical Type Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat text secara vertikal (T).&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Horizontal Type Mask Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk menseleksi text atau membuat mask dalam bentuk text secara&amp;nbsp; mendatar (T).&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Veritical Type Mask Tool&lt;/b&gt;&amp;nbsp;= berfungsi untk menseleksi text atau membuat mask dalam bentuk text secara vertikal (T).&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/AVvXsEjRCkITYkbTrdhKkbH-pjv5Rhlo24VqnaXCBqdiD9qHyfrKtJDXCKgHSq6-0F5afJXrdlRdv8KyBwfqaG4KAr36_xTj37MUL6UZPs2l0CVpf8fbJtqEfev0NhZ_i7vh9iJFAWjrDUZNg0A/s1600/pentool.png&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCkITYkbTrdhKkbH-pjv5Rhlo24VqnaXCBqdiD9qHyfrKtJDXCKgHSq6-0F5afJXrdlRdv8KyBwfqaG4KAr36_xTj37MUL6UZPs2l0CVpf8fbJtqEfev0NhZ_i7vh9iJFAWjrDUZNg0A/s1600/pentool.png&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&amp;nbsp;Pen Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat kurva atau garis pada gambar secara bebas (P)&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Freeform Pen Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat garis pada gambar dengan lebih lembut. (P)&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Add Anchor Point Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk memberii titik pada kurva yang berfungsi untuk mengedit path garis.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Delete Anchor Point Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk menghapus titik pada kurva yang telah ada pada path garis.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Convert Point Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk mengubah tampilan garis path dengan cara menggesernya.&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/AVvXsEhXdsU_UhKDN6OEc1_QQcLlNgX5sSy_x6xBkZvsfuDw-lDuuuwv8vaQLTolXojtg5JeEnvsNrhlqNAK9WkfYY5Grdc22Co86t5exbP2JS2rG_1ijnwpGcuUS-c6g04Z3z45OxdDS6iPNqc/s1600/tools-photoshop-pen.jpg&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh12dU5uOJzPpjwvj1K91OLOn7FA3kL3RC6aRSKEwOWWVKZVvY-l_Z0qc_bDwDRakM1reJAFWBakXeVvHLsqCRr05zlQ-yCCzlMph7W-HLOUsJHQ_5awzU35WF9wSuQ4vi0rD-FmDb6mE/s1600/selecpath.png&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh12dU5uOJzPpjwvj1K91OLOn7FA3kL3RC6aRSKEwOWWVKZVvY-l_Z0qc_bDwDRakM1reJAFWBakXeVvHLsqCRr05zlQ-yCCzlMph7W-HLOUsJHQ_5awzU35WF9wSuQ4vi0rD-FmDb6mE/s1600/selecpath.png&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&amp;nbsp;&lt;b&gt;Path Selection Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat seleksi pada path (A).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Direct Selection Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat titik anchor pada path dan dapat mengubahnya (A).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Shape Tool&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEaU0NTGdAY2fSwx9uw4o5hq7vc-ocylfNi4_4TjI91tuzkCV6nR02ztZ5Cg__UVLEvYwQSTL8o4bc8n5JATzY5vFoiXWIzSYE0Bh77sKJ8l7JfDB1cx0JbLR029nZmhuHYiWTh8eCii0/s1600/rectangular.png&quot; style=&quot;clear: left; color: #2560aa; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEaU0NTGdAY2fSwx9uw4o5hq7vc-ocylfNi4_4TjI91tuzkCV6nR02ztZ5Cg__UVLEvYwQSTL8o4bc8n5JATzY5vFoiXWIzSYE0Bh77sKJ8l7JfDB1cx0JbLR029nZmhuHYiWTh8eCii0/s1600/rectangular.png&quot; style=&quot;max-width: 100%; width: auto;&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Rectangle Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat bentuk kotak maupun perisegi panjang (U).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Rounded Rectangle Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat bentuk kotak maupun persegi panjang dengan sudut yang tidak tajam (U).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Elipse Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat bentuk bulat atau lonjong (U).&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Pollygon Tool&lt;/b&gt;&amp;nbsp;= berfungsi untuk membuat bentuk poligon (U)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Line Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat bentuk garis (U)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;b&gt;Custom Shape Tool&amp;nbsp;&lt;/b&gt;= berfungsi untuk membuat bentuk dengan aneka bentuk, seperti panah, love, dan masih banyak lagi. Kita juga bisa mendownload shape2 dari website.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/4111038363940493723/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/09/pengertian-dan-fungsi-tool-pada.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/4111038363940493723'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/4111038363940493723'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/09/pengertian-dan-fungsi-tool-pada.html' title='Pengertian dan fungsi tool pada photoshop '/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hGdCwkE7GYg50wswg_C48j2-_nGeo9nbK21vPJkXTSMyCyoYXabQS6uppcJc_PWdBf20WTcYBmTmWZ54ZKZvj0AXwvnzMWn5vpAkpMN9M5MipZAWHCV_Jnefc7r1RzDqIwZxUx54WzfY/s72-c/Pengertian+Adobe+Photoshop+dan+Fungsinya+Lengkap.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-5824320167226586467</id><published>2020-07-28T05:40:00.000-07:00</published><updated>2020-07-28T05:40:21.151-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="X TKJ"/><title type='text'>Mengenal komponen Komputer</title><content type='html'>&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;&lt;b&gt;Komponen Utama Komputer&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;1.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Motherbroad/Mainbroad&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;a href=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425164919.jpg?w=809&quot; imageanchor=&quot;1&quot; style=&quot;background: transparent; clear: left; color: #212df3; display: inline-block; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration-line: none;&quot;&gt;&lt;/a&gt;&lt;img alt=&quot;image&quot; height=&quot;504&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425163410.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; width=&quot;640&quot; /&gt;&lt;b&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Fungsi umum dari Motherboard adalah tempat memasangkan Processor, RAM, VGA Card, Sound Card, Internal Modem, dan lain-lain.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;2.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;CPU/Processor ( Central Processing Unit )&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/18.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Berfungsi untuk melakukan perhitungan dan menjalankan tugas. Processor terletak pada socket yang telah disediakan oleh motherboard.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;3.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;VGA ( Video Graphic Adapter )&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425163809.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Berfungsi untuk menerjemahkan/mengubah sinyal digital dari komputer menjadi tampilan grafis pada layar monitor.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;4.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Hard Disk&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425163449.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;adalah tempat menyimpan seluruh data baik berupa video, audio, text, dll. Selain kemampuan penyimpanan dengan jumlah yang berbeda beda, sekarang ada teknologi solid state disk yang tidak lagi menggunakan sistem optik sebagaimana pada hard disk lama. Dengan tekhnologi baru ini, kecepatan membaca dan menulis data pada hard disk tentu akan lebih cepat serta tahan akan adanya goncangan.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;5.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Random Access Memory atau RAM&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/256mb-ddr333-ram-memory-p-n-am33010-am33010.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;fungsinya menyimpan data sementara semua data dari seluruh program hasil olahan Komponen-Komponen Komputer yang sedang berjalan. Dalam perkembangannya, teknologi RAM selalu diikuti dengan penomoran. Mulai dari yang lawas yaitu DDR, hingga yang terbaru sekarang DDR3.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;6.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Power Supply&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/pwer-supply.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;digunakan untuk mengalirkan listrik kedalam komputer. Yang perlu diperhatikan dalam memilih komponen ini adalah daya yang dibutuhkan Komponen-Komponen Komputer haruslah sesuai dengan daya yang dapat diberikan oleh power supply.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;7.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Sound Card&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425165428.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Berfungsi sebagai pengolah data berupa audio atau suara dan sebagai penghubung alat input/output suara keKomputer.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;8.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Optical Disc Drive&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425165505.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;merupakan Komponen-Komponen Komputer yang dipakai untuk membaca dan menulis media disk.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;9.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Monitor&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425165523.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;merupakan komponen yang digunakan untuk tempat keluarnya visual gambar ataupun video. Teknologi monitor sekarangpun sudah bermacam-macam, diantaranya monitor tabung dan layar datar.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;10.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Keyboard&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425170618.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Berfungsi untuk mengetik atau memberikan perintah kepada komputer untuk menjalankan program yang ada didalam komputer.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;11.&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Mouse&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;img alt=&quot;image&quot; src=&quot;https://bukuilmu.files.wordpress.com/2016/04/20160425170640.jpg?w=809&quot; style=&quot;border: 0px; height: inherit; max-width: 100%;&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; border: 0px; box-sizing: inherit; color: #5e5e5e; font-family: Roboto, Helvetica, sans-serif; font-size: 16px; margin: 0px 0px 1.6em; outline: 0px; padding: 0px;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;i&gt;&lt;/i&gt;&lt;u&gt;&lt;/u&gt;&lt;span style=&quot;bottom: -0.25em; font-size: 12px; line-height: 0; position: relative; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12px; line-height: 0; position: relative; top: -0.5em; vertical-align: baseline;&quot;&gt;&lt;/span&gt;&lt;strike&gt;&lt;/strike&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Berfungsi untuk mengirim perintah dengan cara menggerakan kursor.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;&lt;b&gt;Komponen Tambahan Komputer&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 0px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;1)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;LAND CARD&amp;nbsp;adalah penghubung antara komputer yang satu dengan komputer yang lainnya.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 0px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;2)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;MODEM&amp;nbsp;adalah komponen komunikasi untuk mengirimkan dan menerima sinyal dari dua arah. Fungsi utama yang kita ketahui adalah untuk jaringan internet.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 0px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;3)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;USB&amp;nbsp;adalah singkatan dari&amp;nbsp;Universal&amp;nbsp;Serial&amp;nbsp;Bus&amp;nbsp;yang digunakan untuk penghubung. Kita sering menggunakan komponen ini untuk menghubungkan ponsel, flash disk, kamera digital, dll, dengan komputer kita.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 0px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;4)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Printer Dan Scanner&amp;nbsp;adalah Komponen-Komponen Komputer tambahan input dan output. Printer dipakai untuk menghasilkan cetakan dari olahan yang kita buat melalui komputer. Scanner dipakai untuk meminta digambar, text, foto atau dokumen-dokumen lainnya yang kemudian disimpan dalam bentuk file.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 0px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;5)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Speaker&amp;nbsp;adalah komponen yang mengeluarkan suara dari hasil olahan&amp;nbsp;SoundCard. Kualitas suara dari komputer juga ikut dipengaruhi dari jenis speaker yang digunakan.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;background-color: white; font-family: Vollkorn; font-size: 15px; margin: 0px 0px 13.33px 51px; text-align: justify; text-indent: -0.25in;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;margin: 0px;&quot;&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;6)&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;Times New Roman&amp;quot;; font-size: 7pt; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Calibri;&quot;&gt;Bluetooth, WiFi&amp;nbsp;atau jaringan nirkabel lainnya merupakan Komponen-Komponen Komputer mempunyai fungsi untuk memindahkan data dari satu alat ketempat lainnya dengan batasan wilayah tertentu saja.&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/5824320167226586467/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/mengenal-komponen-komputer.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/5824320167226586467'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/5824320167226586467'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/mengenal-komponen-komputer.html' title='Mengenal komponen Komputer'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-1743704799198304722</id><published>2020-07-28T05:32:00.003-07:00</published><updated>2020-07-28T05:32:55.654-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="X TKJ"/><title type='text'>Pemrograman dasar</title><content type='html'>&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#1&lt;a href=&quot;https://www.amrun.online/&quot;&gt;Pemrograman dasar&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://www.amrun.online/&quot;&gt;https://www.amrun.online/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;a href=&quot;https://www.amrun.online/&quot;&gt;Pemrograman&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: Helvetica; font-size: 17.5px;&quot;&gt;merupakan suatu proses yang meliputi&lt;/span&gt;&lt;em style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 17.5px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;menulis, testing,&amp;nbsp; memperbaiki, dan memaintenace (memelihara) perintah-perintah (kode/ script) sebuah program komputer&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;background-color: white; font-family: Helvetica; font-size: 17.5px;&quot;&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: Helvetica; font-size: 17.5px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Contohnya begini !&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;SMADAV merupakan sebuah program komputer antivirus buatan Indonesia yang cukup keren dikelasnya. Apakah program SMADAV bisa langsung selesai hanya&amp;nbsp; dalam hitungan jam ? Tidak mungkin.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Pasti ada sebuah proses yang dilalui oleh programmer (pembuat program) untuk membuat aplikasi sesempurna SMADAV.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Sesuai dengan pengertian diatas maka proses pemrograman yang akan dilalui yaitu :&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Programmer menulis kode-kode program menggunakan bahasa pemrograman tertentu&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Setelah kode-kode selesai ditulis, programmer akan melakukan rilis (biasanya ada versi program alfa, beta, dan stable) dan testing.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Lalu programmer akan mencari apakah ada kesalahan (debug) pada program yang sudah dirisil&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;jika ditemukan debug, programmer akan mencari dimana letak kesalahan kemudian memperbaikinya&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Tahap selanjutnya programmer akan merilis program&amp;nbsp; dengan versi yang lebih baru. Lalu akan dilakukan pemeliharaan secara berkala.&lt;/li&gt;&lt;/ul&gt;&lt;blockquote style=&quot;background-color: white; border-left: 5px solid rgb(238, 238, 238); box-sizing: border-box; font-family: Helvetica; font-size: 17.5px; margin: 0px 0px 20px; padding: 10px 20px;&quot;&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;Tidak ada program komputer yang sempurna. Programmer akan selalu melakukan update terhadap programmnya sesuai dengan kebutuhan user dan perkembangan teknologi yang baru.&lt;/p&gt;&lt;/blockquote&gt;&lt;div style=&quot;background-color: white; border: 1px dashed red; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; padding: 10px;&quot;&gt;&lt;div class=&quot;banner_wrapper&quot; style=&quot;box-sizing: border-box; line-height: 0; margin: 0px 0px 20px;&quot;&gt;&lt;div class=&quot;banner  banner-3250 bottom vert custom-banners-theme-standard custom-banners-theme-standard-yellow&quot; style=&quot;background-size: cover; border: 0px; box-sizing: content-box; margin: 0px; max-height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 626px;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;attachment-full size-full&quot; height=&quot;585&quot; sizes=&quot;(max-width: 450px) 100vw, 450px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2020/03/banner-4-ebook-android-studio-maret.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2020/03/banner-4-ebook-android-studio-maret.png 450w, https://badoystudio.com/wp-content/uploads/2020/03/banner-4-ebook-android-studio-maret-231x300.png 231w&quot; style=&quot;border-radius: 0px; border: 0px; box-shadow: none; box-sizing: border-box; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; width=&quot;450&quot; /&gt;&lt;a class=&quot;custom_banners_big_link&quot; href=&quot;https://badoystudio.com/paket-lengkap-ebook-belajar-android/&quot; style=&quot;background-color: transparent; bottom: 0px; box-sizing: border-box; color: #da4453; left: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; transition: all 0.3s ease 0s; z-index: 999;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;2_Konsep_Dasar_Pemrograman&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#2 Konsep Dasar Pemrograman&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Konsep dasar pemrograman komputer yaitu&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Input, proses, dan output&lt;/span&gt;.&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Input&lt;/span&gt;&amp;nbsp;merupakan proses memasukan data ke dalam komputer menggunakan perangkat input (mouse, keyboard atau lainnya)&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Setelah data di inputkan maka akan&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;diproses&lt;/span&gt;&amp;nbsp;menggunakan perangkat procesing yang biasanya terdiri dari : menghitung, membandingkan, mengurutkan, mengkelompokkan, dan mencari perangkat penyimpanan (storage).&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Data yang sudah diproses akan&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;ditampilkan&lt;/span&gt;&amp;nbsp;berupa informasi melalui perangkat output (speaker, monitor, atau lainnya).&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Namun kini konsep tersebut dikembangkan lagi menjadi&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Oiginating &amp;gt; Input &amp;gt; Proses &amp;gt; Output &amp;gt; Distribution.&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Originating&lt;/span&gt;&amp;nbsp;yaitu pengumpulan data yang biasanya berupa pencatatan data sebelum proses input.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Sedangkan&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;distribution&lt;/span&gt;&amp;nbsp;adalah proses menyebarkan informasi kepada pihak-pihak tertentu.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Ada satu lagi komponen penting yaitu Storage.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Storage&lt;/span&gt;&amp;nbsp;adalah tahapan yang merekam hasil pengolahan data. Dan nantinya digunakan untuk proses input selanjutnya.&lt;/li&gt;&lt;/ul&gt;&lt;figure class=&quot;thumbnail wp-caption aligncenter&quot; id=&quot;attachment_2472&quot; style=&quot;background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; clear: both; font-family: Helvetica; font-size: 16px; line-height: 1.42857; margin: 0px auto 1.5em; max-width: 100%; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 509px;&quot;&gt;&lt;img alt=&quot;pemrograman dasar&quot; class=&quot;wp-image-2472 &quot; height=&quot;256&quot; sizes=&quot;(max-width: 499px) 100vw, 499px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_6.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_6.png 600w, https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_6-300x154.png 300w&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;499&quot; /&gt;&lt;figcaption class=&quot;caption wp-caption-text&quot; style=&quot;box-sizing: border-box; color: #333333; margin: 0.8075em 0px; padding: 9px; text-align: center;&quot;&gt;Konsep Pemrograman&lt;/figcaption&gt;&lt;/figure&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;3_Bahasa_Pemrograman&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#3 Bahasa Pemrograman&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Bahasa pemrograman&lt;/span&gt;&amp;nbsp;digunakan untuk membuat sebuah program komputer yang terdiri dari kumpulan kode-kode (sintaks) yang digunakan untuk mengerjakan proses tertentu pada komputer.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px; padding-left: 40px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Helvetica; font-size: 16px; height: 0px; margin-bottom: 20px; margin-top: 20px;&quot; /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Bahasa pemrograman memiliki tugas untuk menghubungkan pengguna dengan mesin komputer karena dia bisa menerjemahkan perintah yang dimengerti oleh komputer. Kita klik save maka data akan tersimpan. Kita klik play maka music akan diputar. itulah bagian dari mengerjakan perintah pada bahasa pemrograman.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Ini Gambaran sederhana komputer dan intruksi program !&lt;/p&gt;&lt;figure class=&quot;thumbnail wp-caption aligncenter&quot; id=&quot;attachment_2473&quot; style=&quot;background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; clear: both; font-family: Helvetica; font-size: 16px; line-height: 1.42857; margin: 0px auto 1.5em; max-width: 100%; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 551px;&quot;&gt;&lt;img alt=&quot;pemrograman dasar&quot; class=&quot;wp-image-2473 &quot; height=&quot;296&quot; sizes=&quot;(max-width: 541px) 100vw, 541px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_1.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_1.png 600w, https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_1-300x164.png 300w&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;541&quot; /&gt;&lt;figcaption class=&quot;caption wp-caption-text&quot; style=&quot;box-sizing: border-box; color: #333333; margin: 0.8075em 0px; padding: 9px; text-align: center;&quot;&gt;Komputer dan Intruksi Program&lt;/figcaption&gt;&lt;/figure&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;4_Kategori_Bahasa_pemrograman&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#4 Kategori Bahasa pemrograman&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Berdasarkan tingkatannya bahasa pemrograman komputer dibedakan menjadi 2 yaitu Bahasa tingkat rendah dan bahasa tingkat tinggi.&lt;/p&gt;&lt;ol style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Bahasa Tingkat Rendah :&amp;nbsp;&lt;/span&gt;yaitu bahasa pemrograman yang hanya dimengerti oleh mesin. Bahasa ini dikerjakan langsung oleh mesin. Contohnya yaitu bahasa standar rakitan atau biasa kita kenal dengan assembler.&lt;/li&gt;&lt;/ol&gt;&lt;ol start=&quot;2&quot; style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Bahasa tingkat tinggi :&amp;nbsp;&lt;/span&gt;Bahasa ini sudah mendekati bahasa manusia. Artinya pengguna sudah dapat memahami bahasa ini. Mesin membutuhkan compiler untuk mengerjakan perintah. PHP, java, C++, Pascal dan masih banyak lainnya merupakan contoh dari bahasa tingkat tinggi.&lt;/li&gt;&lt;/ol&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Helvetica; font-size: 16px; height: 0px; margin-bottom: 20px; margin-top: 20px;&quot; /&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;5_Jenis_Bahasa_Pemrograman&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#5 Jenis Bahasa Pemrograman&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Ada puluhan jenis bahasa pemrograman yang digunakan diseluruh dunia. Setiap bahasa pemrograman pastinya memiliki keunggulan dan kekurangannya masing-masing.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Popularitas disetiap Negara juga berbeda-beda.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Jika di Indonesia bahasa pemrograman A booming belum tentu jika di negara lain.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Baru-baru ini stackoverflow yaitu situs untuk tanya jawab tentang masalah teknis pemrograman merilis survey bahasa pemrograman apa saja yang popular pada tahun 2018. Silahkan melihatnya pada situs resmi&amp;nbsp;stackoverflow.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Beberapa bahasa pemrograman yang sering digunakan untuk belajar pemrograman dasar yaitu :&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;%E2%80%93_Java&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;– Java&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;figure class=&quot;thumbnail wp-caption aligncenter&quot; id=&quot;attachment_2475&quot; style=&quot;background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; clear: both; font-family: Helvetica; font-size: 16px; line-height: 1.42857; margin: 0px auto 1.5em; max-width: 100%; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 310px;&quot;&gt;&lt;img alt=&quot;pemrograman dasar&quot; class=&quot;wp-image-2475 size-medium&quot; height=&quot;184&quot; sizes=&quot;(max-width: 300px) 100vw, 300px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_2-300x184.jpg&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_2-300x184.jpg 300w, https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_2.jpg 640w&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;300&quot; /&gt;&lt;figcaption class=&quot;caption wp-caption-text&quot; style=&quot;box-sizing: border-box; color: #333333; margin: 0.8075em 0px; padding: 9px; text-align: center;&quot;&gt;Logo Bahasa Pemrograman Java&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Java merupakan Salah satu bahasa pemrograman yang paling popular. Dikarenakan bisa dijalankan disemua platform dan OS yang berbeda-beda.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Aplikasi android kebanyakan dikembangkan menggunakan bahasa java.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Walaupun google telah resmi mendukung c++ dan baru-baru ini kotlin tetap saja java jadi primadona. Ini dikarenakan library java cukup lengkap sehingga memudahkan programmer.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;%E2%80%93_Pascal&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;– Pascal&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Pascal memang tidak terkenal bahkan sampai sekarang saya belum pernah melihat lowongan pekerjaan yang membutuhkan programmer pascal.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Apakah bahasa pemrograman pascal ini jelek ?&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Pascal cukup bagus dan mumpuni dikelasnya. Hanya saja mereka dukungan industry dan minimnya marketing mengakibatkan pascal tidak begitu populer.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Disekolah ataupun dikampus pascal masih banyak digunakan. Bukan tanpa alasan. Melainkan karena jika ingin mempelajari algoritma dan pemrograman dasar komputer pascal ini sangat cocok untuk dipelajari.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Lalu setelah paham dasar-dasar dipascal bisa dilanjutkan untuk belajar java, c++, php, dan bahasa pemrograman lainnya.&lt;/p&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Helvetica; font-size: 16px; height: 0px; margin-bottom: 20px; margin-top: 20px;&quot; /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px; padding-left: 40px;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;hr style=&quot;background-color: white; border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgb(238, 238, 238); border-top-style: solid; box-sizing: content-box; font-family: Helvetica; font-size: 16px; height: 0px; margin-bottom: 20px; margin-top: 20px;&quot; /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;– C++&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;thumbnail wp-caption aligncenter&quot; id=&quot;attachment_2476&quot; style=&quot;background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; clear: both; font-family: Helvetica; font-size: 16px; line-height: 1.42857; margin: 0px auto 1.5em; max-width: 100%; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 184px;&quot;&gt;&lt;img alt=&quot;pemrograman dasar&quot; class=&quot;wp-image-2476&quot; height=&quot;183&quot; sizes=&quot;(max-width: 174px) 100vw, 174px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_5-285x300.jpeg&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_5-285x300.jpeg 285w, https://badoystudio.com/wp-content/uploads/2018/03/pemrograman_dasar_5.jpeg 433w&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;174&quot; /&gt;&lt;figcaption class=&quot;caption wp-caption-text&quot; style=&quot;box-sizing: border-box; color: #333333; margin: 0.8075em 0px; padding: 9px; text-align: center;&quot;&gt;Icon Bahasa Pemrograman C++&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;&lt;/span&gt;C++ merupakan bahasa pemrograman yang berorientasi objek. Bahasa pemrograman ini adalah pengembangan dari bahasa pemrograman C. Bahkan memiliki penulisan sintaks yang hampir mirip. Namun tetap sja keduanya memiliki perbedaan untuk menyelesaikan sebuah masalah dalam pemrograman komputer.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 20px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;%E2%80%93_PHP&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;– PHP&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h3&gt;&lt;figure class=&quot;thumbnail wp-caption aligncenter&quot; id=&quot;attachment_2477&quot; style=&quot;background-color: white; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; clear: both; font-family: Helvetica; font-size: 16px; line-height: 1.42857; margin: 0px auto 1.5em; max-width: 100%; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 275px;&quot;&gt;&lt;img alt=&quot;pemrograman dasar&quot; class=&quot;wp-image-2477&quot; height=&quot;143&quot; sizes=&quot;(max-width: 265px) 100vw, 265px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2018/03/php-300x162.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2018/03/php-300x162.png 300w, https://badoystudio.com/wp-content/uploads/2018/03/php.png 306w&quot; style=&quot;border: 0px; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle;&quot; width=&quot;265&quot; /&gt;&lt;figcaption class=&quot;caption wp-caption-text&quot; style=&quot;box-sizing: border-box; color: #333333; margin: 0.8075em 0px; padding: 9px; text-align: center;&quot;&gt;Icon Bahasa Pemrograman PHP&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Php yaitu salah satu bahasa pemrograman berbasis web dan cukup banyak penggunanya.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Jika html dan css hanya berfokus pada tampilan sebuah aplikasi web saja. maka php inilah yang menghidupkan fungsi-fungsi dari tampilan yang sudah dibuat&amp;nbsp; menggunakan html dan css.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Memberikan perintah pada tombol, menginputkan isian, dan lainnya itu bisa dikerjakan oleh bahasa pemrograman php.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;di Indonesia sendiri komunitas PHP Indonesia khususnya grup facebook cukup banyak dan aktif anggotanya. Silahkan cek sendiri Grup Facebook PHP Indonesia.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background-color: white; border: 1px dashed red; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; padding: 10px;&quot;&gt;&lt;div class=&quot;banner_wrapper&quot; style=&quot;box-sizing: border-box; line-height: 0; margin: 0px 0px 20px;&quot;&gt;&lt;div class=&quot;banner  banner-6847 bottom vert custom-banners-theme-standard custom-banners-theme-standard-yellow&quot; style=&quot;background-size: cover; border: 0px; box-sizing: content-box; margin: 0px; max-height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 626px;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;attachment-full size-full&quot; height=&quot;580&quot; sizes=&quot;(max-width: 446px) 100vw, 446px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website.png 446w, https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website-231x300.png 231w&quot; style=&quot;border-radius: 0px; border: 0px; box-shadow: none; box-sizing: border-box; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; width=&quot;446&quot; /&gt;&lt;a class=&quot;custom_banners_big_link&quot; href=&quot;https://badoystudio.com/tutorial-wordpress-untuk-pemula/&quot; style=&quot;background-color: transparent; bottom: 0px; box-sizing: border-box; color: #da4453; left: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; transition: all 0.3s ease 0s; z-index: 999;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;6_Perancangan_Program&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#6 Perancangan Program&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Beberapa hal yang harus dilakukan programmer untuk merancang program agar lebih terarah yaitu pembuatan algoritma dan flowchart (diagram alir).&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Algoritma&amp;nbsp;&lt;/span&gt;yaitu penjabaran langkah-langkah yang akan dikerjakan oleh program komputer yang akan dirancang menggunakan bentuk kalimat-kalimat sederhana.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Sudah paham Algoritma ? Perhatikan contohnya di bawah ini.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Algoritma Mencari Materi Pemrograman Dasar :&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;ol style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Buka browser&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Ketik di kolom pencarian&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Pemrograman dasar&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Akan ditampilkan hasil pencarian berupa artikel atau lainnya ( salah satunya artikel yang sedang kamu baca ini ).&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;User membuka salah satu list yang ditampilkan&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;User mendapatkan materi pemrograman dasar&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Komputer itu bagian dari matematika. Dan matematika akan selalu berhubungan dengan logika. Algoritma itu langkah-langkah yang sistematis dan logis.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Algoritma disusun dalam bentuk kalimat. Sedangkan flowchart disusun menggunakan blok-blok gambar (grafis)&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;blockquote style=&quot;background-color: white; border-left: 5px solid rgb(238, 238, 238); box-sizing: border-box; font-family: Helvetica; font-size: 17.5px; margin: 0px 0px 20px; padding: 10px 20px;&quot;&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;Ada yang bilang proses tersebut tidak harus dilakukan. Tapi saya sarankan lebih baik membuat algoritma dan flowchart sebelum merancang program. Walaupun hanya oret-oretan belaka.&lt;/p&gt;&lt;/blockquote&gt;&lt;div class=&quot;banner_wrapper&quot; style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; line-height: 0; margin: 0px 0px 20px;&quot;&gt;&lt;div class=&quot;banner  banner-6847 bottom vert custom-banners-theme-standard custom-banners-theme-standard-yellow&quot; style=&quot;background-size: cover; border: 0px; box-sizing: content-box; margin: 0px; max-height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 648px;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;attachment-full size-full&quot; height=&quot;580&quot; sizes=&quot;(max-width: 446px) 100vw, 446px&quot; src=&quot;https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website.png&quot; srcset=&quot;https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website.png 446w, https://badoystudio.com/wp-content/uploads/2020/04/banner-ebook-website-231x300.png 231w&quot; style=&quot;border-radius: 0px; border: 0px; box-shadow: none; box-sizing: border-box; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; width=&quot;446&quot; /&gt;&lt;a class=&quot;custom_banners_big_link&quot; href=&quot;https://badoystudio.com/tutorial-wordpress-untuk-pemula/&quot; style=&quot;background-color: transparent; bottom: 0px; box-sizing: border-box; color: #da4453; left: 0px; position: absolute; right: 0px; text-decoration-line: none; top: 0px; transition: all 0.3s ease 0s; z-index: 999;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;7_Software_Pendukung&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;#7 Software Pendukung&lt;/span&gt;&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Untuk membuat program aplikasi dekstop, web, ataupun android kita membutuhkan software pendukung. Salah satunya adalah IDE.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;IDE (&amp;nbsp;&lt;i class=&quot;lasso-i&quot; style=&quot;box-sizing: border-box;&quot;&gt;Integrated Development Environment&lt;/i&gt;&amp;nbsp;) merupakan software aplikasi biasanya berbasis GUI yang digunakan sebagai tempat menuliskan setiap baris-baris kode bahasa pemrograman. Di IDE ini juga kita bisa menjalankan (Running ) program aplikasi yang sudah dibuat.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Hampir semua IDE kini sudah modern yang memiliki beberapa feature :&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Editor Kode (Code Editor) atau&amp;nbsp;Text Editor&amp;nbsp;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Debugger&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Intelegent Code Completion&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Build Automation&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Beberapa contoh IDE yaitu :&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Android Studio&amp;nbsp;: merupakan IDE yang digunakan untuk membuat aplikasi android. Android studio dilengkapi dengan code editor, intelegent code completion, emulator android dan banyak lainnya.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Atom, Visual Code, Sublime Text, Netbeans : digunakan untuk mengembangkan aplikasi web. Dimana di IDE tersebut kita bisa menulis atau mengedit HTML, CSS, PHP, javascript dan lain sebagainya.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Xcode : merupakan IDE yang digunakan untuk mengembangkan aplikasi mobile untuk IOS.&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; font-family: &amp;quot;Roboto Slab&amp;quot;, serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;_Kesimpulan&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;# Kesimpulan&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; font-family: Helvetica; font-size: 16px; margin: 0px 0px 10px;&quot;&gt;Pemrograman dasar itu penting dipelajari khususnya mahasiswa jurusan sistem informasi dan teknik informatika karena pemrograman dasar merupakan pondasi awal untuk bisa membuat program aplikasi.&amp;nbsp;Prospek pekerjaan lulusan sistem informasi dan teknik informatika&amp;nbsp;juga sangat bagus karena kemajuan teknologi akan semakin pesat dimasa depan.&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/1743704799198304722/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/pemrograman-dasar.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1743704799198304722'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1743704799198304722'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/pemrograman-dasar.html' title='Pemrograman dasar'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-1486384874932870835</id><published>2020-07-28T05:15:00.001-07:00</published><updated>2020-07-28T05:21:13.181-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="X TKJ"/><title type='text'>Pemrograman web Struktur kode HTML</title><content type='html'>&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;img border=&quot;0&quot; data-original-height=&quot;240&quot; data-original-width=&quot;688&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3E454ovX9ZjirBiZdK9yEym6I5PoVgjIfsuiTU90vsrYCxZrL0DtetWTilUO2Q3R_qDCeBlViQte4afTRXeg81x9QbW3y4bxz-c80Mpija9DocXvnVSXVJsyX2uuR-h8ss9q4nWN1j-I/s320/belajar+memahami+Struktur+Dasar+HTML.jpg&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; font-family: verdana; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;&lt;font color=&quot;#333333&quot;&gt;Struktur kode HTML&lt;/font&gt;&lt;/h1&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Pada topik sebelumnya, kita hanya mengetikkan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;hello world&lt;/code&gt;&amp;nbsp;di dalam file hello.htm. Sebetulnya teks hello world tersebut masih belum sempurna. Karena HTML memiliki struktur yang harus diikuti sebagai berikut:&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px; padding: 0px;&quot;&gt;&lt;div class=&quot;syntaxhighlighter xml&quot; id=&quot;highlighter_334332&quot; style=&quot;box-sizing: border-box; font-size: 1em; margin: 1em 0px; overflow: auto; padding: 0px; position: relative; width: 652.5px;&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: none; border-collapse: collapse; border-radius: 0px; border-spacing: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: 635px;&quot;&gt;&lt;tbody style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;tr style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #afafaf; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;1&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;2&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;3&lt;/div&gt;&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;4&lt;/div&gt;&lt;div class=&quot;line number5 index4 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;5&lt;/div&gt;&lt;div class=&quot;line number6 index5 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;6&lt;/div&gt;&lt;div class=&quot;line number7 index6 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;7&lt;/div&gt;&lt;div class=&quot;line number8 index7 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;8&lt;/div&gt;&lt;div class=&quot;line number9 index8 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;9&lt;/div&gt;&lt;div class=&quot;line number10 index9 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;10&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: 592px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: relative; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;html&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;head&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml comments&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #008200; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;!-- Kode head --&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number5 index4 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;title&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;Hello HTML&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;title&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number6 index5 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;head&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number7 index6 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;body&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number8 index7 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;Halo dunia HTML&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number9 index8 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml spaces&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #c7254e; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;body&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;div class=&quot;line number10 index9 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;/&lt;/code&gt;&lt;code class=&quot;xml keyword&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #006699; float: none; font-size: 1em; font-weight: bold; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;html&lt;/code&gt;&lt;code class=&quot;xml plain&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Sebelum membahas struktur tersebut lebih lanjut, sebaiknya terlebih dahulu kita bahas secara singkat mengenai&amp;nbsp;elemen,&amp;nbsp;tag dan atribut di dalam bahasa Markup seperti HTML.&lt;/p&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;Elemen, Tag dan Atribut pada HTML&lt;/h1&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Tag&lt;/span&gt;&amp;nbsp;pada HTML adalah potongan teks yang diawali dengan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;&amp;lt;&lt;/code&gt;&amp;nbsp;dan diakhiri dengan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;&amp;gt;&lt;/code&gt;. Terdapat tiga jenis tag, yaitu tag pembuka (&lt;em style=&quot;box-sizing: border-box;&quot;&gt;opening tag&lt;/em&gt;), tag penutup (&lt;em style=&quot;box-sizing: border-box;&quot;&gt;closing tag&lt;/em&gt;), dan tag yang menutup dirinya sendiri (&lt;em style=&quot;box-sizing: border-box;&quot;&gt;self closing tag&lt;/em&gt;).&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Tag pembuka adalah tag muncul terlebih dahulu. Murni merupakan teks yang diapit oleh tanda&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;&amp;lt;&lt;/code&gt;&amp;nbsp;dan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;&amp;gt;&lt;/code&gt;.&amp;nbsp;Contoh tag pembuka: &amp;lt;table&amp;gt;, &amp;lt;h1&amp;gt;, &amp;lt;strong&amp;gt;, &amp;lt;a&amp;gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Tag penutup sama dengan tag pembuka, tetapi diawali dengan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;/&lt;/code&gt;&amp;nbsp;dan tidak dapat berisi atribut.&amp;nbsp;Contoh tag penutup: &amp;lt;/table&amp;gt;, &amp;lt;/h1&amp;gt;, &amp;lt;/strong&amp;gt;, &amp;lt;/a&amp;gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;Self closing tag&lt;/em&gt;&amp;nbsp;membuka dan menutup dirinya sendiri. Biasanya ditandai dengan spasi, garis miring dan simbol lebih besar sebagai penutupnya.&amp;nbsp;Contoh&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;self closing tag&lt;/em&gt;: &amp;lt;br /&amp;gt;, &amp;lt;img /&amp;gt;, &amp;lt;hr /&amp;gt;.&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;Tidak jarang,&amp;nbsp;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;self closing tag&lt;/em&gt;&amp;nbsp;diketik tanpa tanda garis miring di belakangnya sepeti &amp;lt;br&amp;gt;, &amp;lt;img&amp;gt; dan &amp;lt;hr&amp;gt;. Browser pada umumnya cukup pintar dan pemaaf untuk mengenali hal ini. Akan tetapi sangat disarankan untuk mengikuti format yang benar.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;Tag di dalam HTML biasanya berpasangan mengapit isi di dalamnya. Sepasang tag beserta isinya biasanya disebut&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700; line-height: 1.6em;&quot;&gt;elemen&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;. Terkecuali&amp;nbsp;&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;self-closing-tag&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;&amp;nbsp;yang menutup dirinya sendiri, hanya terdiri dari satu tag yang membuka sekaligus menutup dirinya sendiri.&amp;nbsp;&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;Self closing tag&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;&amp;nbsp;bisa dianggap satu elemen HTML.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;Teks di dalam suatu tag menentukan jenis dan perilaku tag tersebut. Misalkan tag &amp;lt;strong&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;&amp;gt; akan menyebabkan teks yang diapit oleh tag pembuka dan penutupnya dicetak tebal&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;. Elemen &amp;lt;strong&amp;gt;Tebal&amp;lt;/strong&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; line-height: 1.6em;&quot;&gt;&amp;gt; akan tampak seperti:&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700; line-height: 1.6em;&quot;&gt;Tebal&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Atribut adalah parameter pada elemen HTML yang diketikkan pada tag pembuka. Atribut ini&amp;nbsp;mengatur lebih lanjut perilaku suatu elemen HTML. Misalkan &amp;lt;a href=&quot;http://facebook.com&quot;&amp;gt;link ke pesbuk&amp;lt;/a&amp;gt; akan tampil seperti:&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;&lt;a href=&quot;http://facebook.com/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7;&quot;&gt;link ke pesbuk&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Atribut href mengatur situs yang dituju bila tag &amp;lt;a&amp;gt; diklik. Terdapat juga atribut seperti color dan bgcolor yang mengatur warna teks. Akan tetapi atribut pengaturan ukuran warna dan teks tersebut sudah jarang dipakai karena kemunculan teknologi CSS yang lebih mudah. Akan tetapi atribut seperti href, src, id, class, style tetap tidak dapat tergantikan.&lt;/p&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;Penjelasan struktur HTML&lt;/h1&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Mari kita kembali ke contoh pertama di atas. Pada contoh tersebut, paling atas terdapat tag doctype: &amp;lt;!DOCTYPE html&amp;gt;. Tag doctype merupakan tag khusus yang menyatakan format HTML yang dipakai. Tag ini secara khusus mengatakan pada browser untuk&amp;nbsp;mengolah HTML yang diketik berikutnya menggunakan standar HTML 5.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Struktur HTML yang lengkap terdiri dari elemen html, dan di dalamnya terdapat elemen head dan body. Ini adalah struktur minimal sebuah dokumen / file html.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Isi di dalam elemen head tidak tampil ke layar dan biasanya diisi dengan elemen-elemen yang mempengaruhi perilaku dokumen html tersebut. Elemen head dapat berisi misalnya:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin-bottom: 10px; margin-top: 0px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;title, yaitu&amp;nbsp;judul yang tampil pada tab browser&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;link rel=&quot;shortcut icon&quot;, yaitu&amp;nbsp;ikon pada tab browser&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;script dan style, yaitu&amp;nbsp;skrip Javascript atau CSS&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;meta name=&quot;viewport&quot;, yaitu keterangan lebih lanjut mengenai target ukuran layar&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;meta name=&quot;description&quot;, yaitu keterangan topik untuk search engine&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Sedangkan isi di dalam elemen body adalah isi yang akan ditampilkan ke layar browser. Kebanyakan orang lebih senang membahas elemen-elemen yang berada di dalam elemen body.&lt;/p&gt;&lt;h1 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; line-height: 1.1; margin: 20px 0px 10px;&quot;&gt;Komentar pada HTML&lt;/h1&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Komentar adalah bagian dari skrip program yang tidak diolah. Pada HTML, komentar diketik dalam format&lt;/p&gt;&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px; padding: 0px;&quot;&gt;&lt;div class=&quot;syntaxhighlighter xml&quot; id=&quot;highlighter_617917&quot; style=&quot;box-sizing: border-box; font-size: 1em; margin: 1em 0px; overflow: auto; padding: 0px; position: relative; width: 652.5px;&quot;&gt;&lt;div class=&quot;toolbar&quot; style=&quot;background: rgb(108, 226, 108); border-radius: 0px; border: none; bottom: auto; box-sizing: content-box; color: white; float: none; font-size: 10px; height: 11px; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: absolute; right: 1px; top: 1px; vertical-align: baseline; width: 11px; z-index: 10;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;toolbar_item command_help help&quot; href=&quot;https://icodeformoney.com/tuts/Struktur-kode-HTML#&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: white; display: block; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 1px 0px 0px; position: static; right: auto; text-align: center; top: auto; vertical-align: baseline; width: auto;&quot;&gt;?&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: none; border-collapse: collapse; border-radius: 0px; border-spacing: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: 635px;&quot;&gt;&lt;tbody style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;tr style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #afafaf; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px; border-radius: 0px; border-right: 3px solid rgb(108, 226, 108); border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 0.5em 0px 1em; position: static; right: auto; text-align: right; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;1&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: 601px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: relative; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: none; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px 1em; position: static; right: auto; top: auto; vertical-align: baseline; white-space: pre; width: auto;&quot;&gt;&lt;code class=&quot;xml comments&quot; style=&quot;background: none; border-radius: 0px; border: 0px; bottom: auto; box-sizing: content-box; color: #008200; float: none; font-size: 1em; height: auto; left: auto; line-height: 1.1em; margin: 0px; min-height: auto; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;&quot;&gt;&amp;lt;!-- komentar apa saja --&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: verdana; font-size: 15.12px; margin: 0px 0px 10px; text-align: justify;&quot;&gt;Diawali dengan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;&amp;lt;!--&lt;/code&gt;&amp;nbsp;dan diakhiri dengan&amp;nbsp;&lt;code style=&quot;background-color: #f9f2f4; border-radius: 4px; box-sizing: border-box; color: #c7254e; font-family: menlo, monaco, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13.608px; padding: 2px 4px;&quot;&gt;--&amp;gt;&lt;/code&gt;. Dapat berisi teks apa saja yang dapat diketik sebagai suatu keteranga di dalam dokumen html.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/1486384874932870835/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/pemrograman-web-struktur-kode-html.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1486384874932870835'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1486384874932870835'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/pemrograman-web-struktur-kode-html.html' title='Pemrograman web Struktur kode HTML'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3E454ovX9ZjirBiZdK9yEym6I5PoVgjIfsuiTU90vsrYCxZrL0DtetWTilUO2Q3R_qDCeBlViQte4afTRXeg81x9QbW3y4bxz-c80Mpija9DocXvnVSXVJsyX2uuR-h8ss9q4nWN1j-I/s72-c/belajar+memahami+Struktur+Dasar+HTML.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-6361173725826145509</id><published>2020-07-27T22:46:00.004-07:00</published><updated>2020-07-27T23:04:53.389-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="X TKJ"/><title type='text'>Beberapa Materi yang akan di Pelajari</title><content type='html'>&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;font face=&quot;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;286&quot; data-original-width=&quot;439&quot; src=&quot;https://sites.google.com/site/rppkomputerjaringandasar/_/rsrc/1502814521730/home/Download%20RPP%20Komputer%20dan%20Jaringan%20Dasar.JPG&quot; /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;b&gt;Materi komputer jaringan Dasar semester 1&lt;/b&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;span style=&quot;font-size: 15px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/font&gt;&lt;/div&gt;&lt;ul style=&quot;background-color: white; border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Kesehatan dan Keselamatan Kerja (K3LH) (3JP)&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; &amp;nbsp;&lt;a href=&quot;https://go-snupan.blogspot.com/p/k3lh.html&quot;&gt;K3LH&lt;/a&gt; dan Peraturan Perundangan&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Perakitan Komputer (12 JP)&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Dasar Komputer&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Arsitektur Komputer&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Prinsip dan cara kerja komputer&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Anatomi dan bagian-bagian perangkat keras&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Alat kerja perakitan komputer&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; cara melakukan perakitan komputer&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; &amp;nbsp;Prosedur pembuatan laporan perakitan komputer&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Pengujian perakitan Komputer (6jp)&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Proses POST&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Langkah-langkah pengujian hasil perakitan&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;BIOS (3)&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Komponen BIOS&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Konfigurasi BIOS&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Pengujian hasil konfigurasi BIOS&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Instalasi Sistem Operasi (12)&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Konsep dan prinsip kerja Sistem Operasi&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Intalasi sistem operasi berbasis GUI&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Intalasi sistem operasi berbasis CLI&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Perintah dasar sistem operasi&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Manajemen sistem operasi&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Instalasi Driver Perangkat Keras&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Jenis-jenis driver perangka keras&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Langkah-langkah instalasi&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Instalasi Software Aplikasi&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; &amp;nbsp;Jenis dan fungsi software aplikasi&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Langkah-langkah instalasi&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Perawatan Perangkat Keras&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Jenis-jenis perawatan perangkat keras&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Langkah-langkah perawatan perangkat keras&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Perbaikan Perangkat Keras&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Mengenalisis Permasalahan perangkat keras&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Melakukan peraikan perangkat keras&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Perbaikan Insatalasi software aplikasi&lt;ul style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style: none; margin: 0.5em 0px 0.5em 1.5em; padding: 0px; position: relative; vertical-align: baseline;&quot;&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Menganalisis permasalahan&lt;/li&gt;&lt;li style=&quot;border: 0px; box-sizing: border-box; font: inherit; list-style-type: square; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp; Mengelola perbaikan&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/6361173725826145509/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/beberapa-materi-yang-akan-di-pelajari.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/6361173725826145509'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/6361173725826145509'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/beberapa-materi-yang-akan-di-pelajari.html' title='Beberapa Materi yang akan di Pelajari'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-1041113412328368923</id><published>2020-07-26T10:34:00.004-07:00</published><updated>2020-07-26T22:50:07.035-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aij"/><category scheme="http://www.blogger.com/atom/ns#" term="XII TKJ"/><title type='text'>(AIJ) Pengertian VLAN (cara kerja, Fungsi ,Jenis, Keuntungan) kelas XI TKJ</title><content type='html'>&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;VLAN (Virtual LAN) adalah model jaringan yang secara logis membagi jaringan menjadi beberapa VLAN yang berbeda. VLAN tidak terbatas pada kondisi jaringan fisik seperti LAN. VLAN dapat dikonfigurasi dalam praktek tanpa harus memeriksa kondisi perangkat. Akibatnya, VLAN memiliki fleksibilitas dalam manajemen jaringan dan memungkinkan administrator jaringan untuk memartisi jaringan mereka sesuai dengan kemampuan jaringan dan persyaratan keamanan.&lt;/p&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Virtual Local Area Network (VLAN) adalah metode membuat jaringan yang diatur secara logis satu per satu. VLAN sendiri berada di jaringan area lokal (LAN), sehingga satu atau lebih VLAN dapat ada di jaringan (LAN). Jadi kita dapat menyimpulkan bahwa kita dapat membentuk satu atau lebih jaringan (jaringan dalam suatu jaringan) dalam suatu jaringan.&lt;br style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot; /&gt;Konfigurasi VLAN itu sendiri dilakukan melalui perangkat lunak (software) sehingga komputer berada di jaringan VLAN yang sama ketika sedang bergerak.&lt;/p&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Virtual Local Area Network (VLAN) adalah metode pada jaringan komputer untuk membuat jaringan yang diatur secara logis satu per satu. VLAN sendiri terletak di jaringan area lokal (LAN). Dengan demikian, mungkin ada satu atau lebih jaringan VLAN dalam jaringan LAN. Dengan cara ini, kita dapat menyimpulkan bahwa kita dapat membuat satu atau lebih jaringan di jaringan dalam jaringan LAN.&lt;/p&gt;&lt;div class=&quot;wp-block-image&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin-bottom: 1em; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;figure class=&quot;aligncenter&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; box-sizing: border-box; display: table; margin: 0px auto 5px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;img alt=&quot;VLAN-Adalah&quot; class=&quot;wp-image-1126 lazyloaded&quot; data-ll-status=&quot;loaded&quot; src=&quot;https://adalah.co.id/wp-content/uploads/2019/10/VLAN-Adalah.jpg&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px; vertical-align: middle;&quot; /&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;span style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Virtual Local Area Network (VLAN) adalah&lt;/span&gt;&amp;nbsp;kumpulan perangkat di satu atau lebih jaringan LAN yang dikonfigurasikan oleh perangkat lunak sehingga perangkat dapat berkomunikasi satu sama lain seolah-olah perangkat tersebut terpasang pada saluran yang sama di mana Perangkat sebenarnya menaungi sejumlah segmen LAN yang berbeda. VLAN dibuat dalam jaringan pihak ketiga, tetapi VLAN hanya sebagian kecil dari jaringan IP yang terisolasi secara logis.&lt;/p&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: Nunito, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Cara Kerja VLAN&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;VLAN diklasifikasikan berdasarkan metode (tipe) yang digunakan, menggunakan port dan alamat MAC. Semua informasi yang mengandung penandaan / pengalamatan VLAN disimpan dalam database (tabel). Jika label didasarkan pada port yang digunakan, database harus menentukan port yang digunakan oleh VLAN.&lt;/p&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Untuk mengatur sakelar / jembatan inilah maka biasanya digunakan, yang bisa diatur atau bisa diatur. Sakelar / jembatan ini menyimpan semua informasi dan konfigurasi VLAN dan memastikan bahwa semua sakelar / jembatan memiliki informasi yang sama. Switch menentukan ke mana data dialihkan, dan seterusnya. Anda juga dapat menggunakan perangkat lunak penghubung untuk merekam / menandai VLAN dan stasiun kerjanya. Koneksi antara VLAN membutuhkan router.&lt;/p&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: Nunito, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Fungsi_VLAN_(Virtual_Local_Area_Network)_Pada_Jaringan_Komputer&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;Fungsi VLAN (Virtual Local Area Network) Pada Jaringan Komputer&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Fungsi Virtual Local Area Network (VLAN) pada jaringan komputer adalah untuk memberikan metode pada jaringan yang dapat membagi jaringan fisik menjadi beberapa domain siaran. Domain broadcast ini biasanya batas subnet IP. Setiap subnet memiliki VLAN. VLAN memungkinkan beberapa LAN virtual berdampingan dalam LAN fisik (sakelar). Sama seperti ada dua mesin yang terhubung dalam satu saklar, keduanya tidak dapat mengirim frame Ethernet ke mesin lain bahkan dalam kabel yang sama.&lt;/p&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: Nunito, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Jenisjenis_VLAN&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;Jenis-jenis VLAN&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;ol style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin-bottom: 11.5px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;VLAN default adalah VLAN sejak sakelar dinyalakan pertama kali. Selama konfigurasi, semua port switch disertakan dalam VLAN standar dan dapat dihubungkan ke setiap port. Di Cisco, VLAN default adalah VLAN.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Data VLAN adalah VLAN yang hanya mengatur lalu lintas data di VLAN.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;VLAN asli adalah VLAN yang dikembalikan ke port jika tidak ada di bagasi dan tidak memiliki tag.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;VLAN Suara adalah VLAN yang mendukung VoIP dan dirancang khusus untuk komunikasi data suara dalam VLAN.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Management VLAN adalah VLAN yang dikonfigurasi untuk sakelar manajemen.&lt;/li&gt;&lt;/ol&gt;&lt;h2 style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: Nunito, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 10px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;span class=&quot;ez-toc-section&quot; id=&quot;Keuntungan_Menggunakan_VLAN&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;Keuntungan Menggunakan VLAN&lt;span class=&quot;ez-toc-section-end&quot; style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;/span&gt;&lt;/h2&gt;&lt;ol style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin-bottom: 11.5px; margin-top: 0px; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Keamanan, semua data sensitif dipisahkan dari jaringan yang ada, sehingga pelanggaran akses ke informasi rahasia dan penting berkurang.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Penghematan biaya dapat menghemat biaya dengan menghilangkan biaya mahal dari peningkatan jaringan dan penggunaan bandwidth dan uplink yang efisien.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Kinerja yang lebih tinggi dapat mengurangi lalu lintas jaringan dan meningkatkan kinerja dengan membagi jaringan Layer 2 menjadi kelompok kerja logis.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Broadcast Storm Mitigation, dapat mengurangi jumlah perangkat yang berpartisipasi dalam siaran.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Peningkatan efisiensi staf TI memfasilitasi manajemen jaringan karena pengguna dengan kebutuhan jaringan yang sama menggunakan VLAN yang sama.&lt;/li&gt;&lt;li style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; box-sizing: border-box; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;Manajemen proyek atau aplikasi yang lebih mudah membuatnya lebih mudah untuk mengelola suatu proyek atau pekerjaan karena memiliki fungsi yang terpisah.&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;-webkit-font-smoothing: antialiased !important; backface-visibility: hidden !important; background-color: white; box-sizing: border-box; color: #2c3e50; font-family: sans-serif; font-size: 16px; margin: 0px 0px 15px; overflow-wrap: break-word; text-shadow: rgba(0, 0, 0, 0.024) 1px 1px 1px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/1041113412328368923/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/aij-pengertian-vlan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1041113412328368923'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1041113412328368923'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/aij-pengertian-vlan.html' title='(AIJ) Pengertian VLAN (cara kerja, Fungsi ,Jenis, Keuntungan) kelas XI TKJ'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2658980440633426136.post-1877353181293564226</id><published>2020-07-26T06:58:00.004-07:00</published><updated>2020-07-26T08:30:30.553-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="tkj"/><title type='text'>TKJ atau Teknik Komputer dan Jaringan</title><content type='html'>&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/AVvXsEjR-RbgKU5Lvtj0CmU8e1LfD7c8pudGJuND1xHEcXfa1WzC_0OubDJRBQTFpegMDA6guDzutQqssn-v_g-fg3dyEwklJLjwIuB6bOHY7H1xUfXyXdETEJ4EWopQ9P7XnAOx8v0ItQ40ATg/s640/Pengertian+TKJ.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;427&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-RbgKU5Lvtj0CmU8e1LfD7c8pudGJuND1xHEcXfa1WzC_0OubDJRBQTFpegMDA6guDzutQqssn-v_g-fg3dyEwklJLjwIuB6bOHY7H1xUfXyXdETEJ4EWopQ9P7XnAOx8v0ItQ40ATg/s320/Pengertian+TKJ.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;TKJ atau Teknik Komputer dan Jaringan merupakan salah satu jurusan atau program keahlian SMK yang membahas seputar informasi dan teknologi. Jurusan ini termasuk salah satu jurusan yang diminati banyak siswa, baik laki-laki maupun perempuan.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Dalam satu kelas, biasanya malah dominan siswa perempuan. Ya mungkin saja mereka bingung mau ambil program keahlian apalagi kalau bukan TKJ. Secara, jurusan yang lain bisa dikatakan jurusan maskulin yang lebih dominan untuk laki-laki.&lt;/p&gt;&lt;div class=&quot;code-block code-block-5&quot; style=&quot;background-color: white; box-sizing: inherit; clear: both; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 8px auto; max-width: 660px; text-align: center;&quot;&gt;&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-3154970674239665&quot; data-ad-format=&quot;link&quot; data-ad-slot=&quot;7392851239&quot; data-adsbygoogle-status=&quot;done&quot; data-full-width-responsive=&quot;true&quot; style=&quot;box-sizing: inherit; display: block; height: 90px;&quot;&gt;&lt;br /&gt;&lt;/ins&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Walaupun begitu, tetap ada kok siswa perempuan yang masuk ke jurusan Teknik Pemesinan, Teknik Kendaraan Ringan, ataupun Teknik Sepeda Motor. Ya kalau memang suka, kenapa tidak?&lt;/p&gt;&lt;h2 id=&quot;kenapa-memilih-tkj&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.7em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;Kenapa Memilih TKJ?&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Kalau saya , alasan memilih jurusan TKJ karena sejak kecil memang dekat dengan komputer. Hampir setiap hari main di warnet, lebih tepatnya main game online, lebih spesifiknya lagi game Point Blank.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Dari pengalaman jadi Anwar alias anak warnet, saya penasaran dengan cara kerja komputer, apa saja komponen komputer, dan bagaimana cara merakit komputer. Nah, dari situlah saya memutuskan untuk memilih jurusan TKJ setelah menyelesaikan jenjang pendidikan SMP.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Tapi, saat pertama daftar SMK, jurusan yang saya pilih bukan TKJ loh, melainkan Teknik Pemesinan. Jurusan ini adalah pilihan dari bapak saya. Karena tidak suka, saya nekat pindah jurusan ke TKJ karena memang saya lebih minat dengan TKJ.&lt;/p&gt;&lt;h3 id=&quot;update-sudah-lulus-2017&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.5em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;Update Sudah Lulus (2017)&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Di bawah ini akan saya tambahkan beberapa alasan memilih TKJ setelah saya lulus. Ini sekadar opini saja loh ya, kalau ada yang berbeda pendapat ya tidak masalah.&lt;/p&gt;&lt;h4 id=&quot;1-mengenal-apa-itu-sistem-operasi&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.4em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;1. Mengenal Apa Itu Sistem Operasi&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Sistem operasi yang saya ketahui pertama kali adalah Windows, lebih tepatnya Windows XP. Zaman saya bermain game, hampir semua komputer menggunakan sistem operasi Windows XP. Saat itu, Windows XP sudah bisa dikatakan top untuk menjalankan aplikasi dan game.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Di TKJ, kita akan mengenal lebih jauh tentang sistem operasi mulai dari pengertian, macam-macam, serta kelebihan dan kekurangan masing-masing sistem operasi. Bukan hanya itu, kita juga akan diajarkan cara menginstall sistem operasi baik itu Windows, Ubuntu, ataupun Debian.&lt;/p&gt;&lt;h4 id=&quot;2-mengetahui-software-dan-hardware-komputer&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.4em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;2. Mengetahui Software dan Hardware Komputer&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Nah, sejak saya kenal komputer di warnet, saya memang sudah penasaran dengan komponen komputer. Sebelumnya, saya sama sekali tidak tahu apa itu software dan hardware. Ya tahu sih software, tapi sebatas&amp;nbsp;&lt;em style=&quot;box-sizing: inherit;&quot;&gt;Mozilla&lt;/em&gt;&amp;nbsp;dan&amp;nbsp;&lt;em style=&quot;box-sizing: inherit;&quot;&gt;Point Blank&lt;/em&gt;&amp;nbsp;saja.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Di jurusan TKJ, kita akan dibimbing untuk mengetahui macam-macam software dan hardware komputer. Untuk melengkapinya, kita juga akan dijelaskan fungsi dan cara kerja dari komponen tersebut.&lt;/p&gt;&lt;h4 id=&quot;3-memahami-jaringan-lebih-jauh&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.4em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;3. Memahami Jaringan Lebih Jauh&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Saat bermain di warnet, saya tidak tahu sama sekali tentang jaringan komputer. Yang saya tahu sebatas internet yang bisa kita gunakan untuk browsing dan bermain game online.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Nah, materi jaringan juga akan dibahas mulai dari pengenalan sampai praktik. Kalau tidak salah, pembahasan pertama tentang jaringan adalah PAN, LAN, MAN, dan WAN. Untuk praktik, kita akan disuruh membuat kabel straight dan crossover. Dan itu akan berlanjut sampai ke materi Mikrotik juga.&lt;/p&gt;&lt;h4 id=&quot;4-praktik&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.4em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;4. Praktik&lt;/h4&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Ya, alasan kenapa saya memilih TKJ adalah banyak praktik. Sebenarnya bukan hanya TKJ sih, semua jurusan di SMK memang lebih banyak praktik daripada teori. Dengan adanya praktik, kita akan lebih cepat paham dengan apa yang dijelaskan.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Sebenarnya banyak sekali ya alasan kenapa memilih jurusan TKJ. Intinya sih, semua tetap kembali ke pribadi masing-masing, apa alasan kuat pengen memilih jurusan TKJ. Pokoknya, kalau alasan tetap ada pada diri sendiri, bukan pada orang lain.&lt;/p&gt;&lt;h2 id=&quot;kelebihan-jurusan-tkj&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.7em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;Kelebihan Jurusan TKJ&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Setiap jurusan pasti memiliki kelebihan dan kekurangan masing-masing, termasuk jurusan TKJ. Di bawah ini, saya akan memberikan sedikit opini mengenai kelebihan TKJ yang saya rasakan selama duduk di bangku SMK.&lt;/p&gt;&lt;h3 id=&quot;1-materi-mantap&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.5em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;1. Materi Mantap&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Sebenarnya, materi di jurusan SMK mantap semua. Untuk TKJ, kita akan memulai pembelajaran dengan materi pengenalan sistem operasi. Semua itu dijelaskan secara urut, sehingga kita akan tahu lebih jauh tentang materi ini.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Materi yang diajarkan di jurusan TKJ juga bermacam-macam. Seperti namanya Teknik Komputer dan Jaringan, maka pembahasannya seputar komputer dan jaringan.&lt;/p&gt;&lt;h3 id=&quot;2-praktik&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.5em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;2. Praktik&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Ya, di SMK memang lebih cenderung banyak praktik dibandingan dengan teori. Setelah adanya pembahasan, pasti dilanjutkan dengan praktik. Seperti contoh, kita baru saya membahas cara instalasi Ubuntu, maka akan dilanjutkan dengan praktik instalasi Ubuntu.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Sebagian siswa TKJ lebih suka praktik dibandingkan dengan teori. Namun, jangan sampai menyalahgunakan waktu praktik untuk bermain game atau browsing sosial media, karena kalau tidak bisa akan rugi sendiri.&lt;/p&gt;&lt;h3 id=&quot;3-melek-teknologi&quot; style=&quot;background-color: white; box-sizing: inherit; color: #333333; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 1.5em; line-height: 1.1; margin: 1.75em auto 0.5em; max-width: 660px;&quot;&gt;3. Melek Teknologi&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Dengan masuk jurusan TKJ, kita akan melek teknologi dalam arti sempitnya tahu lebih jauh dengan komputer dan jaringan. Ya mungkin saja sebelumnya belum kenal dengan komputer dan jaringan.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Selain itu, kita bisa juga memanfaatkan lab praktik untuk browsing berita terbaru sehingga kita tahu sedang ada apa di dunia ini. Atau kalau tidak, kita juga bisa memanfaatkannya untuk belajar ngeblog atau belajar hal lain.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: inherit; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 0px auto 1em; max-width: 660px;&quot;&gt;Itulah sedikit penjelasan tentang&amp;nbsp;pengertian TKJ&amp;nbsp;yang bisa saya sampaikan. Semoga artikel singkat ini bisa memberikan gambaran kepada Anda semua terkait jurusan TKJ.&lt;/p&gt;&lt;div class=&quot;code-block code-block-4&quot; style=&quot;background-color: white; box-sizing: inherit; clear: both; color: #454545; font-family: &amp;quot;source sans pro&amp;quot;, sans-serif; font-size: 19px; margin: 8px auto; max-width: 660px; text-align: center;&quot;&gt;&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-3154970674239665&quot; data-ad-format=&quot;auto&quot; data-ad-slot=&quot;5772340007&quot; data-adsbygoogle-status=&quot;done&quot; data-full-width-responsive=&quot;true&quot; style=&quot;box-sizing: inherit; display: block; height: 345px; width: 660px;&quot;&gt;&lt;ins id=&quot;aswift_6_expand&quot; style=&quot;background-color: transparent; border: none; box-sizing: inherit; display: inline-table; height: 345px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 660px;&quot;&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://go-snupan.blogspot.com/feeds/1877353181293564226/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://go-snupan.blogspot.com/2020/07/tkj-atau-teknik-komputer-dan-jaringan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1877353181293564226'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/2658980440633426136/posts/default/1877353181293564226'/><link rel='alternate' type='text/html' href='https://go-snupan.blogspot.com/2020/07/tkj-atau-teknik-komputer-dan-jaringan.html' title='TKJ atau Teknik Komputer dan Jaringan'/><author><name>Go-snupan</name><uri>http://www.blogger.com/profile/18352418821304328542</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='23' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjyRSVCz1wgNckSifzRtatmKFuHYPiPg-F6b095AMvZoD5GmxfPJwTs8JZPl35GWGXLbX3csNElBzhhqDXJtQj3tSUO1ym__kN_r7MQe5NgGvvl4DMaXjbBA8-3snZT4U/s220/DD.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-RbgKU5Lvtj0CmU8e1LfD7c8pudGJuND1xHEcXfa1WzC_0OubDJRBQTFpegMDA6guDzutQqssn-v_g-fg3dyEwklJLjwIuB6bOHY7H1xUfXyXdETEJ4EWopQ9P7XnAOx8v0ItQ40ATg/s72-c/Pengertian+TKJ.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>