11 Library Gratis untuk Membuat Grafik Berbasis Web

<h1 class="post-title" style="background-color: white; border: 0px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><span style="font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;">Dalam pembuatan sistem atau aplikasi berbasis web, seringkali diperlukan penyajian data dan laporan dalam bentuk</span><span style="font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;"> </span><span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">grafik</span><span style="font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;">, selain dalam bentuk tabel atau tabular. Penyajian data dalam bentuk grafik memiliki keuntungan antara lain bentuknya yang lebih menarik serta dapat dipahami makna keseluruhan data dengan lebih cepat. Bentuk grafik juga lebih ringkas dibandingkan penyajian data dalam bentuk tabel.</span></span></h1> <div class="entry share" style="background-color: white; border: 0px; line-height: 1.6em; margin: 0px; min-height: 354px; padding: 0px 100px 0px 0px; position: relative; vertical-align: baseline;"> <div class="entry-inner" style="border: 0px; float: left; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; width: 851px;"> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Dalam kaitannya dengan penyajian data dalam bentuk grafik, PHP memiliki kemampuan cukup bagus dalam penanganan dan pembuatan grafik yang dapat disajikan secara langsung di browser <em style="border: 0px; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(on-the-fly)</em>. Kita dapat membuat <span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">grafik</span> dengan memanfaatkan fungsi-fungsi penanganan grafik yang disediakan oleh PHP, atau menggunakan berbagai library siap pakai yang dibuat khusus untuk menampilkan data dalam bentuk grafik. Tentunya penggunaan <span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">library</span> akan lebih cepat dalam pembuatan aplikasi, karena cukup menguasai bagaimana menggunakan library tersebut.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Saat ini tersedia cukup banyak library PHP yang dibuat untuk menampilkan data dalam bentuk grafik. Beberapa library PHP tersebut sebagai berikut.</span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><span id="more-9882" style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span><br />01. pChart</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">pChart merupakan library berbasis PHP yang sangat handal dalam hal pembuatan grafik. Grafik yang dihasilkan dapat ditampilkan secara langsung di browser, dikirim melalui email atau langsung disertakan dalam file PDF. Pembuatan library pChart ini menggunakan konsep OOP sehingga cukup mudah digunakan. Library yang berlisensi GNU GPL v3 ini mendukung berbagai macam bentuk grafik seperti grafik garis, batang, lingkaran, poligon dan sebagainya. Selain itu, library ini memiliki fitur menarik lainnya yaitu dapat menampilkan bayangan grafik (shadow) dan grafik transparan.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-pchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-pchart" class="aligncenter wp-image-9893" height="260" src="http://achmatim.net/wp-content/uploads/2013/12/chart-pchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="582" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website resmi: <a href="http://www.pchart.net/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://www.pchart.net</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">02. JpGraph</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">JpGraph merupakan library Obyek Oriented untuk membuat grafik dan ditujukan untuk PHP >= 5.1. PHP secara penuh ditulis dengan PHP dan siap digunakan dalam berbagai jenis instalasi PHP (versi CGI, APXS atau CLI). JpGraph memiliki tagline “Most powerfull PHP-driven charts”. Tentunya hal tersebut tidak berlebihan, mengingat begitu <a href="http://jpgraph.net/features/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">banyak fitur-fitur</a> yang dimilikinya. Selain mendukung berbagai jenis grafik, JpGraph juga menghasilkan grafik dengan ukuran yang ringan (rata-rata 2 KB saja). Selain itu juga mendukung alpha blending, drill-down graph, advanced gant-charts, multiple Y-axis dan sebagainya.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-jpgraph.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-jpgraph" class="aligncenter wp-image-9892" height="175" src="http://achmatim.net/wp-content/uploads/2013/12/chart-jpgraph.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="542" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website resmi: <a href="http://jpgraph.net/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://jpgraph.net</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">03. PHPMyGraph</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Library PHPMyGraph dikembangkan oleh Martijn Beulens menggunakan PHP 5. Walaupun tidak banyak jenis grafik yang didukung oleh library ini, namun bisa jadi alternatif bagi kita yang ingin membuat grafik sederhana dan ga mau ribet.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-phpmygraph.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-phpmygraph" class="aligncenter size-full wp-image-9891" height="193" src="http://achmatim.net/wp-content/uploads/2013/12/chart-phpmygraph.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="492" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://phpmygraph.abisvmm.nl/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://phpmygraph.abisvmm.nl/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">04. LibChart</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">LibChart mengusung semboyan “Simple PHP chart drawing library”, dimana tetap mempertahankan kesederhanaan dalam penerapannya. LibChart tidak membutuhkan library atau ekstensi tambahan, cukup PHP yang mendukung GD dan FreeType. Jenis diagram yang dapat dibuat dengan LibChart antara lain lingkaran (pie), batang (vertikal dan horizontal) dan garis.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-libchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-libchart" class="aligncenter size-full wp-image-9890" height="263" src="http://achmatim.net/wp-content/uploads/2013/12/chart-libchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="517" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://naku.dohcrew.com/libchart/pages/introduction/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://naku.dohcrew.com/libchart/pages/introduction/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">05. PHP/SWF Chart</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">PHP/SWF Chart menjawab kebutuhan kita yang ingin membuat grafik interaktif dalam bentuk Flash/SWF. Karena hasilnya berupa diagram berbasis Flash/SWF maka untuk menampilkannya, browser yang digunakan harus sudah terinstall plugin Flash Player 10 ke atas. Format data yang “diminta” oleh library ini adalah XML yang dapat dihasilkan dengan berbagai bahasa pemrograman seperti PHP, ASP, JSP, CFML dan Perl. Kelebihan lainnya adalah, library ini mendukung lebih dari 25 jenis grafik untuk menyajikan data secara lebih atraktif.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-swfchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-swfchart" class="aligncenter wp-image-9889" height="106" src="http://achmatim.net/wp-content/uploads/2013/12/chart-swfchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="320" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://www.maani.us/charts/index.php" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://www.maani.us/charts/index.php</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">06. Open Flash Chart 2</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Hampir sama dengan library PHP/SWF Chart, library ini juga meng-generate grafik dalam bentuk Flash / SWF. Perbedaannya adalah, Open Flash Chart 2 menggunakan format JSON sebagai inputan datanya. Library yang berlisensi LGPL ini dibangun dengan Actionscript 3 dan dikompilasi dengan Adobe Flex. Salah satu kelebihan dari library ini adalah adanya dukungan (helper) dari berbagai bahasa pemrograman seperti PHP, Perl, Phyton, .NET dan Ruby. Selain itu, grafik yang dihasilkan dapat disimpan dalam bentuk gambar (image) melalui menu klik-kanan pada grafik.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-openflashchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-openflashchart" class="aligncenter wp-image-9888" height="373" src="http://achmatim.net/wp-content/uploads/2013/12/chart-openflashchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="499" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://teethgrinder.co.uk/open-flash-chart-2/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://teethgrinder.co.uk/open-flash-chart-2/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">07. Fusion Chart</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Jika Anda menginginkan tampilan grafik yang terlihat lebih profesional dan dukungan berbagai jenis dan bentuk grafik, mungkin library Fusion Chart adalah pilihan yang tepat. FusionChart mengklaim telah digunakan oleh lebih dari 21.000 organisasi, 450.000 pengembang yang tersebar di 118 negara. Dengan dukungan puluhan jenis grafik yang atraktif baik 2D maupun 3D, serta berbagai fitur hebat lainnya, pantas saja untuk menggunakan library ini kita harus membelinya dengan harga mulai dari $399. Namun demikian, tersedia juga versi Trial yang dapat diunduh secara gratis, tentunya beberapa batasan fitur.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-fusionchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-fusionchart" class="aligncenter wp-image-9887" height="238" src="http://achmatim.net/wp-content/uploads/2013/12/chart-fusionchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="527" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://www.fusioncharts.com/goodies/fusioncharts-free/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://www.fusioncharts.com/goodies/fusioncharts-free/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">08. Google Chart API</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Google Charts menawarkan visualisasi data yang sangat baik, mulai dari jenis grafik yang sederhana hingga kompleks. Google Charts dibangun menggunakan teknologi Javascript dan HTML5/SVG sehingga memiliki kompatibilitas yang sangat baik dengan browser masa kini. Tentu saja, library ini berlisensi terbuka dan dapat diunduh secara gratis. Sumber data dari library ini tidak hanya berasal dari bahasa pemrograman seperti PHP, ASP dan JSP namun juga dapat berasal dari aplikasi Google Spreadsheets, Google Fusion Tables dan pihak ketiga seperti SalesForce.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-googlechart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-googlechart" class="aligncenter size-full wp-image-9886" height="246" src="http://achmatim.net/wp-content/uploads/2013/12/chart-googlechart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="330" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="https://developers.google.com/chart/?csw=1" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">https://developers.google.com/chart/?csw=1</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">09. Google Chart PHP Library</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Google Chart PHP Library merupakan wrapper yang dibuat dengan PHP dari Google Charts API. Tujuan dari dikembangkannya library ini adalah untuk mempermudah pengembang PHP dalam membuat grafik dengan Google Charts API. Bagi Anda yang menggunakan PHP, library ini pantas untuk dicoba.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-phpgooglechart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-phpgooglechart" class="aligncenter size-full wp-image-9885" height="210" src="http://achmatim.net/wp-content/uploads/2013/12/chart-phpgooglechart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="509" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://googlechartphplib.cloudconnected.fr/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://googlechartphplib.cloudconnected.fr/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">10. ChartJS</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Jika Anda mencari library untuk membuat grafik yang dapat ditampilkan dengan baik di platform web dan mobile, ChartJS merupakan salah satu pilihan terbaik yang dapat Anda temukan. ChartJS dibangun menggunakan teknologi HTML5 dan Javascript. Library ini menyediakan berbagai jenis diagram termasuk diagram batang, garis, lingkaran, donut hingga stock chart. Dengan format data JSON, membuat library ini dapat dengan mudah diimplementasikan.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-chartjs.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-chartjs" class="aligncenter wp-image-9884" height="265" src="http://achmatim.net/wp-content/uploads/2013/12/chart-chartjs.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="535" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://chartjs.devexpress.com/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://chartjs.devexpress.com</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">11. amCharts</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Library amCharts dikembangkan oleh amCharts, sebuah perusahaan yang berasal dari Vilnius, Lithuania. Library ini juga dikembangkan dengan Javascript dan HTML5 sehingga memiliki keunggulan dari sisi interaktivitas dan kompatibilitas browser. Library amCharts menggunakan format data JSON. Anda dapat mengunduh library amCharts secara gratis atau membeli versi berbayarnya dengan beberapa tambahan fitur.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;"> <a href="http://achmatim.net/wp-content/uploads/2013/12/chart-amchart.png" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="chart-amchart" class="aligncenter wp-image-9883" height="154" src="http://achmatim.net/wp-content/uploads/2013/12/chart-amchart.png" style="-webkit-transition: opacity 0.2s ease; border: 0px; clear: both; display: block; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 18px auto; max-width: 100%; padding: 0px; transition: opacity 0.2s ease; vertical-align: baseline;" width="490" /></span></a></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Website Resmi: <a href="http://www.amcharts.com/" style="-webkit-transition: 0.2s ease; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;" target="_blank">http://www.amcharts.com/</a></span></div> <h2 style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 400; letter-spacing: -0.7px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; vertical-align: baseline; word-wrap: break-word;"> <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">Kesimpulan</span></h2> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Untuk keperluan pembuatan grafik di web, ternyata cukup banyak library yang tersedia baik yang berlisensi terbuka maupun berbayar. Beberapa diantaranya dibangun dengan menggunakan teknologi PHP murni, sementara yang lainnya dibangun dengan teknologi Flash/SWF, Javascript dan HTML5. Lalu dari sekian banyak library, mana yang sebaiknya kita gunakan? Ada beberapa hal yang perlu diperhatikan saat memilih library pembuatan grafik. <span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pertama</span>, seberapa kompleks kebutuhan jenis grafik untuk menyajikan data. Jika grafik yang diinginkan hanya jenis grafik sederhana maka pilihan librarynya tentu lebih banyak. <span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kedua</span>, sasaran dari pengguna aplikasi. Hal ini terkait dengan spesifikasi browser yang dimiliki oleh pengguna. Jika sasaran pengguna adalah terbatas di suatu perusahaan saja, maka penggunaan library berbasis Flash/SWF mungkin tidak akan menimbulkan masalah kompatibilitas. Namun jika sasaran penggunanya lebih luas dimana spesifikasi browser yang sangat beragam, maka perlu dipertimbangkan dengan baik jika ingin menggunakan library berbasis Flash/SWF. <span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Ketiga</span>, format data yang kita miliki dan format data library yang akan digunakan. Gunakan library dengan format data yang paling mudah disesuaikan dengan format data yang kita miliki termasuk dukungan atas bahasa pemrograman yang kita gunakan.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">Demikian ulasan mengenai beberapa library untuk membuat grafik berbasis web. Semoga artikel ini bermanfaat untuk kita semua dan maju terus ilmu pengetahuan Indonesia.</span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div> <div style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: "arial" , "helvetica" , sans-serif;">refrensi : http://achmatim.net/2013/12/15/11-library-gratis-untuk-membuat-grafik-berbasis-web/</span></div> </div> </div>

11 Library Gratis untuk Membuat Grafik Berbasis Web

Dalam pembuatan sistem atau aplikasi berbasis web, seringkali diperlukan penyajian data dan laporan dalam bentuk   grafik , selain dalam be...

Read more »

Cara Memasang Wireless BCM di Blankon 9 Suroboyo

<div style="background-color: white; border: 0px; color: #666666; line-height: 28.796875px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <br /></div> <div style="border: 0px; color: #666666; line-height: 28.796875px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1.</span><span style="background-color: white;"> Periksa Info Detils Perangkat Keras</span><br /><code style="background-color: white; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px 3px; vertical-align: baseline;">$ lspci</code><br /><span style="background-color: white;">Hasilnya :</span><br /><code style="background-color: white; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px 3px; vertical-align: baseline;">0c:00.0 Network controller: Broadcom Corporation BCM4312 802.11b/g LP-PHY (rev 01)</code></span></div> <div style="background-color: white; border: 0px; color: #666666; line-height: 28.796875px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="border: 0px; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2.</span> Dapet banyak materi2 salah duanya dari sini<br /><a href="https://help.ubuntu.com/community/WifiDocs/Driver/bcm43xx" style="-webkit-transition: 0.2s ease; border: 0px; color: #3b8dbd; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;">https://help.ubuntu.com/community/WifiDocs/Driver/bcm43xx</a> dan <a href="http://tuanpembual.wordpress.com/2012/12/08/memasang-wireless-bcm4312-blankon-rote-dell/" style="-webkit-transition: 0.2s ease; border: 0px; color: #3b8dbd; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: 0.2s ease; vertical-align: baseline;">http://tuanpembual.wordpress.com/2012/12/08/memasang-wireless-bcm4312-blankon-rote-dell/</a></span></div> <div style="border: 0px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; border: 0px; color: #666666; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3.</span><span style="background-color: white; color: #666666; line-height: 28.796875px;"> Masih dengan membuka terminal Linux, masukkan beberapa perintah berikut:</span><br /><span style="background-color: white; color: #666666; line-height: 28.796875px;">>. Pasang STA hybrid drivers/firmware</span><span style="background-color: white; color: #666666;"><span style="line-height: 28.796875px;">sudo aptitude install wireless-tools</span></span><br /><span style="background-color: white;"><code style="border: 0px; color: #666666; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px 3px; vertical-align: baseline;">sudo apt-get update</code><br /><code style="border: 0px; color: #666666; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px 3px; vertical-align: baseline;">sudo apt-get install bcmwl-kernel-source</code></span><br /><span style="background-color: white; color: #666666; line-height: 28.796875px;">>. Update dan Pasang wireless-tool</span><br /><code style="background-color: white; border: 0px; color: #666666; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px 3px; vertical-align: baseline;">sudo aptitude install wireless-tools</code></span></div> <div style="background-color: white; border: 0px; color: #666666; line-height: 28.796875px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;"> <span style="font-family: Arial, Helvetica, sans-serif;">Selesai Cabut Kabel LAN dan mulai Internetan pake wifi.</span></div>

Cara Memasang Wireless BCM di Blankon 9 Suroboyo

1.  Periksa Info Detils Perangkat Keras $ lspci Hasilnya : 0c:00.0 Network controller: Broadcom Corporation BCM4312 802.11b/g LP-PHY (rev...

Read more »

Pengertian CLI

<div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> Pengertian antarmuka ( <em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">interface</em>) adalah salah satu layanan yang disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem operasi. Antarmuka adalah komponen sistem operasi yang bersentuhan langsung dengan pengguna. Terdapat dua jenis antarmuka, yaitu<em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command Line Interface</em>(CLI) dan <em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Graphical User Interface</em>(GUI).</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Dua tipe interface sistem operasi :</strong><br /> 1. Command Line Interface (CLI) – berbasis teks, yang jika melakukan perintah harus dengan mengetikan perintah.<br /> 2.Graphical User Interface (GUI) – berbasis grafis, dgn memiliki tampilan berupa menu dan icon-2.</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> Nah yang akan saya bahas pada postingan kali ini adalah jenis Antarmuka CLI (Command Line Interface) di Linux yang merupakan materi kuliah Linux selasa depan <span class="wp-smiley emoji emoji-bigsmile" style="border: 0px; display: inline-block !important; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; min-height: 1.2em; outline: 0px; overflow: hidden; padding: 0px; position: relative !important; text-indent: 9999px; vertical-align: bottom; white-space: nowrap; width: 1.35em;" title=":D">:D</span> .</div> <h3 style="background-color: white; border: 0px; clear: both; color: #404040; font-family: 'Droid Serif', Georgia, serif; font-size: 1.2307rem; line-height: 1.4; margin: 0px 0px 1.125em; outline: 0px; padding: 0px; vertical-align: baseline;"> Pengertian CLI</h3> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> CLI adalah tipe antarmuka dimana pengguna berinteraksi dengan sistem operasi melalui <em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">text-terminal</em>. Pengguna menjalankan perintah dan program di sistem operasi tersebut dengan cara mengetikkan baris-baris tertentu.<br /> Meskipun konsepnya sama, tiap-tiap sistem operasi memiliki nama atau istilah yang berbeda untuk CLI-nya. UNIX memberi nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya. Microsoft Disk Operating System (MS-DOS) memberi nama command.com atau Command Prompt. Sedangkan pada Windows Vista, Microsoft menamakannya PowerShell. Pengguna Linux mengenal CLI pada Linux sebagai <em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">terminal</em>, sedangkan pada Apple namanya adalah commandshell.<span id="more-751" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;"><em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Rangkuman saya : CLI adalah melakukan aktivitas sistem operasi dengan menggunakan perintah teks diakhiri Enter . Untuk menggunakannya , di windows menggunakan Command Prompt (Start -> Run -> ketik cmd -> enter) dan untuk Linux menggunakan Terminal (Applications -> Accsesoris -> Terminal)</em></span></div> <h3 style="background-color: white; border: 0px; clear: both; color: #404040; font-family: 'Droid Serif', Georgia, serif; font-size: 1.2307rem; line-height: 1.4; margin: 0px 0px 1.125em; outline: 0px; padding: 0px; vertical-align: baseline;"> Pengenalan CLI di Linux</h3> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> Seperti pada saat akan menginputkan perintah di DOS, command line atau baris perintah di Linux juga diketikkan di prompt dan diakhiri enter untuk mengeksekusi perintah tersebut. Baris perintah merupakan cara yang lebih efisien untuk melakukan sesuatu pekerjaan oleh karena itu pemakai Linux tetap mengandalkan cara ini untuk bekerja. Sebaiknya pemula juga harus mengetahui dan sedikitnya pernah menggunanakan perintah baris ini karena suatu saat pengetahuan akan perintah-perintah ini bisa sangat diperlukan.</div> <div class="wp-caption aligncenter" id="attachment_754" style="background-color: white; border: 1px solid rgb(238, 238, 238); clear: both; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin: 0px auto 1.5em; max-width: 100%; outline: 0px; padding: 8px 0px 10px; vertical-align: baseline; width: 310px;"> <a href="http://setiyadiagung.files.wordpress.com/2011/03/screenshot2.png" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="Ini adalah tampilan dari Terminal di Blankon 5 Nanggar" class="size-medium wp-image-754" height="205" src="http://setiyadiagung.files.wordpress.com/2011/03/screenshot2.png?w=300&h=205" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 98%;" title="Ini adalah tampilan dari Terminal di Blankon 5 Nanggar" width="300" /></a><br /> <div class="wp-caption-text" style="border: 0px; font-family: inherit; font-size: 0.923rem; font-style: inherit; font-weight: inherit; margin-top: 10px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> Ini adalah tampilan dari Terminal di Blankon 5 Nanggar</div> </div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> Berikut ini adalah beberapa contoh  perintah yang digunakan di sistem operasi Linux Blankon 5 Nanggar pada mode CLI, baik Desktop maupun Server, yang juga banyak untuk bisa digunakan pada distro yang lain. Pada contoh ini saya menggunakan Blankon 5 Nanggar.</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1. sudo su</strong><br /> Digunakan untuk login sebagai root/pengguna tertinggi<br /> Sintaks sudo su</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. login</strong><br /> Digunakan untuk login sebagai user lain, namun harus menjadi root dulu untuk bisa menjalankan peirntah ini.<br /> Sintaks : login namauser<br /> Contoh : login adam</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3. cd</strong><br /> Digunakan untuk berpindah direktori<br /> Sintaks : cd alamat_direktori<br /> Contoh : cd /var/www</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4. pwd</strong><br /> Digunakan untuk memperlihatkan di direktori mana posisi kita berada sekarang.<br /> Sintaks : pwd</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5. ls</strong><br /> Digunakan untuk melihat isi sebuah direktori.<br /> Sintaks : ls</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">6. cp</strong><br /> Digunakan untuk melakukan copy file.<br /> Sintaks : cp /direktori/file_yang_ingin_dicopy /direktori tujuan<br /> Contoh : cp /etc/file1.txt /var/www</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">7. mv</strong><br /> Digunakan untuk melakukan cut atau rename.<br /> Sintaks :<br /> mv /direktori/file_yang_ingin_dicut /direktori tujuan (cut)<br /> mv /direktori/file_yang_ingin_direname /nama_baru_file (rename)<br /> Contoh:<br /> mv /etc/file1.txt /var/www<br /> mv /etc/file1.txt file2.txt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">8. mkdir</strong><br /> Digunakan untuk membuat folder baru.<br /> Sintaks : mkdir nama_folder<br /> Contoh : mkdir folder1</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">9. rmdir</strong><br /> Digunakan untuk menghapus folder.<br /> Sintaks : rmdir nama_folder<br /> Contoh : rmdir folder1</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10. touch</strong><br /> Digunakan untuk membuat file baru.<br /> Sintaks : touch nama_file<br /> Contoh : touch file1.txt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">11. rm</strong><br /> Digunakan untuk menghapus file.<br /> Sintaks : rm nama_file<br /> Contoh : rm file1.txt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">12. more</strong><br /> Digunakan untuk menampilkan isi sebuah file<br /> Sintaks : more nama_fie<br /> Contoh : more file1.txt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">13. echo</strong><br /> Digunakan untuk menuliskan sesuatu kata atau kalimat ke sebuah file.<br /> Sintaks : echo “isi pesan” nama_file<br /> Contoh : echo “Hai ini adalah contoh pesan” >> file1.txt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">14. adduser</strong><br /> Digunakan untuk menambah user baru.<br /> Sintaks : adduser nama_user<br /> Contoh : adduser adamkurniawan</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15. addgroup</strong><br /> Digunakan untuk menambah group baru<br /> Sintaks : addgroup nama_group<br /> Contoh : addgroup grup1</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">16. lsusb</strong><br /> Digunakan untuk melihat perangkat usb yang sedang terkoneksi ke komputer<br /> Sintaks : lsusb</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">17. lspci</strong><br /> Digunakan untuk melihat perangkat pci yang sedang terkoneksi ke komputer<br /> Sintaks : lspci</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">18. lshw</strong><br /> Digunakan untuk melihat hardware komputer.<br /> Sintaks : lshw</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">19. dmesg</strong><br /> Digunakan untuk melihat hardware yang sedang beraktifitas<br /> Sintaks : dmseg</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">20. top</strong><br /> Digunakan untuk melihat proses yang sedang berjalan, seperti Task Manager pada Windows.<br /> Sintaks : top</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">21. cpuinfo</strong><br /> Digunakan untuk melihat spesifikasi komputer.<br /> Sintaks : more /proc/cpuinfo</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">22. meminfo</strong><br /> Digunakan untuk melihat status RAM<br /> Sintaks : more /proc/meminfo</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">23. clear</strong><br /> Digunakan untuk membersihkan layar<br /> Sintaks : clear</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">24. halt</strong><br /> Digunakan untuk mematikan komputer, namun harus sebagai root.<br /> Sintaks : halt</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">25. reboot</strong><br /> Digunakan untuk merestart komputer, namun harus sebagai root.<br /> Sintaks : reboot</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">26. exit</strong><br /> Digunakan untuk keluar dari terminal.<br /> Sintaks : exit</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">27. wget</strong><br /> Digunakan untuk mendownload via terminal<br /> Sintaks : wget link_download<br /> Contoh : wget <a href="http://www.insightcalendar.com/Insight_Calendar_1-1_Setup.exe" rel="nofollow" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://www.insightcalendar.com/Insight_Calendar_1-1_Setup.exe</a></div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">28. ifconfig</strong><br /> Digunakan untuk melihat konfigurasi ethernet/kartu jaringan.<br /> Sintaks : ifconfig</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">29. apt-get</strong><br /> Digunakan untuk memperoleh paket/software dari repository ubuntu secara online.<br /> Sintax : apt-get nama_paket<br /> Contoh :<br /> apt-get update (untuk melakukan update repository)<br /> apt-get update wine (untuk mendapatkan paket wine)</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">30. tar</strong><br /> Digunakan untuk melakukan extract file.<br /> Sintaks : tar [parameter] nama_file<br /> Contoh : tar -xzvf komodo-edit-5.2.4-4343-linux-libcpp6-x86.tar.gz</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">31. nautilus</strong><br /> Digunakan untuk membuka tampilan GUI secara langsung.<br /> Sintaks : nautilus<br /> Contoh : sudo nautilus (menggunakan mode GUI dengan status root)</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> Sekian postingan terbaru  dari saya , jika ada yang kurang tolong ditambahin , jika ada yang salah , mohon di perbaiki ,. karena saya masih dalam pembelajaran pengenalan Linux .. terimakasii sebelumnya <span class="wp-smiley emoji emoji-bigsmile" style="border: 0px; display: inline-block !important; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; min-height: 1.2em; outline: 0px; overflow: hidden; padding: 0px; position: relative !important; text-indent: 9999px; vertical-align: bottom; white-space: nowrap; width: 1.35em;" title=":D">:D</span></div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> referensi :</div> <div style="background-color: white; border: 0px; color: #404040; font-family: 'Droid Sans', Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;"> <a href="http://rhadityaagusta.wordpress.com/2011/03/12/command-line-interface-di-linux/" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://rhadityaagusta.wordpress.com/2011/03/12/command-line-interface-di-linux/ </a><br /> <a href="http://kurniawanadam.wordpress.com/2011/02/25/perintah-perintah-dasar-pada-cli-di-linux/" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://kurniawanadam.wordpress.com/2011/02/25/perintah-perintah-dasar-pada-cli-di-linux/ </a><br /> <a href="http://pemula.linux.or.id/pengguna/command.html" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://pemula.linux.or.id/pengguna/command.html</a><br /> <a href="http://id.answers.yahoo.com/question/index?qid=20100209201939AARab5T" sl-processed="1" style="border: 0px; color: #aaaaaa; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://id.answers.yahoo.com/question/index?qid=20100209201939AARab5T</a></div>

Pengertian CLI

Pengertian antarmuka (  interface ) adalah salah satu layanan yang disediakan sistem operasi sebagai sarana interaksi antara pengguna denga...

Read more »

Perintah Dasar Command Line Interface(CLI) Linux

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnojhXOChx1I6xtmzzDG2oyIKtMh9mqL7xranDfzayEkvlzbq1bhATFcrQIOXxfZn7O1NfOImNjwX8gJdFVcyDjH8mIWMnHOEVUD3qt5vz9KIKszFrRHc16pxZP6p8ruyYzC3ATQgkXcc/s1600/ubuntu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perintah Dasar Command Line Interfaces(CLI) Linux" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnojhXOChx1I6xtmzzDG2oyIKtMh9mqL7xranDfzayEkvlzbq1bhATFcrQIOXxfZn7O1NfOImNjwX8gJdFVcyDjH8mIWMnHOEVUD3qt5vz9KIKszFrRHc16pxZP6p8ruyYzC3ATQgkXcc/s1600/ubuntu.png" title="Perintah Dasar Command Line Interfaces(CLI) Linux" width="309" /></a></div> <div id="header-about" style="background-color: white; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px;"> <br /></div> <div class="entry" style="background-color: white; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; padding: 0px 0px 30px;"> <div style="line-height: 20px !important; padding: 8px 0px;"> Mengingat makin maraknya penguna Linux khususnya Ubuntu dan banyaknya postingan tentang Perintah Dasar Linux yang tenggelam, tidak ada salahnya saya memposting kembali perintah dasar Linux Ubuntu yang sering digunakan pada terminal. Berikut dibawah ini adalah beberapa perintah Command Line Interface di Ubuntu Linux yang sering digunakan silahkan di simak dan praktekkan.</div> <div style="line-height: 20px !important; padding: 8px 0px;"> <span id="more-1031"></span></div> <table border="1"><tbody> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">login</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Masuk sebagai user sebagai user yang diinginkan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">logout</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Keluar dari sistem</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">startx</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Memulai sistem X window.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">grep</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Gunakan grep untuk mengambil teks yang cocok dengan kriteria anda. Contoh: ps ax | grep inetd</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">aptget</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Digunakan untuk menginstal paket dari terminal.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">logout</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Keluar dari sistem</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">login</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Masuk sebagai user sebagai user yang diinginkan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">logout</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Keluar dari sistem</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">startx</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Memulai sistem X window.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">grep</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Gunakan grep untuk mengambil teks yang cocok dengan kriteria anda. Contoh: ps ax | grep inetd</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">aptget</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Digunakan untuk menginstal paket dari terminal.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">logout</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Keluar dari sistem</td></tr> </tbody></table> <div style="line-height: 20px !important; padding: 8px 0px;"> Perintah Dasar Filesystem</div> <table border="1"><tbody> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">pwd</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan direktori kerja saat ini.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ls</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mendaftar isi dari direktori kerja saat ini (sama seperti dir di Windows).</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">cd</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mengganti ke direktori lain.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">cp</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menyalin file.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">Mv</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Memindahkan file. Bisa juga digunakan untuk mengganti nama file.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">rm</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menghapus file atau direktori.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">mount</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menyusun sebuah drive. Biasanya memerlukan password root.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">unmount</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Melepas volume yang sebelumnya telah tersusun..</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">cat</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan isi dari sebuah file.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">vi / vim</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Editor teks yang powerfull.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">less</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mendaftar isi dari sebuah file atau masukkan file, sehingga Anda dapat melihat ke atas dan ke bawah. Tekan q untuk keluar.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">tar</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Utilitas untuk mengkombinasikan beberapa file menjadi satu dan sebaliknya. Utilitas ini juga dapat digunakan untuk menkompresi atau dekompresi file.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">chown</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mengganti kepemilikan file.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">chmod</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mengganti setting read, write, dan executable dari file atau direktori.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">df</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Disk Free. Menampilkan statistik kegunaan hard disk untuk sistem Anda.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">tail</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Akan menampilkan 10 baris terakhir dari sebuah file teks. Sebenarnya, tail akan menampilkan sebanyak garis yang Anda tentukan tetapi 10 adalah defaultnya.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">mkdir</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Membuat sebuah direktori baru.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">rmdir</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menghapus sebuah direktori.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">du</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan statistik dari kegunaan hard disk Anda.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">find</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Untuk mencari file atau direktori.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">chgrp</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Merubah kepemilikan Group pada file atau direktori.</td></tr> </tbody></table> <div style="line-height: 20px !important; padding: 8px 0px;"> Perintah Dasar Adminstrasi</div> <table border="1"><tbody> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">su</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Super User. Digunakan untuk merubah dari user biasa ke root. Tekan exit untuk keluar.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">adduser</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menambahkan user baru ke sistem.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">passwd</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Bisa digunakan untuk merubah password Anda atau password user yang lain.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">shutdown</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Shutdown atau reboot komputer</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">halt</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mematikan komputer</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">reboot</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Merestart komputer.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">free</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan statistik memori dari sistem Anda.</td></tr> </tbody></table> <div style="line-height: 20px !important; padding: 8px 0px;"> Dasar Kontrol Proses</div> <table border="1"><tbody> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ps</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mendaftar dari seluruh proses yang berjalan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">top</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan bagan dari proses yang berjalan dan sumber daya yang digunakan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">kill</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Digunakan untuk mematikan atau menjalankan ulang proses.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">mkfs</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Membuat sebuah partisi dan membuat filesistem baru di partisi tersebut.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">c</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menghentikan proses yang sedang berjalan di terminal.</td></tr> </tbody></table> <div style="line-height: 20px !important; padding: 8px 0px;"> Perintah dasar network</div> <table border="1"><tbody> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ifconfig</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Menampilkan informasi tentang alat jaringan Anda. Anda juga bisa mengkonfigurasi network adapter Anda.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ifdown</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mematikan network adapter yang ditentukan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ifup</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Mengaktifkan network adapter yang ditentukan.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ping</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Ping mengirim paket ip ke komputer yang dituju dan mencari respon.</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">telnet</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">Digunakan untuk koneksi dan bekerja pada mesin secara remote (dari jauh).</td></tr> <tr><td align="center" style="padding: 0.5em 2em 0.5em 0.5em;">ftp</td><td align="left" style="padding: 0.5em 2em 0.5em 0.5em;">File Transfer Protocol. Gunakan ini untuk mentransfer file memalui sebuah jaringan.</td></tr> </tbody></table> <div style="line-height: 20px !important; padding: 8px 0px;"> Diatas adalah beberapa perintah yang sering digunakan dalam terminal di Linux.</div> </div>

Perintah Dasar Command Line Interface(CLI) Linux

Mengingat makin maraknya penguna Linux khususnya Ubuntu dan banyaknya postingan tentang Perintah Dasar Linux yang tenggelam, tidak ada...

Read more »

Pengertian Apache

<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px; text-align: justify;"> <br /></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3XhxeVLENgwvS1eXWR52jqVau0ll3wh8p_Sk-XHCapNZk9joixtwGXffAIbDjmVAAI6w4wfXKImLx5NLGQVabhO0ONFNvhtzKiukEZuW76lF_2bUq8B0N6QCsNg1DvTwNzge5STtNm9w/s1600/apache.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://belajartux.blogspot.com/2014/08/apache-adalah-sebuah-nama-web-server.html" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3XhxeVLENgwvS1eXWR52jqVau0ll3wh8p_Sk-XHCapNZk9joixtwGXffAIbDjmVAAI6w4wfXKImLx5NLGQVabhO0ONFNvhtzKiukEZuW76lF_2bUq8B0N6QCsNg1DvTwNzge5STtNm9w/s1600/apache.jpg" title="Pengertian Apache" /></a></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px; text-align: justify;"> Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan basicnya). Selain itu, Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari. Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh melebihi para pesaingnya. Sesuai hasil survai yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya tidak kurang dari 68% pangsa web server yang berjalan di Internet. Ini berarti jika semua web server selain Apache digabung, masih belum bisa mengalahkan jumlah Apache.<span id="more-487" style="margin: 0px; padding: 0px;"></span></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Saat ini ada dua versi Apache yang bisa dipakai untuk server produksi, yaitu versi mayor 2.0 dan versi mayor 1.3. Apache merupakan webserver yang paling banyak digunakan saat ini. Hal ini disebabkan oleh beberapa sebab, di antaranya adalah karena sifatnya yang opensource dan mudahnya mengkostumisasikannya. diantaranya dengan menambahkan support secure protocol melalui ssl dan konektifitasnya dengan database server melalui bahasa scripting PHP .</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> <strong style="margin: 0px; padding: 0px;">1. Ab (Apache Bookmarking Tool)</strong></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Ab adalah Apache HTTP server benchmarking tool, yang intinya adalah untuk mengukur berapa kecepatan apache dalam menangani sejumlah request per unit waktu. Semakin besar nilainya (request/second) semakin baik. Nilai ini (request/second) bisa di-tuning dengan beberapa cara, misalnya dengan caching, php accelerator (zend, eAccelerator), dan lainnya. Sebuah contoh kasus pada blog yang menggunakan engine wordpress di dalamnya, sebelum menggunakan plugin cache (murni wordpress) bisa mendapat sekitar +/- 40 requests/second. Tapi setelah menambahkan plugin WP-Cache (disarankan:) WP-Super Cache bisa mencapai 400-an requests/second. Berikut link urlnya: <a href="http://elliottback.com/wp/why-my-wordpress-site-is-so-much-faster-than-yours/" sl-processed="1" style="color: #2970a6; margin: 0px; padding: 0px; text-decoration: none;">http://elliottback.com/wp/why-my-wordpress-site-is-so-much-faster-than-yours/</a></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> <strong style="margin: 0px; padding: 0px;">2. Alias pada apache</strong></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Alias pada web server berfungsi jika kita ingin menampilkan web yang berada di luar directori default dari apache. Misal sebagai contoh terdapat web duniakamu yg berlokasi di /media/web/. Seharusnya web tersebut diletakkan di /var/www/ akan tetapi pada direktori defaul apache sudah terdapat file lain. Jika direktori duniakamu dimasukkan ke dalam direktori default apache akan menghasilkan kericuhan pada direktori itu. Untuk menghindari kericuhan itu bisa ditambahkan beberapa baris tulisan pada <span class="skimlinks-unlinked" style="margin: 0px; padding: 0px;">apache.conf</span> tentang alias.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Alias /duniakamu “/media/web/duniakamu/”</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Options Indexes MultiViews FollowSymLinks<br /> AllowOverride None<br /> Order allow,deny<br /> Allow from all</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Setelah ditambahkan save dan restart web servernya sesuai directori dan versi web server, misal /etc/init.d/apache2 restart. Kemudian atur juga permision pada direktori duniakamu, atur agar smua user bisa membaca dan mengeksekusi, misal chmod 775 /media/web/duniakamu.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> <strong style="margin: 0px; padding: 0px;">3. Masuk ke Directori Apache</strong></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Yang dimaksud dengan Directori Apache adalah direktori atau folder dimana terdapat kumpulan script atau konfigurasi file suatu web ( web yang menggunakan server apache).<br /> Berikut ini adalah langkah-langkahnya :</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> a. Buka google.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> b. pastekan kode di bawah ini di kolom search lalu tekan Enter.<br /> “Apache/1.3.31 server at” intitle:index of<br /> Perintah diatas digunakan untuk menyuruh mesin Google untuk menquery alamat website yang menggunakan server Apache versi 1.3.31 terutama index filenya.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> c. buka salah satu alamat situs dari hasil pencarian google tersebut dan anda sudah bisa masuk ke direktori web tersebut.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> <strong style="margin: 0px; padding: 0px;">4. Cara Menginstall Apache</strong></div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> Cara menginstall apache bisa melalui console juga bisa melalui module dari webmin.<br /> Berikut adalah langkah-langkah Menginstall apache dengan module dari webmin.<br /> Sebelum menginstall pastikan anda sudah login ke webmin anda. Namun jika di server anda sudah ada apache, maka tidak perlu melakukan langkah ini.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> a. Untuk install, masuk ke webmin kemudian klik un-used module.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> b. Maka akan keluar tulisan The Apache Webserver package can be automatically installed by Webmin. Click here to have it downloaded and installed using YUM. Kemudian klik di click here.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> c. Setelah itu apache server siap dikonfigurasi. Jika apache sukses diinstall maka di tab servers akan keluar tulisa apache webserver.</div> <div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; line-height: 17.399999618530273px; margin-bottom: 10px; padding: 0px;"> d. Untuk mengecek apakah instalasi apache anda sudah berhasil atau belum, coba buka IP anda melalui firefox, <a href="http://ip_anda/" rel="nofollow" sl-processed="1" style="color: #2970a6; margin: 0px; padding: 0px; text-decoration: none;">http://IP_anda/</a>.</div>

Pengertian Apache

Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan b...

Read more »

Cara mengaktifkan mod_rewrite apache di ubuntu

<h2 class="entry-title" style="background: rgb(255, 255, 255); border: 0px; clear: both; font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 21px; line-height: 1.3em; margin: 0px; padding: 0px; vertical-align: baseline;"> </h2> <div class="entry-content" style="background: rgb(255, 255, 255); border: 0px; clear: both; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin: 0px; padding: 12px 0px 0px; vertical-align: baseline;"> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> <a href="http://wahyudi83.files.wordpress.com/2012/11/mod_rewrite_logo.png" sl-processed="1" style="background: transparent; border: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="http://belajartux.blogspot.com/2014/08/cara-mengaktifkan-modrewrite-apache-di.html" class="alignleft size-medium wp-image-703" height="126" src="http://wahyudi83.files.wordpress.com/2012/11/mod_rewrite_logo.png?w=300&h=126" style="background: transparent; border: none; display: inline; float: left; height: auto; margin: 4px 24px 12px 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="mod_rewrite_logo" width="300" /></a>Kadang kita membutuhkan modul<a href="http://belajartux.blogspot.com/2014/08/cara-mengaktifkan-modrewrite-apache-di.html" sl-processed="1" style="background: transparent; border: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">mod_rewrite</a> pada web server kita, cara untuk mengaktifkan apache mod_rewritepada server ubuntu adalah sebagai berikut :<br /> <a href="https://www.blogger.com/null" name="more" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></a></div> <div style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> 1.Masuk ke super user dengan perintah<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <span style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><b>sudo su</b></span></span></div> <div style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> <br /> 2.selanjutnya gunakan perintah locate untuk menemukan lokasi <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">mod_rewrite.so</b> pada server<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">locate  <span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">mod_rewrite.so</span></span></b><br /> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> <br /> ketemu, lokasinya di “<b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">/usr/lib/apache2/modules</b>”</div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> 3.selanjutnya masuk ke direktori mods-enabled<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">cd  /etc/apache2/mods-enabled</span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> 4.buat file dengan nama rewrite.load<br /> <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></b> <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">touch <span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">rewrite.load</span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> 5.edit file <span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">rewrite.load</span> yang baru anda buat<br /> <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></b> <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">nano <span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">rewrite.load</span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> <span id="more-702" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"></span>selanjutnya tulis baris berikut di dalam file <span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">rewrite.load</span><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">LoadModule rewrite_module </span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">/usr/lib/apache2/modules/<span class="skimlinks-unlinked" style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">mod_rewrite.so</span></span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> 6.selanjutnya edit<b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> /etc/apache2/sites-available/default</b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> 7.cari baris dibawah ini<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Options Indexes FollowSymLinks MultiViews</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">AllowOverride None</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Order allow,deny</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">allow from all</span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> ubah menjadi<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Options Indexes FollowSymLinks MultiViews</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">AllowOverride all</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Order allow,deny</span></b><br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">allow from all</span></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> simpan dengan <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><i style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">CTRL+O</i></b> dan keluar dengan <b style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><i style="background: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">CTRL+X</i></b></div> <div style="background: transparent; border: 0px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;"> restart apachenya<br /> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></b> <b style="background: transparent; border: 0px; font-style: italic; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background: transparent; border: 0px; font-style: normal; margin: 0px; padding: 0px; vertical-align: baseline;">/etc/init.d/apache2 restart</span></b></div> Semoga Bermanfaat.<br /> </div> </div>

Cara mengaktifkan mod_rewrite apache di ubuntu

Kadang kita membutuhkan modul mod_rewrite  pada web server kita, cara untuk mengaktifkan apache mod_rewritepada server ubuntu adalah seb...

Read more »