android app jorte: coding

Home / Posts filed under coding

Tampilkan postingan dengan label coding. Tampilkan semua postingan

Cara parsing Json dengan Phonegap

Posted by Unknown Minggu, 24 November 2013 0 komentar

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

Baca Selengkapnya ....

Cara Install Phonegap di Eclipse

Posted by Unknown Selasa, 10 September 2013 0 komentar

Garis Masuk - Pada postingan kali ini saya akan memberikan tutorial bagaimana cara memasang framework phonegap di eclipse, seperti yang kita ketahui phonegap merupakan salah satu framework yang sangat powerfull dan membuat kita semakin mudah dalam membuat aplikasi multi platform, nah pada tutorial kali ini saya khususkan untuk pemesangan pada platform android.

pertama kita buka eclipse dan buat new android aplication project.

pada struktur folder project eclipse pada directory assets buat folder baru dengan nama www dan tambahkan file pada folder www yang bernama index.html.
extract file phonegap yang sudah di download dan masuk ke lib/android dan lihat folder dan file yang digaris bawahi.

pindahkan file/folder tersebut ke android project directory dan susun menjadi seperti ini

cordova-2.5.0.js pindahkan ke directory assets/www
cordova-2.5.0.jar pindahkan ke directory libs
folder xml pindahkan ke directoy res

sehingga struktur directory project androidnya seperti ini

Selanjutnya buka file index.html tadi dan buat struktur html seperti biasa seperti ini

<html>
<head><title>Testing Phonegap</title>
<script type="text/javascript" src="cordova-2.5.0.js"></script>
</head>
<body>
Hai Ini Aplikasi dari Phonegap !!!
</body>
</html>
 
 
oke tahap selanjutnya buka file MainActivity.java pada directory src maka akan keluar seperti ini
 
package com.example.phonegap;
 
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
 
public class MainActivity extends Activity {
 
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
 
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
 
ubah menjadi seperti ini
 
package com.example.phonegap;
 
import android.os.Bundle;
import org.apache.cordova.*;
 
public class MainActivity extends DroidGap {
 
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set by <content src="index.html" /> in config.xml
super.loadUrl(Config.getStartUrl());
//super.loadUrl("file:///android_asset/www/index.html")
}
 
}
 
yang diubah adalah void onCreate dan extend dari class tersebut  asalanya ke activity tapi ke Droidgap serta merubah package yang di  import.
 setelah itu buka AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.phonegap"
android:versionCode="1"
android:versionName="1.0" >
 
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />
 
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.phonegap.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
 
ubah menjadi seperti ini
 
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.phonegap"
android:versionCode="1"
android:versionName="1.0" >
 
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.RECORD_VIDEO"/>
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />
 
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />
 
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.phonegap.MainActivity"
android:label="@string/app_name"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
 
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
 
</manifest>
 
setelah semuanya selasai, silahkan Run program anda dan lihat hasilnya di emulator 
 

Baca Selengkapnya ....

Phonegap, Cara Mudah untuk Buat Aplikasi Mobile Lintas Platform

Posted by Unknown Senin, 12 Agustus 2013 0 komentar

Garis Masuk - PhoneGap adalah sebuah kerangka kerja atau framework open source yang dipakai untuk membuat aplikasi cross-platform mobile dengan HTML, CSS, dan JavaScript. PhoneGap menjadi suatu solusi yang ideal untuk seorang web developer yang tertarik dalam pembuatan aplikasi di smartphone.

PhoneGap juga merupakan solusi ideal bagi mereka yang tertarik untuk membuat sebuah aplikasi yang dapat berjalan pada beberapa perangkat smartphone dengan basis kode yang sama. Artinya, cukup hanya dengan 1 kali koding saja, anda bisa membuat aplikasi untuk smartphone iPhone, Android, Blackberry, Symbian dan Palm. Tidak perlu koding secara terpisah, misal ingin membuat aplikasi untuk iPhone, saya perlu membuat koding untuk iPhone, untuk membuat aplikasi Android, saya perlu membuat koding Android dan seterusnya. Jadi, dengan PhoneGap ini bisa menghemat waktu anda dalam membuat aplikasi untuk beberapa smartphone dengan sekaligus dan seorang programmer/developer web juga bisa membuat aplikasi mobile, tidak hanya programmer Java dan lain-lain. Nah, hal ini bisa disebut dengan cross-platform karena PhoneGap dapat membuat aplikasi pada beberapa smartphone dengan hanya 1 koding. Menarik bukan?

Aplikasi yang dibuat dengan PhoneGap tidak hanya seperti situs web mobile biasanya. Hasil aplikasi dari PhoneGap bisa berinteraksi dengan hardware yang ada di perangkat mobile, seperti Accelerometer atau GPS, tidak seperti aplikasi web secara normal. Aplikasi PhoneGap juga dibuat dan dikemas seperti aplikasi asli, yang artinya pembuat aplikasi bisa membagikan aplikasinya melalui Apple App Store atau Android Market.

Sekarang ini PhoneGap sudah mendukung sejumlah platform mobile yang berbeda-beda, yaitu:

iPhone
Android
Blackberry
Symbian
WebOs
Windows Phone 7 dan 8
Bada

Untuk ke depannya, platform mobile yang akan didukung oleh PhoneGap adalah:

Tizen
Firefox Os
Ubuntu

PhoneGap SDK menyediakan sebuah API, yaitu sebuah lapisan abstrak yang menyediakan pengembang dengan akses ke fitur perangkat keras dan platform tertentu. PhoneGap menjelaskan bahwa dengan kode yang sama dapat digunakan pada sejumlah platform mobile dengan sedikit perubahan koding ataupun tidak, yang membuat aplikasi anda dapat dipakai untuk kalangan pengguna yang lebih luas.

Fitur hardware yang didukung oleh PhoneGap API seperti:

Geolocation
Accelerometer
Camera
Compass
Contact
File
Media
Network
Notification (alert)
Notification (sound)
Notification (Vibration)
Storage

Baca Selengkapnya ....

Membuat Aplikasi Android Database Sqlite dengan Tampilan ListVIew

Posted by Unknown Minggu, 14 Juli 2013 0 komentar

Garis Masuk - Contoh program android yang akan saya tampilkan kali ini adalah penggunaan SQLite database di android dan bagaimana cara menampilkannya dalam Listview. SQLite merupakan database yang sudah terinclude dalam setiap handset android, dengan adanya sqlite kita dapat menyimpan data dari aplikasi kita langsung kedalam ponsel andrid. Pada contoh kali ini program yang akan saya buat adalah program Contact, dimana user dapat menginputkan nama dan nomor ponsel, serta dapat mengEdit dan menDelete contact yang sudah ada.

Contoh Program android SQLite Database dengan Listview

Langkah pertama kita menyiapkan sebuah class Entity, yakni class Contact.java. Didalam kelas ini saya mendeklarasikan kolom2 yang akan ada di dalam database nanti, berikut ini classnya :

package com.example.sqlitetutorials;

public class Contact
{
    private int     id;
    private String name;
    private String telp;

    public Contact()
    {
        // TODO Auto-generated constructor stub
    }

    public Contact(String name, String telp)
    {
        super();
        this.name = name;
        this.telp = telp;
    }

    public int getId()
    {
        return id;
    }

    public void setId(int id)
    {
        this.id = id;
    }

    public String getName()
    {
        return name;
    }

    public void setName(String name)
    {
        this.name = name;
    }

    public String getTelp()
    {
        return telp;
    }

    public void setTelp(String telp)
    {
        this.telp = telp;
    }

}

Kemudian, kita menyiapkan sebuah class untuk mengHandle database kita,  pada class ini akan berisi operasi CRUD (Create, Read, Update, Delete)  didalam class ini terdapat inner class yang saya extends ke class  SQLiteOpenHelper yang sudah disiapkan oleh android.

package com.example.sqlitetutorials;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.SQLException;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;
import android.util.Log;

public class DBAdapter
{
    private static final String DB_NAME     = "contact_db";
    private static final int    DB_VER      = 1;

    public static final String TABLE_NAME = "contact";
    public static final String COL_ID      = "_id";
    public static final String COL_NAME    = "name";
    public static final String COL_TELP    = "telp";

    private static final String TAG         = "ContactDBAdapter";
    private DatabaseHelper      dbHelper;
    private SQLiteDatabase      db;

    private static final String DB_CREATE   = "create table contact (_id integer primary key, name text not null, telp text not null);";

    private final Context       context;

    private static class DatabaseHelper extends SQLiteOpenHelper
    {

        public DatabaseHelper(Context context)
        {
            // TODO Auto-generated constructor stub
            super(context, DB_NAME, null, DB_VER);
        }

        @Override
        public void onCreate(SQLiteDatabase db)
        {
            // TODO Auto-generated method stub
            db.execSQL(DB_CREATE);
        }

        @Override
        public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion)
        {
            // TODO Auto-generated method stub
            Log.d(TAG, "upgrade DB");
            db.execSQL("DROP TABLE IF EXISTS " + TABLE_NAME);
            onCreate(db);

        }

    }

    public DBAdapter(Context context)
    {
        this.context = context;
        // TODO Auto-generated constructor stub
    }

    public DBAdapter open() throws SQLException
    {
        dbHelper = new DatabaseHelper(context);
        db = dbHelper.getWritableDatabase();
        return this;
    }

    public void close()
    {
        dbHelper.close();
    }

    public void createContact(Contact contact)
    {
        ContentValues val = new ContentValues();
        val.put(COL_NAME, contact.getName());
        val.put(COL_TELP, contact.getTelp());
        db.insert(TABLE_NAME, null, val);
    }

    public boolean deleteContact(int id)
    {
        return db.delete(TABLE_NAME, COL_ID + "=" + id, null) > 0;
    }

    public Cursor getAllContact()
    {
        return db.query(TABLE_NAME, new String[]
        {
                COL_ID, COL_NAME, COL_TELP
        }, null, null, null, null, null);
    }

    public Cursor getSingleContact(int id)
    {
        Cursor cursor = db.query(TABLE_NAME, new String[]
        {
                COL_ID, COL_NAME, COL_TELP
        }, COL_ID + "=" + id, null, null, null, null);

        if (cursor != null)
            cursor.moveToFirst();

        return cursor;
    }

    public boolean updateContact(Contact contact)
    {
        ContentValues val = new ContentValues();
        val.put(COL_NAME, contact.getName());
        val.put(COL_TELP, contact.getTelp());

        return db.update(TABLE_NAME, val, COL_ID + "=" + contact.getId(), null) > 0;
    }

}


Kemudian untuk tampilan, ketika program pertama kali dijalankan , akan  muncul daftar contact yang ada, jika tidak ada/ belum ada contact yang  ditambahkan maka akan menampilkan teks empty data, selain itu saya juga  menggunakan menu context yang dapat diakses user dengan menekan tombol  menu pada handset, dengan menekan tombol menu maka akan muncul pilihan  untuk menambah data Contact

package com.example.sqlitetutorials;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.database.Cursor;
import android.support.v4.widget.SimpleCursorAdapter;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends Activity implements OnItemClickListener
{
    public static final String KEY_ID      = "_id";

    private static final int    INSERT_ID   = Menu.FIRST;

    EditText                    empty;
    private ListView            listview;
    private DBAdapter           db;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        db = new DBAdapter(this);
        db.open();

        listview = (ListView) findViewById(R.id.list);
        listview.setEmptyView(findViewById(R.id.empty));

        listview.setOnItemClickListener(this);

        loadData();
    }

    private void loadData()
    {
        // TODO Auto-generated method stub
        Cursor cur = db.getAllContact();

        String[] from = new String[]
        {
                DBAdapter.COL_NAME, DBAdapter.COL_TELP
        };
        int[] to = new int[]
        {
                R.id.txtName, R.id.txtPhoneNumber
        };

        SimpleCursorAdapter adapter = new SimpleCursorAdapter(this, R.layout.list_adapter, cur, from, to);
        listview.setAdapter(adapter);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu)
    {
        // Inflate the menu; this adds items to the action bar if it is present.
        menu.add(0, INSERT_ID, 0, R.string.menu_add);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item)
    {
        // TODO Auto-generated method stub
        switch (item.getItemId())
        {
            case INSERT_ID:
                startActivity(new Intent(MainActivity.this, AddContact.class));
                break;

        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onItemClick(AdapterView arg0, View v, int pos, long id)
    {
        // TODO Auto-generated method stub
        Bundle bundle = new Bundle();
        bundle.putLong(KEY_ID, id);
        Intent intent = new Intent(MainActivity.this, EditActivity.class);
        intent.putExtras(bundle);
        db.close();
        startActivity(intent);

    }

}

dan untuk file xmlnya sebagai 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">
    <listview android:id="@+id/list" android:layout_width="match_parent" android:layout_height="wrap_content">
    </listview>
    <textview android:id="@+id/empty" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Empty Data">
</textview></relativelayout>

dan untuk class yang menangani penambahan data adalah sebagai berikut :

package com.example.sqlitetutorials;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class AddContact extends Activity implements OnClickListener
{
    EditText    inputName, inputNumber;
    Button      btnAdd;
    DBAdapter   db;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        db = new DBAdapter(this);
        db.open();

        setContentView(R.layout.add);

        inputName = (EditText) findViewById(R.id.inputName);
        inputNumber = (EditText) findViewById(R.id.inputNumber);
        btnAdd = (Button) findViewById(R.id.btnAdd);
        btnAdd.setOnClickListener(this);
    }

    @Override
    public void onClick(View v)
    {
        // TODO Auto-generated method stub
        switch (v.getId())
        {
            case R.id.btnAdd:
                Contact contact = new Contact();
                contact.setName(inputName.getText().toString());
                contact.setTelp(inputNumber.getText().toString());

                db.createContact(contact);
                startActivity(new Intent(AddContact.this, MainActivity.class));
                db.close();
                finish();
                break;

            default:
                break;
        }

    }

}