Sunday, March 10, 2013

Laporan Minggu ke-14




Nama    : Ersus Saeful Hidayat
NIM      : 49012050
Jurusan  : TKJMD - STEI - ITB

Laporan Minggu ke-14
Mulai Tanggal 4 - 8 Maret 2013, Kegiatan minggu ke-14 :

No.
Hari, Tanggal
Kegiatan
1.
Senin, 4 Mar 2013
s.d
Jum’at, 8 Mar 2013
Melaksanakan Magang mengupdate data dan mengajarkan bagaimana cara mengupdate website sekolah kepada admin yang di tunjuk oleh Kepala Sekolah di sela-sela waktu istirahat karena sudah mulai ujian sekolah untuk mengupdate data website sekolah www.smpvijayakusumabandung.sch.id selanjutnya.

Melaksanakan Perkuliah Jarak Jauh, dari website http://course.lskk.ee.itb.ac.id TMD12 Pemrograman Aplikasi Perangkat Bergerak.
A. Mengerjakan Tugas Java Android 2 Batch 6 – Tugas 5 Membuat Akses Kalender.
 


1.      Setelah pembuatan project android menggunakan eclipse, buka dan edit file layout main.xml di folder res/layout. Pemasangan form widget tinggal mendrag panel yang ada di sebelah kiri Graphical Layout. Untuk design-nya Tambahkan label, button dan date picker.

File main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/labelDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="10pt"
        android:text="Current Date (M-D-YYYY)" />
   
    <TextView
        android:id="@+id/textViewDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12pt"
        android:text="xxxx" />
   
    <Button
        android:id="@+id/buttonChangeDate"
        android:layout_width="136dp"
        android:layout_height="wrap_content"
        android:text="Change The Date" />
   
    <DatePicker
        android:id="@+id/datePickerResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
   
</LinearLayout>

2.      Selanjutnya Pembuatan Activity di folder src/package com.saeful.akseskalender, sudah terdapat file Activity yaitu KalenderActivity.java, lakukan buka dan edit.

File KalenderActivity.java

/**======================================================= * TMD12 Pemrograman Aplikasi Perangkat Bergerak
 * ======================================================= * Tugas 5 Akses Kalender
 * Nama                        : Ersus Saeful Hidayat
 * NIM                           : 49012050
 * Jurusan    : TKJMD (Teknik Komputer Jaringan Media Digital) - STEI - ITB
 * ======================================================= */

package com.saeful.akseskalender;

import java.util.Calendar;

import android.os.Bundle;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;

public class KalenderActivity extends Activity {
       
        private TextView textViewDisplayDate;
        private DatePicker datePickerResult;
        private Button buttonChangeDate;
       
        private int tahun;
        private int bulan;
        private int hari;
        static final int DATE_DIALOG_ID = 999;
       
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        setCurrentDateOnView();
        addListenerOnButton();
    }

    //Tampilan CurrentDate
    private void setCurrentDateOnView(){
                        // TODO Auto-generated method stub
        textViewDisplayDate = (TextView) findViewById(R.id.textViewDate);
        datePickerResult = (DatePicker) findViewById(R.id.datePickerResult);
       
        final Calendar calendar = Calendar.getInstance();
        tahun = calendar.get(Calendar.YEAR);
        bulan = calendar.get(Calendar.MONTH);
        hari = calendar.get(Calendar.DAY_OF_MONTH);
       
        // Set CurrentDate into textview
        textViewDisplayDate.setText(new StringBuilder()
       
        // Bulan is 0 based, just add 1
        .append(bulan + 1) .append("-")
        .append(hari).append("-")
        .append(tahun).append(" "));
       
        // Set CurrentDate into DatePicker
        datePickerResult.init(tahun, bulan, hari, null);
    }
   
    private void addListenerOnButton(){
                        // TODO Auto-generated method stub
        buttonChangeDate = (Button) findViewById(R.id.buttonChangeDate);
        buttonChangeDate.setOnClickListener(new View.OnClickListener() {
                                       
                                        @Override
                                        public void onClick(View v) {
                                                        // TODO Auto-generated method stub
                                                        showDialog(DATE_DIALOG_ID);
                                        }
                        });
    }
   
    protected Dialog onCreateDialog (int id){
        switch (id) {
                        case DATE_DIALOG_ID:
                                       
                                        // Set DatePicker as CurrentDate
                                        return new DatePickerDialog(this, datePickerListener, tahun, bulan, hari);
                        }
        return null;
    }
   
    private DatePickerDialog.OnDateSetListener datePickerListener = new DatePickerDialog.OnDateSetListener() {

        @Override
                        public void onDateSet(DatePicker view, int selectedTahun, int selectedBulan, int selectedHari) {
                                        // TODO Auto-generated method stub
                        tahun = selectedTahun;
                        bulan = selectedBulan;
                        hari = selectedHari;
                       
                        // Set Selected date into textview
                        textViewDisplayDate.setText(new StringBuilder()
                        .append(bulan + 1).append("-")
                        .append(hari).append("-")
                        .append(tahun).append(" "));
                       
                        // Set selected date into datepicker
                        datePickerResult.init(tahun, bulan, hari, null);
                       
                        }
        };
   
    @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;
    }
   
}

3.      Sekarang jalankan via emulator, hasilnya seperti gambar di atas. Hasil date picker dan textview akan menampilkan date yang sesuai. Klik button “Change The Date” akan muncul dialog box untuk mengatur date, lalu klik button “Set” otomatis date berubah.



B. Mengerjakan Tugas Java Android 2 Batch 6 – Tugas 6 Membuat Akses Kalender.

1.      Setelah pembuatan project android menggunakan eclipse, buka dan edit file layout main.xml di folder res/layout. Textview akan menampilkan settingan waktu sekarang yang sesuai dengan waktu PC/Laptop. Sedangkan button akan menampilkan dialog time picker.

File main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".JamActivity"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/displayJam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:textSize="10pt"
        android:layout_gravity="center_horizontal"
        android:text="Time will appear here after being selected" />

    <Button
          android:id="@+id/buttonJam"
          android:layout_width="120dp"
          android:layout_height="wrap_content"
          android:text="Change Set Time"
        android:layout_gravity="center_horizontal" />
   
</LinearLayout>

2.      Selanjutnya Pembuatan Activity di folder src/package com.saeful.aksesjam, sudah terdapat file Activity yaitu JamActivity.java, lakukan buka dan edit sourcecodenya.

File JamActivity.java

/**=======================================================
 * TMD12 Pemrograman Aplikasi Perangkat Bergerak
 * =======================================================
 * Tugas 6 Akses Jam
 * Nama                        : Ersus Saeful Hidayat
 * NIM                           : 49012050
 * Jurusan    : TKJMD (Teknik Komputer Jaringan Media Digital) - STEI - ITB
 * ======================================================= */

package com.saeful.aksesjam;

import java.util.Calendar;

import android.os.Bundle;
import android.app.Activity;
import android.app.Dialog;
import android.app.TimePickerDialog;
import android.text.format.Time;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;

public class JamActivity extends Activity {

        private TextView displayJam;
        private Button buttonJam;
       
        private int Jam;
        private int Menit;
       
        static final int TIME_DIALOG_ID = 0;
       
        private TimePickerDialog.OnTimeSetListener mTimeSetListener = new TimePickerDialog.OnTimeSetListener() {
                       
                        @Override
                        public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                                        // TODO Auto-generated method stub
                                        Jam = hourOfDay;
                                        Menit = minute;
                                       
                                        updateDisplay();
                                        displayToast();
                        }
        };
       
        // UpdateDisplay in the TextView
        private void updateDisplay(){
                        displayJam.setText(new StringBuilder()
                        .append(padding(Jam)).append(":").append(padding(Menit)));
        }
       
        // DisplayToast
        private void displayToast(){
                        Toast.makeText(this, new StringBuilder().append("Time choosen is").append(displayJam.getText()), Toast.LENGTH_SHORT).show();
        }

        // Add padding to number
    private static String padding(int c){
        if (c >= 10) return String.valueOf(c);
        else
                        return"0" + String.valueOf(c);
    }
       
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        displayJam =(TextView) findViewById(R.id.displayJam);
        buttonJam = (Button) findViewById(R.id.buttonJam);
       
        buttonJam.setOnClickListener(new View.OnClickListener() {
                                       
                                        @Override
                                        public void onClick(View v) {
                                                        // TODO Auto-generated method stub
                                                        showDialog(TIME_DIALOG_ID);
                                        }
                        });
       
        // Get the CurrentTime
        final Calendar calendar = Calendar.getInstance();
        Jam = calendar.get(Calendar.HOUR_OF_DAY);
        Menit = calendar.get(Calendar.MINUTE);
       
        // Display CurrentTime in the TextView
        updateDisplay();
    }
       
    protected Dialog onCreateDialog (int id){
        switch (id) {
                        case TIME_DIALOG_ID:
                                                       
                                        return new TimePickerDialog(this, mTimeSetListener, Jam, Menit, false);
                        }
        return null;
    }

    @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;
    }
   
}

3.      Sekarang jalankan via emulator, hasilnya seperti gambar di atas.

 

Demikian kegiatan pada minggu ke-14.





No comments:

Post a Comment