Cara Menghostingkan Websaite dengan Hosting Gratis Indonesia

Hai gais, menu kali ini tentang hosting menghosting websaite yang gratis pake hosting indonesia sebenarnya banyak sekali hosting gratis, tapi saya memilih hosting Idhostinger.com karena websaite yang kita upload bisa langsung publist, berhubung kemarin ada teman seangkatan kuliah, yang meminta saya untuk menghostingkan dan mengajari tahap demi tahap tentang hosting menghosting websaite untuk keperluan skripsinya dan saat itu juga saya lagi berbaik hati he he heeee, agar ilmu yang saya punya lebih bermanfaat lagi saya dokumentasikan disni agar supaya masyarakat luas, tidak kesulitan untuk menghostingkan websaite sendiri disini tidak hanya cara menghostingkan secara tertulis, saya lengkapi dengan foto vidio agar mudah di pahami, nah sekarang mulai mengikuti tahap demi tahapnya ok.

pertama yang anda lakukan membuka websaite idhostinger.com

dan isi semua halaman form pendaftaran dibawah ini

setelah itu buka email yang digunakan untuk mendaftar tadi dan konfirmasi link yang di berikan idhostinger. dan tutorial lanjut pada vidio dibawah ini, vidio ini adalah lanjutan setelah anda mengkonfirmasi link dari idhostinger.

agan" bisa mengikuti tutorial lewat vidio, dimulai dari order, kemudian mengisi alamat websaite atau domain yang kita kehendaki, domain ini juga disediakan idhostinger secara gratis juga enak kan he he he mantap. kemudian cara upload websaite melalau filezilla juga ada di vidio tutorial ini, kemudian membuat database mysql di hosting idhostinger sampai websaite publist, monggo di semak diikuti vidio tutorial ini, semoga bermanfaat amin.... sampai jumpa di menu menu tutorial selanjutnya ;)

Aplikasi APP android Skripsi Sudah fix

Akhirnya bisa post lagi ni gan dengan bahasan aplikasi android wisata kudus walaupun agak berbau narsis gan, Ni aplikasi buatan ane gan ketika ambil skripsi tugas akhir di Universitas Muria Kudus, ni aplikasi sudah fix gan karena sudah selesai saya revisi kepada bapak dosen penguji, aplikasi ini dapat menampilakan wisata apa saja yang ada di kudus, juga bisa menunjukan keberadaan lokasi wisata kepada user yang sedang mencari lokasi wisata menggunakan map. lebih jelasnya bisa lihat gambar ya gan alur dari (app) aplikasi kudus ini, agan juga bisa mendownloadnya lo... bisa di jalankan di Handpone android agan minimal versi 2.2 (foyo) atau di atasnya gan.
Kelebihan dari aplikasi ini datanya dinamais gan, jadi admin bisa menambah, merubah dan menghapus data yang ada di aplikasi android melalui webadmin,
jadi kalo admin mau meambah kategori wisata budaya misalnya, ntar di aplikasi android juga muncul kategori wisata budaya, gitu jadi tidak perlu merubah sintak androidnya gan.

Tampilan Webadmin

Source code Aplikasi Androidnya boleh di order http://facebook.com/apietlatif

Skripsi android 2013,
Tugas Akhir Android 2013,
Membuat Aplikasi Android,
Download Source Code Aplikasi Android.

Android Google map v1 sudah ganti link

kemarin sempat kesulitan membuat google map android key karena sudah pindah link, menjadi seperti ini https://developers.google.com/maps/documentation/android/v1/maps-api-signup bagi yang kehilangan jejak, bisa dipake link ini. untuk tutorial pembuatanya bisa lihat tutorial sebelumnya :

Cara Mendapatkan Google Maps API Key MD5 dan SHA1

Mungkin karena google map api v2 sudah keluar maka linya di ganti menjadi seperti itu, keistimewaan  google map v2 bisa menampilkan map menjadi tiga dimensi, tapi saya belum mencobanya, mungkin lain kesempatan saya tentang tutorial android map v2

Android Option Menu Seperti Tab Layout

In Android there are mainly 3 types of menus are acaiable

•    options menu

•    context menu

•    popup menu

          following is the example for the options menu.in this first we want to create a menu folder in the res and inside the menu create a xml file

menuj.xml  

<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/item1" android:title="add" android:icon="@drawable/bb" > </item> <item android:id="@+id/item2" android:title="delete" android:icon="@drawable/cc"> </item> <item android:id="@+id/item3" android:title="exit" android:icon="@drawable/aa"> </item> </menu>

OptionalmenuActivity.java

package a.b; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.Menu; import android.view.MenuInflater; import android.view.MenuItem; import android.widget.Toast; public class OptionalmenuActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.menuj, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle item selection switch (item.getItemId()) { case R.id.item1: add(); return true; case R.id.item2: delete(); return true; case R.id.item3: exit(); return true; default: return super.onOptionsItemSelected(item); } } private void exit() { // TODO Auto-generated method stub Toast.makeText(this, "jithu exit demo", Toast.LENGTH_SHORT).show(); } private void add() { Intent i=new Intent(this,abc.class); startActivity(i); // TODO Auto-generated method stub\ Toast.makeText(this, "function 2 called", Toast.LENGTH_SHORT).show(); } private void delete() { // TODO Auto-generated method stub Toast.makeText(this, "jithu", Toast.LENGTH_SHORT).show(); } } then the menu is created.then write the xml file

main.xml

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> </LinearLayout>

main1.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"> </Button> <button android:text="Button" android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> <button android:text="Button" android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content"> </Button> </LinearLayout>

 

Android membuat Vote atau Penilaian Listview gambar (Json ,PHP dan MySQL)

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


Membuat
Web Server (PHP dan MySQL)  
MySQL Database

CREATE TABLE `images` (
`ImageID` int(11) NOT NULL auto_increment,
`ImageName` varchar(50) NOT NULL,
`ImagePath_Thumbnail` varchar(150) NOT NULL,
`ImagePath_FullPhoto` varchar(150) NOT NULL,
`Rating` float NOT NULL,
PRIMARY KEY (`ImageID`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;

--
-- Dumping data for table `images`
--

INSERT INTO `images` VALUES (1, 'Image 1', 'http://www.thaicreate.com/android/img1_thum.jpg', 'http://www.thaicreate.com/android/img1_full.jpg', 0);
INSERT INTO `images` VALUES (2, 'Image 2', 'http://www.thaicreate.com/android/img2_thum.jpg', 'http://www.thaicreate.com/android/img2_full.jpg', 0);
INSERT INTO `images` VALUES (3, 'Image 3', 'http://www.thaicreate.com/android/img3_thum.jpg', 'http://www.thaicreate.com/android/img3_full.jpg', 0);
INSERT INTO `images` VALUES (4, 'Image 4', 'http://www.thaicreate.com/android/img4_thum.jpg', 'http://www.thaicreate.com/android/img4_full.jpg', 0);
INSERT INTO `images` VALUES (5, 'Image 5', 'http://www.thaicreate.com/android/img5_thum.jpg', 'http://www.thaicreate.com/android/img5_full.jpg', 0);
INSERT INTO `images` VALUES (6, 'Image 6', 'http://www.thaicreate.com/android/img6_thum.jpg', 'http://www.thaicreate.com/android/img6_full.jpg', 0);

 
---> getGallery.php 

<? $objConnect = mysql_connect("localhost","root","root"); $objDB = mysql_select_db("mydatabase"); $strSQL = "SELECT * FROM images WHERE 1 "; $objQuery = mysql_query($strSQL); $intNumField = mysql_num_fields($objQuery); $resultArray = array(); while($obResult = mysql_fetch_array($objQuery)) { $arrCol = array(); for($i=0;$i<$intNumField;$i++) { $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i]; } array_push($resultArray,$arrCol); } mysql_close($objConnect); echo json_encode($resultArray); ?> 

---> updateRating.php

<? //$_POST["ImageID"] = "1"; // ImageID //$_POST["ratingPoint"] = "3.5"; // ratingPoint $objConnect = mysql_connect("localhost","root","root"); $objDB = mysql_select_db("mydatabase"); /*** Update ***/ $strSQL = " UPDATE images SET Rating = '".$_POST["ratingPoint"]."' WHERE ImageID = '".$_POST["ImageID"]."' "; $objQuery = mysql_query($strSQL); if(!$objQuery) { $arr['StatusID'] = "0"; $arr['Error'] = "Cannot save data!"; } else { $arr['StatusID'] = "1"; $arr['Error'] = ""; } /** $arr['StatusID'] // (0=Failed , 1=Complete) $arr['Error'] // Error Message */ mysql_close($objConnect); echo json_encode($arr); ?>

Android Project

 Etit Custom RatingBar
 

 Icons รูปภาพ ที่จะใช้แสดงบน Custom RatingBar 
----> /res/drawable/ratingstars.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+android:id/background" android:drawable="@drawable/star_empty" /> <item android:id="@+android:id/secondaryProgress" android:drawable="@drawable/star_empty" /> <item android:id="@+android:id/progress" android:drawable="@drawable/star_full" /> </layer-list>

  สร้าง Style อยู่บนไฟล์ ratingstars.xml

---> /values/string.xml
<style name="styleRatingBar" parent="@android:style/Widget.RatingBar"> <item name="android:progressDrawable">@drawable/ratingstars</item> <item name="android:minHeight">22dip</item> <item name="android:maxHeight">22dip</item> </style>

--> activity_main.xml

<tablelayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="Vote and Rating : " android:layout_span="1" android:textAppearance="?android:attr/textAppearanceMedium" /> </TableRow> <View android:layout_height="1dip" android:background="#CCCCCC" /> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.1"> <ListView android:id="@+id/listView1" android:layout_width="match_parent" android:layout_height="wrap_content"> </ListView> </LinearLayout> <View android:layout_height="1dip" android:background="#CCCCCC" /> <LinearLayout android:id="@+id/LinearLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dip" > <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="By.. ThaiCreate.Com" /> </LinearLayout> </TableLayout>

--->activity_column.xml 

<tablelayout android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:id="@+id/ColImgPath" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/ColImgID" android:text="Column 1" /> <TextView android:id="@+id/ColImgName" android:text="Column 2" /> <RatingBar android:id="@+id/ColratingBar" style="@style/styleRatingBar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:max="5" android:numStars="5" /> </TableRow> </TableLayout>

-->activity_vote.xml

<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" > <TextView android:id="@+id/txtImageName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:text="TextView" android:layout_marginTop="10dp" /> <ImageView android:id="@+id/fullimage" android:layout_width="match_parent" android:layout_height="220dp" android:layout_marginTop="35dp" /> <RatingBar android:id="@+id/rating" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/fullimage" android:layout_centerHorizontal="true" android:max="5" android:numStars="5" android:layout_marginTop="25dp" /> <Button android:id="@+id/btnVote" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/rating" android:layout_centerHorizontal="true" android:text="Vote" /> <Button android:id="@+id/btnHome" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btnVote" android:layout_centerHorizontal="true" android:layout_marginTop="15dp" android:text="Home" /> </RelativeLayout>
---->MainActivity.java
package com.myapp; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.BufferedReader; import java.io.ByteArrayOutputStream; import java.io.Closeable; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStream; import java.net.URL; import java.util.ArrayList; import java.util.HashMap; import org.apache.http.HttpEntity; import org.apache.http.HttpResponse; import org.apache.http.StatusLine; import org.apache.http.client.ClientProtocolException; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import org.apache.http.impl.client.DefaultHttpClient; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; import android.os.AsyncTask; import android.os.Bundle; import android.os.StrictMode; import android.annotation.SuppressLint; import android.app.Activity; import android.app.AlertDialog; import android.app.Dialog; import android.app.ProgressDialog; import android.content.Context; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.Menu; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.ListView; import android.widget.RatingBar; import android.widget.TextView; public class MainActivity extends Activity { public static final int DIALOG_DOWNLOAD_JSON_PROGRESS = 0; private ProgressDialog mProgressDialog; ArrayList<HashMap<String, Object>> MyArrList; @SuppressLint("NewApi") @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Permission StrictMode if (android.os.Build.VERSION.SDK_INT > 9) { StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build(); StrictMode.setThreadPolicy(policy); } // Download JSON File new DownloadJSONFileAsync().execute(); } @Override protected Dialog onCreateDialog(int id) { switch (id) { case DIALOG_DOWNLOAD_JSON_PROGRESS: mProgressDialog = new ProgressDialog(this); mProgressDialog.setMessage("Downloading....."); mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); mProgressDialog.setCancelable(true); mProgressDialog.show(); return mProgressDialog; default: return null; } } // Show All Content public void ShowAllContent() { // listView1 final ListView lstView1 = (ListView)findViewById(R.id.listView1); lstView1.setAdapter(new ImageAdapter(MainActivity.this,MyArrList)); } public class ImageAdapter extends BaseAdapter { private Context context; private ArrayList<HashMap<String, Object>> MyArr = new ArrayList<HashMap<String, Object>>(); public ImageAdapter(Context c, ArrayList<HashMap<String, Object>> myArrList) { // TODO Auto-generated method stub context = c; MyArr = myArrList; } public int getCount() { // TODO Auto-generated method stub return MyArr.size(); } public Object getItem(int position) { // TODO Auto-generated method stub return position; } public long getItemId(int position) { // TODO Auto-generated method stub return position; } public View getView(final int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub LayoutInflater inflater = (LayoutInflater) context .getSystemService(Context.LAYOUT_INFLATER_SERVICE); if (convertView == null) { convertView = inflater.inflate(R.layout.activity_column, null); } // ColImage ImageView imageView = (ImageView) convertView.findViewById(R.id.ColImgPath); imageView.getLayoutParams().height = 80; imageView.getLayoutParams().width = 80; imageView.setPadding(10, 10, 10, 10); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); try { imageView.setImageBitmap((Bitmap)MyArr.get(position).get("ImageThumBitmap")); } catch (Exception e) { // When Error imageView.setImageResource(android.R.drawable.ic_menu_report_image); } // Click on Image imageView.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { String strImageID = MyArr.get(position).get("ImageID").toString(); String strImageName = MyArr.get(position).get("ImageName").toString(); String strImagePathFull = MyArr.get(position).get("ImagePathFull").toString(); Intent newActivity = new Intent(MainActivity.this,VoteActivity.class); newActivity.putExtra("ImageID", strImageID); newActivity.putExtra("ImageName", strImageName); newActivity.putExtra("ImagePathFull", strImagePathFull); startActivity(newActivity); } }); // ColImgID TextView txtImgID = (TextView) convertView.findViewById(R.id.ColImgID); txtImgID.setPadding(5, 0, 0, 0); txtImgID.setText("ID : " + MyArr.get(position).get("ImageID").toString()); // ColImgName TextView txtPicName = (TextView) convertView.findViewById(R.id.ColImgName); txtPicName.setPadding(5, 0, 0, 0); txtPicName.setText("Name : " + MyArr.get(position).get("ImageName").toString()); // ColratingBar RatingBar Rating = (RatingBar) convertView.findViewById(R.id.ColratingBar); Rating.setPadding(10, 0, 0, 0); Rating.setEnabled(false); Rating.setMax(5); Rating.setRating(Float.valueOf(MyArr.get(position).get("Rating").toString())); return convertView; } } // Download JSON in Background public class DownloadJSONFileAsync extends AsyncTask<String, Void, Void> { protected void onPreExecute() { super.onPreExecute(); showDialog(DIALOG_DOWNLOAD_JSON_PROGRESS); } @Override protected Void doInBackground(String... params) { // TODO Auto-generated method stub String url = "http://www.thaicreate.com/android/getGallery.php"; JSONArray data; try { data = new JSONArray(getJSONUrl(url)); MyArrList = new ArrayList<HashMap<String, Object>>(); HashMap<String, Object> map; for(int i = 0; i < data.length(); i++){ JSONObject c = data.getJSONObject(i); map = new HashMap<String, Object>(); map.put("ImageID", (String)c.getString("ImageID")); map.put("ImageName", (String)c.getString("ImageName")); // Thumbnail Get ImageBitmap To Object map.put("ImagePathThum", (String)c.getString("ImagePath_Thumbnail")); map.put("ImageThumBitmap", (Bitmap)loadBitmap(c.getString("ImagePath_Thumbnail"))); // Full (for View Popup) map.put("ImagePathFull", (String)c.getString("ImagePath_FullPhoto")); map.put("Rating", (String)c.getString("Rating")); MyArrList.add(map); } } catch (JSONException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; } protected void onPostExecute(Void unused) { ShowAllContent(); // When Finish Show Content dismissDialog(DIALOG_DOWNLOAD_JSON_PROGRESS); removeDialog(DIALOG_DOWNLOAD_JSON_PROGRESS); } } /*** Get JSON Code from URL ***/ public String getJSONUrl(String url) { StringBuilder str = new StringBuilder(); HttpClient client = new DefaultHttpClient(); HttpGet httpGet = new HttpGet(url); try { HttpResponse response = client.execute(httpGet); StatusLine statusLine = response.getStatusLine(); int statusCode = statusLine.getStatusCode(); if (statusCode == 200) { // Download OK HttpEntity entity = response.getEntity(); InputStream content = entity.getContent(); BufferedReader reader = new BufferedReader(new InputStreamReader(content)); String line; while ((line = reader.readLine()) != null) { str.append(line); } } else { Log.e("Log", "Failed to download file.."); } } catch (ClientProtocolException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } return str.toString(); } /***** Get Image Resource from URL (Start) *****/ private static final String TAG = "Image"; private static final int IO_BUFFER_SIZE = 4 * 1024; public static Bitmap loadBitmap(String url) { Bitmap bitmap = null; InputStream in = null; BufferedOutputStream out = null; try { in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE); final ByteArrayOutputStream dataStream = new ByteArrayOutputStream(); out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE); copy(in, out); out.flush(); final byte[] data = dataStream.toByteArray(); BitmapFactory.Options options = new BitmapFactory.Options(); //options.inSampleSize = 1; bitmap = BitmapFactory.decodeByteArray(data, 0, data.length,options); } catch (IOException e) { Log.e(TAG, "Could not load Bitmap from: " + url); } finally { closeStream(in); closeStream(out); } return bitmap; } private static void closeStream(Closeable stream) { if (stream != null) { try { stream.close(); } catch (IOException e) { android.util.Log.e(TAG, "Could not close stream", e); } } } private static void copy(InputStream in, OutputStream out) throws IOException { byte[] b = new byte[IO_BUFFER_SIZE]; int read; while ((read = in.read(b)) != -1) { out.write(b, 0, read); } } /***** Get Image Resource from URL (End) *****/ @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.activity_main, menu); return true; } }

--->VoteActivity.java 

package com.myapp; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.BufferedReader; import java.io.ByteArrayOutputStream; import java.io.Closeable; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStream; import java.net.URL; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import org.apache.http.HttpEntity; import org.apache.http.HttpResponse; import org.apache.http.NameValuePair; import org.apache.http.StatusLine; import org.apache.http.client.ClientProtocolException; import org.apache.http.client.HttpClient; import org.apache.http.client.entity.UrlEncodedFormEntity; import org.apache.http.client.methods.HttpPost; import org.apache.http.impl.client.DefaultHttpClient; import org.apache.http.message.BasicNameValuePair; import org.json.JSONException; import org.json.JSONObject; import android.os.AsyncTask; import android.os.Bundle; import android.os.StrictMode; import android.annotation.SuppressLint; import android.app.Activity; import android.app.AlertDialog; import android.app.Dialog; import android.app.ProgressDialog; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.util.Log; import android.view.View; import android.widget.Button; import android.widget.ImageView; import android.widget.RatingBar; import android.widget.TextView; import android.widget.Toast; public class VoteActivity extends Activity { public static final int DIALOG_DOWNLOAD_FULL_PHOTO_PROGRESS = 0; private ProgressDialog mProgressDialog; public String ImageID; public String ImageName; public String ImageFullPath; public ArrayList<HashMap<String, Object>> MyArrList; public RatingBar rating; @SuppressLint("NewApi") @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_vote); // Permission StrictMode if (android.os.Build.VERSION.SDK_INT > 9) { StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build(); StrictMode.setThreadPolicy(policy); } Intent intent= getIntent(); ImageID = String.valueOf(intent.getStringExtra("ImageID")); ImageName = String.valueOf(intent.getStringExtra("ImageName")); ImageFullPath = String.valueOf(intent.getStringExtra("ImagePathFull")); // Show Image Full new DownloadFullPhotoFileAsync().execute(); // rating final RatingBar rating = (RatingBar) findViewById(R.id.rating); // Button Home final Button home = (Button) findViewById(R.id.btnHome); // Perform action on click home.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { Intent newActivity = new Intent(VoteActivity.this,MainActivity.class); startActivity(newActivity); } }); final AlertDialog.Builder adb = new AlertDialog.Builder(this); // Button btnVote final Button vote = (Button) findViewById(R.id.btnVote); // Perform action on click vote.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { if(rating.getRating() <= 0) { AlertDialog ad = adb.create(); ad.setMessage("Please select rating point 1-5"); ad.show(); } else { // Disabled Button vote.setEnabled(false); home.setEnabled(false); String url = "http://www.thaicreate.com/android/updateRating.php"; List<namevaluepair> params = new ArrayList<namevaluepair>(); params.add(new BasicNameValuePair("ImageID", ImageID)); params.add(new BasicNameValuePair("ratingPoint", String.valueOf(rating.getRating()))); String resultServer = getHttpPost(url,params); /** Get result from Server (Return the JSON Code) * StatusID = ? [0=Failed,1=Complete] * Error = ? [On case error return custom error message] * * Eg Save Failed = {"StatusID":"0","Error":"Not Update Data!"} * Eg Save Complete = {"StatusID":"1","Error":""} */ /*** Default Value ***/ String strStatusID = "0"; String strError = "Unknow Status!"; JSONObject c; try { c = new JSONObject(resultServer); strStatusID = c.getString("StatusID"); strError = c.getString("Error"); } catch (JSONException e) { // TODO Auto-generated catch block e.printStackTrace(); } // Prepare Save Data if(strStatusID.equals("0")) { adb.setMessage(strError); adb.show(); // Enabled Button vote.setEnabled(true); home.setEnabled(true); } else { // Show Toast Toast.makeText(VoteActivity.this, "Vote Finished (Point : " + rating.getRating() + ")", Toast.LENGTH_LONG).show(); Intent newActivity = new Intent(VoteActivity.this,MainActivity.class); startActivity(newActivity); } } } }); } @Override protected void onDestroy() { super.onDestroy(); } // Show Image Full public void ShowImageFull(Bitmap imgFull) { // fullimage TextView imgName = (TextView) findViewById(R.id.txtImageName); imgName.setText(ImageName); // fullimage ImageView image = (ImageView) findViewById(R.id.fullimage); try { image.setImageBitmap(imgFull); } catch (Exception e) { // When Error image.setImageResource(android.R.drawable.ic_menu_report_image); } } @Override protected Dialog onCreateDialog(int id) { switch (id) { case DIALOG_DOWNLOAD_FULL_PHOTO_PROGRESS: mProgressDialog = new ProgressDialog(this); mProgressDialog.setMessage("Downloading....."); mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); mProgressDialog.setCancelable(true); mProgressDialog.show(); return mProgressDialog; default: return null; } } // Download Full Photo in Background public class DownloadFullPhotoFileAsync extends AsyncTask<String, Void, Void> { Bitmap ImageFullBitmap = null; protected void onPreExecute() { super.onPreExecute(); showDialog(DIALOG_DOWNLOAD_FULL_PHOTO_PROGRESS); } @Override protected Void doInBackground(String... params) { ImageFullBitmap = (Bitmap)loadBitmap(ImageFullPath); return null; } protected void onPostExecute(Void unused) { ShowImageFull(ImageFullBitmap); // When Finish Show Images dismissDialog(DIALOG_DOWNLOAD_FULL_PHOTO_PROGRESS); removeDialog(DIALOG_DOWNLOAD_FULL_PHOTO_PROGRESS); } } public String getHttpPost(String url,List<namevaluepair> params) { StringBuilder str = new StringBuilder(); HttpClient client = new DefaultHttpClient(); HttpPost httpPost = new HttpPost(url); try { httpPost.setEntity(new UrlEncodedFormEntity(params)); HttpResponse response = client.execute(httpPost); StatusLine statusLine = response.getStatusLine(); int statusCode = statusLine.getStatusCode(); if (statusCode == 200) { // Status OK HttpEntity entity = response.getEntity(); InputStream content = entity.getContent(); BufferedReader reader = new BufferedReader(new InputStreamReader(content)); String line; while ((line = reader.readLine()) != null) { str.append(line); } } else { Log.e("Log", "Failed to download result.."); } } catch (ClientProtocolException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } return str.toString(); } /***** Get Image Resource from URL (Start) *****/ private static final String TAG = "Image"; private static final int IO_BUFFER_SIZE = 4 * 1024; public static Bitmap loadBitmap(String url) { Bitmap bitmap = null; InputStream in = null; BufferedOutputStream out = null; try { in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE); final ByteArrayOutputStream dataStream = new ByteArrayOutputStream(); out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE); copy(in, out); out.flush(); final byte[] data = dataStream.toByteArray(); BitmapFactory.Options options = new BitmapFactory.Options(); //options.inSampleSize = 1; bitmap = BitmapFactory.decodeByteArray(data, 0, data.length,options); } catch (IOException e) { Log.e(TAG, "Could not load Bitmap from: " + url); } finally { closeStream(in); closeStream(out); } return bitmap; } private static void closeStream(Closeable stream) { if (stream != null) { try { stream.close(); } catch (IOException e) { android.util.Log.e(TAG, "Could not close stream", e); } } } private static void copy(InputStream in, OutputStream out) throws IOException { byte[] b = new byte[IO_BUFFER_SIZE]; int read; while ((read = in.read(b)) != -1) { out.write(b, 0, read); } } /***** Get Image Resource from URL (End) *****/ }

--->เพิ่ม VoteActivity ลงในไฟล์ AndroidManifest.xml  

<activity android:name=".VoteActivity" android:theme="@style/AppTheme" android:screenOrientation="portrait" android:label="@string/title_activity_main" />

Screenshot



กำลังแสดงข้อมูลจาก Web Server บน ListView



แสดงข้อมูลบน ListView หลังจากที่ได้โหลดเรียบร้อยแล้ว จะเห็นว่าตอนนี้ข้อมูลคะแนน Point ของ RatingBar จะยังเป็น 0 ให้คลิกเพื่อดูรายละเอียด



คลิกที่ RatingBar เพื่อโหวด และคลิกเลือก ที่ปุ่ม Vote เพื่อส่งคะแนนไปยัง Web Server



หลังจากที่โหวดเรียบร้อยแล้ว





เมื่อกลับมาที่หน้าจอของ ListView ก็จะเห็นว่า RatingBar ได้ขึ้น Point ตามที่ได้โหวตไว้







และเมื่อเปิดดู phpMyAdmin บนฝั่ง Web Server ก็จะเห็นว่ารายการนั้น ๆ ได้ถูก Update ตัว Rating 



Download Code ทั้งหมดได้จากส่วนท้ายของบทความ              

 

Cara custom indeterminate ProgressBar di Android atau bagaimana Merubah Warna ProgressBar

Hi,
Di sini saya ingin menunjukkan kepada Anda bagaimana membuat atau merubah sendiri tampilan ProgressBar atau bagaimana untuk mengubah warna ProgressBar.
Hal ini sangat mudah!  Sobat Juga Anda dapat men-download kode sumber dari proyek Androi di bawah.
Di bawah ini Anda dapat melihat screenshot dengan ProgressBar.

    1. Buat gambar untuk ProgressBar dalam editor grafis.
    2. Masukkan kedalam folder Drawable

<?xml version="1.0" encoding="utf-8"?> <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/image_for_rotation" android:pivotX="50%" android:pivotY="50%" />

    dimana @drawable/image_for_rotation adalah sumber image progressBar kamu.

    3. Select android:indeterminateDrawable for ProgressBar witget.

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center"> <ProgressBar android:indeterminateDrawable="@drawable/my_progress_indeterminate" android:layout_height="100dp" android:layout_width="100dp"/> </LinearLayout>
Enjoy!
Download source code. Here you can download Sample project with custom Android ProgressBar.

 

Blogspot Highligh syntac program partII

Test Drive trik  pembuatan highligh Syntac part II setelah, trik yg pertama mengalami kendala sehingga membuat pusing penulist memposting syntac-syntac pemrograman. untung nemu blogspot sebelah yang memposting bagaimana cara agar syntac pemrograman saya bisa tampil, dengan tampilan highligh, nah tidak usah kelamaan sekarang langsung cara pembuatanya:

1. harus login dong ke blogspot atau blogger kesayangan anda.
2. kemudian edit html.
3.Cari kode ]]></b:skin> dan letakkan kode di bawah ini diatas kode ]]></b:skin>.

.dp-highlighter { font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden */ } /* clear styles */ .dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span { margin: 0; padding: 0; border: none; } .dp-highlighter a, .dp-highlighter a:hover { background: none; border: none; padding: 0; margin: 0; } .dp-highlighter .bar { padding-left: 45px; } .dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar { padding-left: 0px; } .dp-highlighter ol { list-style: decimal; /* for ie */ background-color: #fff; margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */ padding: 0px; color: #5C5C5C; } .dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li { list-style: none !important; margin-left: 0px !important; } .dp-highlighter ol li, .dp-highlighter .columns div { list-style: decimal-leading-zero; /* better look for others, override cascade from OL */ list-style-position: outside !important; border-left: 3px solid #6CE26C; background-color: #F8F8F8; color: #5C5C5C; padding: 0 3px 0 10px !important; margin: 0 !important; line-height: 14px; } .dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div { border: 0; } .dp-highlighter .columns { background-color: #F8F8F8; color: gray; overflow: hidden; width: 100%; } .dp-highlighter .columns div { padding-bottom: 5px; } .dp-highlighter ol li.alt { background-color: #FFF; color: inherit; } .dp-highlighter ol li span { color: black; background-color: inherit; } /* Adjust some properties when collapsed */ .dp-highlighter.collapsed ol { margin: 0px; } .dp-highlighter.collapsed ol li { display: none; } /* Additional modifications when in print-view */ .dp-highlighter.printing { border: none; } .dp-highlighter.printing .tools { display: none !important; } .dp-highlighter.printing li { display: list-item !important; } /* Styles for the tools */ .dp-highlighter .tools { padding: 3px 8px 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C; } .dp-highlighter.nogutter .tools { border-left: 0; } .dp-highlighter.collapsed .tools { border-bottom: 0; } .dp-highlighter .tools a { font-size: 9px; color: #a0a0a0; background-color: inherit; text-decoration: none; margin-right: 10px; } .dp-highlighter .tools a:hover { color: red; background-color: inherit; text-decoration: underline; } /* About dialog styles */ .dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; } .dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; } .dp-about td { padding: 10px; vertical-align: top; } .dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; } .dp-about .title { color: red; background-color: inherit; font-weight: bold; } .dp-about .para { margin: 0 0 4px 0; } .dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; } .dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; } /* Language specific styles */ .dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; } .dp-highlighter .string { color: blue; background-color: inherit; } .dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; } .dp-highlighter .preprocessor { color: gray; background-color: inherit; }
4, Cari kode </head> dan letakkan kode di bawah ini diatas kode </head>
<script gapi_processed="true" src="https://apis.google.com/js/plusone.js" async="" type="text/javascript"></script><script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js" type="text/javascript"> </script> <script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js" type="text/javascript"> </script>

5. Cari kode </body> dan letakkan kode di bawah ini sebelum kode </body>

<script language='javascript'> dp.SyntaxHighlighter.BloggerMode(); dp.SyntaxHighlighter.HighlightAll('code'); </script>

Tambahan :
Setiap mempublikasikan post yang terdapat kode-kode di dalamnya, sobat blogger harus memasukkan kode tersebut seperti contoh d bawah ini!

<textarea name="code" class="c#" cols="60" rows="10">
KODE YANG AKAN DITAMPILKAN DILETAKKAN DISINI
</textarea>

Sobat blogger masih bingung? Ya wajarlah sobat blogger bingung. Langkahnya terlalu panjang sih... Untuk itu, ceritakan kebingungan sobat melalui kolom komentar yang ada di bawah ini, supaya kita bisa menemukan pemecahan terhadap kebingungan sobat tersebut.