(Tutorial Android) Mvp Architecture On Android


MVP merupakan kependekan dari Model-View-Presenter. MVP ialah arsitektur atau design pattern yang memisahkan antara proses bisnis dan logic di luar dari Activity dan Fragment serta membuatnya menjadi lifecycle tersendiri. Dengan memakai arsitektur MVP sanggup menciptakan pengembangan aplikasi Android yang kompleks jadi lebih gampang dan simpel, jumlah instruksi agenda menjadi lebih sedikit serta gampang di maintenance.

Berikut klarifikasi dari masing-masing layer di MVP :

View : Layer ini merupakan layer untuk menampilkan data dan interaksi ke user. View biasanya ditempatkan di Activity, Fragment atau Dialog di Android.

Model : Layer ini merupakan layer untuk mengakses data dari local maupun remote server.

Presenter : Layer ini merupakan layer yang menjembatani antara Model dan View. Presenter juga sanggup berjalan di background task.

Pada kesempatan kali ini, kita akan coba menciptakan sebuah aplikasi dengan arsitektur MVP.

Buat project gres lalu buat sistem package ibarat berikut :




Buat Layout 

Pertama kali kita menciptakan layout terlebih dahulu. Di sini kita akan menciptakan dua buah layout diantaranya :

1. activity_login.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:padding="@dimen/activity_vertical_margin">      <LinearLayout         android:orientation="vertical"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:layout_centerVertical="true"         android:layout_centerHorizontal="true"         android:padding="@dimen/activity_horizontal_margin">          <EditText             android:id="@+id/et_email"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:hint="@string/email_hint"             android:inputType="textEmailAddress" />          <EditText             android:id="@+id/et_password"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:hint="@string/password_hint"             android:inputType="textPassword" />      </LinearLayout>      <Button         android:text="@string/login"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:onClick="loginAct"         android:layout_alignParentBottom="true"         android:layout_centerHorizontal="true" />  </RelativeLayout>

2. activity_main.xml


<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:id="@+id/activity_main"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:paddingBottom="@dimen/activity_vertical_margin"     android:paddingLeft="@dimen/activity_horizontal_margin"     android:paddingRight="@dimen/activity_horizontal_margin"     android:paddingTop="@dimen/activity_vertical_margin"     tools:context="com.andronut.androidmvp.MainActivity">      <TextView         android:id="@+id/tv_welcome"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="@string/welcome"         android:textSize="24sp" />      <TextView         android:id="@+id/tv_email"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_below="@+id/tv_welcome"         android:layout_alignParentLeft="true"         android:layout_alignParentStart="true"         android:layout_marginTop="12dp" />  </RelativeLayout>
Selanjutnya kita akan menciptakan kerangka Model-View-Presenter.

Model 

Buat package dengan nama model, lalu buat kelas java dengan nama User.java 
package com.andronut.androidmvp.model;  import android.os.Parcel; import android.os.Parcelable;  /**  * Created by Wim on 12/31/16.  */  public class User implements Parcelable {      private String email;      public User(String email) {         this.email = email;     }      protected User(Parcel in) {         this.email = in.readString();     }      public static final Parcelable.Creator<User> CREATOR = new Parcelable.Creator<User>() {         @Override         public User createFromParcel(Parcel source) {             return new User(source);         }          @Override         public User[] newArray(int size) {             return new User[size];         }     };      public String getEmail() {         return email;     }      public void setEmail(String email) {         this.email = email;     }      @Override     public int describeContents() {         return 0;     }      @Override     public void writeToParcel(Parcel dest, int flags) {         dest.writeString(this.email);     }  }
View

Buat package dengan nama view, lalu buat beberapa interface view berikut :
BaseView.java 
package com.andronut.androidmvp.view;  import android.content.Context;  /**  * Created by Wim on 12/31/16.  */  public interface BaseView {      Context getContext();  }
LoginView.java 
package com.andronut.androidmvp.view;  import com.andronut.androidmvp.model.User;  /**  * Created by Wim on 1/1/17.  */  public interface LoginView extends BaseView {      void onSuccess(User user);     void onFailed(String msg);      void showProgress();     void hideProgress(); }

Presenter 

Buat package dengan nama presenter, lalu buat beberapa kelas presenter berikut :
BasePresenter.java 
package com.andronut.androidmvp.presenter;  /**  * Created by Wim on 12/31/16.  */  public interface BasePresenter<V> {      void attachView(V view);     void detachView();     boolean isViewAttached();  }
LoginPresenter.java 
package com.andronut.androidmvp.presenter;  import com.andronut.androidmvp.R; import com.andronut.androidmvp.model.User; import com.andronut.androidmvp.view.LoginView;  /**  * Created by Wim on 1/1/17.  */  public class LoginPresenter implements BasePresenter<LoginView> {      private LoginView loginView;      @Override     public void attachView(LoginView view) {         this.loginView = view;     }      @Override     public void detachView() {         this.loginView = null;     }      @Override     public boolean isViewAttached() {         return loginView != null;     }      public void doLogin(String email, String password) {         loginView.showProgress();          if(email.equals("example@mail.com") && password.equals("wim")) {             loginView.hideProgress();             loginView.onSuccess(new User(email));         }else{             loginView.hideProgress();             loginView.onFailed(loginView.getContext().getResources().getString(R.string.login_failed));         }      } }

Activity

Selanjutnya ialah menciptakan beberapa activity sebagai berikut :
LoginActivity.java 
package com.andronut.androidmvp;  import android.app.ProgressDialog; import android.content.Context; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.EditText; import android.widget.Toast;  import com.andronut.androidmvp.model.User; import com.andronut.androidmvp.presenter.LoginPresenter; import com.andronut.androidmvp.view.LoginView;  import static android.text.TextUtils.isEmpty;  /**  * Created by Wim on 1/1/17.  */  public class LoginActivity extends AppCompatActivity implements LoginView {      private EditText etEmail;     private EditText etPassword;      private LoginPresenter loginPresenter;     private ProgressDialog progressDialog;      @Override     protected void onCreate(@Nullable Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_login);          etEmail = (EditText) findViewById(R.id.et_email);         etPassword = (EditText) findViewById(R.id.et_password);          progressDialog = new ProgressDialog(this);         progressDialog.setMessage(this.getResources().getString(R.string.loading));     }      void loginAct(View view) {         loginPresenter = new LoginPresenter();         loginPresenter.attachView(this);          if(isEmpty(etEmail.getText().toString())) {             return;         }          if(isEmpty(etPassword.getText().toString())) {             return;         }          if(loginPresenter.isViewAttached()) {             loginPresenter.doLogin(etEmail.getText().toString(), etPassword.getText().toString());         }      }      @Override     public void onSuccess(User user) {         Toast.makeText(this, this.getResources().getString(R.string.login_success), Toast.LENGTH_SHORT).show();         MainActivity.start(this, user);     }      @Override     public void onFailed(String msg) {         Toast.makeText(this, msg, Toast.LENGTH_SHORT).show();     }      @Override     public void showProgress() {         progressDialog.show();     }      @Override     public void hideProgress() {         progressDialog.dismiss();     }      @Override     public Context getContext() {         return this;     }      @Override     protected void onDestroy() {         super.onDestroy();         loginPresenter.detachView();     } }
MainActivity.java 
package com.andronut.androidmvp;  import android.content.Context; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.TextView;  import com.andronut.androidmvp.model.User;  public class MainActivity extends AppCompatActivity {      private TextView tvEmail;      public static void start(Context context, User user) {         Intent intent = new Intent(context, MainActivity.class);         intent.putExtra(MainActivity.class.getSimpleName(), user);         context.startActivity(intent);     }      @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);          tvEmail = (TextView) findViewById(R.id.tv_email);          User user = getIntent().getParcelableExtra(MainActivity.class.getSimpleName());         tvEmail.setText(user.getEmail());     }      @Override     protected void onDestroy() {         super.onDestroy();     } }
Terakhir beberapa embel-embel resource string di strings.xml 
<resources>     <string name="app_name">Android-MVP-Pattern</string>      <string name="email_hint">Email</string>     <string name="password_hint">Password</string>     <string name="login">Login</string>     <string name="welcome">Welcome</string>     <string name="login_success">Login Success!</string>     <string name="login_failed">Incorrect username or password!</string>     <string name="loading">Loading...</string>  </resources>
Build dan running maka kesannya ibarat berikut :




Source code lengkap sanggup di download di https://github.com/andronut/Android-MVP-Pattern

Sekian tutorial kali ini.
Semoga bermanfaat :)

Comments

Post a Comment

Popular posts from this blog

Pewarnaan Objek Geometri Di Java 2D

Image
Pewarnaan (filling) sanggup diterapkan ke dalam pembuatan objek geometri. Objek geometri sanggup digambar dengan method fill atau draw . Untuk menambahkan warna pada objek geometri, kita sanggup menambahkan method dari kelas Graphics. void setColor(Color c)  Objek Color didefinisikan sebagai sebuah warna. Kelas Color secara default memakai rentan warna RGB. Berikut ini yaitu pola penggunaan Color di Java 2D. /** * * @author Wim Sonevel */ import java.awt.*; import java.awt.geom.*; import javax.swing.*; public class SegiPanjangWarna extends JApplet { public static void main(String[] args) { JFrame frame = new JFrame(); frame.setTitle("Persegi Panjang Warna"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); JApplet applet = new SegiPanjangWarna(); applet.init(); frame.getContentPane().add(applet); frame.pack(); frame.setVisible(true); } @Override public void init() { JPan...
Read more

Tugas Komplemen Terakhir

(Ainun Najib) 1. Buat sebuah aplikasi berbasis GUI untuk registrasi siswa gres : - hitung nilai tes untuk mata pelajaran tertentu dan jikalau rata-rata <  70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Moh. Fachrudin) 2. Buat sebuah aplikasi berbasis GUI untuk registrasi musyrif gres : - hitung nilai tes b.arab, b.ing, Afkar, dan Al-Quran dan jikalau rata - rata < 70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Aulia) 3. Buat sebuah aplikasi berbasis GUI untuk menghitung nilai selesai suatu matakuliah dan berikan nilai huruf.    - Rumus nilai selesai = kiprah 20% + uts 30% + uas 50 %    - Berikan nilai karakter :       46-55 Nilai C         56-65 Nilai C+  ...
Read more

Konsep Oop Encapsulation

Image
Encapsulation biasa disebut dengan Information Hidding. Encapsulation merupakan kombinasi dari data dan method pada paket suatu kelas dan menyembunyikan implementasi detail dari user terhadap object. Hak jalan masuk diatur dalam sebuah access modifier yang diantaranya yakni : - private : hanya sanggup diakses oleh kelas itu sendiri - protected : hanya sanggup diakses dalam package dan kelas turunannya - public : sanggup diakses dimanapun - default : hanya sanggup diakses dalam package saja Manfaat dari encapsulation : - Modularitas : Source code dari sebuah class sanggup dikelola secara independen dari source code class yang lain. Perubahan internal pada sebuah class tidak akan besar lengan berkuasa bagi class yang menggunakannya. - Information Hiding : Penyembunyian gosip yang tidak perlu diketahui objek lain. Untuk mengakses gosip sanggup memakai mediator method yang dikenal dengan setter dan getter. Sebagai contoh, buatlah 3 kelas masing-masing di package yang berbed...
Read more