Jumat, 28 Oktober 2016

Install Netbeans 8.2 di Ubuntu 16.04 64bit


UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION
UNDER CONSTRUCTION

Kamis, 20 Oktober 2016

Java - Program Timer Sederhana Untuk Menjalankan Task Secara Berulang

Buat file java dengan nama "RepeatTask.java" dan kemudian ketikkan kode program seperti dibawah ini.

it916@planning-ho-pc:~$ pico RepeatTask.java

import java.util.Timer;
import java.util.TimerTask;

public class RepeatTask {
  public static void main(String[] argv) throws Exception {
    int delay = 5000; // delay for 5 sec.
    int period = 1000; // repeat every sec.
    Timer timer = new Timer();

    timer.scheduleAtFixedRate(new TimerTask() {
      public void run() {
        System.out.println("doing"); 
      }
    }, delay, period);
  }
}

Kompilasi program kemudian jalankan. Anda akan melihat output yang dieksekusi secara terus menerus.

it916@planning-ho-pc:~$ javac RepeatTask.java
it916@planning-ho-pc:~$ java RepeatTask 
doing
doing
doing
doing
doing
doing
doing
doing
...
...
...

Demikian dan selamat mencoba.

Sumber : http://www.java2s.com/Code/Java/Development-Class/SchedulingaTimerTasktoRunRepeatedly.htm

Senin, 17 Oktober 2016

Program Java Untuk Mengunduh dan Menyimpan File Dari URL / Internet 2

Artikel ini adalah peningkatan fitur dari program yang telah dibuat pada artikel sebelumnya, yaitu kita bisa dengan bebas menentukan link dari file yang ingin diunduh dan dilokasi mana file tersebut akan disimpan.
Caranya adalah kita memanfaatkan argumen pada saat menjalankan program.

Berikut ini adalah tahapan pembuatan program.
  1. Buat project baru dengan nama "downloadURL2WithArguments". Caranya sama seperti artikel sebelumnya.
  2. Sesuaikan kode program seperti dibawah ini.

    /*
     * To change this license header, choose License Headers in Project Properties.
     * To change this template file, choose Tools | Templates
     * and open the template in the editor.
     */
    package downloadurl2witharguments;
    
    import java.io.*;
    import java.net.*;
    
    /**
     *
     * @author it916
     */
    
    public class DownloadURL2WithArguments 
    {
    
        /**
         * @param args the command line arguments
         */
        
        public static void saveFile(URL url, String file) throws IOException 
        {
            System.out.println("opening connection");
            InputStream in = url.openStream();
            FileOutputStream fos = new FileOutputStream(new File(file));
    
            System.out.println("reading file...");
            int length = -1;
            byte[] buffer = new byte[1024];// buffer for portion of data from
            // connection
        
            while ((length = in.read(buffer)) > -1) 
            {
                fos.write(buffer, 0, length);
            }
    
            fos.close();
            in.close();
            System.out.println("file was downloaded");
        }
        
        public static void main(String[] args) 
        {
            // TODO code application logic here
            try
            {
                //URL url = new URL("http://www.novell.com/coolsolutions/tools/downloads/ntradping.zip");
                URL url = new URL(args[0]);
                
                //Sesuaikan baris ini dengan struktur folder anda dan nama file yang anda kehendaki
                //String fileName = "/home/it916/Desktop/javaDownloadUrl-ntradping.zip";
                String fileName = args[1];
                
                saveFile(url,fileName);
            }
            catch(IOException e)
            {
                e.printStackTrace();
            }
        }    
    }
    

  3. Kompilasi program seperti petunjuk dalam artikel sebelumnya ("Run -> Clean and Build Project (downloadURL2WithArguments)").
  4. Jalankan program melalui terminal dengan format :
    java -jar "alamat url download file" "lokasi penyimpanan file"
  5. Berikut ini contoh hasilnya.

Program Java Untuk Mengunduh dan Menyimpan File Dari URL / Internet

Kali ini kita akan membuat program java sederhana untuk mengunduh file dari internet (berdasarkan URL), kemudian menyimpannya di local folder.
Disini saya menggunakan Ubuntu 16.04 Desktop 64bit dan NetBeans IDE 8.1.

it916@planning-ho-pc:~$ cat /etc/os-release 
NAME="Ubuntu"
VERSION="16.04.1 LTS (Xenial Xerus)"
ID=ubuntu
ID_LIKE=debian
PRETTY_NAME="Ubuntu 16.04.1 LTS"
VERSION_ID="16.04"
HOME_URL="http://www.ubuntu.com/"
SUPPORT_URL="http://help.ubuntu.com/"
BUG_REPORT_URL="http://bugs.launchpad.net/ubuntu/"
UBUNTU_CODENAME=xenial

it916@planning-ho-pc:~$ java -version
openjdk version "1.8.0_91"
OpenJDK Runtime Environment (build 1.8.0_91-8u91-b14-3ubuntu1~16.04.1-b14)
OpenJDK 64-Bit Server VM (build 25.91-b14, mixed mode)

it916@planning-ho-pc:~$ javac -version
javac 1.8.0_91

Untuk menginstall NetBeans IDE 8.1 di Ubuntu 16.04 cukup mudah, yaitu bisa dengan langsung menginstallnya melalui Synaptic karena paket aplikasi NetBeans IDE 8.1 sudah tersedia didalam repository Ubuntu. Jika anda masih bingung cara menginstallnya silahkan mencari tutorial di google.


Rabu, 12 Oktober 2016

HTML & CSS - Membuat Layout Website Sederhana 2

Pada tutorial sebelumnya, saya telah berbagi artikel mengenai cara membuat layout sederhana, yang menjelaskan dasar -dasar dalam membuat layout sebuah website. Kali ini saya akan membuat layout website yang sedikit lebih sulit dari sebelumya. Pada pembuatan layout website ini menggunakan tag DIV dan CSS.Adapun tampilan website yang akan dibuat adalah sebagai berikut.


Sebelum melanjutkan untuk membuat layout website, perhatikan struktur folder yang digunakan pada gambar di bawah ini kemudian buat struktur folder yang sama di komputer yang anda gunakan.

Jumat, 07 Oktober 2016

HTML & CSS - Membuat Layout Website Sederhana


Layout Website yang akan dibuat adalah merupakan tampilan website yang paling sederhana dan banyak dijumpai, seperti gambar berikut ini.



Kode : templatesederhana.html

it916@planning-ho-pc:~$ cat /var/www/html/lth5-templsederhana/templatesederhana.html

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="templatesederhana.css">
 </head>

 <body>
  <div class="wrap">
   <div class="header">
    <h1>Learning By Doing</h1>
    <p>Tutorial belajar membuat layout website sederhana</p>
   </div>

   <div class="menu">
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">HTML</a></li>
     <li><a href="#">CSS</a></li>
     <li><a href="#">PHP</a></li>
     <li><a href="#">Javascript</a></li>
    </ul>
   </div>

   <div class="badan">
    <div class="sidebar">
     Sidebar
     <ul>
      <li><a href="#">Tutorial HTML Dasar</a></li>
      <li><a href="#">Tutorial CSS Dasar</a></li>
      <li><a href="#">Tutorial PHP Dasar</a></li>
      <li><a href="#">Tutorial JQuery Dasar</a></li>
     </ul>
    </div>
    <div class="content">
     Content
    </div>
   </div>
   <div class="clear"></div>
   <div class="footer">
    Footer
   </div>
  </div>
 </body>
</html>


Kode : templatesederhana.css

it916@planning-ho-pc:~$ cat /var/www/html/lth5-templsederhana/templatesederhana.css

.wrap {
  background: blue;
  width: 900px;
  margin: 10px auto;
}

/*Bagian Header*/
.wrap .header {
  background: green;
  /*height 50px*/
  padding: 2px 10px;
}
/*Akhir Header*/

/*Bagian Menu*/
.wrap .menu {
  background: yellow;
}

.wrap .menu ul {
  padding: 0;
  margin: 0;
  background: yellow;
  overflow: hidden;
}

.wrap .menu ul li {
  float: left;
  list-style-type: none;
  padding: 10px;
}
/*Akir menu*/

.clear {
  clear: both;
}

.badan {
  height: 450px;
}

/*Bagian Sidebar*/
.wrap .badan .sidebar {
  background: orange;
  float: left;
  width: 25%;
  height: 100%;
}
/*Akhir Sidebar*/

/*Bagian Content*/
.wrap .badan .content {
  background: red;
  float: left;
  height: 100%;
  width: 75%;
}
/*Akhir Content*/

/*Bagian Footer*/
.wrap .footer {
  width: 100%;
  padding: 10px;
}
/*Akhir Footer*/

Hasil akhirnya akan seperti gambar berikut ini.


Demikian dan selamat mencoba.

Sumber : http://www.malasngoding.com/membuat-tampilan-layout-website-sederhana-dengan-html-dan-css/

HTML & CSS - Membuat Sudut Melengkung Dengan CSS3

Pada CSS3 kita sudah bisa membuat sudut melengkung pada sebuah element HTML, sehingga website yang kita buat pun tampilannya menjadi lebih interaktif. Untuk membuat sudut element menjadi melengkung dengan CSS3 ini, kita bisa menggunakan perintah "border-radius". Perintah "border-radius" ini merupakan perintah baru dari CSS3. Pada zaman dulu para web developer hanya menggunakan table untuk membuat tampilan website.

Langsung saja kita praktek untuk membuat sudut melengkung pada halaman website dengan CSS3. Kita akan membuat 2 file yaitu "sudut-melengkung.html" dan "sudut-melengkung.css".

Kode HTML : sudut-melengkung.html

it916@planning-ho-pc:~$ sudo pico /var/www/html/lth4-css3/sudut-melengkung.html

<!DOCTYPE html>
<html>
 <head>
  <title>Membuat sudut melengkung dengan css3 | havizul.blogspot.com</title>
  <link rel="stylesheet" type="text/css" href="sudut-melengkung.css">
 </head>

 <body>
  <h1>Membuat Sudut Melengkung Dengan CSS3 | havizul.blogspot.com</h1>
  
  <div class="ketengah">
   <div class="kotak kotak1">kotak 1</div>
   <div class="kotak kotak2">kotak 2</div>
   <div class="kotak kotak3">kotak 3</div>
   <div class="kotak kotak4">kotak 4</div>
   <div class="kotak kotak5">kotak 5</div>
   <div class="kotak kotak6">kotak 6</div>
   <div class="kotak kotak7">kotak 7</div>
   <div class="kotak kotak8">kotak 8</div>
  </div>
 </body>
</html>


Kode CSS : sudut-melengkung.css

it916@planning-ho-pc:~$ sudo pico /var/www/html/lth4-css3/sudut-melengkung.css

body {
  background: #A8AAB3;
  font-family: roboto;
  text-align: center;
}

h1 {
  color: #fff;
}

.ketengah {
  margin: 10px auto;
  width: 1150px;
}

.kotak {
  background: #fcfcfc;
  padding: 20px;
  width: 200px;
  float: left;
  margin: 20px;
  height: 200px;
}

.kotak1 {
  border-radius: 10px 10px 10px 10px;
}

.kotak2 {
  border-radius: 40px 20px 60px 90px;
}

.kotak3 {
  border-radius: 2px 140px 20px 60px;
}

.kotak3 {
  border-radius: 20px 10px 80px 10px;
}

.kotak4 {
  border-radius: 0px 50px 0px 50px;
}

.kotak5 {
  border-radius: 0px 0px 0px 0px;
}

.kotak6 {
  border-radius: 100%;
}

.kotak7 {
  border-radius: 40px 10px;
}

.kotak8 {
  border-radius: 10px 10px 50% 50%;
}