Program Grafik IP mahasiswa PTIIK

Program Grafik IP mahasiswa PTIIK

    kasus/soal:

Membuat aplikasi Graphics and animation

    cara membuat dan source code :

buat project Android seperti biasa. Kemudian kita letakkan file library AChartEngine, misal yang penulis gunakan adalah achartengine-1.0.0.jar, dicopy dari Explorer, buka Eclipse, buka folder libs di project yang sedang dibuat kemudian Paste.

   Setelah itu tuliskan kode program di MainActivity.java sebagai berikut :

package com.example.androidchart;

import java.util.Random;

import org.achartengine.ChartFactory;

import org.achartengine.GraphicalView;

import org.achartengine.chart.BarChart.Type;

import org.achartengine.chart.PointStyle;

import org.achartengine.model.XYMultipleSeriesDataset;

import org.achartengine.model.XYSeries;

import org.achartengine.renderer.XYMultipleSeriesRenderer;

import org.achartengine.renderer.XYSeriesRenderer;

import android.app.Activity;

//import android.database.Cursor;

//import android.database.sqlite.SQLiteDatabase;

import android.graphics.Color;

import android.os.AsyncTask;

import android.os.Bundle;

import android.view.Menu;

import android.widget.LinearLayout;

public class MainActivity extends Activity {

//    protected Cursor cursor;

//    SQLHelper dbHelper;

       

        private GraphicalView mChart;

       

        private XYSeries visitsSeries ;

        private XYMultipleSeriesDataset dataset;

       

        private XYSeriesRenderer visitsRenderer;

        private XYMultipleSeriesRenderer multiRenderer;

       

        public double[] arrnilai = {31,35,29,26,30,24,20,35};

        public String[] arrurutan = {"1", "2", "3", "4", "5", "6", "7", "8"}; //"14/4", "18/4", "24/4", "30/4", "7/5"};

        public String[] arrlabel = {"1", "2", "3", "4", "5", "6", "7", "8"};

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

       

/*        dbHelper = new SQLHelper(this);

       

        SQLiteDatabase db = dbHelper.getReadableDatabase();

                       cursor = db.rawQuery("SELECT * FROM histori WHERE id_member = '" + MainActivity.idlogin + "' ORDER BY id_histori ASC",null);

                       arrlemak = new double[cursor.getCount()];

                       arrurutan = new String[cursor.getCount()];

                       arrtgl = new String[cursor.getCount()];

                       cursor.moveToFirst();

                       for (int cc=0; cc < cursor.getCount(); cc++)

                       {

                                      cursor.moveToPosition(cc);

                                      arrlemak[cc] = Double.parseDouble(cursor.getString(2).toString());

                                      arrurutan[cc] = String.valueOf(cc+1);

                                      arrtgl[cc] = cursor.getString(4).toString();

                       }

*/       

        // Setting up chart

        setupChart();

     

        // Start plotting chart

        new ChartTask().execute();     

    }

    private void setupChart(){

       

        // Creating an  XYSeries for Visits

        visitsSeries = new XYSeries("- IP mahasiswa PTIIK tiap Semester -");

       

       

        // Creating a dataset to hold each series

        dataset = new XYMultipleSeriesDataset();

        // Adding Visits Series to the dataset

        dataset.addSeries(visitsSeries);     

       

       

        // Creating XYSeriesRenderer to customize visitsSeries

        visitsRenderer = new XYSeriesRenderer();

        visitsRenderer.setColor(Color.rgb(0, 150, 255));

        visitsRenderer.setPointStyle(PointStyle.CIRCLE);

        visitsRenderer.setFillPoints(true);

        visitsRenderer.setLineWidth(2);

        visitsRenderer.setDisplayChartValues(true);

       

       

        // Creating a XYMultipleSeriesRenderer to customize the whole chart

        multiRenderer = new XYMultipleSeriesRenderer();

       

        multiRenderer.setChartTitle("*-persentase IP mahasiswa PTIIK-*");

        multiRenderer.setXTitle("Semester");

        multiRenderer.setYTitle("persentase IP");

        multiRenderer.setZoomButtonsVisible(true);

        multiRenderer.setXLabels(0);

       

        multiRenderer.setXAxisMin(0);

        multiRenderer.setXAxisMax(5);

       

        multiRenderer.setYAxisMin(0);

        multiRenderer.setYAxisMax(40);

       

        multiRenderer.setBarSpacing(2);

       

        // Adding visitsRenderer to multipleRenderer

        // Note: The order of adding dataseries to dataset and renderers to multipleRenderer

        // should be same

        multiRenderer.addSeriesRenderer(visitsRenderer);

       

        // Getting a reference to LinearLayout of the MainActivity Layout

        LinearLayout chartContainer = (LinearLayout) findViewById(R.id.chart_container);

       

                      

        mChart = (GraphicalView) ChartFactory.getBarChartView(getBaseContext(), dataset, multiRenderer, Type.DEFAULT);

       

       

                       // Adding the Line Chart to the LinearLayout

        chartContainer.addView(mChart);

       

    }

   

   

    private class ChartTask extends AsyncTask<Void, String, Void>{

        // Generates dummy data in a non-ui thread

                       @Override

                       protected Void doInBackground(Void... params) {

                                      int i = 0;

                                      try{

                                                     do{

                                                                    String [] values = new String[3];

                                                                    Random r = new Random();

                                                                    int visits = r.nextInt(10);

                                                                   

                                                                    values[0] = arrurutan[i]; // Integer.toString(i);

                                                                    values[1] = String.valueOf(arrnilai[i]); //Integer.toString(visits);

                                                                    values[2] = arrlabel[i];

                                                                                                 

                                                                    publishProgress(values);                                                              

                                                                    Thread.sleep(750);

                                                                    i++;

                                                     }while(i<=4);

                                      }catch(Exception e){ }

                                      return null;

                       }

                      

                       // Plotting generated data in the graph

                       @Override

                       protected void onProgressUpdate(String... values) {

                                      visitsSeries.add(Double.parseDouble(values[0]), Double.parseDouble(values[1]));

                                      multiRenderer.addXTextLabel(Double.parseDouble(values[0]), arrlabel[Integer.parseInt(values[0])-1]);

                                      mChart.repaint();

                       }

       

    }   

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.activity_main, menu);

        return true;

    }

}

-  Buat layout tampilan di activity_main.xml 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" >
    
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="Android Chart" />
    
    <LinearLayout 
        android:id="@+id/chart_container"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title" >
        
    </LinearLayout>

</RelativeLayout>


- Untuk AndroidManifest.xml tidak perlu dirubah atau ditambah :


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidchart"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="16" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.androidchart.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>

</manifest>

·       screenshoot:

Posted in: programmer,Software