Aplikasi Tombol Panik Menggunakan Java Web Programming

PROPOSAL

1. LATAR BELAKANG
          Sekarang ini banyak sekali tindak kejahatan yang sering terjadi mulai dari pencurian, perampokan, penculikan dan tindak kejahatan yang lainnya. Dengan perkembangan tekhnologi informasi masalah ini sangat bisa di antisipasi dengan subuah aplikasi seperti misalnya tombol panik, aplikasi ini bisa digunakan apabila masyarakat dalam keadaan darurat.

2. PERMASALAHAN
          Banyak sekali di sekitar kita tindakan kejahatan yang ada di sekitar kita mulai dari pencurian, perampokan, penculikan dan tindak kejahatan lainnya. Aplikasi ini digunakan untuk memudahkan pelaporan tindakan kejahatan yang terjadi.

3. TUJUAN
          Aplikasi ini dapat dimanfaatkan masyarakat untuk melindungi dirinya dari segala macam tindakan kejahatan yang ada di sekitar.

4. BATASAN MASALAH
    - Aplikasi ini digunakan apabila masyarakat dalam keadaan darurat
    - Aplikasi ini hanya menggunakan pemprograman Java WEB

5. TINJAUAN PUSTAKA


6. RANCANGAN LAYAR
    - Form Login
      Form ini digunakan untuk login admin dan user.

Gambar 1, Form Login

    - Form Signup
      Form ini digunakan untuk membuat account user jika belum memiliki account.

Gambar 2, Form Signup

    - Home User
      Tampilan ini akan muncul ketika user berhasil login, pada home user ada 3 pilihan menu yaitu,           Profile, Keluhan, Keluar.

Gambar 3, Home User

    - Menu Profile
      Pada menu Profile, user dapat melihat profile data diri yang sudah di input pada saat membuat             account.

Gambar 4, Menu Profile

    - Menu Keluhan
      Menu ini digunakan apabila user dalam keadaan darurat seperti contoh pencurian, penculikan dan       tindak kejahatan lainya dengan mengisi form yang suda di sediakan.

Gambar 5, Menu Keluhan

    - Notifikasi
      Notifikasi ini akan tampil apabila keluhan yang di submit berhasil di laporkan.

Gambar 6, Notifikasi

    - Menu Keluar
      Menu ini digunakan untuk keluar dari aplikasi.

    - Home Admin
      Tampilan ini akan muncul ketika admin berhasil login, pada home admin ada 2 pilihan menu               yaitu Laporan Keluhan dan Keluar.

Gambar 7, Home Admin

    - Menu Laporan Keluhan
      Menu ini berisi informasi para user yang sedang dalam keadaan darurat dan butuh bantuan dalam       waktu yang cepat.

Gambar 8, Menu Laporan Keluhan

" Revisi " Mencetak Bilangan Asli, Genap, Prima dan Fibonacci

        Pada kesempatan kali ini saya akan membahas bagaimana caranya mencetak bilangan asli,

genap, prima dan fibonacci dari 2 bilangan yang kita input menggunakan java web programming.

Sebelum masuk kedalam pembahasan, sebaiknya kita mempersiapkan/ menginstall software ke komputer kita yang nantinya akan kita gunakan,untuk software nya sebagai berikut.

              1.       JDK 8

              2.       Netbeans 8.0 (include Apache Tomcat)

              3.       XAMPP

              4.       Mysql Front

      Jika semua software sudah terinstall barulah kita masuk kedalam pembahasan,

      1. Buka Netbeans 8.0 yang sudah terinstall di komputer

Gambar 1. Proses Open

Gmbar 2, Tampilan Awal Netbeans 8.0

2. Pilih File > New Project  > Java Web > Web Application > Klik Next

Gambar 3, New Project

3.  Muncul tampilan Name and Location, Lalu isi Project Name, Untuk contoh “Cetak Bilangan” Klik Next

Gambar 4, Name and Location

4. Muncul tampilan Server and Settings, Pastikan server yang dipilih adalah Apache Tomcat 8.0.3.0 , Klik Next 

Gambar 5, Server and Settings

5. Muncul tampilan Frameworks , Klik Finish

Gambar 6, Frameworks

6. Klik project yang barusan kita buat lalu pilih File >  New File > WEB > JSP, Klik Next

Gambar 7, New File JSP

7. Muncul tampilan Name and Location, Lalu isi File Name, Untuk Contoh “Form”, Klik Next 

Gambar 8, Name and Location

8. Setelah file Form.jsp dibuat, tuliskan kodingan seperti dibawah ini yang bertujuan untuk membuat tampilan awal sebagai begikut

9. Lalu buat kembali file jsp nya, Klik project yang barusan kita buat lalu pilih File >  New File > WEB > JSP Klik Next

Gambar 9, New File JSP

10. Muncul tampilan Name and Location, Lalu isi File Name, Untuk Contoh “Action” Klik Next

Gambar 10, Name and Location

11. Setelah file Action.jsp dibuat, tuliskan kodingan seperti dibawah ini yang bertujuan untuk memproses apa yang kita input

12. Pastikan semua kodingan di ketik dengan benar, lalu jalankan program yang kita buat dengan cara Klik Kanan > RUN

Gambar 11, RUN Program

13. Akan muncul di Browser sebagai berikut, lalu coba masukkan “Angka 1 : 1” dan “Angka 2 : 20” Klik Cetak . *Untuk memasukkan angka 1 dan angka 2 bebas sesuai keinginan

Gambar 12, Home

14. Jika prosesnya berhasil maka akan tercetak Bilangan Asli, Genap, Prima dan Fibonacci sesuai dengan apa yang kita input

Gambar 13, Hasil

        Demikian tutorial program sederana untuk mencetak bilangan asli, genap, prima dan fibonacci dari 2 bilangan yang kita input menggunakan java web programming, Semoga apa yang saya tulis bermanfaat untuk semua, tetap semangat menjalani hidup dan yang terpenting jangan lupa “Keep Smile On Your Face :D”

by. Ady Triyanto (Ady_Moee) | 1211510282 | Java Web Programming

Mencetak Bilangan Asli, Genap, Prima dan Fibonacci

        Pada kesempatan kali ini saya akan membahas bagaimana caranya mencetak bilangan asli,

genap, prima dan fibonacci dari 2 bilangan yang kita input menggunakan java web programming.

Sebelum masuk kedalam pembahasan, sebaiknya kita mempersiapkan/ menginstall software ke komputer kita yang nantinya akan kita gunakan,untuk software nya sebagai berikut.

              1.       JDK 8

              2.       Netbeans 8.0 (include Apache Tomcat)

              3.       XAMPP

              4.       Mysql Front

      Jika semua software sudah terinstall barulah kita masuk kedalam pembahasan,

      1. Buka Netbeans 8.0 yang sudah terinstall di komputer

Gambar 1. Proses Open

Gmbar 2, Tampilan Awal Netbeans 8.0

2. Pilih File > New Project  > Java Web > Web Application > Klik Next

Gambar 3, New Project

3.  Muncul tampilan Name and Location, Lalu isi Project Name, Untuk contoh “Cetak Bilangan” Klik Next

Gambar 4, Name and Location

4. Muncul tampilan Server and Settings, Pastikan server yang dipilih adalah Apache Tomcat 8.0.3.0 , Klik Next 

Gambar 5, Server and Settings

5. Muncul tampilan Frameworks , Klik Finish

Gambar 6, Frameworks

6. Klik project yang barusan kita buat lalu pilih File >  New File > WEB > JSP, Klik Next

 

Gambar 7, New File JSP

7. Muncul tampilan Name and Location, Lalu isi File Name, Untuk Contoh “Form”, Klik Next 

Gambar 8, Name and Location

8. Setelah file Form.jsp dibuat, tuliskan kodingan seperti dibawah ini yang bertujuan untuk membuat tampilan awal sebagai begikut

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Mencetak Bilangan Asli, Genap, Prima dan Fibonacci</title>

    </head>

    <body>

        <table border="0" width="350" align="center">

            <form name="tampilan" action="Action.jsp" method="POST"

                  onsubmit="return validasiKosong()">

                <h1 align="center">Mencetak Bilangan Asli, Genap, Prima dan Fibonacci</h1>

                <tr><td> Angka 1 : </td><td><input type="text" name="min"

                                              onkeypress="return angkaSaja(event)"></td></tr>

                <tr><td> Angka 2 : </td><td><input type="text" name="max"

                                              onkeypress="return angkaSaja(event)"></td></tr>

                <tr><td colspan="2" align="center">

                        <input type="submit" value="Cetak"></td></tr>

       </form>

           </table>

                <script type="text/javascript">

                    function validasiKosong(){

                        var x=document.forms["tampilan"]["min"].value

                        if (x==null || x==""){

                            alert("Nilai Minimal Harus Diisi");

                            return false;

                        }

                        var x=document.forms["tampilan"]["max"].value

                        if (x==null || x==""){

                            alert("Nilai Maksimal Harus Diisi");

                            return false;

                        }       

                    }

                    function angkaSaja(evt)

                    {

                        var charCode = (evt.which) ? evt.which : event.keyCode

                        if (charCode > 31 && (charCode < 48 || charCode > 57))

                            return false;

                        return true;

                    }

            </script>

        </body>

</html>

9. Lalu buat kembali file jsp nya, Klik project yang barusan kita buat lalu pilih File >  New File > WEB > JSP Klik Next

Gambar 9, New File JSP

10. Muncul tampilan Name and Location, Lalu isi File Name, Untuk Contoh “Action” Klik Next

Gambar 10, Name and Location

11. Setelah file Action.jsp dibuat, tuliskan kodingan seperti dibawah ini yang bertujuan untuk memproses apa yang kita input

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<%

    String min,max;

    min=request.getParameter("min");

    max=request.getParameter("max");

    int minimal=Integer.parseInt(min);

    int maksimal=Integer.parseInt(max);

    out.println("NIM : 1211510282");

    out.println("<br>Nama : Ady Triyanto");

    out.println("<br>----------------------------------------");

    out.println("<br>");    

    if(minimal<maksimal){

        out.println("Bilangan Asli : ");

        for(int i=minimal; i<=maksimal; i++){

            if(i%1==0){

            out.println(+i);

            }

        }

    }

    else {out.println("ANGKA 1 Harus Lebi Besar Dari ANGKA 2");}

    if(minimal<maksimal){

        out.println("<br> Bilangan Genap : ");

        for(int i=minimal; i<=maksimal; i++){

            if(i%2==0){

            out.println(+i);

            }

        }

    }

    if(minimal<maksimal){

        out.println("<br> Bilangan Prima : ");

        for (int i = minimal; i <= maksimal; i++) {

        int c = 0;

        for (int a = 1; a <= i; a++) {

            if ((i % a) == 0) {

                c = c + 1;

            }

        }

        if (c == 2) {

            out.println(i + " ");

            }

        }

    }

    if(minimal<maksimal){

    out.println("<br>Bilangan Fibonasi : ");

    for (int i=1; i<=1; i++) {

        int t1 = 0, t2 = 1, hasil = 0;

        for (int f=minimal; f <=maksimal; f++) {

            t1 = t2;

            t2 = hasil;

            out.print(hasil + " ");

            hasil = t1 + t2;

        }

    }

    }

%>

12. Pastikan semua kodingan di ketik dengan benar, lalu jalankan program yang kita buat dengan cara Klik Kanan > RUN

Gambar 11, RUN Program

13. Akan muncul di Browser sebagai berikut, lalu coba masukkan “Angka 1 : 1” dan “Angka 2 : 20” Klik Cetak . *Untuk memasukkan angka 1 dan angka 2 bebas sesuai keinginan

Gambar 12, Home

14. Jika prosesnya berhasil maka akan tercetak Bilangan Asli, Genap, Prima dan Fibonacci sesuai dengan apa yang kita input

Gambar 13, Hasil

        Demikian tutorial program sederana untuk mencetak bilangan asli, genap, prima dan fibonacci dari 2 bilangan yang kita input menggunakan java web programming, Semoga apa yang saya tulis bermanfaat untuk semua, tetap semangat menjalani hidup dan yang terpenting jangan lupa “Keep Smile On Your Face :D”

by. Ady Triyanto (Ady_Moee) | 1211510282 | Java Web Programming