Hanifah Puji Lestari Postingan Pertemuan 16-18

PROGRAM APLIKASI DATABASE

Bagi yang belum memiliki program xampp, install terlebih dahulu untuk membuat database seperti tutorial ini

LANGKAH 1:

 1.      Langkah pertama membuat database menggunakan phpmyadmin, hidupkan apache mysql dengan XAMPP.
2.      Buka alamat berikut pada browser : http://localhost/phpmyadmin




3.      Membuat database dan membuat tabel
       - Buat database dengan nama “Database_kontakHanifah”
 - Buat tabel pada new table dengan nama “data_kontak”
 - Field sebanyak 4 ->  Klik Go
4.      Buat seperti berikut, primary key digunakan pada kolom pertama. Lalu simpan/save


5.   Tampilannya maka akan seperti ini

Karna saya menambahkan email kontak, maka tambahkan field email

Maka seperti ini isi dari databse tersebut




Beralih pada aplikasi netbeans...

LANGKAH 2:
MEMBUAT APLIKASI DATABASE
1. Buatlah java application, new project > klik finish


2. Buat package "aplikasi_buku_telepon"
 3. Pada desain formnya buatlah seperti berikut menggunakan jlabel dan jtextfield

  
4. Tahap selanjutnya adalah UBAH VARIABEL NAME seperti berikut :
·         JtextField1 = id_KontakTextField_Hanifah
·         JtextField2 = nama_KontakTextField_Hanifah
·         JtextField3 = no_KontakTextField_Hanifah
·         JtextField4 = alamat_KontakTextField_Hanifah
·         JtextField5 = email_KontakTextField_Hanifah
·         SimpanButton
 5. Buka source code, buatlah private konstruktor pada public class.

sesuaikan isi 
 6. Tambahkan source pada public input_data_kontak()

Add import bagi yang masih tanda seru.


 sehingga hasilnya seperti diatas ini.
 7. Buatlah private void koneksi(), sama kan nama database dengan yang telah kalian buat

  
8. Buatlah private void kosongkan () 

 9. Masukan Source Code perintah berikut pada button Simpan
 10. Masukkan perintah sintak berikut pada textField1 atau id_KontakTextField_Hanifah
dengan cara klik kanan>events>actionperformed
 isi perintah seperti berikut


 11. Import mysql conector pada libraries klik kanan pada libraries, pilih add jar/folder

Pilih mysql connector, selanjutnya pilih relative path dan open.


 12.  RUN FILE package “Input_data_kontak”
apabila berhasil maka data akan tersimpan di database






LANGKAH 3 :

Menambahkan ComboBox
1.      Tambahkan menu status menggunakan combobox, ubah variabel name yang sesuai

 2. Pada properties>model> masukan pilihan sebagai berikut
 Ubah selectedindex menjadi -1
 3. Tambahkan konstruktor “status”
 4. Buat konstruktor private void status ()
 5. Buat konstruktor private void kosongkan ()
 6. Tambahkan source code pada button Simpan
 7. Perbarui juga source code pada “id_KontakTextField_Hanifah”


 kembali pada database...

LANGKAH 4 :
Menambahkan field baru

Agar terhubung dengan database jangan lupa tambahkan juga kolom status pada tabel.

1.      Pada tabel “data_kontak” , selanjutnya pilih “struktur” Lalu pada bagian paling bawah menambkan field baru *sisipkan setelah email
  
2. Isi nama field : Status, Jenis : Varchar, Ukuran: 20
Setelah itu klik save
Maka field baru akan selesai ditambahkan
 3. RUN FILE 
 maka hasilnya akan tersimpan pada database :



LANGKAH 5 :
Membuat action lihat

 1. Buatlah new JframeForm dengan nama “lihat_data_kontak”
2. Masukan menu table, kedalam design

 lalu design seperti dibawah ini ;
 3. Ubah variabel name Jtable1 menjadi “table_namakalian”

 4. Masuk ke source, tambahkan source pada properties seperti dibawah
 5. Buatlah konstruktor koneksi dan tabel.
 6. Tambahkan source rata kanan kiri
 7. Isi konstruktor koneksi seperti berikut
 8. Lalu isi konstruktor tabel
 9. RUN FILE package "lihat_data_kontak"


LANGKAH 5 :
Membuat input_data_bukutelepon

STUDY KASUS

 1. Buat class baru dengan nama “input_data_bukutelepon”

 2. Buatlah desain seperti dibawah ini

 3. Satukan 2 class sebelumnya menjadi 1 class yang berisi simpan dan lihat.

Langkah-Langkah:

4. Ubah Variabel Name pada setiap menunya

    Id kontak = id_KontakTextField_Hanifah
    Nama Kontak = nama_KontakTextField_Hanifah
    No Kontak = no_KontakTextField_Hanifah
    Alamat Kontak = alamat_KontakTextField_Hanifah   
    Email Kontak = email_KontakTextField_Hanifah
    Status Kontak = status_ComboBox_Hanifah
    Simpan = simpanButton_Hanifah
    Refresh = RefreshButton_Hanifah
    Tutup = tutupButton_Hanifah
    Hapus = hapusButton_Hanifah
    Search = searchButton_Hanifah
    Clear data = clearButton_Hanifah
    Lihat = lihatButton_Hanifah
    Edit data = editButton_Hanifah

    5. Langkah pertama, buka source code, buatlah private konstruktor pada public class, seperti berikut
     6. Tambahkan source code berikut pada input_data_bukutelepon
    Add import jika masih tanda seru,

     7. Buatlah private void  koneksi()
     8. Buat private void kosongkan(), 
    9. Buat Private void tabel()
     10.  Buat Private void Status()
    11.Masukan Source Code perintah pada button Simpan 

    hasil running:

    CLASS BARU

    1.      Buat class baru dengan nama “input_data_bukutelepon”
    2.      Buatlah desain seperti dibawah ini
     3.      Satukan 2 class sebelumnya menjadi 1 class yang berisi simpan dan lihat.

    Langkah-Langkah
    1.      Ubah variabel name:
    Id kontak = id_KontakTextField_Hanifah
    2. Ubah variabel
    Id kontak = id_KontakTextField_Hanifah
    Nama Kontak = nama_KontakTextField_Hanifah
    No Kontak = no_KontakTextField_Hanifah
    Alamat Kontak = alamat_KontakTextField_Hanifah   
    Email Kontak = email_KontakTextField_Hanifah
    Status Kontak = status_ComboBox_Hanifah
    Simpan = simpanButton_Hanifah
    Refresh = RefreshButton_Hanifah
    Tutup = tutupButton_Hanifah
    Hapus = hapusButton_Hanifah
    Search = searchButton_Hanifah
    Clear data = clearButton_Hanifah
    Lihat = lihatButton_Hanifah
    Edit data = editButton_Hanifah

     3.      Langkah pertama Buka source code, buatlah private konstruktor pada public class, seperti berikut
    4Tambahkan source code berikut pada input_data_bukutelepon
    5 Add import jika masih tanda seru,
    6      Lanjut buatlah private void  koneksi()
     7.      Buat private void kosongkan()
     8.      Buat Private void tabel()
    9 Buat Private void Status()

    10. Masukan Source Code perintah pada button Simpan
     Hasil :
    11   Masukkan perintah pada textField1 id kontak

     12. Masukkan perintah pada sc textField1 atau id kontak
    isi perintah seperti berikut:


    13. Masukan source code pada Button Refresh
    14. Masukan source code pada Button Tutup
    15. Masukan source code pada Button Hapus
     16.  Masukan source code pada Button Search


     17. Masukan source code pada Button Edit Data

     18. Masukan source code pada Button Lihat Data


     19. Masukan source code pada Button Clear Data
      

    20. Memindahkan data didalam tabel ke textfield
    Klik kanan pada tabel, pilih event, pilih mouse, pilih mousekliked
      
    21. RUN FILE

    Maka seluruh menu berhasil dibuat dan berfungsi.
    maka seluruh menu dapat berfungsi



    PROGRAM APLIKASI DATABASE REFACTOR
    Langkah 1
    1. Buka kembali alamat http://localhost/phpmyadmin/ pada browser
     2. Buat database “DatabaseMahasiswa” klik create
     3. Buka notepad dan masukkan penulisan sintak sql sbb :
     Simpan file dengan nama “DatabaseMahasiswa.sql”
    4. Buka kembali database mahasiswa, dan masuk pada menu import, klik browse.
     5. Pilih file database yang telah kita buat sebelumnya
     Klik open lalu go
     6. Import sukses



    MEMBUAT TABEL MATA KULIAH
    1.    Buatlah tabel baru dengan nama “mata kuliah” dan panjang fieldsnya “3”

    Klik structure maka akan tampil spt berikut
     Buat tabel :
     2.    Isi field seperti berikut :
     Lalu save
    3. Maka hasilnya akan seperti berikut :


    OPEN PROJECT JAVA APPLICATION
    1.      Open project java application


    2. Pilih databasemahasiswa
     3.      Membuat koneksi, klik kanan pada libraries lalu pilih add Jar/Folder

    4.  Lalu pilih mysql connector
     5.      Buatlah main class run pada project databasemahasiswa, pilih MenuUtama
    6.      Lalu run project :




    MEMBUAT ACTION TAMBAH MATAKULIAH

    1.      Klik kanan pada class “mahasiswa”, lalu pilih refactor. Pilih copy!
     2.      Ubah “new mahasiswa” menjadi “tambah_matakuliah”
     3.      Lihat desain pada class “tambah matakuliah”


     4.      Ubah variabel nama untuk field
    ·         kode matakuliah, ubah menjadi “kode_matakuliah_Hanifah”
     ·         Nama matakuliah, ubah menjadi “nama_matakuliah_Hanifah”
     ·         Nama matakuliah, ubah menjadi “nama_matakuliah_Hanifah”
     5.      Masuk pada Source> Pilih source bagian yg diseleksi ini. Lalu hapus
     6.      Selanjutnya pilih source pada bagian yg diseleksi lalu hapus kembali.
     7.      Ubah entitas
    ·   “nim” ubah menjadi “kode_matakuliah”, sesuai primary key yang telah kita buat pada tabel matakuliah.
    ·          “nama” menjadi “nama_matakuliah”
    ·         “telepon” menjadi “sks”

    8.      Selanjutnya Run File “Tambah_Matakuliah_Hanifah”

     9.      Data berhasil masuk kedalam database :



    MEMBUAT CLASS LIHAT DATA MATAKULIAH

    1. Refactor class “table” masukkan kedalam project “databaseMahasiswa” dan classnya diubah menjadi “view_matakuliah”
     2.      Refactor kembali “tabel” dan ubah menjadi “view_matakuliah”
     3.      Ubah NIM = Kode Matakuliah
    Nama = Nama Matakuliah
    Telepon = SKS
    4.  Hapus yang diseleksi
    5.      Ubah isi konstruktor koneksi, datamahasiswa menjadi matakuliah_hanifah
    ·         Ubah entitas Nim menjadi kode matakuliah
    ·         Ubah entitas nama dan telepon menjadi nama matakuliah dan SKS
     6.      Run file “View_matakuliah”
    Hasil 

      
    Hasil run program keseluruhan



    PROGRAM APLIKASI JAVA WEB

    1.      Program sederhana java web
    Pertama klik file -> new project.
    Kemudian buat project.
    Java web, klik java web -> Web application.

    Lalu klik next


     2.      Klik panah hitam bawah, pilih web server(glassfish), ataupun apache tomcat.

     3.      Karena belum mengubah framework, maka pada langkah ini klik “Finish”




    Mohon dikoreksi jika banyak kesalahan, terimakasih


    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    Skema Jaringan Komputer Dengan Core Layer, Distribution Layer, Access Layer (Model Jaringan Hirarki)

    Gambar
    Core Layer, Distribution Layer, Access Layer (Model Jaringan Hirarki), dan d esain jaringan sederhana menggunakan Cisco Packet Tracer Student Dalam mendesain suatu topologi jaringan, kita membutuhkan permodelan untuk menentukan bentuk jaringan. Salah satu pemodelan jaringan LAN yang banyak dipakai adalah Pemodelan Jaringan Hirark i Kali ini saya akan membuat skema jaringan sederhana dengan topologi pohon (TREE) menggunakan aplikasi Cisco Packet Tracer 6.2 berikut tampilannya Dalam lembar kerja tersebut saya menggunakan 15 PC, 7 SWITCH, dan 2 Router. 1. Langkah pertama seperti biasa yaitu mengkonfigurasi router SATU, dan DUA. selanjutnya switch. 2. Kemudian lakukan routing agar omputer pada jaringan router satu dapat berkomunikasi pada komputer pada jaringan router. 2. Selanjutnya melakukan setting   IP pada PC0, PC1, PC2, PC3, PC4, PC5, PC6, PC7, PC8, PC9, PC10, PC11, PC12, PC13, PC14, dan PC15 dengan IP sebagai berikut. Klik PC>>Dekstop>> IP C...
    Baca selengkapnya

    Hanifah Puji Lestari - Postingan Pertemuan 13

    Gambar
    Assalamualaikum Warahmatullahi Wabarakatuh. Pada kali ini, Aplikasi yang akan kita buat menggunakan Netbeans IDE ini cukup sederhana,  fungsinya untuk mendapatkan input berupa pesan lalu menampilkan hasil pesannya. kedua, melakukan proses cetak seperti penjumlahan sederhana menggunkan button sesuai dengan rumus atau source code yang kita atur nanti. Project ini menggunakan Class JFrame untuk menampung Layout dan Source Code Java yang nantinya akan di kompilasi/build menjadi file berekstensi .jar. Pertama, t ahap Pembuatan Aplikasi GUI cetak kata : 1) Buka aplikasi NETBEANS dan buatlah new project dengan pilih Categories JAVA > JAVA APPLICATION. 2)  Beri nama Project tersebut dan hilangkan ceklis pada Create Main Class karena kita akan menggunakan Class JFrame. lalu klik Finish. Nama project sesuai dengan yang akan kita gunakan, disini saya menggunakan nama project "HanifahPujiLestari_Pertemuan13" 3) Selanjutnya adalah membuat PACKAGE....
    Baca selengkapnya