•  MELo  
    splashAplikasi Mobile berbasis lokasi(Location Based System) dalam projek ini yang kami gunakan adalah untuk mencari lokasi jasa ekspedisi di kota Malang. Sehingga mempermudah pengguna, user atau customer mendapatkan informasi dari lokasi pemberi jasa ekspedisi yang letaknya terdekat. Jasa ekspedisi disini maksudnya adalah pemberian jasa untuk mengirimkan sesuatu baik itu berupa barang, berupa surat, barang pecah belah hingga berupa sebuah barang berbobot atau memiliki berat beban yang tinggi seperti lemari, sepeda motor dan lain-lain. Memberikan layanan kepada pengguna atau customer saat kesulitan untuk mengirim atau mengambil paket dan barang yang dikirim. Selain untuk pengguna adalah seseorang yang akan melakukan atau menggunakan jasa ekspedisi ini aplikasi ini juga dapat membantu para pemilik bisnis dalam mensosialisasikan bisnisnya atau lebih tepatnya posisi dimana mereka melakukan bisnis jasa ekspedisi sehingga customer yang akan menggunakan jasa mereka tidak kebingungan untuk melakukan pengiriman barang menggunakan jasanya karena tidak mengetahui secara tepat dimana lokasi perusahaan mereka.
    Pada aplikasi ini telah mendukung beberapa jasa ekspedisi yaitu: TIKI, JNE, RPX Holding/Fedex, Pos Indonesia, Pandu Logistic dan Rosalia Express. Aplikasi dapat menunjukkan arah navigasi kepada user dimana letak atau posisi dari tempat penyedia jasa pengiriman barang. Dapat dikatakan fitur ini dapat mengarahkan user atau pengguna dari letak atau posisi user menuju posisi dari kantor jasa pengiriman barang. Fitur berikutnya adalah aplikasi dapat menampilkan Lokasi Jasa Pengiriman yang terdekat. Jadi fitur ini dapat menampilkan lokasi kantor penyedia jasa yang terdekat dari lokasi user atau pengguna. Dengan fitur tersebut user atau setiap orang  tidak perlu mencari dengan berkeliling malang untuk mencari letak kantor dari jasa pengiriman barang hanya dengan membuka aplikasi dan semua kantor jasa pengiriman yang berada dimalang langsung ditampilkan di aplikasi ini. Kemudian fitur selanjutnya adalah aplikasi dapat membedakan Lokasi Jasa berdasarkan Kategori, maksudnya adalah aplikasi ini dapat menampilkan letak atau posisi dari jasa berdasarkan katagori yang telah dibuat sebelumnya. Katagori yang di klasifikasikan adalah berdasarkan perusahaan yang kami ambil sebagai data yang kami gunakan. Pada posisi adminnya sendiri, admin pada aplikasi ini dapat menambahkan lokasi dari jasa ini bertujuan untuk apabila sewaktu-waktu terdapat kantor baru dari penyedia jasa sehingga cukup dengan memasukan data lokasi tersebut untuk menambahkannya. Fitur selanjutnya adalah admin dapat mengupdate data lokasi yang sudah ada pada database.
    Aplikasi ini merupakan bagian tugas akhir dari mata kuliah Pengembangan Aplikasi Perangkat Bergerak (PAPB) dimana kami diperintahkan untuk membuat sebuah aplikasi berbasis mobile yang memiliki fungsi untuk menunjukan atau menampilkan dimana letak atau posisi dari kantor jasa penyediaan pengiriman barang yang berada dimalang. Dalam pengerjaan tugas ini kami mengerjakan secara tim atau kelompok yang dimana jumlah anggota terdiri dari 4 orang. Setiap anggota kelompok dari kami memiliki tugas masing-masing yang telah disepakati untuk menyelesaikan tugas pembuatan aplikasi ini. Pembagian tugas tersebut antara lain pada tahap perancangan dan desain aplikasi yang bertugas membuat rancangan fitur dan desain aplikasi berupa diagram use case, ERD, diagram database adalah Alfian Mukmin Ali dan Rahmawati Purwantiningsih. Sebelum melakukan desain dan perancangan, kami telah melakukan survey lokasi dimana kami mencari letak kantor penyedia jasa tersebut dan kemudian mencatat alamat tersebut serta kordinat dari kantor, pada tahapan ini yang bertugas adalah semua anggota kelompok dikarenakan jumlah data yang kami gunakan berupa posisi dari kantor penyedia layanan cukuplah banyak untuk wilayah sekitar malang. Tahapan berikutnya adalah prototyping yang dikerjakan oleh Rizki Ristandi dan Eugenius Tito Valaddo, tahapan ini berupa membuat tampilan awal  dari aplikasi yang dibuat nantinya. Tahap berikutnya adalah tahapan implementasi akhir dari aplikasi ini, tahapan ini dikerjakan oleh Rizki Ristandi dan Eugenius Tito Valaddo.
    logo-pos
    logo-tiki
    logo-rosalia
    logo-pandu
    logo-jne
    logo-fedex

  • Rizki Ristandi‘s profile was updated 2 years, 8 months ago

  • Pada kesempatan kali ini, kita akan mencoba untuk membuat form Login dan Register menggunakan Eclipse Juno. Membuat tampilan yang menarik agar pengguna tidak merasa bosan saat masuk ke panel login atau registrasi. Beriku adalah tutorial singkat untuk membuat dasar dari tampilan login dan registrasi

    • Pertama buat proyek baru, File -> New Android Application. Isikan sesuai keinginan untuk MainActivity ganti dengan LoginActivity.
    • Kemudian membuat RegisterActivity.java. Dalam proses ini klik kanan pada src/package -> New -> Class. Beri nama “RegisterActivity”.1

     

    • Gambaran untuk layout dari tampilan login atau utama yang akan dibuat nanti.

    2

    • Buat Layout untuk halaman login, res/layout -> Android XML file. Beri nama login.xml
    • Dengan cara yang sama membuat layout register, res/layout -> Android XML file -> register.xml
    • Buat juga layout dengan nama, header_gradient.xml dan footer_repeat.xml
    • Kemudian membuat perancangan untuk tampilan form login.xml, yang berisi 2 textfield dan 1 tombol. Buka login.xml ketikan koding dibawah ini :

     

    login.xml<?xml version=“1.0” encoding=“utf-8”?><ScrollViewxmlns:android=“http://schemas.android.com/apk/res/android”android:layout_width=“fill_parent”android:layout_height=“fill_parent”android:fillViewport=“true”><RelativeLayout

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content” android:background=“#ffffff”>

     

    <!–  Header  Starts–>

    <LinearLayout android:id=“@+id/header”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:background=“@layout/header_gradient”

    android:paddingTop=“5dip”

    android:paddingBottom=“5dip”>

    <!– Logo Start–>

     

    <ImageView

    android:layout_width=“wrap_content”

    android:layout_height=“wrap_content”

    android:layout_marginLeft=“10dip”

    android:src=“@drawable/logo” />

     

    <!– Logo Ends –>

     

    </LinearLayout>

    <!–  Header Ends –>

    <!– Footer Start –>

    <LinearLayout android:id=“@+id/footer”

    android:layout_width=“fill_parent”

    android:layout_height=“90dip”

    android:background=“@layout/footer_repeat”

    android:layout_alignParentBottom=“true”>

    </LinearLayout>

    <!– Footer Ends –>

     

    <!– Login Form –>

    <LinearLayout

    xmlns:android=“http://schemas.android.com/apk/res/android”

    android:orientation=“vertical”

    android:layout_width=“match_parent”

    android:layout_height=“wrap_content”

    android:padding=“10dip”

    android:layout_below=“@id/header”>

    <!–  Email Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Email”/>

    <EditText android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:layout_marginBottom=“20dip”

    android:singleLine=“true”/>

    <!–  Password Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Password”/>

    <EditText android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:singleLine=“true”

    android:password=“true”/>

    <!– Login button –>

    <Button android:id=“@+id/btnLogin”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“10dip”

    android:text=“Login”/>

    <!– Link to Registration Screen –>

     

    <TextView

    android:id=“@+id/link_to_register”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginBottom=“40dip”

    android:layout_marginTop=“40dip”

    android:gravity=“center”

    android:text=“Register, for new user !”

    android:textColor=“#0b84aa”

    android:textSize=“20dip” />

     

    </LinearLayout>

    <!– Login Form Ends –>

    </RelativeLayout>

    </ScrollView>

     

    • Ketikan koding dibawah ini dalam register.xml :

    <?xml version=“1.0” encoding=“utf-8”?><ScrollViewxmlns:android=“http://schemas.android.com/apk/res/android”android:layout_width=“fill_parent”android:layout_height=“fill_parent”android:fillViewport=“true”><RelativeLayoutandroid:layout_width=“fill_parent”android:layout_height=“wrap_content” android:background=“#fff”>

     

    <!–  Header  Starts–>

    <LinearLayout android:id=“@+id/header”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:background=“@layout/header_gradient”

    android:paddingTop=“5dip”

    android:paddingBottom=“5dip”>

    <!– Logo Start–>

    <ImageView android:src=“@drawable/logo”

    android:layout_width=“wrap_content”

    android:layout_height=“wrap_content”

    android:layout_marginLeft=“10dip”/>

    <!– Logo Ends –>

    </LinearLayout>

    <!–  Header Ends –>

    <!– Footer Start –>

    <LinearLayout android:id=“@+id/footer”

    android:layout_width=“fill_parent”

    android:layout_height=“90dip”

    android:background=“@layout/footer_repeat”

    android:layout_alignParentBottom=“true”>

    </LinearLayout>

    <!– Footer Ends –>

     

    <!– Registration Form –>

    <LinearLayout

    xmlns:android=“http://schemas.android.com/apk/res/android”

    android:orientation=“vertical”

    android:layout_width=“match_parent”

    android:layout_height=“wrap_content”

    android:padding=“10dip”

    android:layout_below=“@id/header”>

    <!– Full Name Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Full Name”/>

    <EditText android:id=“@+id/reg_fullname”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!–  Email Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Email”/>

    <EditText android:id=“@+id/reg_email”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!– Password Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Password”/>

    <EditText android:id=“@+id/reg_password”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:password=“true”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!– Repeat Password Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Repeat Password”/>

    <EditText android:id=“@+id/reg_password”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:password=“true”

    android:singleLine=“true”

    android:layout_marginTop=“5dip”/>

    <!– Register Button –>

     

    <Button

    android:id=“@+id/btnRegister”

    android:layout_width=“225dp”

    android:layout_height=“wrap_content”

    android:layout_gravity=“center_horizontal”

    android:layout_marginTop=“10dip”

    android:text=“Sign Up” />

     

    <!– Link to Login Screen –>

     

    <TextView

    android:id=“@+id/link_to_login”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginBottom=“40dip”

    android:layout_marginTop=“40dip”

    android:gravity=“center”

    android:text=“Login Here !”

    android:textColor=“#025f7c”

    android:textSize=“20dip” />

     

    </LinearLayout>

    <!– Registration Form Ends –>

    </RelativeLayout>

    </ScrollView>

     

    • Untuk desain header, menggunakan kombinasi dari gradien dan logo. Siapkan dahulu logo yang dibutuhkan.

    Contoh :

    • Buka header_gradient.xml ketikan koding berikut :

    <?xml version=“1.0” encoding=“utf-8”?><shape xmlns:android=“http://schemas.android.com/apk/res/android”><gradientandroid:startColor=“#FFFFFF”android:centerColor=“#FFFFFF”android:endColor=“#3B5998”android:angle=“270”/><corners android:radius=“5dp” /></shape>

     

    • Untuk footer_repeat.xml ketikkan kode berikut :

    <?xml version=“1.0” encoding=“utf-8”?><bitmap xmlns:android=“http://schemas.android.com/apk/res/android”android:src=“@drawable/repeat_bg”android:tileMode=“repeat” />

     

    • Dalam proses berikutnya untuk merancang form register.xml, yang berisi nama lengkap, email, password, konfirmasimasi password. Ditempatkan pada res/layout -> register.xml.

    Berikut listing kode buntu register.xml :

    <?xml version=“1.0” encoding=“utf-8”?><ScrollViewxmlns:android=“http://schemas.android.com/apk/res/android”android:layout_width=“fill_parent”android:layout_height=“fill_parent”android:fillViewport=“true”><RelativeLayoutandroid:layout_width=“fill_parent”android:layout_height=“wrap_content” android:background=“#fff”>

     

    <!–  Header  Starts–>

    <LinearLayout android:id=“@+id/header”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:background=“@layout/header_gradient”

    android:paddingTop=“5dip”

    android:paddingBottom=“5dip”>

    <!– Logo Start–>

    <ImageView android:src=“@drawable/logo”

    android:layout_width=“wrap_content”

    android:layout_height=“wrap_content”

    android:layout_marginLeft=“10dip”/>

    <!– Logo Ends –>

    </LinearLayout>

    <!–  Header Ends –>

    <!– Footer Start –>

    <LinearLayout android:id=“@+id/footer”

    android:layout_width=“fill_parent”

    android:layout_height=“90dip”

    android:background=“@layout/footer_repeat”

    android:layout_alignParentBottom=“true”>

    </LinearLayout>

    <!– Footer Ends –>

     

    <!– Registration Form –>

    <LinearLayout

    xmlns:android=“http://schemas.android.com/apk/res/android”

    android:orientation=“vertical”

    android:layout_width=“match_parent”

    android:layout_height=“wrap_content”

    android:padding=“10dip”

    android:layout_below=“@id/header”>

    <!– Full Name Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Full Name”/>

    <EditText android:id=“@+id/reg_fullname”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!–  Email Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Email”/>

    <EditText android:id=“@+id/reg_email”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginTop=“5dip”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!– Password Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Password”/>

    <EditText android:id=“@+id/reg_password”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:password=“true”

    android:singleLine=“true”

    android:layout_marginBottom=“20dip”/>

    <!– Repeat Password Label –>

    <TextView android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:textColor=“#372c24”

    android:text=“Repeat Password”/>

    <EditText android:id=“@+id/reg_password”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:password=“true”

    android:singleLine=“true”

    android:layout_marginTop=“5dip”/>

    <!– Register Button –>

     

    <Button

    android:id=“@+id/btnRegister”

    android:layout_width=“225dp”

    android:layout_height=“wrap_content”

    android:layout_gravity=“center_horizontal”

    android:layout_marginTop=“10dip”

    android:text=“Sign Up” />

     

    <!– Link to Login Screen –>

     

    <TextView

    android:id=“@+id/link_to_login”

    android:layout_width=“fill_parent”

    android:layout_height=“wrap_content”

    android:layout_marginBottom=“40dip”

    android:layout_marginTop=“40dip”

    android:gravity=“center”

    android:text=“Login Here !”

    android:textColor=“#025f7c”

    android:textSize=“20dip” />

     

    </LinearLayout>

    <!– Registration Form Ends –>

    </RelativeLayout>

    </ScrollView>

     

    • Kemudian membuat perpindahan antara layar pendaftaran dan sebaliknya. Pertama melakukan keriting pada LoginActivity.java yang terkoneksi dengan login.xml. Masukkan koding berikut :

    package com.example.loginregister;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.TextView;public class LoginActivity extends Activity {@Override

    public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    // setting default screen to login.xml

    setContentView(R.layout.login);

     

    TextView registerScreen = (TextView) findViewById(R.id.link_to_register);

     

    // Listening to register new account link

    registerScreen.setOnClickListener(new View.OnClickListener() {

     

    public void onClick(View v) {

    // Switching to Register screen

    Intent i = new Intent(getApplicationContext(), RegisterActivity.class);

    startActivity(i);

    }

    });

    }

    }

    • Lakukan juga konfigurasi pada RegisterActivity.java dengan koding berikut :

    package com.example.loginregister;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.TextView;public class RegisterActivity extends Activity {@Override

    public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    // Set View to register.xml

    setContentView(R.layout.register);

     

    TextView loginScreen = (TextView) findViewById(R.id.link_to_login);

     

    // Listening to Login Screen link

    loginScreen.setOnClickListener(new View.OnClickListener() {

     

    public void onClick(View arg0) {

    // Closing registration screen

    // Switching to Login Screen/closing register screen

    finish();

    }

    });

    }

    }

     

    • Setelah semua langkah – langkah yang dijalankan selesai. Jangan lupa untuk menambahkan entri RegisterActivity.claa pada AndroidManifest.xml.

    package com.example.loginregister;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.TextView; 

    public class RegisterActivity extends Activity {

    @Override

    public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    // Set View to register.xml

    setContentView(R.layout.register);

     

    TextView loginScreen = (TextView) findViewById(R.id.link_to_login);

     

    // Listening to Login Screen link

    loginScreen.setOnClickListener(new View.OnClickListener() {

     

    public void onClick(View arg0) {

    // Closing registration screen

    // Switching to Login Screen/closing register screen

    finish();

    }

    });

    }

    }

     

    • Jalankan program android yang telah dibuat, klik kanan nama project -> Run as -> 1.Android Application atau Run -> Run as -> 1.Android Application
    • Jika ingin menginstal di Smartphone Android tinggal, export paket kedalam .apk dak copy kan ke HH tersebut.

     

    5          4

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    Referensi : http://www.androidhive.info/2011/10/android-login-and-registration-screen-design/

     

  • Rizki Ristandi‘s profile was updated 2 years, 9 months ago

  • Rizki Ristandi changed their profile picture 2 years, 9 months ago