Program Reservasi Bus Berbasis Web PHP/MySQL

Oke gan, yang lagi bingung nyari-nyari referensi buat skripsi atau tugas akhir. Source code Reservation Bus dengan PHP dan Mysql ini sangat cocok yang sengaja di buat untuk skripsi dan tugas akhir. Program ini memiliki tampilan yang menarik yang telah menggunakan template boostrap dan memiliki fitur yang lengkap. Berikut fitur- fitur yang terdapat pada program ini :

Menu User :

• Menu Home
• Menu About Us (Organization Structure, Milestones,Company Values, Brand Values) Bisa di Custome sesuai nama Reservation Bus anda.
• Menu Reservation
• Menu Booking Status
• Menu Price List
• Menu News(blog)
• Menu Ours Service
• Menu Our Client
• Facilities
• Contact Us
• dan lainnya..

Menu menu tersebut bisa anda sesuaikan dengan nama reservation anda

Menu Administrator :

• Menu Home
• Menu Paket Bus (edit, hapus, Tambah)
• Menu Konfirmasi (Pemesanan, Pembatalan, Pembayaran)
• Menu Laporan (Pemesanan, Pembatalan, Pembayaran)

Screen shoot :

Mudah-mudahan Source code Reservation Bus ini bagi agan yang membutuhkan yang lagi bingung dan galau bisa bermanfaat. 

Yang berminat dengan Source code ini di jual dengan harga Rp. 300.000 saja. Cara pembeliannya :

• Silahkan anda transfer ke nomor rek. BCA - 3721427534 - a/n Ahmad Andriansyah.
• Setelah itu silahkan melakukan konfirmasi via sms atau e-mail
• SMS ke 089624037824 format ( nama program/nomor bukti transfer/nama anda/email anda)
• E-mail ke ahmadandriansyah03@gmail.com format (nama program/ nama anda /upload bukti transfer )

Source code akan di kirim ke email anda setelah anda melakukan transfer. silahkan anda melakukan konfirmasi untuk mempercepat proses pengiriman . Mohon maaf jika terjadi keterlambatan karena saya hanya manusia biasa.Terimakasih...

Prinsip Dasar Pemrograman Berbasis Objek, STUPID dan SOLID

SOLID *

Seumur-umur saya belajar pemrograman, baru saya temukan istilah prinsip STUPID dan SOLID. Kedua istilah ini ternyata bukan hal baru di dalam dunia pemrograman terkhusus pemrograman berbasis objek. Bahkan prinsip SOLID ternyata sudah dimulai pada awal tahun 2000.

Udah lama juga saya berkutat dengan pemrograman berbasis objek, tapi baru istilah DRY, KISS, dan CRUD yang pernah saya

Bagian 1.2, Event Asinkron: Loop Polling dan Interupsi

Artikel ini merupakan bagian buku Pengenalan Pemrograman Menggunakan Java


Sebelumnya: Cycle Ambil dan Eksekusi: Bahasa Mesin



Bagian 1.2
Event Asinkron: Loop Polling dan Interupsi



CPU menghabiskan sebagian besar waktunya untuk mengambil
instruksi dari memori dan mengeksekusinya. Tetapi CPU dan memori utama hanyalah
dua diantara banyak komponen pada sistem komputer nyata. Sistem
yang

Source Code Reservation [Booking] Bus Online Dengan PHP dan MySQL Terbaru

Oke gan, yang lagi bingung nyari-nyari referensi buat skripsi atau tugas akhir. Source code Reservation Bus dengan PHP dan Mysql ini sangat cocok yang sengaja di buat untuk skripsi dan tugas akhir. Program ini memiliki tampilan yang menarik yang telah menggunakan template boostrap dan memiliki fitur yang lengkap. Berikut fitur- fitur yang terdapat pada program ini :

Menu User :

• Menu Home
• Menu About Us (Organization Structure, Milestones,Company Values, Brand Values) Bisa di Custome sesuai nama Reservation Bus anda.
• Menu Reservation
• Menu Booking Status
• Menu Price List
• Menu News(blog)
• Menu Ours Service
• Menu Our Client
• Facilities
• Contact Us
• dan lainnya..

Menu menu tersebut bisa anda sesuaikan dengan nama reservation anda

Menu Administrator :

• Menu Home
• Menu Paket Bus (edit, hapus, Tambah)
• Menu Konfirmasi (Pemesanan, Pembatalan, Pembayaran)
• Menu Laporan (Pemesanan, Pembatalan, Pembayaran)

Screen shoot :

Mudah-mudahan Source code Reservation Bus ini bagi agan yang membutuhkan yang lagi bingung dan galau bisa bermanfaat. 

Yang berminat dengan Source code ini di jual dengan harga Rp. 300.000 saja. Cara pembeliannya :

• Silahkan anda transfer ke nomor rek. BCA - 3721427534 - a/n Ahmad Andriansyah.
• Setelah itu silahkan melakukan konfirmasi via sms atau e-mail
• SMS ke 089624037824 format ( nama program/nomor bukti transfer/nama anda/email anda)
• E-mail ke ahmadandriansyah03@gmail.com format (nama program/ nama anda /upload bukti transfer )

Source code akan di kirim ke email anda setelah anda melakukan transfer. silahkan anda melakukan konfirmasi untuk mempercepat proses pengiriman . Mohon maaf jika terjadi keterlambatan karena saya hanya manusia biasa.Terimakasih...

Menerjemahkan buku itu gak gampang

Menerjemahkan buku itu gak gampang. Kalau ada yang bilang menerjemahkan buku itu gampang, suruh datang jumpai saya biar tak gampar pakai textbook..3:).

Banyak aspek yang harus ditinjau untuk menerjemahkan buku;mulai dari latar belakang penulisan buku, tujuan buku ditulis, niche dari buku, gaya bahasa, bahkan metode penulisan dan pendekatan penulis terhadap pembaca juga perlu dikaji. Kalau mau

Aplikasi Penjadwalan Iklan dengan Visual Basic dan SQL 2000 Bergaya Office 2007

Postingan Kali ini bakalan ngebahas tentang aplikasi yang saya buat 3 tahun yang lalu, program ini adalah program pertama yang saya buat, dan bahasa pemograman ini juga adalah bahasa pemograman yang pertama kali saya pahami,program ini saya berinama Aplikasi Penjadwalan Iklan, kebetulan dulu ada tugas dari kampus buat bikin aplikasi , kbtulan punya temen yang kerja disalah satu stasiun tv lokal

P(11) C# Database Tutorials In Urdu - Loading Data in 'DataGridView' control

The complete code is here.

Tutorial Bootstrap : Merubah ukuran image navbar brand

Pada tutorial bootstrap sebelumnya, kita telah mempelajari bagaimana merubah warna dari sebuah Navigation Bar pada Bootstrap dimana kita merubah warna default dari Inverted Navigation Bar yang berwarna  hitam menjadi biru. Silahkan pelajari terlebih dahulu tutorial sebelumnya (On previous bootstrap tutorial, we have learned how to change the color of a Bootstap Navigation Bar where we changed default color of Inverted Navigation Bar which has black becomes blue. Please learn first previous tutorial) :

Tutorial Bootstrap tentang Merubah Warna Navigation Bar 

Edisi tutorial bootstrap pada kesempatan ini akan mendalami tentang bagaimana menggantikan navbar brand dengan gambar anda sendiri (mengganti text dengan image). Karena navbar-brand memiliki ukuran tinggi dan padding tersendiri, oleh karena itu jika ukuran gambar yang terlalu tinggi dapat menyebabkan navigation bar menjadi berantakan. (Our Bootstrap tutorial is how to learn about how to replace the navbar brand with your own image by swapping the text for an image. Because navbar-brand has its own size of height and padding, because of that if the image size is too high, it can cause navigation bar into a mess).

Percobaan 1 (Experiment 1)

Dengan meminjam source code pada tutorial sebelumnya :Tutorial Boostrap tentang merubah warna navigation bar, kita akan menambah navbar brand dengan sebuah gambar, seperti yang ditunjukkan oleh script dibawah ini ( By using in the previous tutorial : Boostrap Tutorial in the color changing of navigation bar, we'll add navbar brand with an image as shown by the following script ):

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="tutorial-boostrap-merubaha-warna">
 <meta name="author" content="ilmu-detil.blogspot.com">
 <title>Tutorial Boostrap </title>
 <link rel="stylesheet" href="assets/css/bootstrap.min.css">
 <link rel="stylesheet" href="assets/css/font-awesome.min.css"> 
 <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen"> 
 
 <style type="text/css">
 .navbar-inverse {
  background-color: #3b5998;
  font-size:18px;
 }
 </style>
</head>
<body>
 
<div class="navbar navbar-inverse">
 <div class="container">
  <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
   </button>
   <a class="navbar-brand" href="index.html">
     <img src="assets/images/tk_logo5.png" alt="Techro HTML5 template"></a>
  </div>
  <div class="navbar-collapse collapse">
   <ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="index.html">Home</a></li>
    <li><a href="about.html">Programming</a></li>
    <li><a href="courses.html">English</a></li>
    <li><a href="price.html">Review</a></li>
    <li><a href="videos.html">Videos</a></li>
    <li><a href="videos.html">Gallery</a></li>
    <li><a href="contact.html">Contact</a></li>
   </ul>
  </div>
 </div>
</div>
 
 <!-- /.navbar -->
    
</body>
</html>

Sehingga output yang dihasilkan akan ditunjukkan oleh gambar berikut (So, the output as shown by following figure):

Anda dapat melihat output diatas, jika tinggi gambar kita tidak seimbang dengan tinggi navigation bar maka tampilan yang diinginkan kurang responsive . Nah sekarang bagaimana caranya agar gambar tersebut dapat menyesuaikan dengan ukuran navigation bar. Perhatikan pada percobaan 2(You can see the output above, if height of an image is not balance with navigation bar's heigh then the desired  output look less responsive.So how is the way to make an image can adapt the size of navigation bar .Look at the experiment 2 to get the answer).

Percobaan 2 (Experiment 2)

Tambahkan script css berikut untuk membuat image dari navbar brand dapat menyesuiakan ukuran navigation bar (Add the following script to make an image of navbar brand can adapt with the size of navigation bar).

.navbar-brand{
    float: none !important;
}

Output yang dihasilkan oleh script diatas (the output of css script above ):

Anda dapat mendownlad keseluruhan source code tutorial tersebut pada (You can download source code of the entire tutorial on ):

• 4Shared
• Ziddu

Cara Membuka 2 Halaman Website berbeda Secara bersamaan dengan Klik 1 Link URL

Oke pada kesempatan kali ini saya akan membahas cara untuk membuka dua halaman website sekaligus dalam 1 klik link URL, tentunya hal ini sangat berguna bila kita ingin mempromosikan halaman website kita yang lain agar pengunjung tahu halaman website kita, bagaimana caranya.? mari kita simak tutorial singkat berikut ini :

<a href=" Link 1" onclick="window.open(' Link2')" target="_blank">Link Anda</a>

Kode di atas merupakan script untuk membuka 2 halaman website secara bersamaan, sehingga ketika link di klik maka akan terbuka 2 halaman website sekaligus, untuk contoh bisa di lihat di bawah ini :

<a href="http://www.niqoweb.com" onclick="window.open('http://www.hakkoblogs.com')" target="_blank">Klik Link Berikut</a>

nah dari code diatas kita akan mendapatkan link seperti di bawah ini :

Klik Link Berikut

demikian tutorial singkat ini semoga bisa bermanfaat dan bisa membantu anda, selamat mencoba dan berkarya.

Cara Membuat Form Loading Dengan VB .Net

Pada pembelajaran Visual Basic .Net kali ini akan dibahas mengenai cara membuat form Loading atau Progress Bar pada Visual Basic .Net. Fungsi ini biasanya digunakan oleh para programmer untuk mempercantik ketika aplikasi baru di Klik atau pada saat login sukses.

Caranya sangat mudah sekali, anda tinggal ikuti tutorial dari kami berikut ini :
Nyalakan komputer anda
Buka Aplikasi VB .Net
Jika sudah muncul form1, silahkan design form1 seperti gambar dibawah ini :

Gambar diatas terdapat : Timer1, Button1, dan ProgressBar1
Jika sudah memasukan seperti gambar diatas, silahkan masukan koding dibawah ini pada Form1 :

Public Class Form1
    Private Sub Timer1_Tick(sender As Object, e As EventArgs) Handles Timer1.Tick
        ProgressBar1.Increment(1)
        If ProgressBar1.Value = ProgressBar1.Maximum Then
            Timer1.Stop()
            MsgBox("Loading Completed!!!")
        End If
    End Sub
    Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        Timer1.Stop()
    End Sub
End Class

Jika sudah, silahkan Run atau Jalankan Project VB .Net anda

Cara Membuka Web Browser Pada Form VB .Net

Pada tutorial Visual Basic .Net kali ini akan dibahas mengenai Cara Membuka Web Browser Dari Form VB .Net. Fungsi ini digunakan agar kita browsing Internet dari sebuah Form dan pastinya untuk bisa mengikuti ini, pastikan komputer anda terkoneksi dengan jaringan Internet.

Untuk Bisa mengikuti tutorial kali ini anda cukup mengikuti apa yang kami instruksikan dan pastikan anda punya komputer, sudah Install VB .Net pada Komputer anda dan punya koneksi ke Internet.

Gambar diatas hasil dari Tutorial yang akan kami berikan dibawah ini :

Nyalakan komputer anda
Buka Aplikasi VB .Net pada komputer anda
Jika sudah muncul Form1, silahkan design form1 seperti gambar dibawah ini :

Gambar diatas terdapat : TextBox1, Button1, WebBrowser1
Jika sudah memasukan komponent diatas silahkan masukan koding dibawah ini pada Form1

Public Class Form1
    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
       WebBrowser1.Navigate(TextBox1.Text)
    End Sub
End Class

Jika sudah, silahkan jalankan atau Run Project VB .Net anda
Caranya : masukan alamat internet pada TextBox1 kemudian klik Button1, maka form1 akan memunculkan web yang diinginkan atau dituju

Membuat Form Informasi Komputer VB .Net

Pada pembelajaran Visual Basic .Net kali ini akan kami bahas mengenai Form Informasi Komputer. Fungsi ini digunakan untuk mendeteksi sebuah informasi komputer (lihat gambar dibawah)

Berikut langkahnya :
Nyalakan Komputer atau Laptop anda
Buka Visual Basic .Net
Jika sudah muncul Form1 pada VB .Net anda, buatlah design Form1 seperti gambar dibawah ini :

Masukan koding dibawah ini pada Form1 :

Public Class Form1
    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        TextBox1.Text = My.Computer.Name
        TextBox2.Text = My.User.Name
        TextBox3.Text = My.Computer.Info.OSFullName
        TextBox4.Text = My.Computer.Keyboard.CapsLock
        TextBox5.Text = My.Computer.Mouse.WheelExists
        TextBox6.Text = My.Computer.Screen.WorkingArea.ToString
    End Sub
End Class

Jika sudah silahkan Run atau jalankan Project VB .Net anda
Jika sudah Running Klik Button1 untuk melihat detail informasinya
Semoga bermanfaat, ikuti tutorial VB .Net kami selanjutnya..

Web Berita Online Sederhana dengan PHP (FREE)

Pada Artikel kali ini saya bakalan ngeshare aplikasi web sederhana yang saya buat ketika masih duduk di bangku kuliah, sebagai tugas dari salah satu matakuliah, ya walaupun sekarang juga masih duduk di bangku kuliah sih lagi lanjutin S1, lagi persiapan skripsi �doain ya mudah2an cepet kelar. aplikasi ini juga dibuat dengan php versi lama, sehingga ketika paker versi yang baru pasti ada beberapa

Membuat Slide Recent Post Responsive

Cara Membuat Slide Recent Post Responsive

Mas Tamvan Kali ini akan berbagi cara memasang Slide Recent Post yang Responsive, walau scriptnya hasil nyolong dari ba Arlina, tapi tak apa kan kalo cuma sekedar berbagi.


Result

Kalian harus Login dulu ke Bloggernya, kalo blm login ga bakalan bisa masang scriptnya.

Kalo Udah Login, masuk ke. Template -> Edit HTML.

Cari biar cepat gunakan [CTRL+

Membuat Aplikasi Calculator Sederhana dengan Android Studio

1. Buat new project dengan nama MyCalculator.

2. Sekarang kita buat user interfacenya, edit activity_main.xml lalu ketikan kode berikut

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/result_id"
        android:layout_width="match_parent"
        android:layout_height="70dp" />

    <Button
        android:id="@+id/Btn7_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:onClick="btn7Clicked"
        android:text="7" />

    <Button
        android:id="@+id/Btn8_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:layout_toRightOf="@id/Btn7_id"
        android:onClick="btn8Clicked"
        android:text="8" />

    <Button
        android:id="@+id/Btn9_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:layout_toRightOf="@id/Btn8_id"
        android:onClick="btn9Clicked"
        android:text="9" />

    <Button
        android:id="@+id/Btnclear_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/result_id"
        android:layout_toRightOf="@id/Btn9_id"
        android:onClick="btnclearClicked"
        android:text="clear" />

    <Button
        android:id="@+id/Btn4_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn7_id"
        android:onClick="btn4Clicked"
        android:text="4" />

    <Button
        android:id="@+id/Btn5_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn8_id"
        android:layout_toRightOf="@id/Btn4_id"
        android:onClick="btn5Clicked"
        android:text="5" />

    <Button
        android:id="@+id/Btn6_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn9_id"
        android:layout_toRightOf="@id/Btn5_id"
        android:onClick="btn6Clicked"
        android:text="6" />

    <Button
        android:id="@+id/Btnplus_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnclear_id"
        android:layout_toRightOf="@id/Btn6_id"
        android:onClick="btnplusClicked"
        android:text="+" />

    <Button
        android:id="@+id/Btn1_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn4_id"
        android:onClick="btn1Clicked"
        android:text="1" />

    <Button
        android:id="@+id/Btn2_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn5_id"
        android:layout_toRightOf="@id/Btn1_id"
        android:onClick="btn2Clicked"
        android:text="2" />

    <Button
        android:id="@+id/Btn3_id"
        android:layout_width="70dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn6_id"
        android:layout_toRightOf="@id/Btn2_id"
        android:onClick="btn3Clicked"
        android:text="3" />

    <Button
        android:id="@+id/Btnminus_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnplus_id"
        android:layout_toRightOf="@id/Btn3_id"
        android:onClick="btnminusClicked"
        android:text="-" />

    <Button
        android:id="@+id/Btnequal_id"
        android:layout_width="110dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn1_id"
        android:onClick="btnequalClicked"
        android:text="=" />

    <Button
        android:id="@+id/Btndivide_id"
        android:layout_width="90dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btn1_id"
        android:layout_toRightOf="@id/Btnequal_id"
        android:onClick="btndivideClicked"
        android:text="/" />

    <Button
        android:id="@+id/Btnmulti_id"
        android:layout_width="100dp"
        android:layout_height="60dp"
        android:layout_below="@id/Btnminus_id"
        android:layout_toRightOf="@id/Btndivide_id"
        android:onClick="btnmultiClicked"
        android:text="*" />

</RelativeLayout>

3. Sekarang kita ke bagian otak dari aplikasi, edit MainActivity.java lalu ketikan kode berikut :

package net.agusharyanto.mycalculator;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {

    public String str ="";
    Character op = 'q';
    float i,num,numtemp;
    EditText showResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        showResult = (EditText)findViewById(R.id.result_id);

    }
    public void btn1Clicked(View v){
        insert(1);

    }

    public void btn2Clicked(View v){
        insert(2);

    }
    public void btn3Clicked(View v){
        insert(3);

    }
    public void btn4Clicked(View v){
        insert(4);

    }
    public void btn5Clicked(View v){
        insert(5);

    }
    public void btn6Clicked(View v){
        insert(6);
    }
    public void btn7Clicked(View v){
        insert(7);

    }
    public void btn8Clicked(View v){
        insert(8);

    }
    public void btn9Clicked(View v){
        insert(9);

    }
    public void btnplusClicked(View v){
        perform();
        op = '+';

    }

    public void btnminusClicked(View v){
        perform();
        op = '-';

    }
    public void btndivideClicked(View v){
        perform();
        op = '/';

    }
    public void btnmultiClicked(View v){
        perform();
        op = '*';

    }
    public void btnequalClicked(View v){
        calculate();

    }

    public void btnclearClicked(View v){
        reset();
    }
    private void reset() {
        // TODO Auto-generated method stub
        str ="";
        op ='q';
        num = 0;
        numtemp = 0;
        showResult.setText("");
    }
    private void insert(int j) {
        // TODO Auto-generated method stub
        str = str+Integer.toString(j);
        num = Integer.valueOf(str).intValue();
        showResult.setText(str);

    }
    private void perform() {
        // TODO Auto-generated method stub
        str = "";
        calculateNoShow();
        numtemp = num;

    }
    private void calculate() {
        // TODO Auto-generated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        showResult.setText(""+num);
    }

    private void calculateNoShow() {
        // TODO Auto-generated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
    }
} 

4. Sekarang mari kita run projectnya

Membuat aplikasi penghitung luas persegi panjang di android studio

Aplikasi Android sederhana yang akan kita buat adalah aplikasi yang dapat membantu kita menghitung luas persegi panjang.
Sekarang mari kita mulai
1. Buka Android Studio lalu pilih Start a new Android Studio Project.

Akan tampil jendela Create New Project, isikan seperti di bawah ini.

Klik Next lalau centang Phone and Tablet

Klik Next, lalu pilih Blank Activity

Klik Next, dan isi Activity Name dan lainnya seperti dibawah ini.

Setelah itu Klik Finish. Maka secara otomatis menampilkan project yang kita buat.

Disini langsung diperlihatkan layout tampilan activity_main.xml. Dan bisa kita langsung run.
Jika kita punya Device Android silahkan connectkan ke komputer melalui usb port.
Klik Tombol Run maka akan muncul pilihan aplikasi uang dirun dimana. Karena saya sudah menghubungkan Android Moto G saya ke komputer, maka Moto G saya akan muncul Jendela Choose Device. Agar lebih cepat runnya Kita pilih saja Choose Running Device.
Jika tidak punya device maka bisa pilih �Launch Emulator� kemidan klik OK

Maka hasil tampilannya adalah seperti ini.

Loh aplikasi persegi panjang kok isinya Hello World. Harusnya kan ada inputan panjang dan lebar.
2. Untuk menambahkan inputan panjang dan lebar maka kita harus mengedit file layoutnya dalam hal ini activity_main.xml untuk itu replace kode yang ada pada file tersebut dengan kode dibawah ini.

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:id="@+id/relativeLayout">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Panjang"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:ems="10"
        android:id="@+id/editTextPanjang"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Lebar"
        android:id="@+id/textView2"
        android:layout_below="@+id/editTextPanjang"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:ems="10"
        android:id="@+id/editTextLebar"
        android:layout_below="@+id/textView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hitung Luas"
        android:id="@+id/buttonHitungLuas"
        android:layout_below="@+id/editTextLebar"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Luas"
        android:id="@+id/textView3"
        android:layout_below="@+id/buttonHitungLuas"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:ems="10"
        android:id="@+id/editTextLuas"
        android:layout_below="@+id/textView3"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

Nah salah satu android studio ini adalah kita bisa langsung lihat previewnya

3. Setelah layout selesai sekarang mari kita kerjakan otak dari aplikasi ini yaitu bagian javanya. Buka MainActivity.java lalu ketikan kode berikut.

package net.agusharyanto.persegipanjang;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {

    private EditText edtPanjang;
    private EditText edtLebar;
    private EditText edtLuas;
    private Button btnHitungLuas;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        initEvent();
    }

    private void initUI(){
        edtPanjang = (EditText) findViewById(R.id.editTextPanjang);
        edtLebar = (EditText) findViewById(R.id.editTextLebar);
        edtLuas = (EditText) findViewById(R.id.editTextLuas);
        btnHitungLuas = (Button) findViewById(R.id.buttonHitungLuas);
    }

    private void initEvent(){
        btnHitungLuas.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                hitungLuas();
            }
        });
    }

    private void hitungLuas(){
        int panjang = Integer.parseInt(edtPanjang.getText().toString());
        int lebar = Integer.parseInt(edtLebar.getText().toString());
        int luas = panjang*lebar;
        edtLuas.setText(luas+"");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

4. Kalau dulu di eclipse untuk konfigurasi aplikasi ada difile AndroidManifest.xml, kalau di Android Studio konfigurasinya ada pada file build.gradle (module:app)

apply plugin: 'com.android.application'

android {
    compileSdkVersion 21
    buildToolsVersion "21.1.2"

    defaultConfig {
        applicationId "net.agusharyanto.persegipanjang"
        minSdkVersion 15
        targetSdkVersion 21
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:21.0.3'
}

6.Sekarang mari kita run aplikasi kita. Saya sarankan kita punya Handphone Android jadi kita bisa langsung Run ke HP. Karena kalau ke Run menggunakan Emulator itu lambat dan banyak makan Resource komputer kita
Hasil dari aplikasi kita

Isikan nilai Panjang dan Lebar kemudian sentuh tombol Hitung Luas

Mudahkan buat aplikasi android dengan android studio.

Membuat Project Pertama di Android Studio | Tutorial Android

Membuat Project Android di Android Studio. apa itu android Studio?, Android Studio adalah sebuah IDE untuk Android Development diperkenalkan google pada acara I/O 2013. Apa yang membedakan antara Android Studio dengan Eclipse ?, Android Studio menggunakan Gradle untuk memanajemen project . Gradle Merupakan Build Automation Tool, untuk mengenal lebih lanjut melalui situs berikut ini gradle.org , ini yang membedakan gradle dari Ant atau Maven yang memakai XML.
Dalam Tutorial ini saya akan membahas cara membuat project aplikasi android sederhana dan cara membuat Bluestack menjadi emulator di android studio.

Membuat Project Android Sederhana di Android Studio

1. Download Android studio
Untuk mendownload android studio versi terbaru, saya saran kan mendownload di link berikut ini. http://developer.android.com/
2. Create Project
Inilah tampilan awal Android Studio setelah diload.

Klik start a new Android Studio Project untuk membuat project android baru,
Kemudian penamaan aplikasi dan package seperti gambar dibawah.

pada bagian penentuan build target, jika di eclipse ada bagian dimana user menentukan build target sedangkan di android studio hanya menentukan minimum SDK.

Selain itu di android studio membuat apps dapat juga di build untuk Android TV, wear dan glass.
Pada saat pemilihan Add an activity to mobile,pilih blank activity.
Setelah itu pada choose optional for your new file, klik Finish
3. Tampilan Awal
Inilah tampilan awal setelah setting properties project tadi. Aplikasi android ini akan menampilkan Hello World.

Cara Menghubungkan Android Studio dengan Bluestack

Sering banyak mengeluh dengan Android emulator dari eclipse karena emulator berjalan sangat lambat dan berat, hal ini terjadi juga pada android studio. Disaran kan menggunakan genymotion, android virtual box, dan bluestack. Kali ini kami akan menggunakan bluestack dalam tutorial ini.

1. Buka bluestack
Dalam tutorial ini saya menggunakan BlueStacks App Player 0.9.4.4078 dapat download di link berikut ini.
BlueStacks App Player 0.9.4.4078.zip
2. Di Android Studio , Klik Android Device Manager.

3. Klik Emulator dan klik Screen Capture untuk mengecek emulator kita.
4. klik Run untuk mencoba menjalan aplikasi android.

5. Pada Choose Device, pilih emulator bluestack yang kita hubungkan tadi, Setelah Klik OK.


6. Aplikasi Android Anda sudah terinstall di bluestack
 

Demikian postingan Membuat Project Android di Android Studio. Jika mengalami kesulitan dapat menanyakan di forum dan kotak komentar dibawah.

Cara Membuat Aplikasi WebView di Android Studio | Tutorial Android

Membuat Aplikasi WebView di Android Studio. Pada tutorial kali ini, saya akan membahas tentang pemrograman android dimana kita akan menggunakan webview di Android Studio. WebView adalah sebuah class pada android yang menampilkan dan menjalankan aplikasi mobile yang berbasis wen.Sederhananya, WebView itu seperti android browser,tetapi tidak mempunyai address bar untuk memasukkan URL ,karena URL sudah kita didefinisikan dalam aplikasi android tersebut.

Membuat Aplikasi WebView di Android Studio

1.Klik start a new Android Studio Project untuk membuat project android baru.
2.Kemudian Konfigurasikan penamaan aplikasi dan package.
3.Pada bagian penentuan build target, SDK minimum yang anda inginkan.
4.Pada saat pemilihan Add an activity to mobile,pilih blank activity.
6.Pada choose optional for your new file, klik Finish.
Jika Anda masih kesulitan pada langkah diatas,dapat membaca artikel berikut ini Membuat Project Android di Android Studio.
7.Pilih Mode design, Pilih WebView pada Palette.



click and drag webview dari Palette ke kanan bawah dari layar device,kemudian tarik webview hingga penuh di layar device.
8.Untuk membuat aplikasi android kita dapat mengakses internet kita harus membuat permission internet seperti berikut ini

< uses-permission android:name="android.permission.INTERNET" / > 

pasangkan kode diatas kedalam AndroidManifest.xml.



9. Kemudian buka MainActivity.java,letakan kode berikut ini tepat dibawah  

setContentView(R.layout.activity_main);

String url = "http://curi-cara.blogspot.com/";  //Pendefinisian URL
WebView view = (WebView) this.findViewById(R.id.webView);  //sinkronisasi object berdasarkan id
view.getSettings().setJavaScriptEnabled(true);  //untuk mengaktifkan javascript
view.loadUrl(url);   //agar URL terload saat dibuka aplikasi

Jangan lupa mengimport class webview agar webview terdefinisikan.
10. Aplikasi WebView kita sudah siap , saat nya untuk mencoba menjalankan aplikasi WebView, Klik RUN �app�
1
1. Saya menggunakan bluestack sebagai emulator. Untuk menggunakan bluestack sebagai emulator dapat membaca artikel berikut ini Cara Menghubungkan Android Studio dengan Bluestack.


13. Jika aplikasi kita berhasil akan terlihat seperti ini di bluestack.


Kita sudah berhasil membuat aplikasi android WebView dengan android studio. Terus ikuti teknorial.com untuk mendapatkan tutorial-tutorial lainnya.

Informasi Tambahan

Untuk membuat aplikasi webview fullscreen , hapus kode berikut dari activity_main.xml

android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"

Untuk membuat aplikasi webview tidak redirect ke web browser saat di klik link , kita perlu menambah class WebViewClient dan override method tersebut. Letak kode berikut di MainActivity.java

import android.webkit.WebView; //import WebView class
import android.webkit.WebViewClient; //import WebViewClient class

public class MainActivity extends ActionBarActivity {

   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView view = (WebView) this.findViewById(R.id.webView); 
        view.getSettings().setJavaScriptEnabled(true);
        view.setWebViewClient(new MyBrowser());
        view.loadUrl("http://teknorial.com");
    }

   private class MyBrowser extends WebViewClient {
       @Override
        public  boolean shouldOverrideUrlLoading(WebView view, String url ){
            view.loadUrl(url);
            return true;
        }
    }

Untuk menambahkan fitur zoom di aplikasi webview, cukup menambahkan kode berikut di MainActivity.java

view.getSettings().setBuiltInZoomControls(true);
view.getSettings().setSupportZoom(true);

Program Koneksi Database di Java dan MySql

Sebelum masuk membuat program dengan database, kali ini saya akan memberikan contoh program sederhana untuk mengecek koneksi database. Program ini bertujuan apakah database sudah terhubung dengan program java yang kita buat ataupun tidak. Singkat kata langsung saja pada tutorial pembuatan aplikasi cek koneksi database di java.

Buatlah UI sesuai dengan ketertarikan anda, jika andan ingin mengikuti UI yang saya buat silahkan saja. Berikut komponen yang ada pada GUI dalam membuat UI dari program ini.

Komponen	Variabel	Fungsi / Keterangan
JFrame	cekDB	Adalah frame GUI yang diberi nama cekDB
JPanel1	top	Meletakan komponen title , minimize dan close
JPanel2	panel1	Meletakan komponen inti dari program ini
JLabel1	close	Action untuk keluar dari program
JLabel2	minimize	Action untuk minimize program
JLabel3	title	Membuat title/nama program
JLabel4	lbl_host	Penamaan untuk host
JLabel5	lbl_db	Penaman untuk nama database
JLabel6	lbl_user	Penamaan untuk user name
JLabel7	lbl_pass	Penamaan untuk password
JTextField1	host	Input untuk host
JTextField2	dBName	Input untuk nama database
JTextField3	user	Input untuk user mysql
JTextField4	password	Input untuk password mysql
JButton	tombol	Action untuk perintah cek koneksi pada database
jScrollPane	jScrollPane1	Meletakan JTextArea untuk output
JTextArea	output	Untuk menampilkan output berhasil atau tidaknya cek database

Buatlah tampilan UI seperti gambar berikut,

Gambar 1

Untuk frame gunakan AbsoluteLayout dengan cara klik kanan JFrame pada navigator , pilih set Layout klik AbsoluteLayout.

Gambar 2

AbsolutLayout ini mempermudahkan kita dalam membuat design interface yang setiap komponen dapat ditindih dengan komponen lain.Setelah anda mendesign UI untuk program anda sendiri , kita akan menambah libraries MYSQL JDBC Driver. yaitu driver untuk koneksi/penghubung program dengan MYSQL. Caranya dengan klik kanan pada libraries di project , pilih Add Library cari dan pilih MYSQL JDBC Driver dan klik Add Library.

Gambar 3

Gambar 4

Selanjutnya kita akan memberikan event exit pada label close. Klik kanan label close , pilih Events , pilih Mouse dan klik mousePressed.

Pada bagian source untuk close, masukan kode program System.exit(0); , seperti program dibawah.

    private void closeMousePressed(java.awt.event.MouseEvent evt) { 
        System.exit(0);
    }  

Sama dengan label close , pada minimize juga menggunakan event mousePressed, dan ketikan kode program berikut pada blocknya.

    private void minimizeMouseClicked(java.awt.event.MouseEvent evt) {              
        this.setState(cekDB.ICONIFIED);
    }

Untuk tombol , event yang digunakan adalah actionPerformed dengan memilih Event > Action > actionPerformed.

    private void tombolActionPerformed(java.awt.event.ActionEvent evt) {           
        String driver = "com.mysql.jdbc.Driver";
        String _host = host.getText();
        String _dbname = dBName.getText();
        String _user = user.getText();
        String _pass = password.getText();
        
        try {
            Class.forName(driver);
            conn = DriverManager.getConnection("jdbc:mysql://" +_host+"/"+_dbname+"?user="+_user+"&password="+_pass+"");
            if (user.getText().isEmpty() || dBName.getText().isEmpty()) {
                output.setText("Masih ada yang kosong !!");
            }
            else {
                output.setText("Berhasil terkoneksi ke database "+dBName.getText());
            }
            return ;
        }
        catch (Exception e){
            output.setText("Error : "+e.getMessage());
        }
    }

Output yang dihasilkan seperti gambar berikut ,

Gambar 5

Sekian contoh program untuk mengecek koneksi database mysql, INGAT saat mengecek database pastikan terlebih dahulu Xampp sudah berjalan terutama MYSQL sudah distart. Jika ada pertanyaan atau ingin diskusi mengenai topik ini silahkan berkomentar diblog.