Author Archive

TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel

Posted by:

  1. Aktifkan xampp anda terlebih dahulu. Tekan tombol window               pada keyboard anda, lalu ketik xampp .
  1. 2. Klik Start pada Apache serta MySQL .

2. Klik Start pada Apache serta MySQL

3. Kemudian buka salah satu Web Browser Anda Google Chrome, Mozilla, dll. Lalu ketik http://localhost/dashboard/ pada link URL anda.

4. Buka cmd dengan cara no 1

5. Masuk ke folder htdocs pada instalasi xampp anda

6. Lalu Kembali ke cmd, ketik cd C:\xampp2\htdocs  Kemudian tekan enter.

7. Sekarang install laravel nya dengan perintah composer create-project laravel/laravel LaraStore “5.6” lalu tekan enter.

tunggu sampai proses selesai seperti gambar di bawah

8. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/

9. Sekarang kita download Admin LTE template di https://github.com/almasaeed2010/AdminLTE/releases . Scroll ke bawah, seperti gambar dibawah, lalu pilih Source code (zip) .

10. Setelah file berhasil di download, extract file tersebut.

11. Kemudian copy folder AdminLTE-3.0.0-alpha ke dalam folder C:\xampp2\htdocs\LaraStore\public .

12. Rename folder tersebut menjadi lte

13. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/lte

14. Buatlah folder baru di dalam resources/views dengan nama admin. Gunakan text editor anda untuk membuatnya.

16. Di dalam folder admin, buatlah sebuah file namakan dengan admin.blade.php

17. Copy isi starter.html

18. Paste ke dalam admin.blade.php

19. Ubah link resource menggunakan helper asset ( ) seperti gambar di bawah .

20. Kemudian butlah 3 file dalam folder admin, yaitu header.blade.php, sidebar.blade.php, footer.blade.php .

21. Masuk ke admin.blade.php , kemudian cut code pada bagian Navbar

22. Kemudian Paste ke dalam header.blade.php.

23. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file header.blade.php

24. Masuk ke admin.blade.php , kemudian cut code pada bagian Sidebar

25. Kemudian Paste ke dalam sidebar.blade.php.

26. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file sidebar.blade.php

27. Masuk ke admin.blade.php , kemudian cut code pada bagian Footer

28. Lalu Paste ke dalam footer.blade.php.

29. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file footer.blade.php

30. Lalu kita ganti konten utama, dengan code  berikut

31. Buatlah contoller untuk menampilkan halaman admin dengan cmd

32. Masuk ke file AdminController.php. Tambahkan code dibawah

33. Buatlah sebuah route baru untuk menjalankan AdminController

34. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/admin

1

Membuat Aplikasi CRUD Sederhana di Android Menggunakan PHP dan MySQL PART 4

Posted by:

  1. Masuk ke file FormActivity.java , kemudian isi dengan source code di bawah
    
    public class FormActivity extends AppCompatActivity {
    
        @BindView(R.id.et_name)
        EditText etName;
        @BindView(R.id.et_contact_number)
        EditText etContactNumber;
        @BindView(R.id.btn_simpan)
        Button btnSimpan;
    
        int personId;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_form);
    
            ButterKnife.bind(this);
            personId=getIntent().getIntExtra("id",0);
    
            if (personId > 0) {
                getPerson(generateToken(), personId);
    
            }
    
        }
    
        @OnClick(R.id.btn_simpan)
        public void onClick(View view) {
            int getId = view.getId();
            switch (getId) {
                case R.id.btn_simpan:
                    if (personId > 0) {
                        updatePerson(personId, etName.getText().toString(), etContactNumber.getText().toString());
                    } else {
                        setPerson(etName.getText().toString(), etContactNumber.getText().toString());
    
                    }
                    break;
    
            }
        }
    
        public void setPerson(String name, String contactNumber) {
    
            ApiEndPoint apiEndPoint = ApiClient.getClient().create(ApiEndPoint.class);
            Call<StatusResponse> call = apiEndPoint.createRequest(name, contactNumber);
    
            call.enqueue(new Callback<StatusResponse>() {
                @Override
                public void onResponse(Call<StatusResponse> call, Response<StatusResponse> response) {
    
                    final StatusResponse statusResponse = response.body();
    
                    if (statusResponse != null) {
                        Log.d("Response Data ", "Total Data" + statusResponse.getStatus());
                        if (statusResponse.getStatus()) {
                            finish();
                            Toast.makeText(getApplicationContext(), "Data Berhasil Di Tambah", Toast.LENGTH_SHORT).show();
                        } else {
                            Toast.makeText(getApplicationContext(), "Data Kosong", Toast.LENGTH_SHORT).show();
                        }
    
                    } else {
                        Log.d("Login : ", "Data Null");
                    }
                }
    
                @Override
                public void onFailure(Call<StatusResponse> call, Throwable t) {
                    Toast.makeText(getApplicationContext(), "Koneksi Bermasalah", Toast.LENGTH_SHORT).show();
    
                }
            });
        }
    
        private String generateToken() {
    
            SecureRandom random = new SecureRandom();
            byte bytes[] = new byte[20];
            random.nextBytes(bytes);
            return bytes.toString();
        }
    
        public void getPerson(final String token, int id) {
    
            ApiEndPoint apiEndPoint = ApiClient.getClient().create(ApiEndPoint.class);
            Call<ReadResponse> call = apiEndPoint.readPersonRequest(token, id);
    
            call.enqueue(new Callback<ReadResponse>() {
                @Override
                public void onResponse(Call<ReadResponse> call, Response<ReadResponse> response) {
    
                    final ReadResponse readResponse = response.body();
    
                    if (readResponse != null) {
                        Log.d("Response Data ", "Total Data" + readResponse.getStatus());
                        if (readResponse.getStatus()) {
    
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
    
                                    List<Person> person = readResponse.getPersons();
    
                                    etName.setText(person.get(0).getPersonName());
                                    etContactNumber.setText(person.get(0).getContactNumber());
                                }
                            });
    
                        } else {
                            Toast.makeText(getApplicationContext(), "Data Kosong", Toast.LENGTH_SHORT).show();
                        }
    
                    } else {
                        Log.d("Login : ", "Data Null");
                    }
                }
    
                @Override
                public void onFailure(Call<ReadResponse> call, Throwable t) {
                    Toast.makeText(getApplicationContext(), "Koneksi Bermasalah", Toast.LENGTH_SHORT).show();
    
                }
            });
        }
    
        public void updatePerson(int id, String name, String contactNumber) {
    
            ApiEndPoint apiEndPoint = ApiClient.getClient().create(ApiEndPoint.class);
            Call<StatusResponse> call = apiEndPoint.updateRequest(id, name, contactNumber);
    
            call.enqueue(new Callback<StatusResponse>() {
                @Override
                public void onResponse(Call<StatusResponse> call, Response<StatusResponse> response) {
    
                    final StatusResponse statusResponse = response.body();
    
                    if (statusResponse != null) {
                        Log.d("Response Data ", "Total Data" + statusResponse.getStatus());
                        if (statusResponse.getStatus()) {
                            finish();
                            Toast.makeText(getApplicationContext(), "Data Berhasil Di Ubah", Toast.LENGTH_SHORT).show();
                        } else {
                            Toast.makeText(getApplicationContext(), "Data Kosong", Toast.LENGTH_SHORT).show();
                        }
    
                    } else {
                        Log.d("Login : ", "Data Null");
                    }
                }
    
                @Override
                public void onFailure(Call<StatusResponse> call, Throwable t) {
                    Toast.makeText(getApplicationContext(), "Koneksi Bermasalah", Toast.LENGTH_SHORT).show();
    
                }
            });
        }
    
    }
    
  2. Sekarang kita buat menu untuk menampilkan Form Input Data. Buat sebuah folder dengan nama menu di dalam res.
  3. Klik kanan pada folder menu , lalu buat file tambah_data.xml .
  4. Lalu masuk ke app > res > menu > tambah_data.xml . Masukkan source code di bawah
    
    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    
        <item
            android:id="@+id/menu_create"
            android:icon="@mipmap/ic_launcher"
            android:title="Create"
            app:showAsAction="always" />
    
    </menu>
    
  5. Lalu masuk ke file MainActivity.java . Tambahkan 2 fungsi di bawah.
  6. Sekarang kita coba running ulang aplikasi, lalu sentuh Kotak Hijau. Nanti akan tampil form input data. Coba input satu data, lalu sentuh Tombol Simpan.                                                                                                               
  7. Buat menu resource seperti cara no 3, namakan dengan context_menu. Kemudian tambahkan 2 item menu seperti gambar di bawah.
  8. Sekarang kita aktifkan context menu untuk memunculkan menu Edit dan Delete. Masuk ke file MainActivity.java . Tambahkan 2 fungsi di bawah.
  9. Daftarkan context menu ke ListView dengan memanggil fungsi registerForContextMenu().
  10. Sekarang coba running kembali , lalu sentuh dan tahan pada data. Nanti akan muncul menu 
  11. Tambahkan fungsi hapus pada MainActivity Class, masukkan source code berikut.
    
    public void deletePerson(final int id) {
    
            ApiEndPoint apiEndPoint = ApiClient.getClient().create(ApiEndPoint.class);
            Call<StatusResponse> call = apiEndPoint.deleteRequest(id);
    
            call.enqueue(new Callback<StatusResponse>() {
                @Override
                public void onResponse(Call<StatusResponse> call, Response<StatusResponse> response) {
    
                    final StatusResponse StatusResponse = response.body();
    
                    if (StatusResponse != null) {
                        Log.d("Response Data ", "Total Data" + StatusResponse.getStatus());
                        if (StatusResponse.getStatus()) {
    
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    Toast.makeText(getApplicationContext(), "Data Berhasil Dihapus", Toast.LENGTH_SHORT).show();
                                    getAllPerson(generateToken());
                                }
                            });
    
                        } else {
                            Toast.makeText(getApplicationContext(), "Data Kosong", Toast.LENGTH_SHORT).show();
                        }
    
                    } else {
                        Log.d("Login : ", "Data Null");
                    }
                }
    
                @Override
                public void onFailure(Call<StatusResponse> call, Throwable t) {
                    Toast.makeText(getApplicationContext(), "Koneksi Bermasalah", Toast.LENGTH_SHORT).show();
    
                }
            });
        }
    
  12. Sekarang kita tambahkan code untuk mengambil data Person Id. Lalu panggil fungsi deletePerson .
  13. Selanjutnya, kita tambahkan code untuk pindah activity, serta mengirim nilai Person Id.
  14. Sekarang coba anda hapus dan ubah data melalui menu. Kalau berhasil, it’s done yea ……

0

Membuat Aplikasi CRUD Sederhana di Android Menggunakan PHP dan MySQL PART 3

Posted by:

 

  1. Pertama buat sebuah package baru dengan nama activities.                    
  2. Lalu buatlah sebuah activty (Empty Activity) dalam folder activities dengan nama FormActivity
  3. Lalu masuk ke appres > layout > activity_form.xml . Masukkan source code di bawah
    
    <?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="20dp"
        tools:context="id.co.contactperson.contactperson.activities.FormActivity">
    
        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    
            <EditText
                android:id="@+id/et_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Nama :"
                android:inputType="textPersonName"
                android:maxLines="1"
                android:singleLine="true" />
    
        </android.support.design.widget.TextInputLayout>
    
        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    
            <EditText
                android:id="@+id/et_contact_number"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="No Telp :"
                android:inputType="number"
                android:maxLength="15"
                android:singleLine="true" />
    
        </android.support.design.widget.TextInputLayout>
    
        <Button
            android:id="@+id/btn_simpan"
            style="?android:textAppearanceSmall"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:text="Simpan"
            android:textAllCaps="false"
            android:textStyle="bold" />
    
    </LinearLayout>
    
    
  4. Lalu masuk ke app > res > layout > activity_main.xml . Masukkan source code di bawah
    
    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout 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:padding="20dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="id.co.contactperson.contactperson.MainActivity>
    
        <ListView
            android:id="@+id/lv_person_list"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    
        </ListView>
    </FrameLayout>
    
    
  5. Kemudian buat sebuah layout dengan nama item_person
  6. Lalu klik Finish .
  7. Lalu masuk ke app > res > layout >item_person.xml . Masukkan source code di bawah
    
    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">
    
        <android.support.v7.widget.CardView
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="10dp">
    
            &amp;lt;LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:padding="5dp"&amp;gt;
    
                <TextView
                    android:id="@+id/tv_name"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="Nama :"
                    android:textSize="20sp"
                    android:textStyle="bold" />
    
                <TextView
                    android:id="@+id/tv_contact_number"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="No :"
                    android:textSize="20sp" />
    
            </LinearLayout>
    
        </android.support.v7.widget.CardView>
    </FrameLayout>
    
    
  8. Buatlah sebuah package dengan nama adapters                                           
  9. Buatlah sebuah file di dalam package adapters dengan nama PersonItemAdapter 
  10. Masuk ke file PersonItemAdapter.java , kemudian isi dengan source code di bawah
    
    public class PersonItemAdapter extends ArrayAdapter<Person> {
    
        private List<Person> personList;
        private Context context;
        private LayoutInflater layoutInflater;
    
        public PersonItemAdapter(@NonNull Context context, List<Person> persons) {
            super(context, R.layout.item_person ,persons);
            this.context=context;
            personList=persons;
            layoutInflater=LayoutInflater.from(context);
        }
    
        @Override
        public int getCount() {
            return personList.size();
        }
    
        @Nullable
        @Override
        public Person getItem(int position) {
            return personList.get(position);
        }
    
        @NonNull
        @Override
        public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
            View view=convertView;
    
            if(view==null){
    
                view=layoutInflater.inflate(R.layout.item_person,null);
            }
            TextView name=view.findViewById(R.id.tv_name);
            TextView contactNunmber=view.findViewById(R.id.tv_contact_number);
    
            Person person=getItem(position);
    
            //Kasih nilai ke Person_item layout
            name.setText(person.getPersonName());
            contactNunmber.setText(person.getContactNumber());
    
            return view;
        }
    }
    
    
  11. Masuk ke file MainActivity.java , kemudian isi dengan source code di bawah
    
    public class MainActivity extends AppCompatActivity  {
    
        @BindView(R.id.lv_person_list)
        ListView lvPersonList;
    
        List<Person> personItemList;
        PersonItemAdapter personItemAdapter;
    
        
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            ButterKnife.bind(this);
    
            //Masukkan adapter ke listView
            personItemAdapter = new PersonItemAdapter(this, personItemList);
    
        
        }
    
        @Override
        protected void onResume() {
            super.onResume();
            getAllPerson(generateToken());
            personItemAdapter.notifyDataSetChanged();
        }
        
    
        private String generateToken() {
    
            SecureRandom random = new SecureRandom();
            byte bytes[] = new byte[20];
            random.nextBytes(bytes);
            return bytes.toString();
        }
    
        public void getAllPerson(final String token) {
    
            ApiEndPoint apiEndPoint = ApiClient.getClient().create(ApiEndPoint.class);
            Call<ReadResponse> call = apiEndPoint.readRequest(token);
    
            call.enqueue(new Callback<ReadResponse>() {
                @Override
                public void onResponse(Call<ReadResponse> call, Response<ReadResponse> response) {
    
                    final ReadResponse readResponse = response.body();
    
                    if (readResponse != null) {
                        Log.d("Response Data ", "Total Data" + readResponse.getStatus());
                        if (readResponse.getStatus()) {
    
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
    
                                    personItemList = readResponse.getPersons();
    
                                    lvPersonList.setAdapter(new PersonItemAdapter(getApplicationContext(), personItemList));
                                    personItemAdapter.notifyDataSetChanged();
                                }
                            });
    
                        } else {
                            Toast.makeText(getApplicationContext(), "Data Kosong", Toast.LENGTH_SHORT).show();
                        }
    
                    } else {
                        Log.d("Login : ", "Data Null");
                    }
                }
    
                @Override
                public void onFailure(Call<ReadResponse> call, Throwable t) {
                    Toast.makeText(getApplicationContext(), "Koneksi Bermasalah", Toast.LENGTH_SHORT).show();
    
                }
            });
        }
    
    }
    
    
  12. Lalu masuk ke app > manifests > AndroidManifest.xml  . Tambahkan perizinan untuk koneksi ke internet<uses-permission android:name=”android.permission.INTERNET” />
  13. Sekarang kita coba running dengan emulator . Klik tombol hijau yang ada di menu bar    
  14. Pilih emulator yang ingin anda gunakan, lalu klik OK. 

0

Membuat Aplikasi CRUD Sederhana di Android Menggunakan PHP dan MySQL PART 2

Posted by:

  1. Buka Android Studio anda. Klik Start a new Android Studio project .
  2. Isi data seperti gambar dibawah ini , untuk Project location sesuaikan dengan directory anda. Kemudian klik Next.
  3. Isi data seperti gambar dibawah ini. Kemudian klik Next.
  4. Pilih Empty Activity Isi data seperti gambar dibawah ini. Kemudian klik Next.
  5. Kemudian klik Finish.
  6. Jika berhasil, akan muncul tampilan seperti gambar dibawah ini.
  7. Kita install library lewat Gradle . Klik Gradle Scripts -> pilih build.gradle (Module:app)
  8. Masukkan code berikut                                                                                                                                            //Install Library Tambahan
    implementation ‘com.android.support:design:26.1.0’
    implementation ‘com.android.support:cardview-v7:26.1.0’
    //BindView
    implementation ‘com.jakewharton:butterknife:8.8.1’
    annotationProcessor ‘com.jakewharton:butterknife-compiler:8.8.1’//Retrofit
    implementation ‘com.squareup.retrofit2:retrofit:2.3.0’
    //GSON Converter
    implementation ‘com.squareup.retrofit2:converter-gson:2.3.0’
  9. Kemudian pilih app -> java -> id.co.contactperson.contactperson lalu klik kanan seperti gambar dibawah
  10. Isikan nama Package Name services Kemudian klik OK.
  11. Sekarang kita akan buat file .java di dalam package services. Klik kanan pada package services seperti gambar dibawah ini.
  12. Pada isian kolom Name : kita isi dengan ApiClient . Lalu klik OK.
  13. Isikan file java dengan Source Code dibawah ini. Class ini digunakan untuk memulai koneksi dengan API ContactPerson. Untuk Ip dan Nama Folder Server sesuaikan dengan koneksi anda.
  14. Kemudian buatlah sebuah package seperti cara no 9 dengan nama responses.
  15. Kemudian buatlah sebuah file .java seperti cara no 11. Pada kolom isian Name : isi dengan ApiEndPoint lalu kolom Kind : pilih Interface . Lalu klik OK.
  16. Jika berhasil, tampak seperti gambar dibawah.                                                     
  17. Sebelum kita membuat fungsi Interface ApiEndPoint, kita buat file di package responses untuk meresponse data dari server. Balik lagi ke phpMyAdmin pilih databse contact_person -> person lalu pilih menu bar Insert. Isi data seeperti gambar dibawah, kemudian klik Go
  18. Buka file php pada folder ContactPerson kemudian ubah sementara source code nya seperti gambar di bawah. Save file yang sudah diubah.
  19. Buka localserver ContactPerson , isikan url dengan http://localhost/ContactPerson/read.php
  20. Untuk mendapatkan tampilan data JSON seperti gambar di atas, anda perlu install JSON VIEWER pada web browser anda. Kemudian tekan Crtrl + U pada URL di atas.
  21. Copy isi source data dalam satu baris dari view-source.
  22. Masuk ke link ini http://jsonschema2pojo.org kemudian paste di kotak yang ada. Isi kolom Package sesuai package pada file ApiEndPoint.java lalu isi Class name dengan ReadResponse .
  23. Lalu klik Zip                                                                                             
  24. Lalu klik tulisan warna biru ( ReadResponse-sources.zip ) untuk mendownload
  25. Extract file nya, sampai ada folder baru dengan nama id
  26. Masuk ke dalam folder id sampai ketemu 2 file berikut
  27. Copy 2 file diatas, lalu paste di dalam folder responses pada Android Studio
  28. Lalu buat file StatusResponse.java di dalam folder responses. Kemudian isi kan code berikut
  29. Ok sekarang anda buka file read.php, kemudian kita ubah lagi code nya ke bentuk awal. Jangan lupa untuk save file nya.                 
  30. Balik lagi keApiEndPoint.java java , isi kan code di bawah ini.
    
    public interface ApiEndPoint {
    
        @FormUrlEncoded
        @POST("read.php")
        Call<ReadResponse> readRequest(@Field("key") String key);
    
        @FormUrlEncoded
        @POST("readPerson.php")
        Call<ReadResponse> readPersonRequest(@Field("key") String key,@Field("id") int id);
    
        @FormUrlEncoded
        @POST("create.php")
        Call<StatusResponse> createRequest(@Field("name") String name,
                                           @Field("contact_number") String contact_number);
    
        @FormUrlEncoded
        @POST("update.php")
        Call<StatusResponse> updateRequest(@Field("id") int id,
                                           @Field("name") String name,
                                           @Field("contact_number") String contact_number);
    
        @FormUrlEncoded
        @POST("delete.php")
        Call<StatusResponse> deleteRequest(@Field("id") int id);
    
    }
    
    

     

0

Membuat Aplikasi CRUD Sederhana di Android Menggunakan PHP dan MySQL PART 1

Posted by:

    1. Aktifkan xampp anda terlebih dahulu. Tekan      pada keyboard anda, lalu ketik xampp .
    2. Klik Start pada Apache serta MySQL
    3. Kemudian buka salah satu Web Browser Anda Google Chrome, Mozilla, dll. Lalu ketik http://localhost/dashboard/ pada link URL anda.
    4. Jika sudah muncul tampilan seperti gambar di atas, klik  phpMyAdmin.
    5. Klik New.
    6. Isikan nama tabel dengan contact_person . Lalu klik Create.
    7. Isikan kolom Name : dengan person serta Number of columns: 3 . Kemudian klik Go.
    8. Isikan struktur tabel seperti gambar dibawah. Kemudian klik Save.
    9. Jika berhasil, maka muncul tampilan seperti ini. 
    10. Sekarang, kita membuat folder untuk Masuk ke folder htdocs anda. Secara default ada di C:\xampp\htdocs . Kemudian buat folder baru dengan nama ContactPerson.
    11. Buka SublimeText anda, lalu masuk ke folder Klik File -> Open Folder … . Pilih Lokasi C:\xampp\htdocs , lalu klik Select Folder.
    12. Sekarang buat file namakan dengan index.php yang berguna untuk menampilkan Tulisan Contact Person API  v.1.0 pada halaman index. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php class ContactPersonApi { public function index() { echo "Contact Person API v.1.0"; } } $contactPersonApi=new ContactPersonApi(); $contactPersonApi->index();
      
      
    13. Sekarang buat file namakan dengan models.php yang berguna untuk melakukan koneksi ke databse, serta CRUD query. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php class database{ //Fungsi constructor untuk membuat koneksi ke database public function __construct(){ $this->db=new PDO('mysql:host=localhost;dbname=contact_person','root','');
      	}
      
      		//Fungsi query untuk mendapatkan data dari database
      	public function getPersons(){
      		$query="SELECT * FROM person ";
      		$sql=$this->db->query($query);
      		return $sql;
      	}
      
      	public function getPerson($Id){
      		$query="SELECT * FROM person  where  id=$Id  LIMIT 1";
      		$sql=$this->db->query($query);
      		return $sql;
      	}
      
      	public function setPerson($Name,$ContactNumber){
      		$query="INSERT into person VALUES(null,'$Name','$ContactNumber')";
      		$sql=$this->db->query($query);
      		return $sql;
      	}
      
      	public function updatePerson($Id,$Name,$ContactNumber){
      		$query="UPDATE person SET person_name='$Name',contact_number='$ContactNumber' where id=$Id";
      		$sql=$this->db->query($query);
      		return $sql;
      	}
      
      	public function deletePerson($Id){
      		$query="DELETE FROM person  where  id=$Id  ";
      		$sql=$this->db->query($query);
      		return $sql;
      	}
      
      }
      
      
    14. Sekarang buat file namakan dengan create.php yang berguna untuk menyimpan data ke database. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php include 'models.php'; //Mengambil Data Dari Android $name=$_REQUEST['name']; $contactNumber=$_REQUEST['contact_number']; //Membuat objek dari class database $MakeConnection=new database(); $MakeConnection->setPerson($name,$contactNumber);
      
      	//mengirim data ke android dengan format JSON 
      echo json_encode(array('status'=>true));
      
      ?>
      
      
    15. Sekarang buat file namakan dengan update.php yang berguna untuk merubah isi data ke database. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php include 'models.php'; //Mengambil Data Dari Android $id=$_REQUEST['id']; $name=$_REQUEST['name']; $contactNumber=$_REQUEST['contact_number']; //Membuat objek dari class database $MakeConnection=new database(); $MakeConnection->updatePerson($id,$name,$contactNumber);
      
      	//mengirim data ke android dengan format JSON 
      echo json_encode(array('status'=>true));
      
      ?>
      
      
    16. Sekarang buat file namakan dengan delete.php yang berguna untuk menghapus isi data dari database. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php include 'models.php'; //Mengambil Data Dari Android $id=$_REQUEST['id']; //Membuat objek dari class database $MakeConnection=new database(); $MakeConnection->deletePerson($id);
      
      	//mengirim data ke android dengan format JSON 
      echo json_encode(array('status'=>true));
      
      ?>
      
      
    17. Sekarang buat file namakan dengan read.php yang berguna untuk mendapatkan semua  data person dari database. Isikan file tersebut dengan soruce code di bawah ini .
      
      <?php include 'models.php'; //Mengambil Data Dari Android $key=$_REQUEST['key']; if (empty($key)) { echo " UnAuthorization User"; }else{ $MakeConnection=new database(); //membuat variable array $jsonResponse=array(); $getObject=$MakeConnection->getPersons();
      	
      	while ($row=$getObject->fetch(PDO::FETCH_OBJ)) {
      		$jsonResponse[]=$row;
      	}
      	
      	//mengirim data ke android dengan format JSON 
      	echo json_encode(array('status'=>true,'persons'=>$jsonResponse));	
      }
      
      ?>
      
      

      18. Sekarang buat file namakan dengan readPerson.php yang berguna untuk mendapatkan semua data person dari database. Isikan file tersebut dengan soruce code di bawah ini .

      
      <php
      include 'models.php';
      
      	//Mengambil Data Dari Android
      $key=$_REQUEST['key'];	
      
      if (empty($key)) {
      	echo " UnAuthorization User";
      }else{
      
      	$MakeConnection=new database();	
      	//membuat variable array
      
      	$jsonResponse=array();
      	$id=$_REQUEST['id'];
      	$getObject=$MakeConnection->getPerson($id);
      	
      	while ($row=$getObject->fetch(PDO::FETCH_OBJ)) {
      		$jsonResponse[]=$row;
      	}
      	
      	//mengirim data ke android dengan format JSON 
      	echo json_encode(array('status'=>true,'persons'=>$jsonResponse));	
      }
      
      ?>
      
      

0
Page 2 of 2 12