Dokumen tersebut membahas tentang pola desain MVP (Model View Presenter) untuk aplikasi Android. Terdapat penjelasan mengenai alur kerja MVP, definisi tiga komponen utama MVP yaitu View, Presenter, dan Model, serta contoh kode implementasi MVP pada aplikasi perhitungan luas segitiga sederhana.

1. MVPDesign Pattern
Workshop IMAStudio

2. 2
Ahmad Arif Faizin
Android Developer & Trainer at IMA Studio
Android Certified Application Developer v7 by ATC
https://www.linkedin.com/in/ahmad-arif-faizin/
https://medium.com/@ahmadariffaizin
085740482440

3. MVC vs MVP

4. Why do you need MVP?
• Text

6. Title
• Text • Text

7. Why? Pros, Cons
•Maintainbility
•Testability

8. Why? Pros, Cons
•Redundancy
•Takes Time

9. Let's Get Started
• Text

10. Create new Project > Empty Activity

11. Create this
Design

12. <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="30dp"
tools:context="net.krearive.javamvp.MainActivity">
<EditText
android:id="@+id/ed_alas"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:drawable/editbox_background_normal"
android:gravity="center"
android:hint="alas" />
<EditText
android:id="@+id/ed_tinggi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:drawable/editbox_background_normal"
android:gravity="center"
android:hint="tinggi" />
<Button
android:id="@+id/btn_hitung"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:background="@color/colorAccent"
android:text="Hitung"
android:textColor="@android:color/white" />
<TextView
android:id="@+id/tv_hasil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="hasil"
android:textColor="#476efd"
android:textSize="48dp" />
</LinearLayout>

13. public class MainActivity extends AppCompatActivity {
private EditText edAlas, edTinggi;
private Button btnHitung;
private TextView tvHasil;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
edAlas = (EditText) findViewById(R.id.ed_alas);
edTinggi = (EditText) findViewById(R.id.ed_tinggi);
btnHitung = (Button) findViewById(R.id.btn_hitung);
tvHasil = (TextView) findViewById(R.id.tv_hasil);
}
}

14. btnHitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Double alas = Double.valueOf(edAlas.getText().toString());
Double tinggi = Double.valueOf(edTinggi.getText().toString());
Double luas = alas * tinggi;
tvHasil.setText(luas.toString());
}
});

15. Now, let's move to MVP

16. Flow

17. Pertama, Definisikan dulu fungsi proses
apa saja yang akan ada di halaman itu.
Kedua, Definisikan respon terhadap view
yang terjadi setelah proses tersebut
dijalankan.

18. btnHitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Double alas = Double.valueOf(edAlas.getText().toString());
Double tinggi = Double.valueOf(edTinggi.getText().toString());
Double luas = alas * tinggi;
tvHasil.setText(luas.toString());
}
});

19. btnHitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Double alas = Double.valueOf(edAlas.getText().toString());
Double tinggi = Double.valueOf(edTinggi.getText().toString());
}
});

20. Pertama, Definisikan dulu fungsi proses
apa saja yang akan ada di halaman itu,
misal hitungLuas()
Kedua, Definisikan respon terhadap view
yang terjadi setelah proses tersebut
dijalankan, misal updateTextHasil()

21. 3 class dasar MVP:

22. MainPresenter : sebuah interface yang berisi nama fungsi-
fungsi logika dari class MainActivity. Menghubungkan View
dengan Presenter.
MainView : Sebuah interface yang berisi fungsi2 yang akan
dijalankan pada mainActivity, menghubungkan Presenter ke
View.
MainPresenterImp : sebuah class yang
mengimplementasikan fungsi2 yang ada pada
MainPresenter.

23. public interface MainPresenter {
void hitungLuas(Double alas, Double tinggi);
}

24. public interface MainView {
void updateTextHasil(Double luas);
}

25. public class MainPresenterImp implements MainPresenter {
//1 create constructor
MainView mainView;
public MainPresenterImp(MainView mainView) {
this.mainView = mainView;
}
//2 implement MainPresenter
@Override
public void hitungLuas(Double alas, Double tinggi) {
Double luas = alas * tinggi;
mainView.updateTextHasil(luas);
}
}

26. Setting Presenter Pada MainActivity.java
1. Deklarasi variabel
private MainPresenterImp presenter;
2. Inisialisasi terlebih dahulu dengan membuat method initPresenter()
private void initPresenter() {
presenter = new MainPresenterImp(this);
}
3. Ganti proses logika yang sebelumnya langsung dengan presenter.
btnHitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Double alas = Double.valueOf(edAlas.getText().toString());
Double tinggi = Double.valueOf(edTinggi.getText().toString());
presenter.hitungLuas(alas, tinggi);
}
});

27. Setting View Pada MainActivity.java
1. Impliment Class ke MainView
public class MainActivity extends AppCompatActivity implements MainView
2. Maka akan merah, Alt+Enter kemudian Implement Method, maka akan muncul
method updateTextHasil
@Override
public void updateTextHasil(Double luas) {
tvHasil.setText(luas.toString());
}

28. btnHitung.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Double alas = Double.valueOf(edAlas.getText().toString());
Double tinggi = Double.valueOf(edTinggi.getText().toString());
presenter.hitungLuas(alas, tinggi);
}
});
}
private void initPresenter() {
presenter = new MainPresenterImp(this);
}
@Override
public void updateTextHasil(Double luas) {
tvHasil.setText(luas.toString());
}
private void initView() {

29. Setting View Pada MainActivity.java
1. Impliment Class ke MainView
public class MainActivity extends AppCompatActivity implements MainView
2. Maka akan merah, Alt+Enter kemudian Implement Method, maka akan muncul
method updateTextHasil
@Override
public void updateTextHasil(Double luas) {
tvHasil.setText(luas.toString());
}

30. Exercise
Buat proses tambahan untuk cek jika EditText
kosong maka muncul Toast

31. Cek Project in Github
https://github.com/arifaizin/AndroidSimpleMVP

32. Thank
You

33. https://www.twoh.co/2016/01/03/belajar-membuat-aplikasi-
android-dengan-teknik-mvp-model-view-presenter/
https://kudo.co.id/engineering/2016/11/22/penerapan-mvp-
di-android/