Menampilkan Data MySQL ke Dalam ListView pada Basic4Android

Chairruddin Arrasid | 22/05/2015 | Basic4Android | 47 Comments

Sebelumnya saya sudah share bagaimana Cara Menghubungkan Aplikasi Android ke Database MySQL. Yang mana di dalamnya terdapat sebuah List Barang, yang menampilkan data barang dari database MySQL menggunakan Remote Database Connector (RDC). Di situ saya menggunakan Table untuk menampilkan datanya. Nah, pada postingan kali ini saya ingin share bagaimana cara menampilkan data barang tersebut dalam bentuk ListView.

Tutorial ini menggunakan file project ini.

Berikut ini adalah langkah-langkahnya…

Buka folder RDC Server-nya.

Kemudian buka config.properties. Ubah command sql.select_barang menjadi seperti di bawah ini:

#commands
sql.select_barang=SELECT nama, FORMAT(harga,0), id FROM barang

1 2	#commands sql.select_barang=SELECT nama, FORMAT(harga,0), id FROM barang

Buka project MyConnectDB.
Pada Acitivity Main, hapus semua object yang ada di dalam Sub Globals, lalu deklarasikan satu buah object ListView dengan nama: LvBarang.

Sub Globals
	'These global variables will be redeclared each time the activity is created.
	'These variables can only be accessed from this module.
	Dim LvBarang As ListView
End Sub

Sub Globals

'These global variables will be redeclared each time the activity is created.

'These variables can only be accessed from this module.

Dim LvBarang As ListView

End Sub

Pada event Activity_Create ubah code yang sudah ada menjadi seperti ini:

Sub Activity_Create(FirstTime As Boolean)
	'Do not forget to load the layout file created with the visual designer. For example:
	
	'Set judul untuk activity ini.
	Activity.Title = "List Barang"
	
	'Tambahkan menu.
	Activity.AddMenuItem("Sync data Barang","SyncBarang")
	
	'Initialize ListView.
	LvBarang.Initialize("LvBarang")
	'Tampilkan ListView di activity ini.
	Activity.AddView(LvBarang, 0,0,100%x,100%y)
	
	If FirstTime Then
		'Initialize RDC-nya.
		reqManager.Initialize(Me, RDCServer)
	End If
End Sub

Sub Activity_Create(FirstTime As Boolean)

'Do not forget to load the layout file created with the visual designer. For example:

'Set judul untuk activity ini.

Activity.Title = "List Barang"

'Tambahkan menu.

Activity.AddMenuItem("Sync data Barang","SyncBarang")

'Initialize ListView.

LvBarang.Initialize("LvBarang")

'Tampilkan ListView di activity ini.

Activity.AddView(LvBarang, 0,0,100%x,100%y)

If FirstTime Then

'Initialize RDC-nya.

reqManager.Initialize(Me, RDCServer)

End If

End Sub

Buka Class DBRequestManager. Lalu buat fungsi baru dengan nama: ExecuteListView.

Public Sub ExecuteListView(Table As DBResult, ListView1 As ListView, TwoLines As Boolean)
	ListView1.Clear	
    For row = 0 To Table.Rows.Size - 1
        Dim Record() As Object = Table.Rows.Get(row)
        If TwoLines Then
			ListView1.AddTwoLines2(Record(0), Record(1), Record)
		Else
			ListView1.AddSingleLine2(Record(0), Record)
		End If
    Next
End Sub

Public Sub ExecuteListView(Table As DBResult, ListView1 As ListView, TwoLines As Boolean)

ListView1.Clear

For row = 0 To Table.Rows.Size - 1

Dim Record() As Object = Table.Rows.Get(row)

If TwoLines Then

ListView1.AddTwoLines2(Record(0), Record(1), Record)

Else

ListView1.AddSingleLine2(Record(0), Record)

End If

End Sub

Kemudian pada event JobDone, ubah code yang sudah ada menjadi seperti berikut:

Sub JobDone(Job As HttpJob)
	If Job.Success = False Then
		Log("Error: " & Job.ErrorMessage)
		ProgressDialogHide
	Else
		If Job.JobName = "DBRequest" Then
			Dim result As DBResult = reqManager.HandleJob(Job)
			'Tampilkan data dari RDC ke dalam ListView.
			reqManager.ExecuteListView(result, LvBarang, True)
			ProgressDialogHide
		End If
	End If
	Job.Release
End Sub

Sub JobDone(Job As HttpJob)

If Job.Success = False Then

Log("Error: " & Job.ErrorMessage)

ProgressDialogHide

Else

If Job.JobName = "DBRequest" Then

Dim result As DBResult = reqManager.HandleJob(Job)

'Tampilkan data dari RDC ke dalam ListView.

reqManager.ExecuteListView(result, LvBarang, True)

ProgressDialogHide

End If

Job.Release

End Sub

Save, kemudian Run/Compile project ini dalam versi Release.
Lalu lihat, apa yang terjadi…

Oke, demikian cara menampilkan data dari database MySQL ke dalam ListView. Semoga bermanfaat. Dan tetap nantikan juga tutorial-tutorial menarik lainnya seputar Basic4Android. Happy Coding! 🙂

Silakan download source code lengkapnya di sini.

Tags:Basic4Android Bahasa Indonesia, Basic4Android Indonesia, Basic4Android Remote Database Connector (RDC), Cara Menampilkan Data MySQL ke Dalam ListView, Membuat Aplikasi Android dengan Database MySQL, RDC Data di ListView, Tutorial B4A Bahasa Indonesia, Tutorial B4A Indonesia, Tutorial Basic4Android, Tutorial Basic4Android Bahasa Indonesia, Tutorial Basic4Android Indonesia

About The Author

Chairruddin Arrasid

Orang yang suka belajar, juga suka membaca, juga suka menulis, dan juga suka makan kalau lapar. Dulu waktu kecil tidak punya cita-cita jadi programmer, tapi sekarang jadi programmer. Lah? Mungkin dulu masih belum tahu bahwa programming itu menyenangkan.

0 0 votes

Article Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.

47 Comments

Oldest

Newest Most Voted

Inline Feedbacks

View all comments

sigit

8 years ago

Saya download contoh project. database, tabel sudah saya samakan persis. kenapa masih tidak mau tampil ke listview ya? mohon bantuannya

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

Waktu running aplikasinya ada error? Kalau tidak ada error, bisa jadi RDC config-nya belum sesuai dengan di atas. Bisa saya lihat RDC config-nya?

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

RDC-nya harus sudah di-running ya.

sigit

Reply to Chairruddin Arrasid

8 years ago

saya test http://localhost:17178/?method=test >> OK tidak masalah.
saya running blank aja ga ada list di listview.
Trus saya coba if result.row.size>0 kalau ada data konfirmasi OK dan kalau tidak konfirmasi NO. Masalahnya loading data dari server ga berhenti-berhenti. ada solusi?

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

Kalau loading gak berhenti-berhenti, itu berarti gak bisa konek ke RDC-nya. Alamat IP RDC Server-nya udah diubah sesuai IP komputernya? Cara mengubahnya ada di poin 10 pada postingan ini.

sigit

Reply to Chairruddin Arrasid

8 years ago

#Lines starting with '#' are comments.
#Backslash character at the end of line means that the command continues in the next line.
 
DriverClass=com.mysql.jdbc.Driver
JdbcUrl=jdbc:mysql://localhost/delheru-penjualan?characterEncoding=utf8

#SQL Server
#DriverClass=net.sourceforge.jtds.jdbc.Driver
#JdbcUrl=jdbc:jtds:sqlserver:///
User=root
Password=
ServerPort=17178
#If Debug is true then this file will be reloaded on every query.
#This is useful if you need to modify the queries.
Debug=true

#commands
sql.select_barang=SELECT * FROM barang

#Lines starting with '#' are comments.

#Backslash character at the end of line means that the command continues in the next line.

DriverClass=com.mysql.jdbc.Driver

JdbcUrl=jdbc:mysql://localhost/delheru-penjualan?characterEncoding=utf8

#SQL Server

#DriverClass=net.sourceforge.jtds.jdbc.Driver

#JdbcUrl=jdbc:jtds:sqlserver:///

User=root

Password=

ServerPort=17178

#If Debug is true then this file will be reloaded on every query.

#This is useful if you need to modify the queries.

Debug=true

#commands

sql.select_barang=SELECT * FROM barang

————————————————————————————–

saya samakan persis nama database dan tabel. password server KOSONG.

sigit

Reply to sigit

8 years ago

C:UsersSigitDesktopRDC Server>”C:Program FilesJavajdk1.8.0_45binjava” –
Xmx256m -cp .;libs*;jdbc_driver* anywheresoftware.b4a.remotedatabase.RemoteSer
ver
B4A Remote Database Connecter (version 0.9)
loading: C:UsersSigitDesktopRDC Serverconfig.properties
2015-06-16 11:54:26.121:INFO::jetty-7.4.2.v20110526
2015-06-16 11:54:26.220:INFO::started o.e.j.s.ServletContextHandler{/,null}
Jun 16, 2015 11:54:26 AM com.mchange.v2.log.MLog
INFO: MLog clients using java 1.4+ standard logging.
Jun 16, 2015 11:54:28 AM com.mchange.v2.c3p0.C3P0Registry banner
INFO: Initializing c3p0-0.9.2.1 [built 20-March-2013 11:16:28 +0000; debug? true
; trace: 10]
2015-06-16 11:54:28.819:INFO::Started SelectChannelConnector@0.0.0.0:17178 START
ING

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

Alamat IP servernya udah disesuaikan mas?

sigit

Reply to Chairruddin Arrasid

8 years ago

Dim RDCServer As String = "http://192.168.147.1:17178"
Dim RDCServer As String = "http://localhost:17178"

1 2	Dim RDCServer As String = "http://192.168.147.1:17178" Dim RDCServer As String = "http://localhost:17178"

hasil nya sama NIHIL atau loading ga berhenti.

Saya pakai WAMP 2.5 PHP 5.5
B4A versi 5, library nya juga sudah saya sesuaikan semua

Yang bikin mumet tu mas, ga ada konfirm error di B4A nya.

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

Jangan panggil pakai localhost. Panggil IP-nya aja. Kalau device-nya udah konek ke RDC, seharusnya bisa running normal itu. Buat memastikan konek nggaknya device ke server, coba panggil via browser device-nya: http://192.168.147.1:17178/?method=test

Lihat apa hasilnya?

Terus ubah config-nya kayak poin ke 2:

sql.select_barang=SELECT nama, FORMAT(harga,0), id FROM barang

1	sql.select_barang=SELECT nama, FORMAT(harga,0), id FROM barang

Chairruddin Arrasid

Author

Reply to Chairruddin Arrasid

8 years ago

Kalau masih belom solved, coba kirim ke saya source code sama database-nya.

sigit

Reply to Chairruddin Arrasid

8 years ago

saya kirim nomor HP ke email ya mas. saya mau coba pakai XAMPP. kita lihat hasilnya. mohon bisa komunikasi ya WA atau LINE atau BB

Chairruddin Arrasid

Author

Reply to sigit

8 years ago

Kalau masalah coding, mending di sini aja ya mas. Kasian jempol saya kalau lewat HP 😀 Dan juga diskusi ini biar bisa jadi referensi buat yang lainnya yang mengalami masalah yang sama.

Bagaimana udah solved?

Chairruddin Arrasid

Author

Reply to Chairruddin Arrasid

8 years ago

Udah saya cek source code-nya mas. Kesalahannya: di RDC Config Mas Sigit nama database-nya masih pakai delheru-penjualan tuh. Belum diubah sesuai database yang dibuat oleh Mas Sigit.

Nama database-nya ‘coba’ ya? Berarti di RDC Config seharusnya seperti ini:

JdbcUrl=jdbc:mysql://localhost/coba?characterEncoding=utf8

1	JdbcUrl=jdbc:mysql://localhost/coba?characterEncoding=utf8

Muhammad Syahrir Al Fath

Reply to sigit

7 years ago

kalau mau ampilin di ListView pada Emulator, klo memang RDCnya jalan localhostnya gantai pakai 10.0.2.2 coba dulu 🙂

nur arief wicaksono

8 years ago

gan bisa minta contoh aplikasi get imei hp android gak yang ditampilkan di text makasih

Chairruddin Arrasid

Author

Reply to nur arief wicaksono

8 years ago

Coba ini:

Dim pi As PhoneId
Dim edt As EditText

edt.Text = pi.GetDeviceId

Dim pi As PhoneId

Dim edt As EditText

edt.Text = pi.GetDeviceId

Jangan lupa aktifkan library Phone.

imam

8 years ago

ane nanya lagi nih …moga2 di bantu…kalo listview nya di sertai gambar syntax nya gimana sih gan…mohon bantuannya yah 🙂
regards

Chairruddin Arrasid

Author

Reply to imam

8 years ago

Gambarnya dari local atau dari server nih?

imam

Reply to Chairruddin Arrasid

8 years ago

gambarnya dari server gan biar bisa update gambar 🙂

Chairruddin Arrasid

Author

Reply to imam

8 years ago

Kalo saya biasanya download dulu gambar-gambar dari server-nya. Abis itu tampilin pakai: bisa ImageView atau juga bisa pakai Button yang di-looping.

Imam

8 years ago

Gan….handle activity resume sama activity pause gimana yah….soalnya kalo home button di tekan app nya keluar…kalo masuk app lagi langsung error…..butuh support nih…heheheh

Chairruddin Arrasid

Author

Reply to Imam

8 years ago

Error-nya kayak gimana gan?

dhearry

8 years ago

bos mau nanya kalau cara conect data dari android ke web server gimana ya? contoh nya saya bikin aplikasi delivery order gitu. jadi data yang dimasukin user gimana caranya bisa kesimpan ke database nya. dan database nya menggunakan apa sebaiknya?

Chairruddin Arrasid

Author

Reply to dhearry

8 years ago

Coba cek postingan saya yg ini:

Kolaborasi Basic4Android dan Yii PHP Framework (1)

Kolaborasi Basic4Android dan Yii PHP Framework (2)

Iwan

8 years ago

Mas. Kalo sudah di tampilkan sperti itu. Bagaimana caranya jika di dipilih salah satu itemnya, kemudian muncul detail produknya. Saat listview, kode brg jangan ditampilkan, tapi nanti berguna untuk menampilkan detailnya. Bagaimana ya? terima kasih

Chairruddin Arrasid

Author

Reply to Iwan

8 years ago

Sudah pernah saya posting cara membuat CRUD-nya.
Coba cek postingan saya selanjutnya.

iswadi

8 years ago

mas kalo di config properties bisa di buat banyak ga yg untuk databasenya???

Chairruddin Arrasid

Author

Reply to iswadi

8 years ago

Maksudnya gimana mas?

Chairruddin Arrasid

Author

Reply to iswadi

8 years ago

Kalau untuk bisa dipakai di lebih dari satu aplikasi dan database, maka itu bisa. Tinggal digandakan saja config-nya, lalu ubah ServerPort-nya.

-1

hendra

8 years ago

B4A version: 5.02
Parsing code. (0.03s)
Compiling code. Error
Error compiling program.
Error description: Access to the path ‘D:\EMULATOR ANDROID\MyConnectDB\Objects\src\b4a\example’ is denied.
Occurred on line: 78
End Sub

knapa yah gan

hendra

8 years ago

B4A version: 5.02
Parsing code. (0.04s)
Compiling code. (0.02s)
Compiling layouts code. (0.00s)
Generating R file. (0.33s)
Compiling generated Java code. Error
javac 1.8.0_60
src\b4a\example\main.java:48: error: cannot find symbol
processBA.runHook(“oncreate”, this, null);
^
symbol: method runHook(String,main,)
location: variable processBA of type BA
1 error

fauzan

8 years ago

mas klo mau merubah ukuran font listviewnya bagaimana ya mas?

Chairruddin Arrasid

Author

Reply to fauzan

8 years ago

Kalau ListView-nya dua baris:

ListView1.TwoLinesLayout.Label.TextSize = 15

1	ListView1.TwoLinesLayout.Label.TextSize = 15

Kalau ListView-nya satu baris:

ListView1.SingleLineLayout.Label.TextSize = 15

1	ListView1.SingleLineLayout.Label.TextSize = 15

Tinggal disesuaikan angkanya jika masih kurang besar atau kecil.

fauzan

Reply to Chairruddin Arrasid

8 years ago

Thanks Gan . solved,

mau tanya lagi donk . perbadaan textsize menggunakan DPI dengan biasa apa ya mas ?

Floren

Reply to fauzan

7 years ago

mas gmn caranya menampilkan di listview, gambar, harga dan stok??

Rudi

7 years ago

Job Release
Javac 1.8.0_91
src\b4a\example\main.java:316: error: cannot access SubDelegator
_job._release( );

class file for anywheresoftware.b4a.BA$SubDelegator not found
1 error
Mohon solusi nya…terima kasih sebelumnya…

David

7 years ago

mas kalo listview masih kosong/belum ada inputan, bagaimana menampilkan pesan “Belum ada Data & Silakan lakukan inputan” (kondisi diletakkan di jobdone atau ??)

ilham

7 years ago

gan ane masi blm ngerti tentang RDC… itu tutornya kan buat server local atau run di laptop kita… nah kalo mau online internet pake server hosting gimana ya pake RDC nya? kan kalo saya pernah pake php, nah kalo RDC gimana ya gan? thanks 🙂

azlina

6 years ago

gan punya sy datanya ga masuk listview, klo sy cek ga masuk ke fungsi getdatabarang, mohon pencerahan

afais

6 years ago

mas kalo loping table gimana ya,tolong dong

Chairruddin Arrasid

Author

Reply to afais

6 years ago

Cek di sini Mas:
http://www.alwaysdelheru.com/menampilkan-data-dalam-bentuk-tabel-di-basic4android/

sal

6 years ago

Sub JobDone(Job As HttpJob)
ini apa mas? librarry kah atau bukan,soalnya di situ error nya

fikri

5 years ago

request sliding menu/menu navigasi min?

andre

4 years ago

menampilkan dalam bentuk tabel dari database Mysql donk mas…

ikmal

4 years ago

mas mau tanya, untuk membuat detail per item di listview gimana ya, contoh salah satu item listview di klik lalau muncul detail semua data yang ada atas item yg di klik tersebut, logikanya mungkin gini label1.text = listview.row(2)

anangth

3 years ago

ale, tolongkah code cara menambahkan button di listview
terimaksih.

Related Posts

About The Author

Chairruddin Arrasid