Our social:

Latest Post

Thursday, February 22, 2018

Tutorial Membuat Program Hitung C++ Luas Persegi Panjang dan Segitiga dengan Dev C++


Halo semua! Hari ini saya akan menshare atau memberikan tutorial tentang Cara Membuat Program Hitung Luas Persegi Panjang dan Segitiga dengan bantuan dev c++..mungkin anda yang sedang diberikan tugas mungkin oleh guru disekolah atau dosen pada mata kuliah Logika Pemograman, bisa langsung simak cara-cara berikut ini :



Membuat Luas Persegi Panjang :
#include 
using namespace std;
main(){
    cout<<"Program Mencari Luas Persegi Panjang..."<< endl;
    int p,l,luas;
    cout<<"masukkan panjang persegi panjang : ";
    cin>>p;
    cout<<"masukkan lebar persegi panjang : ";
    cin>>l;

    luas=p*l;
    cout<<"luas persegi panjang adalah : "<<luas;
    return 0;

}

Membuat Luas Segitiga :
#include

using namespace std;
main(){
    cout<<"Program Mencari Luas Segitiga ..."<<endl;
    int a,t,luas;
    cout <<"masukkan alas :";
    cin>>a;
    cout <<"masukkan tinggi : ";
    cin>>t;
    luas=(a*t)/2;
    cout<<"hasil luas segitiga : "<<luas;

    return 0;
}

 Lalu Anda Save dan coba anda compile dan run programnya di dev C++
Sekian dari saya Semoga bermanfaat ...

Sunday, August 6, 2017

Inilah 5 CMS Terbaik Buatan Indonesia Gratis

Pernahkah Sobat pernah mendengar istilah Content Management System, yang bisa di singkat dengan ( CMS ) ? so pasti pernah jika anda suka membuat artikel di blog pribadi anda atau sebagainya, bagi sobat komputer yang sudah banyak berkecimpung di dunia web developer pastinya istilah ini sudah tidak asing lagi. Content Management System ( CMS ) merupakan sebuah aplikasi yang digunakan untuk memanagemen isi dari sebuah situs website. Aplikasi ini biasanya dibangun dengan menggunakan bahasa pemrograman berbasis web seperti PHP, ASP, HTML, CSS dan Java Script. Apabila kita ingin membuat website kita tak perlu pusing mempelajari bahasa pemograman web lebih lanjut, anda tinggal menggunakan CMS untuk membuat konten di Website.

Content Management System banyak sekali bertebaran di internet, mulai yang gratis atau pun yang berbayar, menawarkan banyak fitur-fitur sesuai kebutuhan agar lebih mudah untuk membangun website. Banyak Content Management System terkenal dan banyak untuk penggemar ngeblog, seperti Blogger, Wordpress, Joomla dan sebagainya. Nah pada artikel saya kali ini saya ingin memperkenalkan CMS Terbaik yang di buat oleh Anak Indonesia bisa sobat coba, dari pada berlama - lama mari kita ulas satu persatu.

5 CMS Terbaik Buatan Indonesia Gratis


1. CMS Sekolahku

CMS Sekolahku merupakan salah satu CMS yang terbaik buatan indonesia menurut saya, CMS Sekolahku  merupakan Content Management System dan PPDB Online GRATIS yang dibuat untuk semua jenjang sekolah mulai dari tingkat SD/Sederajat, SMP/Sederajat, SMA/Sederajat, dan Perguruan Tinggi. Pengembangan CMS ini dimulai tahun 2012 yang awalnya merupakan project premium untuk salah satu sekolah di Kabupaten Kuningan, dan pada tahun 2013 mulai dibagikan secara gratis. Sedangkan untuk versi 2.x dimulai tahun 2016 dan masih aktif dimaintenance sampai sekarang. Apabila sobat ingin mencoba menggunakan CMS Sekolahku untuk membangun website, bisa sobat download CMS gratis di website resminya http://sekolahku.web.id.

2. PopojiCMS

CMS terbaik buatan Indonesia berikutnya ada Popoji CMS, PopojiCMS adalah Content Management System yang dibuat dengan konsep yang sangat menarik dan mudah untuk digunakan. PopojiCMS dibuat dengan tampilan responsive dengan base bootstrap dan selain itu juga dilengkapi dengan banyak plugin jQuery. CMS Popoji di luncurkan pada tanggal 07 Juni 2013 dengan dukungan dari pengembang yang sangat profesional membuat CMS Popoji cepat populer dikalangan web developer. Apabila sobat ingin mencoba menggunakan Popoji CMS untuk membangun website, bisa sobat download CMS gratis di website resminya http://www.popojicms.org/.

3. Fiyo CMS

CMS terbaik buatan Indonesia yang ketiga ada Fiyo CMS, Fiyo CMS adalah salah satu dari ratusan Content Management System yang ada di internet. Content Management System atau dalam bahasa Indonesia disebut Sistem Manajemen Konten (disingkat CMS), adalah software yang memungkinkan seseorang untuk menambahkan dan/atau memanipulasi (mengubah) isi dari suatu situs Web, Secara umum fitur dari Fiyo CMS sama seperti kebanyakan cms pada umumnya, yaitu dapat mengelola konten dengan sangat mudah. Tetapi Fiyo juga banyak memiliki keunggulan dibanding cms lainya. Apabila sobat akan mencoba menggunakan content management system buatan Indonesia yang satu ini, bisa sobat ke website resminya http://www.fiyo.org.

4. Lokomedia CMS

Lokomedia CMS merupakan CMS terbaik buatan Indonesia yang bisa sobat coba, design yang cukup menarik membuat CMS ini banyak diminati oleh web developer di Indonesia. Ada banyak sekali fitur yang mempermudah sobat untuk mengelola website yang akan sobat bangun. Untuk mencoba menggunakan CMS Lokomedia sobat bisa search di google disini.

5. HTMLy

Htmly merupakan CMS buatan Indonesia yang mengusung konsep CMS tanpa database atau dikenal dengan Flat-File. Design yang sangat simple dan juga elegan membuat banyak para bloger menggunakan CMS ini untuk mesin blog mereka. Selain itu karena tidak menggunakan database, CMS ini mempunyai loading yang sangat cepat sehingga sangat berpengaruh pada SEO blog yang kita bangun. Apabila sobat ingin mencoba menggunakan HTMLy untuk membuat blog, sobat bisa mendownload cms gratis tersebut disini.


Itulan ulasan mengenai beberapa CMS Buatan Indonesia, semoga ulasan diatas bisa bermanfaat untuk sobat komputer yang ingin membangun sebuah website atau blog, Semoga bermanfaat.

SOURCE :
- https://www.utopicomputers.com/download-cms-terbaik-buatan-indonesia-gratis/
- http://sekolahku.web.id
- http://www.popojicms.org/
- https://www.google.com/search?q=cms+indonesia+terbaik&client=ubuntu&hs=HPf&channel=fs&source=lnms&sa=X&ved=0ahUKEwj1-aLIg_bUAhXCLpQKHS9NBy8Q_AUICSgA&biw=1366&bih=591&dpr=1#channel=fs&q=lokomedia+cms
- https://www.htmly.com/

Tutorial Cara Mengatasi Grub Rescue / Grub Linux Error dan Hilang

Tutorial Cara Mengatasi Grub Rescue / Grub Linux Error dan Hilang - Halo Sahabat  pada tulisan saya kali ini saya ingin berbagi pengalaman cara mengatasi Grub Rescue atau Hilangnya Grub Linux karena dual boot dengan Windows.. Pengalaman Saya hilangnya Grub Linux karena Install Ulang Windows Saya, posisi laptop saya sebelum di Install Ulang sudah terdapat Linux dengan Windows atau di sebut juga dual OS / Dual Boot, tetapi saya waktu itu memang saya ingin Install Ulang Windows karena sudah berat, hehehe alhasil Waktu sukses install ulang windows malah terjadi Grub Rescue >_
atau muncul tulisan :
Grub Loading
Welcome to GRUB!
error unknown filesystem.
Entering rescue mode..
grub resque>_

Cara Mengatasi nya langsung ikuti langkah di bawah ini
grub resque > ls
grub resque > set prefix=(hd0,msdos3)/grub/boot/
grub resque > set root=(hd0,msdos3)
grub resque > insmod normal
grub resque > normal
atau pada gambar di bawah ini :

keterangan :
(hd0, msdos3) adalah letak partisi linux saya, jika anda berbeda silakan ganti di bagian ini .
lalu masuk ke ubuntu / linux kalian
1. buka terminal lalu ketik :
sudo fdisk -l
Pada Terminal akan terlihat lokasi instalasi Linux Anda, partisi linux saya berada pada /dev/sda5, dan pada partisi Anda mungkin berbeda, bisa saja di /dev/sda6, /dev/sda7, dan lainnya.
2. lalu mount disk anda
sudo mount /dev/sda3 /mnt/
perhatikan di dev/sda3 : sda 3 adalah letak partisi linux saya, jika berbeda silahkan ganti sesuai dengan letak partisi kalian
3. lalu install grub ke partisi yang sudah di mount
sudo  grub-install --root-directory=/mnt/ /dev/sda
4. dan setelah itu update-grub
sudo update-grub
5. lalu restart pastikan sudah muncul grub anda kembali.


Sekian dari saya semoga bermanfaat.
referensi :
- Mbah Google
- http://anher323.blogspot.co.id/2014/11/mengatasi-grub-rescue.html
- http://www.phenefendi.com/2015/08/cara-memperbaiki-grub-linux-yang-hilang-atau-error.html

Saturday, May 13, 2017

Tutorial Belajar Cara Membuat Layout dengan HTML dan CSS

Halo Sahabat CODEBARENG disini saya akan share bagaimana Cara Membuat Layout dengan HTML dan CSS sederhana, membuat Layout atau susunan kerangka Website ini  salah satu unsur pembuatan web yang harus di perhatikan loh. Terutama jika temen-temen ingin bekerja di bagian Web designer.

Sekarang kita belajar untuk bagaimana cara membuat layout sederhana khususnya untuk bagi teman-teman yang sedang belajar HTML dan CSS, dan tidak menggunakan framework Bootstrap.


Pada Tampilan Kali ini sederhana saja ya. Artikel ini bertujuan untuk teman-teman yang baru belajar. Jadi tidak terlalu banyak script yang kita gunakan, sebagai contoh kita membuat Layout Blog :

Contoh Tampilan Jadi :



Langkah 1 :
Buatlah sebuah folder dan file bernama index.html
berikut isian kodingannya.

<html>
 <head>
  <title>Belajar Membuat Layout dengan HTML dan CSS</title>
  <link rel="stylesheet" href="custom.css"/>
 </head>
 <body>
  <div class="header">
   <div class="jarak">
    <h2>Belajar Membuat Layout dengan HTML dan CSS</h2>
   </div>
  </div>
  <div class="menu">
   <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
   </ul>
  </div>
  <div class="content">
   <div class="jarak">
    <!-- kiri -->
    <div class="kiri">
     <!-- blog -->
     <div class="border">
      <div class="jarak">
       <h3>Lorem Ipsum</h3>
       <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, [...]</p>
       <button class="btn">Read More ..</button>
      </div>
     </div>
     <!-- end blog -->
     <!-- blog -->
     <div class="border">
      <div class="jarak">
       <h3>Lorem Ipsum</h3>
       <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, [...]</p>
       <button class="btn">Read More ..</button>
      </div>
     </div>
     <!-- end blog -->
    </div>
    <!-- kiri -->
    <!-- kanan -->
    <div class="kanan">
     <div class="jarak">
      <h3>CATEGORY</h3>
      <hr/>
      <p><a href="#" class="undecor">HTML</a></p>
      <p><a href="#" class="undecor">CSS</a></p>
      <p><a href="#" class="undecor">BOOTSTRAP</a></p>
      <p><a href="#" class="undecor">PHP</a></p>
      <p><a href="#" class="undecor">MYSQL</a></p>
      <p><a href="#" class="undecor">Jquery</a></p>
      <p><a href="#" class="undecor">Ajax</a></p>
     </div>
    </div>
    <!-- kanan -->
   </div>
  </div>
  <div class="footer">
   <div class="jarak">
    <p>copyright 2017 codebareng all reserved</p>
   </div>
  </div>
 </body>
</html>


Langkah 2 :
Buat file cssnya, dengan  nama custom.css

body{
 background:#f3f3f3;
 color:#333;
 width:100%;
 font-family:sans-serif;
 margin:0 auto;
}

.header{
 width:90%;
 margin:auto;
 height:120px;
 line-height:120px;
 background:#41A85F;
 color:#fff;
}

.content{
 width:90%;
 margin:auto;
 height:420px;
 padding:0.1px;
 background:#fff;
 color:#333;
}

.kiri{
 width:70%;
 float:left;
 margin:auto;
 background:#fff;
 height:420px;
}

.kanan{
 width:30%;
 float:left;
 margin:auto;
 background:#fff;
 height:420px;
}

.border{
 border:2px solid #74C599;
 margin-top:1pc;
 padding-bottom:1pc;
 padding-left:2pc;
 padding-right:2pc;
}

.undecor{
 text-decoration:none;
}

.footer{
 width:90%;
 margin:auto;
 height:40px;
 line-height:40px;
 background:#41A85F;
 color:#fff;
}
.menu{
 background-color:#53bd84; 
 height:50px; 
 line-height:50px; 
 position:relative;
 width:90%;
 margin:0 auto;
 padding:0 auto;
}

.jarak{
 padding:0 2pc;
}

.menu ul {
 list-style:none;
}
 
.menu ul li a {
 float:left; 
 width:70px; 
 display:block; 
 text-align:center; 
 color:#FFF; 
 text-decoration:none; 
}
 
.menu ul li a:hover {
 background-color:#74C599; 
 display:block;
}
 


Langkah 3 :
Jalankan index.html pada layar browser mu ..



Demikian tutorial Kali ini Sekian dan Terima Kasih sudah berkunjung.

Happy Coding !

Thursday, May 11, 2017

Template Login Sederhana Dengan Bootstrap

Halaman Login terdapat pada Website Dinamis. Halaman ini adalah ‘pintu’ menuju halaman administrator, atau halaman user jika website-nya merupakan website yang mengharuskan penggunanya mempunyai akun.

Mengingat pentinya halaman ini, kita tidak bisa asal-asalan merancangnya. Desain halaman login yang bagus akan menghasilkan pengalaman pengguna yang baik.

Maka Dari itu saya disini akan share membuat template sederhana dengan menggunakan HTML dan Bootstrap. dengan model sederhana :D
oke langsung saja :

1. Download Bootstrap di Website Resmi nya ( cari di google )
2. setelah download selesai silahkan kamu buka XAMPP dan nyalakan Apache untuk web servernya, dan kemudian extract bootstrap kamu yg sudah di download tadi  di folder project kamu, misalnya di C:\xampp\htdocs\login . maka nanti akan muncul 3 buah folder css, fonts dan js.
3.folder css berisi tentang file file style yang digunakan oleh bootstrap, file fonts berisi font yang dibutuhkan oleh css dan file js berisi file - file javascript.

setelah berhasil kamu extract di folder project kamu sekarang buatlah sebuah file dengan nama login.php
 
<!DOCTYPE HTML>
 <html>
  <head>
   <title>
    Login - CODEBARENG.NET
   </title>
   <link rel="stylesheet" href="assets/css/bootstrap.css">
   <link rel="stylesheet" href="assets/css/font-awesome.css">
  </head>
  <body style="background:#3598DC;">
   <div id="row" style="margin-top:9pc;">
    <div class="col-lg-3 col-lg-offset-4 centered">
     <div class="panel panel-default"  style="margin-left:3pc;">
      <div class="panel-heading">
       <h3>Input Data Login</h3>
      </div>
      <div class="panel-body">
       <form>
        <input type="text" class="form-control" placeholder="Username" name="user">
        <br>
        <input type="text" class="form-control" placeholder="Password" name="pass">
        <br>
        <button class="btn btn-primary btn-md"> SIGN IN</button>
        
        <span class="pull-right" style="padding-top:5px;">
         <a href="#">lost your password ?</a>
        </span>
       </form>
      </div>
     </div>
    </div>
   </div>
  </body>
 </html>


Oke Setelah itu Save dan Lihat Hasil nya
berikut hasilnya


  Atau kamu bisa Download Disini :

Wednesday, May 10, 2017

Source Code Aplikasi Penjualan Barang (Kasir) dengan PHP MYSQL


Halo semua, kali ini saya akan berbagi Source Code Aplikasi Penjualan Barang (Kasir) dengan PHP MYSQL, tambah data, update / edit data, dan hapus data, pencarian data dengan menggunakan jquery data tables. Userinterface menggunakan Template Bootstrap
Fitur-fitur pada Aplikasi pada kali ini :
- Management Barang
- Penambahan dan manipulasi kategori dan barang
- Transaksi Penjualan
- Laporan Transaksi Penjualan
- Melihat stok barang dan restok barang
- Peringatan untuk barang habis
Login :
Username : Admin
Password : 123

untuk revisi bug aplikasi ada di blog saya yang satunya silahkan berkunjung ke : https://www.codekop.com/read/49/source-code-aplikasi-penjualan-barang-kasir-dengan-php-amp-mysql-gratis-/ 
terima kasih.

 
Screenshoot :












 Untuk Menu dan fasilitas pada program download soucre ini dengan gratis dan silahkan  jika mau di kembangkan. mohon maaf kalu masih dalam kekurangan. Terima kasih ..

Monday, April 24, 2017

Tutorial Cara Membuat Koneksi Database MYSQL dengan PHP


Halo Semua, Jumpa Lagi di tutorial PHP www.codebareng.blogspot.com oke kali ini saya sebagai penulis ingin membagikan tutorial bagaimana sih cara Cara Membuat Koneksi Database MYSQL dengan PHP. Mengapa database MYSQL harus di hubungkan den PHP ?, Yep. Karena untuk memanipulasi Database pada php harus di hubungan dengan bahasa pemograman khusus nya yang satu ini yang akan saya bahas. Cara nya Bagaimana ?, cukup mudah ya hanya untuk  mengkoneksikannya ke database. Karena PHP sudah menyediakan fungsi-fungsi  khusus untuk menghubungkan PHP ke Database. Oke Langsung saja Pada tutorial kali ini kita bahas Cara Membuat Koneksi Database MYSQL dengan PHP.


 Cara Membuat Koneksi Database MYSQL dengan PHP.

1. Buat Database Terlebih dahulu. dengan nama db_contoh.


 




2. Setelah Selesai buat Table sesuai keinginan kalian.. ( kalo tidak juga gpp ini hanya contoh )
3. Menghubungkan Database dengan PHP, Buatlah folder koneksi dan file koneksi.php di XAMPP
htdocs.. ( Saya Menggunakan XAMPP untuk Web Server )
<?php
    $user = 'root';
    $pass = 'Codebareng';

    try{
        $koneksi = new PDO('mysql:host=localhost;dbname=db_contoh',$user,$pass);
       echo 'Sukses Bro';
    }catch(PDOException $e){
        echo 'Gagal Koneksi Bro' .$e -> getMessage();
    }

?>


Ket :
$user adalah username phpmyadmin 
$pass adalah password phpmyadmin / jika tidak pakai password kosongkan saja
db driver yang di gunakan : 'mysql'
host: 'localhost'
dbname: 'db_contoh'

4. Jika Sudah Buka Browser anda dan UjiCoba . url : localhost/koneksi/koneksi.php














Sekian lah tutorial kali ini Cara Membuat Koneksi Database MYSQL dengan PHP. Terima kasih sudah Berkunjung ^_^ 


Incoming search terms:

  • koneksi database php dengan xampp
  • Cara Membuat Koneksi Database MYSQL dengan PHP
  • cara membuat koneksi php
  • Membuat koneksi php
  • koneksi database
  • koneksi database php
  • cara menghubungkan php dengan mysql
  • cara koneksi php ke mysql
  • koneksi php dengan MySQL
  • cara koneksi php ke database
  • cara membuat koneksi database php mysql

Sunday, April 16, 2017

Tutorial Cara Menambah User Root di Ubuntu


User root adalah user yang memiliki hak akses tertinggi di sistem operasi Linux.Dengan user root tersebut, kita bisa melakukan kustomisasi dan konfigurasi apapun di sistem tersebut.
di ubuntu sendiri belum aktif user root nya jadi kali ini saya memberikan langkah-langkah cara menambahkan user root di ubuntu cekidot :

1. Anda hanya perlu menjalankan perintah
sudo passwd root
2. Kemudian anda akan diminta memasukkan password user anda
3. Jika Otentikasi berhasil, maka anda akan diminta memasukkan password root yang baru dua kali untuk otentikasi.
4. Jika berhasil maka akan ada info bahwa password updated successfully seperti yang tertampil pada gambar di bawah:



Semoga bermanfaat ….

Tutorial Cara installasi dan konfigurasi mpd dan ncmpcpp di linux ubuntu dan arch linux

Nah kali ini saya share ncmpcpp dan mpd,  Apa itu ncmpcpp?, ncmpcpp adalah suatu aplikasi open source yang berjalan di Linux dengan menggunakan mpd (music player daemon) sebagai daemon (server) yang mengatur list music, playlist, dll. Karena berjalan di terminal (mode text) ncmpcpp tidak terlalu banyak memakan resource RAM kita.. Mantap bukan
penampakan saya seperti ini :

2016-02-26-054147_1366x768_scrot

sekarang langsung ajaa ke installasi dan konfigurasi nya  :
  1. Install mpd, mpc dan ncmpcpp nya
    ketik perintah ini jika memakai ubuntu ..
    sudo apt-get install mpd mpc ncmpcpp
    dan ketik ini jika memakai arch linux..
    sudo pacman -S ncmpcpp mpd mpc
  2. jika selesai sekarang waktu nya konfigurasi mpd
  3. 2016-02-26-060134_1366x768_scrot
1. Memasukan mpd ke grub audio
jika pengguna arch linux bisa mengikuti langkah-langkah ini.. kalau pengguna ubuntu skip ajaa ke langkah ke 2:D
sudo gpasswd -a mpd audio
2. lalu buat file konfigurasi
mkdir -p ~/.mpd/playlists
touch ~/.mpd/{mpd.conf,database,log,pid,state,sticker.sql}
lalu konfigurasi
sudo nano .mpd/mpd.conf
berikut config mpd saya
music_directory “~/Music”
playlist_directory “~/.mpd/playlists”
db_file “~/.mpd/database”
log_file “~/.mpd/log”
pid_file “~/.mpd/pid”
state_file “~/.mpd/state”
sticker_file “~/.mpd/sticker.sql
audio_output {
type “fifo”
name “my_fifo”
path “/tmp/mpd.fifo
format “44100:16:2”
}
audio_output {
type “pulse”
name “PulseAudio”
format “44100:16:2”
}
#Alsa
audio_output {
type “alsa”
name “My Sound Card”
mixer_type “software” # optional
}
keterangan :
#Audio Output
#kalau pake pulseaudio, konfigurasi Alsanya di beri tanda pagar ( Comment ) begitu juga sebaliknya.. karena saya pakai pulseaudio saya beri tanda # di alsa nya
3. setelah itu simpan.
Jalankan perintah mpd pada terminal, kalau udah ada kata-kata Address already in use
, tandanya udah berhasil
seperti ini ss nya :
2016-02-26-060134_1366x768_scrot
lalu sekarang kita konfigurasi ncmpcpp nya
sudo nano .ncmpcpp/config
isi dari ncmpcpp saya sebagai berikut :
# MPD Settings ..
mpd_crossfade_time = “3”
mpd_music_dir = “/home/liverpool/Music/”
# execute_on_song_change = “Lemonpop -mus $(mpc current -f %title%)”
# Visualizer
audio_output {
type “fifo”
name “FIFO”
path “/tmp/mpd.fifo
format “44100:16:2”
}
# Visualizer ..
visualizer_in_stereo = “yes”
visualizer_sync_interval = “30”
visualizer_output_name = “Pipe”
visualizer_fifo_path = “/tmp/mpd.fifo
visualizer_type = “wave” (spectrum/wave)
visualizer_look = “∙▋”
playlist_disable_highlight_delay = “2”
message_delay_time = “1”
browser_sort_format = “{$2%l} | {%f}”
#song_window_title_format = “{$2%a – }{$7%t}”
#song_list_format = “{$8%l ▋ $8%t $R$2 ▋ %a}”
song_list_format = “{$2%a $4- $5%t $R $3(%l)}”
playlist_display_mode = “classic”
browser_display_mode = “columns”
progressbar_look = “━━─”
startup_screen = “playlist”
display_bitrate = “yes”
colors_enabled = “yes”
visualizer_color = “magenta”
progressbar_color = “black”
progressbar_elapsed_color = “cyan”
#main_window_color = “white”
#main_window_highlight_color = “white”
alternative_ui_separator_color = “cyan”
empty_tag_color = “default”
header_visibility = “no”
statusbar_visibility = “yes”
titles_visibility = “no”
mouse_support = “yes”
autocenter_mode = “yes”
song_status_format = “$2%a $7• $4%t $7• $3%b {}$7• $5%y$7”
statusbar_color = “cyan”
###●▋▒
##### song format #####
##
## for song format you can use:
##
## %l – length
## %f – filename
## %D – directory
## %a – artist
## %A – album artist
## %t – title
## %b – album
## %y – date
## %n – track number (01/12 -> 01)
## %N – full track info (01/12 -> 01/12)
## %g – genre
## %c – composer
## %p – performer
## %d – disc
## %C – comment
## %P – priority
## $R – begin right alignment
## – 0 – default window color (discards all other colors)
## – 1 – black
## – 2 – red
## – 3 – green
## – 4 – yellow
## – 5 – blue
## – 6 – magenta
## – 7 – cyan
## – 8 – white
## – 9 – end of current color
##
Oke semua konfigurasi sudah selesai kita lakukan sekarang tinggal menjalankan mpd dan ncmpcppnya saja. Open Terminal kemudian ketikkan :
mpd && ncmpcpp
selesai dahh   kalo mau keluar dari ncmpcpp cukup tekan “q” aja dah sekian dari saya terima kasih

Tutorial Cara Mengganti Boot Loading Screen di Linux Ubuntu



Saya Akan menshare cara mengganti boot loading screenn di linux ubuntu.. dengan memakai “plymouth-manager”

langkah awal
  • Buka terminal Kesayangan anda  lalu ketik
     sudo apt-add-repository ppa:mefrio-g/plymouthmanager
    
  • Kedua Jika udeh update repository anda
    sudo apt-get update
  • ke tiga install deh software nya
     sudo apt-get install plymouth-manager
    
kemudian install Themes untuk plymouth nya dengan :
 sudo apt-get install plymouth-theme* 
Setelah itu selesai sudah proses install.





Tag Text Formatting dan Links pada HTML

Text Formatting

Kita dapat menandai bagian-bagian tertentu dari sebuah teks HTML seperti cetak tebal, cetak miring dan lain-lain.
  • <b> - mencetak tebal teks
  • <strong> - menandai teks penting
  • <i> - mencetak miring teks
  • <em> - memberikan penekanan pada teks
  • <mark> - menandai teks dengan sorotan
  • <small> - membuat teks lebih kecil dari ukuran bawaan
  • <del> - memberi coretan pada teks
  • <ins> - mengarisbawahi teks
  • <sub> - membuat tulisan lebih bawah dari garis datar tulisan
  • <sup> - membuat tulisan lebih atas dari garis datar tulisan

Links

HTML link adalah elemen yang digunakan untuk membuat kaitan ke halaman lain. Ketika elemen link diklik maka halaman browser akan berpindah menampilkan halaman lain yang dituju link tersebut.
<a href="url">teks link</a>
Tag <a> menggunakan atribut href untuk menentukan alamat tujuan link. teks link adalah teks yang akan kita jadikan link. Ketika teks link diklik, maka halaman akan berpindah ke alamat tujuan link.
Kita tidak hanya dapat menggunakan teks sebagai link, tapi juga gambar atau elemen lainnya.
<a href="url"><img src="gambar.jpg" /></a>

Atribut Target

Atribut target kita gunakan untuk menentukan dimana alamat link harus dibuka.
  • _self - Membuka alamat link di tab/jendela browser yang sama (nilai bawaan)
  • _blank - Membuka alamat link di tab/jendela browser yang baru
  • _parent - Membuka alamat link di frame induk
  • _top - Membuka alamat link di jendela penuh
  • framename - Membuka alamat link di frame yang namanya sudah ditentukan
Umumnya kita akan sering menggunakan nilai _blank untuk menampilkan halaman di tab browser baru. Bila atribut ini tidak dipasang, maka nilai defaultnya adalah _self, artinya alamat link tersebut akan dibuka di jendela yang sedang aktif.

Pengenalan Bahasa Pemograman PHP



PHP adalah salah satu bahasa pemrograman sisi server yang paling banyak digunakan di dunia pemrograman web. PHP umumnya ditulis di dalam sebuah dokumen file berekstensi .php dan sintaksnya dibuka oleh tag <?php dan ditutup dengan tag ?>.

PHP

  1. PHP adalah bahasa pemrograman web yang dijalankan di server
  2. PHP digunakan untuk membuat halaman dinamis
  3. PHP dapat terhubung dengan database
  4. PHP dapat membuat halaman web dengan HTML maupun javascript
  5. PHP dijalankan oleh server sebelum halaman ditampilkan
     

Variabel

Variabel adalah wadah untuk menyimpan suatu nilai. Pada PHP, syarat variabel diantaranya:
  • variabel diawali oleh tanda $ diikuti oleh nama variabelnya
  • nama variabel hanya boleh diawali oleh huruf dan underscore
  • nama variabel hanya boleh mengandung alfanumerik (A-z, 0-9, dan _)
  • nama variabel bersifat case sensitive (huruf kapital dan non-kapital dianggap berbeda)
<?php

     $nama =’siapa’;

     echo $nama;

?>


Echo

Echo adalah perintah untuk menampilkan output nilai ke layar. Kita dapat menampilkan output berupa nilai langsung ataupun nilai dari sebuah variabel. Perhatikan dan jalankan contoh kode di samping dan lihat masing-masing outputnya. Perhatikan juga keterangan komentar dari masing-masing barisnya.
<?php echo ‘hello world’;?>


Tipe Data

Tipe data adalah jenis dari data yang digunakan pada sebuah variabel. PHP mendukung tipe data berikut:
  • String adalah susunan dari huruf, angka dan karakter lainnya, seperti "Halo Coders!". String ditulis dengan diapit oleh tanda kutip (") atau tanda petik (').
  • Integer adalah tipe data angka non-desimal, dengan rentang -2,147,483,648 hingga 2,147,483,647.
  • Float adalah tipe data angka desimal. Tanda desimal yang digunakan adalah tanda titik.
  • Boolean adalah tipe data yang menyatakan dua kondisi, TRUE dan FALSE.
  • Array adalah tipe data yang digunakan untuk menyimpan lebih dari satu nilai data dalam satu variabel.
  • Object adalah tipe data yang menyimpan nilai data beserta sejumlah operasi data. Objek akan dibahas detail di pembahasan OOP.
  • NULL adalah tipe data dengan satu nilai saja, yakni NULL. Suatu variabel yang tidak berisi nilai dari tipe data lain, maka variabel tersebut bernilai NULL.
Umumnya kita menampilkan nilai dari suatu variabel dengan menggunakan perintah echo. Akan tetapi echo tidak akan menampilkan nilai dengan tipe data kompleks (yang tidak memiliki nilai tunggal). Untuk tipe data kompleks, kita dapat menggunakan perintah print_r() atau var_dump(). Fungsi var_dump() akan menampilkan output nilai berikut tipe datanya.
<?php

    $message = "Halo Programmer!";

    $lightspeed = 299792458;

    $pi = 3.14159265;

    $jomblo = TRUE;

    $goldarah = array('A', 'B', 'AB', 'O');

    $kosong;

    var_dump($lightspeed);



?>



 


Saturday, April 15, 2017

Ubuntu 17.04 Zesty Zapus Sudah Diluncurkan ! , Inilah Fitur-Fitur Terbarunya

Halo Sahabat Linux Users, Tepat tanggal 13 April 2017 kemarin, Canonical meluncurkan versi final Ubuntu 17.04 Zesty Zapus sebagai rilis non-LTS terbaru yang akan dipelihara selama enam bulan ke depan.
Seperti yang dikatakan sebelumnya, Ubuntu 17.04 Zesty Zapus adalah versi non-LTS sehingga para pengguna Ubuntu LTS, seperti Ubuntu 16.04, tidak perlu memutakhirkan sistem ke versi terbaru kecuali ada alasan-alasan tertentu yang “memaksa” Anda untuk menggunakan sistem baru.

Ubuntu 17.04 Review :

 source : http://www.omgubuntu.co.uk/

Apa Yang Terbaru dari Ubuntu 17.04 :

1. Kernel 
Ubuntu 17.04 meluncur dengan banyak pembaruan. Salah satu yang penting adalah hadirnya kernel Linux 4.10. Ia membawa lebih banyak dukungan perangkat keras, terutama dukungan awal AMD Ryzen maupun Intel Kaby Lake.

2. Swap File
Ubuntu 17.04 juga mulai memperkenalkan swapfile sebagai pengganti partisi swap. Teknologi swapfile digunakan menyusul makin besarnya RAM yang dipakai di sistem-sistem masa kini.

3. Lainnya
Ubuntu 17.04 juga membawa banyak aplikasi baru sebagai pendukung kegiatan para pengguna, di antaranya LibreOffice 5.3 yang menyediakan tampilan Notebookbar, serta peramban Firefox 52.0.1 ESR, dan Thunderbird 45.8.0. Di samping itu, Zesty Zapus membawa Terminal 3.20, Ubuntu Software 3.22 dengan dukungan Snap URL, manajer berkas Nautilus 3.20, serta Rhythmbox 3.4.1.

Jika anda ingin mengupdgrade dari Ubuntu 16.10 ke Ubuntu 17.04, secara manual dapatkan iso nya di website resmi ubuntu.

Sedangkan untuk memutakhirkan langsung dari Ubuntu 16.10 silakan tunggu notifikasi upgrade dari desktop Ubuntu Anda.


SUMBER : https://kabarlinux.web.id/2017/ubuntu-17-04-zesty-zapus-diluncurkan/

Thursday, February 9, 2017

Tutorial Cara Mengatasi Masalah System Problem Detected Di Linux Ubuntu


Kadang-kadang kalo kita sudah memakai ubuntu dan sudah lama kita pakai terkadang kita suka kesel di tampilan utama saat kita ada muncul pesan System Problem Detected, pesan itu bikin males lihat, wkwkwk nah sekarang saya berbagi tips cara menghilangkan pesan System Problem Detected di Linux Ubuntu kalian.

Untuk langkah pertama kita bisa cek aplikasi apa saja yang bermasalah, coba ketikan di terminal
cd  /var/crash
ls


Maka akan tampil beberapa aplikasi yang diklaim crash
Nah, selanjutnya kita coba untuk menghapus masalah-masalah tersebut dengan perintah
sudo rm /var/crash/* 

Enter dan masukan password anda, sekarang silahkan coba ulangi perintah diatas untuk melihat aplikasi yang crash, pastinya sudah kosong, namun ternyata masi banyak kasus yang masih memunculkan pesan "System Program Problem Detected"  walaupun sumber masalahnya sudah dibersihkan. Solusinya kita harus masuk ke system apport dan mematikannya, sekarang kita buka terminal dan ketik ini :
gksudo gedit /etc/default/apport 

Masukan pasword jika diminta, kurang lebih akan tampil seperti gambar berikut


Sekarang kita edit bagian enabled=1 (yang saya blok) menjadi enabled=0 (nol) atau dengan cara mengganti tulisan "enabled=1" menjadi "disabled=1",  
Silahkan save pengaturan kemudian restart apport
sudo restart apport
 
lalu reboot.. semoga sukses

Wednesday, February 8, 2017

Tiga Cara Penulisan Kode CSS




1. Internal CSS




Internal CSS adalah istilah untuk kode CSS yang ditulis langsung dalam berkas HTML. Kode CSS ini dituliskan pada tag <style>. Tag ini bisa ditulis di dalam blok head atapun body, kedua-duanya sah. Nah, berikut ini contoh internal CSS.
<style>

.banner {width:600px; text-align:center; margin:0 auto; position: relative; -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; padding:50px 20px;}

.banner:before {content: ""; position: absolute; top: 0; right: 0;border-width: 0 24px 24px 0; border-style: solid; border-color:#F0F0F0 #fff; -webkit-border-radius: 0px 0 0px 5px; -moz-border-radius: 0px 0 0px 5px; border-radius: 0px 0 0px 5px;}

#screen {width:100%;color: #555;"Century Gothic",CenturyGothic,AppleGothic,sans-serif;line-height:45px;}

.txt-title {font-size:2em;}

.txt-subtitle {font-size:1.2em;}

</style>
 

2. Eksternal CSS

Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah berkas khusus yang berekstensi .css. Sebagai contoh, saya akan membuat sebuah berkas bernama main.css. Berikut ini cuplikan isi berkas main.css

p{
      font-family: serif;
      line-height: 1.75em;
}

i { 
      font-family: sans;
      color: orange;
}

h2 { 
      font-family: sans;
      color: #333;
}

Untuk menggunakan CSS tersebut dalam HTML, kita perlu mengimpornya. Ada beberapa cara memasukkan kode CSS dari berkas eksternal:
<link rel="stylesheet" type="text/css" href="main.css">

Atau bisa juga seperti ini:
<style type="text/css">
@import "main.css";
</style>

Penulisan pada HTML versi lengkapnya seperti ini:

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Eksternal CSS</title>
  <link rel="stylesheet" type="text/css" href="main.css">
</head>

<body>
  <h2>Ini judul artikel</h2>
  <p>internal css</p>
</body>
</html>

Hasilnya pun akan sama seperti contoh inline CSS, karena kode CSS-nya sama. Hanya saja berbeda tempat penulisannya.

3. Inline CSS

Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis. Contohnya seperti ini:
<h2 style="color:red; font-family: sans;">Ini judul artikel</h2>

SOURCE : http://www.petanikode.com/2015/07/berbagai-cara-menulis-kode-css-dalam.html

Tutorial Cara Membuat Button dengan Bootstrap


Setiap berkaitan dengan web pasti ada tombol button.. agar tampilan menarik dan bagus / tidak usah koding lagi css nya saya sarankan memakai bootstrap. apa itu bootstrap ? kamu bisa lihat di artikel sebelumnya Pengertian Bootstrap

Oke langsung saja kita buat..
Untuk gaya button bootstrap ada beberapa diantara nya seperti :
Hasil gambar untuk button bootstrap
  • .btn-default = Putih
  • .btn-primary  = Biru
  • .btn-success = Hijau
  • .btn-info = biru muda
  • .btn-warning = oranye
  • .btn-danger = Merah
  • .btn-link
cara penulisan tag HTML seperti ini :

<button type="button" class="btn btn-primary btn-lg">Warna Biru</button>
untuk besar kecil nya button seperti gambar di atas kamu hanya perlu menambah kode btn-lg, btn-md,  btn-sm dan btn-xs
  1. btn-lg = untuk ukuran besar button (large)
  2. btn-md = untuk ukuran sedang button (medium)
  3. btn-sm = untuk ukuran kecil button (small)
  4. btn-xs = untuk ukuran sangat kecil button (XSmall)
penulisan seperti ini :

<button type="button" class="btn btn-primary btn-lg">Large</button>

<button type="button" class="btn btn-primary btn-md">Medium</button>

<button type="button" class="btn btn-primary btn-sm">Small</button>

<button type="button" class="btn btn-primary btn-xs">XSmall</button>



itu saja tulisan dari saya terima kasih sudah berkunjung

Tuesday, February 7, 2017

Pengertian Bootstrap

Bootstrap adalah sebuah framework yang dibuat dengan menggunakan bahasa dari html dan css, namun juga menyediakan efek javascript yang dibangun dengan menggunakan jquery. Kelebihan dari bootstrap ini adalah dapat memudahkan seorang develop dalam membangun website static atau template web atau tema web.
Bootstrap telah menyediakan kumpulan komponen class interface dasar yang telah di rancang sedemikian rupa untuk menciptakan tampilan yang menarik, bersih dan ringan. selain komponen class interface, bootstrap juga memiliki fitur grid yang berfungsi untuk mengatur layout pada halaman website yang bisa digunakan dengan sangat mudah dan cepat. dengan menggunakan bootstrap kita juga di beri keleluasaan dalam mengembangkan tampilan website yang menggunakan bootstrap yaitu dengan cara mengubah tampilan bootstrap dengan menambahkan class dan CSS sendiri.
Tentu anda bertanya-tanya kenapa sangat banyak yang telah menggunakan bootstrap dalam pengembangan website. berikut ini akan di jelaskan beberapa kegunaan yang telah menjadi kelebihan pada bootsrap. adapun beberapa kelebihan bootstrap adalah sebagai berikut.
  • Penggunaan bootstrap sangat menghemat waktu.
  • Tampilan bootstrap yang sudah cukup terlihat modern.
  • Mobile Friendly yang maksudnya tampilan bootstrap sudah sangat responsive, yaitu tampilan bootstrap sudah mendukung segala jenis resolusi, baik itu pc, laptop, tablet dan smartphone.
  • Sangat ringan karena bootstrap di buat dengan sangat terstruktur.
  • Dan masih banyak lagi kelebihan dan kegunaan dari bootstrap yang akan anda temukan sendiri setelah mencoba membangun sebuah aplikasi berbasis web dengan menggunakan bantuan framework css bootstrap.
Jika anda mau tau cara menggunakan bootstrap  masuk ke link ini Cara Menggunakan Bootstrap
oke itu saja sekian ..

Tutorial Cara Menggunakan Bootstrap

 

Pada artikel kali ini saya akan nulis Cara Menggunakan Bootstrap. Tentu nya dengan menggunakan Framework Boostrap ini kamu telah di permudah dalam segi design website-website yang kamu inginkan :D

langsung aja :
  1. langkah pertama adalah silahkan kunjugi website resmi bootstrap di http://getbootstrap.com kemudian donwload bootstrap.
  2. setelah download selesai silahkan kamu buka XAMPP dan nyalakan Apache untuk web servernya, dan kemudian extract bootstrap kamu yg sudah di download tadi  di folder project kamu, misalnya di C:\xampp\htdocs\latihan1 . maka nanti akan muncul 3 buah folder css, fonts dan js.
  3. folder css berisi tentang file file style yang digunakan oleh bootstrap, file fonts berisi font yang dibutuhkan oleh css dan file js berisi file - file javascript.
setelah berhasil kamu extract di folder project kamu sekarang buatlah sebuah file dengan nama index.php

kemudian ketikan kode standar berikut ini :
<!DOCTYPE html>

<html lang="en">

    <head>

      <title>Contoh Bootstrap</title>

      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="css/bootstrap.css">

    </head>

    <body>

        <div class="container">

          <h1>menggunakan bootstrap</h1>

          <p>Ini adalah Text</p>

        </div>

    </body>

</html>


 
penjelasan :
1. script untuk memanggil file css bootstrap, dengan memakai cara pemanggilan memakai type penulisan  "css external", di link kan masuk kedalam folder css lalu nama filenya. seperti di bawah ini :
<link rel="stylesheet" href="css/bootstrap.css">
2. lalu ini adalah salah satu contoh class yang terdapat dalam bootstrap
<div class="container">

lalu kamu jalankan di browser kesayangan anda di ketikan di url seperti ini :
http://localhost/latihan1/index.php

dan lihat hasilnya.
itu saja tulisan pada kali ini terimakasih sudah berkunjung..

Tutorial Cara install Libre Office di Linux Ubuntu



Cara Install LibreOffice 5.0 / 4.x ALL VERSION di Linux Ubuntu


Setelah tahu apa itu LibreOffice, sekarang adalah saatnya cara menginstal LibreOffice versi terbaru di Linux. Ikuti lankah-langkah berikut ini. Untuk praktek kali ini menggunakan versi 4.4 tapi dapat diimplementasikan untuk menginstal LibreOffice 5.0 :

Pertama, buang atau uninstall LibreOffice bawaan dengan cara mengetikkan :
sudo apt-get remove --purge libreoffice-common

Download installer LibreOffice versi terbaru dari website resmi LibreOffice

Jika sudah terdownload, ekstraklah dengan klik kanan file dan pilih Extract Here

Masuk ke dalam folder dimana semua hasil ekstrak berada, anda akan mendapati 2 folder yaitu folder readmes dan DEBS

Masuk ke folder DEBS, klik kanan pada ruang kosong dan pilih "Open in Terminal" Jika sudah muncul Terminal, ketikkan

sudo dpkg -i *.deb
  Tunggu sampai proses instalasi selesai. Untuk membuka aplikasi klik Menu -> Office

Jika tidak ada LibreOffice sama sekali cobalah restart atau logout kemudian login kembali ke dalam Linux anda

Untuk menghapus LibreOffice dari sistem Linux, caranya adala buka Terminal dan ketikkan

sudo apt-get remove --purge libreoffice
 
atau

sudo apt-get remove --purge libreoffice-common

Tutorial Cara Install VLC lewat terminal Ubuntu



Hay Guys sahabat code bareng .. kali ini saya akan share cara  mudah install vlc lewat terminal ubuntu.. cara cukup simple yakni :
 
Buka terminal / konsole pada laptop dengan cara menekan Ctrl+Alt+T
 
sudo apt-get install vlc
VLC Player sudah terinstall, dan untuk menggunakannya klik kanan video/movie ~ Open With VLC Media Player.

selesai  vlc siap di gunakan..