Google I/O 2009 – How Do I Code Thee? Let Me Count the Ways

Advertisements

Menampilkan Jam Dengan Alert menggunakan Javascript

Assalamu alaikum warah matulahi wabarakatu..
Hy.. Teman-teman semua.. Apa kabar??? saya harap baik-baik saja.. dan semoga sehat selalu.. 🙂
Jumpa lagi di tutorialku yang kudapat setelah membaca buku di Gua (kamarq :))wkwkwk.. Kali ini saya akan membahas mengenai Fungsi pada Javascript. Contoh yang kali ini akan sata buat yakni mengenai fungsi jam yang akan ditampilkan melalui Alert.
Ok langsung saja kita mulai… bom..bom..bom… tara 🙂 wkwkwk:)

  • Saya menganggap anda sudah mempunyai tools yang anda butuhkan seperti yang telah ku tulis di artikel ku sebelumnya.
  • Kali ini saya menggunakan DW 8 sebagai Tools Editor dan MOzila sebagai browser untuk melihat hasil dari script yang saya akan buat
  • OK langsung saja kita mulai… 1..2..3..GO.. 🙂 🙂
    Buat file baru pada DW 8, dengan nama file terserah anda dengan extensi .html atau .htm.Disini saya menyimpan file dengan nama ujifungsi.htm. Kalau sudah, maka akan muncul halaman kerja dari DW 8 dan kita siap untuk berexplorasi. Berikut contoh listing code lihatjam.htm yang terletak pada c:\xampp\htdocs\folder_file_anda\ :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Uji fungsi</title>
    <script language="javascript">
    function ujifungsi(){
    document.write("saya berasala dari java script");
    }
    function waktu(){
    var waktu_sekarang=new Date();
    var jam=waktu_sekarang.getHours();
    var menit=waktu_sekarang.getMinutes();
    var detik=waktu_sekarang.getSeconds();
    
    var lihatjam="skarang pukul : "+jam+":"+menit+":"+detik;
    alert(lihatjam);
    }
    </script>
    
    
    </head>
    
    <body>
    <h3>hay... apa kabar salam kenal ya..</h3><p>
    <script language="javascript">
    ujifungsi();
    </script>
    <p>
    <input type="button" name="jam" value="lihat jam" onclick="waktu();" />
    
    </body>
    </html>
    
    
    

    Berikut penjelasan fungsi source code diatas:

    : memulai kode javascript
    function ujifungsi(){
    document.write(“saya berasala dari java script”);
    }
    :membuat fungsi bernama ujifungsi dengan hasil eksekusi menampilkan tulisan “saya berasala dari java script”.
    function waktu(){
    var waktu_sekarang=new Date();
    var jam=waktu_sekarang.getHours();
    var menit=waktu_sekarang.getMinutes();
    var detik=waktu_sekarang.getSeconds();

    var lihatjam=”skarang pukul : “+jam+”:”+menit+”:”+detik;
    alert(lihatjam);
    }
    ://membuat fungsi bernama waktu dengan mendeklarasikan variabel waktu sekarang (mununjukan tanggal saat ini), jam (mununjukan jam pada tanggal saat ini),menit (mununjukan menit pada jam di tanggal saat ini), detik (mununjukan menit pada jam di tanggal saat ini), lihatjam berfungsi untuk menampilkan jam:menit:detik dan alert(lihatjam) berfungsi untuk menampilkan jam dengan system alert.
    : mengakhiri script

    ujifungsi();
    :memanggil fungsi ujifungsi();
    : membuat tombol yang bernama “jam” dan bertuliskan “lihat jam” dan apabila di klik maka akan mengeksekusi fungsi waktu().
    Berikut hasil exekusi dari file ujifungsi.htm

    Demikian lah tutorial singkat saya kali ini mengenai fungsi pada javascript. Kalau ada salah-salah kata mohon dimaafkan dan kalau ada salah dalam penulisan serta penjelasan listing code diatas harus dikomentari agar saya bisa memperbaikinya dan pembaca tidak ikut-ikutan salah. 🙂

    me alitle programer laabroo

    🙂 😉

Membuat Browser Sederhana Pada Android

Assalamu alaikum warahmatulahi wabarakatu..

Hy teman-teman semua.. Apa kabar nih?? saya harap masih baik-baik saja setelah membaca tutorial saya yang sebelumnya yang ngebahas soal Menu List pada Android. Kali ini saya datang hehehe:)(kyk orang abis pulkam aja ya??) dengan tutorila baru yang masih dasar dalam mendevelop aplikasi pada Android. Tutorial kali ini, saya akan membahas mengenai Browser pada Android. Ok langsung aja kita mulai go..go..go…

  • Buat projek baru Android dengan ketentuan sebagai berikut :

    Projek Name : BrowserIntent

    Build Target: Android 2.2

    Application name: BrowserIntent

    Package name: com.oxlet_wtn.android.browserintent

    Create Activity: BrowserIntent

    Min SDK Version: 8

  • Setelah anda mengisinya seperti diatas.. klik Finish untuk memulai pekerjaan anda di halaman kerja android.
  • Librari yang kita butuhkan saat ini yakni sebagai berikut

    import android.app.Activity;

    import android.os.Bundle;

    import android.view.View;

    import android.view.KeyEvent;

    import android.content.Intent;

    import android.net.Uri;

    import android.view.View.OnClickListener;

    import android.view.View.OnKeyListener;

    import android.widget.EditText;

    import android.widget.Button;

    Librari ini berfungsi sebagai pendeklarasian umum objek yang akan dibangun pada saat mendevelop aplikasi.

  • Fungsi yang kita butuhkan pada program ini adalah openBrowser() dan onCreate() serta satu buah class yakni browserintent
  • Berikut listing code program browserintent.java
    package com.oxlet_wtn.android.browserintent;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.KeyEvent;
    import android.content.Intent;
    import android.net.Uri;
    import android.view.View.OnClickListener;
    import android.view.View.OnKeyListener;
    import android.widget.EditText;
    import android.widget.Button;
    
    public class browserintent extends Activity {
    	private EditText urlText;
    	private Button goButton;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
    
            urlText =(EditText)findViewById(R.id.url_field);
             goButton=(Button)findViewById(R.id.go_button);
             goButton.setOnClickListener(new OnClickListener() {
    
    			@Override
    			public void onClick(View v) {
    				// TODO Auto-generated method stub
    				openBrowser();
    			}
    		});
    
             urlText.setOnKeyListener(new OnKeyListener() {
    
    			@Override
    			public boolean onKey(View v, int keyCode, KeyEvent event) {
    				// TODO Auto-generated method stub
    				if (keyCode==KeyEvent.KEYCODE_ENTER){
    					openBrowser();
    					return true;
    				}
    
    				return false;
    			}
    			});
    
        }
    
        public void openBrowser(){
        	Uri uri=Uri.parse(urlText.getText().toString());
        	Intent intent=new Intent(Intent.ACTION_VIEW,uri);
        	startActivity(intent);
        }
    
    }
    
    
  • Selain code java sebagai pengeksekusi kita juga membutuhkan code XML sebagai desain layout tampilan dari Aplikasi kita. Berikut code main.xml yang berfungsi sebagai layout awal aplikasi. Letak main.xml pada res/layout berikut listing code main.xml :
  • <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
    <EditText
    android:id="@+id/url_field"
    android:layout_weight="1.0"
    android:lines="1"
    android:inputType="textUri"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:imeOptions="actionGo"
        />
    
       <Button
       android:id="@+id/go_button"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/go_button"/>
    </LinearLayout>
    
    
  • Selain untuk layout dari aplikasi juga, terdapat juga file xml yang digunakan sebagai pendeklarasian variabel yang di pakai pada main.xml. file tersebut bernama string.xml. String.xml berada pada file res/values, dan berikut listing code string.xml :
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <string name="hello">Hello World, browserintent!</string>
        <string name="app_name">Browser Intent</string>
    <string name="go_button">Go</string>
    </resources>
    
    

    Berikut gambar dari hasil Runing program :

    tampilan awal program

    tampilan https://bhynte.wordpress.com pada Android Emulator

    catatan : browser ini tidak dapat membaca halaman web kecuali dengan menggunakan “http://&#8221; dan dilanjutkan nama websitenya…

    Demikian tutorial singkat saya kali ini, kalau ada salah kata mohon dimaafkan dan kalau ada yang salah dalam penulisan atau penjelasan pada listing program yang saya buat. Harap dengan segera dikomentari!!

    Salam new Android Developer Laabroo

    🙂 :d :d :d :d :d :d 🙂

Membuat List Pada Android

Assalamu alaikum warah matu;ahi wabara katu..
Hy.. teman-teman semua… Apa kabar nih?? aku harap baik 🙂 hehehe..
Kebali lagi bersama saya di Tutorialku mengenai Android Development. Kali ini saya akan membahas mengenai Menampilkan List pada Android. Ok langsung saja kita mulai ==>Go..GO..GO..

  • Saya menganggap teman-teman semua sudah mempunyai atau sudah menginstal Eclipse bersama SDK Android 2.2-nya.
  • Langsung saja buat Projek Android yang baru, dengan ketentuan sebagai berikut:
    Projek Name : com.exlet_wtn.android.tampilList.
    Build Target : Android 2.2
    Aplication Name : Menampilkan List
    Package Name : com.oxlet_wtn.android.tampilList
    Crete Actifity : tampilList
    Mis SDK Version : 8
  • Setal anda mengisi seperti diatas, lalu klik Finish. Maka akan muncul halaman kerja dari Eclipse.
  • Berikut ini adalah Resource Programnya

    package com.oxlet_wtn.android.tampilList;
    
    
    import android.app.ListActivity;
    import android.os.Bundle;
    import android.widget.Toast;
    import android.widget.ListView;
    import android.widget.ArrayAdapter;
    import android.view.View;
    
    public class tampilList extends ListActivity {
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle icicle) {
            super.onCreate(icicle);
            //setContentView(R.layout.main);
            
        String[] os=new String[]{"Windows XP","MacOS","Ubuntu","Fedora","Linux Mint","Windwos 7","Android","Simbian","Solary"
        };
        this.setListAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_checked,os));
        
    }
        
        @Override
        
        protected void onListItemClick(ListView l, View v, int position, long id) {
    
        	super.onListItemClick(l, v, position, id);
    
        	Object o = this.getListAdapter().getItem(position);
    
        	String keyword=o.toString();
        	Toast.makeText(this, "anda pilih : "+keyword, Toast.LENGTH_LONG).show();
        }
    }
    

    Penjelasan dari kode diatas :
    import android.app.ListActivity;
    import android.os.Bundle;
    import android.widget.Toast;
    import android.widget.ListView;
    import android.widget.ArrayAdapter;
    import android.view.View;

    Mendefenisikan library yang akan di gunakan pada program.
    public class tampilList extends ListActivity
    Memuat class yang bernama tampilList dengan extends ListActifity

    public void onCreate(Bundle icicle) {
    super.onCreate(icicle);

    Menginisialisasi ListActivity yang akan dibuat.

    String[] os=new String[]{“Windows XP”,”MacOS”,”Ubuntu”,”Fedora”,”Linux Mint”,”Windwos 7″,”Android”,”Simbian”,”Solary”
    };

    Mendeklarasikan variabel os sebagai String yang berisikan nama-nama Sistem Operasi.

    this.setListAdapter(new ArrayAdapter(this,android.R.layout.simple_list_item_checked,os));
    }

    Memanggil dan menampilkan variabel os sebagai array.
    protected void onListItemClick(ListView l, View v, int position, long id) {

    Membuat class dengan nama onListItemClick dengan variabel l,v,position,id.
    super.onListItemClick(l, v, position, id);
    Menginisialisasi variabel yang akan digunakan pada class onListItemClick.

    Object o = this.getListAdapter().getItem(position);
    Membuat objek benama O, yang di ambil dari list adapter dan dengan diurutkan sesuai penulisan String[] os.

    String keyword=o.toString();
    Membuat variabel keyword dengan tipe String yang di ambil dari Objek O yang dirubah menjadi String.

    Toast.makeText(this, “anda pilih : “+keyword, Toast.LENGTH_LONG).show();

    Menampilkan teks jika anda menunjuk salah satu dari String[] os.

    Berikut adalah tampilan dari hasil runing Projek diatas :



    Demikianlah tutorial singkat saya yang sangat sederhana mudah-mudahan bisa berguna bagi teman-teman semua. Kalau ada salah-salah kata mohon dimaafkan dan apabila ada yang salah dalam code program atau penjelasan dari tulisan saya ini mohon dengan sangar untuk di koreksi. Agar pembaca yang lain tidak ikut-ikutan salah. Terima kasih.. 🙂

    Salam dari laabroo 🙂 sang new Android Developer

Belajar Java Script

Assalamu alaikum warahmatulahi wabarakatu.
Hy, teman-teman semua Kembali lagi bersama saya dengan tutorial yang berbeda. Kali ini saya akan memberi sedikit contoh tetang Java Script. OK langsung saja kita mulai tutorial kita kali ini. Lets n go.. 🙂

  • Pertama anda musti menyiapkan server local di koputer anda. Contoh server local yakni : xampp, wamp, vertigo dan lain-lain.
  • Siapkan browser untuk melihat hasil dari kode javascript yang anda buat
  • Setelah anda menyiapkan software tersebut silahkan anda menginstalnya
  • Siapkan software editor seperti Notepade ++, Netsbean, Dreamweaver dan lain-lain. Silahkan searching di google dan download editor tersebut dan instalasi di mesin anda. Kali ini saya menggunakan tools Editor Dreamweaver 8, webserver Xampp, dan browser Mozila
  • Kalau semua itu sudah siap buat file baru dengan cara klik file => new => HTML => create
  • Berikut adalah contoh scriptnya
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Belajar javascript</title>
    </head>
    
    <body>
    <h3>Text dibawah ini di tampilkan dengan menggunakan JavaScript</h3>
    <br />
    <script language="javascript">//deklarasi script language
    var nama="laabroo";//deklarasi variabel nama = laabroo
    document.write("Hy.. nama saya <b>"+nama+"</b><br>"); //kalimat yang akan tampil
    document.write("Kalimat ini berasal dari Javascript");//kalimat yang akan tampil
    </script>//batas javascript
    </body>
    </html>
    
    

    Code diatas merupakan kode html yang didalamnya dibumbui Javascript.

  • Setelah anda menulis koding ini, save dengan nama javascript.html letakan pada direktori C:\xampp\htdocs\buat_ folder_dengan_nama_terserah_anda (karna saya menggunakan webserver XAMPP).
  • Lakukan pemanggilan file javascript.html pada browser anda, dengan sintak localhost/folder_yang_anda_buat/javascript.html
  • Demikian tutorial singkat javascript yang saya buat. Semoga bisa bermanfaat bagi para pembaca. Mohon maaf kalau ada salah-salah kata, jika salah dalam penulisan sintak harap di komentari agar saya bisa memperbaharuinya. Agar pembaca lain tidak ikut mengalami kesalahan.

    Berikut tampilan dari listing program diatas :

Menampilkan Nama Anda dengan Bahasa C++

Hy teman-teman semua… Kebali lagi bersama saya di tutorial singkat yang very Easy dalam pemograman C++. Kali ini tutorial saya akan membahas mengenai C++ dasar dengan memanfaatkan sintak pemanggilan INput dan OUTput yakni cin dan cout. Tutorial yang saya tulis ini menggunakan Compiler DEV C++. Berikut Contoh listing program nya.

#include <cstdlib>
#include <iostream>

using namespace std;
int main(int argc, char *argv[])
{
    char nama[30];
    cout<<"masukan nama anda : ";
    cin>>nama;
    cout<<endl;
    cout<<"Hy "<<nama<<endl;
    cout<<"Selamat belajar C++";
    cout<<"\n\n";
    system("PAUSE");
    return EXIT_SUCCESS;
}

Continue reading