Tutorial Android JSON Webservice PHP MySQL

Artikel ini melanjutkan artikel sebelumnya tentang JSON. Dalam artikel sebelumnya telah dibahas tentang format JSON dan bagaimana membuat data JSON dari tabel MySQL dengan PHP. Dalam artikel ini, kita akan menampilkan data JSON tadi kedalam Listview seperti tampak dibawah ini.

Sekenario

Kita akan menampilkan data JSON ke dalam Listview. Jika item di klik maka akan menampilkan detail datanya.

1. event.java
2. eventAdapter.java
3. ListEventActivity.java
4. EventDetailActivity.java

   Dari penamaannya saja, anda sudah paham masing masing file java diatas kan?Bagi yang belum memahami Custom listview, saya sarankan anda membaca artikel saya yang berjudul custom Listview sehingga anda paham dengan konsep customAdapter.

   Kode mengambil event dari server

   List<NameValuePair> params = new ArrayList<NameValuePair>();
   		JSONObject json = jParser.makeHttpRequest(VIEW_EVENT_URL, "GET", params);
   		Log.d("JSON", json.toString());
   		// when parsing JSON stuff, we should probably
   		// try to catch any exceptions:
   		try {
   			arrayevent = json.getJSONArray("list_event");
   
   			// looping through all posts according to the json object returned
   			for (int i = 0; i < arrayevent.length(); i++) {
   				JSONObject event = arrayevent.getJSONObject(i);
   				listevent.add(new
   				 Event(BitmapFactory.decodeResource(getResources(),
   				 R.drawable.jadwal), 
   				 event.getString("eventID"), 
   				 event.getString("judul"),
   				 event.getString("tanggal"),
   				 event.getString("jam"),
   				 event.getString("lokasi"))); // end of add					
   			}
   
   		} catch (JSONException e) {
   			e.printStackTrace();
   		}
   		

   menampilkan data di listview

   
   		EventAdapter adapter = new EventAdapter(this, listevent);
   		lvEvent.setAdapter(adapter);
   

   .

   mengaktifkan onItemClick

   lvEvent.setOnItemClickListener(new OnItemClickListener() {
   
   			@Override
   			public void onItemClick(AdapterView<?> parent, View view,
   					int position, long id) {
   
   				// getting values from selected ListItem
   				String eventID = ((TextView) view.findViewById(R.id.tveventID))
   						.getText().toString();
   
   				// Starting new intent
   				Intent in = new Intent(getApplicationContext(),
   						EventDetailActivity.class);
   				// sending idnama_kasus to next activity
   				in.putExtra("eventID", eventID);
   
   				// starting new activity and expecting some response back
   				startActivityForResult(in, 100);
   
   			}
   		});
   

   Perhatikan saat user mengklik listitem, eventID akan di kirim ke halaman EventDetailActivity
   Di halaman event detail activity, parameter eventID dipakai untuk mengambil
   data detail dari webservice dan menampilkannya di TextView

   Download source code

   Topik ini memang cukup komplek dan jika kode ditulis semua, maka artikel ini menjadi sangat panjang. Oleh karena itu, silahkan anda mendowload source codenya dan mencobanya sendiri. Download disini

   Happy Coding!