jbptunikompp gdl wiwikwidiy 21532 6 babiii n by 8h6Tr9

VIEWS: 0 PAGES: 69

									                                    BAB III

                               PEMBAHASAN



3.1     Analisis Sistem

         Pada bagian ini akan dilakukan analisis terhadap sistem yang sedang

berjalan. Hasilnya digunakan untuk mengidentifikasi dan mengevaluasi berbagai

kelemahan serta kekuatan yang terdapat pada sistem yang sudah dimiliki

Direktorat Metrologi. Dari proses analisis tadi akan dapat dihasilkan berbagai

saran perbaikan terhadap sistem yang dapat dijadikan dasar dalam merancang

perangkat lunak yang akan dibangun.


3.1.1    Analisis Masalah

         Sesuai dengan hasil penelitian pada Direktorat Metrologi Direktorat

Jenderal    Perdagangan     Dalam   Negeri    dalam   kegiatan   perkantorannya

membutuhkan Surat Perintah Perjalanan Dinas (SPPD), yaitu surat pengantar

yang dibuat ketika pegawainya akan melakukan perjalanan dinas ke kota tertentu.

Dalam pembuatannya masih menggunakan aplikasi Microsoft Word dimana harus

dilakukan pengeditan setiap kali akan melakukan perjalanan dinas. Selain itu

pembuat SPPD harus mencari data setiap pegawai yang akan melakukan

perjalanan dinas pada Microsoft Excel sehingga banyak terjadi kesalahan –

kesalahan pengetikan dalam menginputkan data. Hal ini menyebabkan pembuatan

SPPD dilakukan berulang – ulang dan banyaknya kertas yang terbuang, selain itu

waktu yang dibutuhkan menjadi lebih lama.       Berdasarkan hal tersebut maka




                                      24
                                                                             25




diperlukannya suatu sistem yang dapat membantu dalam proses pembuatan Surat

Perintah Perjalanan Dinas (SPPD) di Direktorat Metrologi.


3.1.2   Analisis Prosedur yang sedang berjalan

        Analisis prosedur atau proses sistem memberikan gambaran tentang sistem

yang saat ini sedang berjalan. Analisis sistem bertujuan untuk mengetahui lebih

jelas bagaimana cara kerja sistem tersebut, sehingga kelebihan dan kekurangan

sistem dapat diketahui.


3.1.2.1 Flow Map Sistem Yang Sedang Berjalan

        Di Direktorat Metrologi dalam pembuatan SPPD terdapat dua prosedur

yaitu prosedur      pembuatan SPPD dan prosedur pembuatan rincian biaya

perjalanan dinas.

1. Prosedur pembuatan SPPD

    Berikut adalah prosedur pembuatan SPPD :

    1. Direktur menyerahkan surat perintah kepada kepala seksi.

    2. Kepala seksi merumuskan rencana kegiatan perjalanan selama setahun.

    3. Kepala seksi membuat surat perintah tugas (SPT) yang diserahkan kepada

        Kasubdit.

    4. Kasubdit melakukan pengecekan SPT dan menandatanganinya.

    5. SPT yang telah ditandatangani oleh Kasubdit diserahkan kepada petugas.

    6. Petugas membuat SPPD berdasarkan surat perintah tugas.
                                                                     26




7. SPT dan SPPD yang telah dibuat petugas kemudian diarsipkan oleh

   petugas dan diserahkan kepada Pejabat Pembuat Komitmen (PPK) untuk

   ditandatangani.

8. PPK mengecek dan menandatangani SPT dan SPPD.

9. SPT dan SPPD yang telah ditandatangani PPK diserahkan kepada Direktur

   untuk disahkan.

10. SPT dan SPPD yang telah sah kemudian diserahkan kepada pegawai yang

   selanjutnya akan melakukan perjalanan dinas.
                                                                                                                                                      27




                           Alur di atas dapat digambarkan dalam flow map berikut:

       Direktur                Kepala seksi              Kasubdit               Petugas                        PPK                  pegawai



      Surat perintah             Surat perintah




                                 Merumuskan
                                  rencana
                                  kegiatan
                                   selama
                                  setahun




                              Surat perintah tugas   Surat perintah tugas




                                                        Pengecekan
                                                           dan
                                                       penandatanga
                                                           nan



                                                     Surat perintah tugas   Surat perintah tugas
                                                       yang telah di ttd      yang telah di ttd
                                                           kasubdit               kasubdit




                                                                                 Membuat
                                                                                  SPPD




                                                                            Surat perintah tugas        Surat perintah tugas
                                                                              yang telah di ttd           yang telah di ttd
                                                                                  kasubdit                    kasubdit
                                                                                  SPPD                        SPPD




                                                                                    A2             A1      Pengesahan
                                                                                                              dan
                                                                                                           penandatan
                                                                                                             ganan



  Surat perintah tugas                                                                                  Surat perintah tugas
    yang telah di ttd                                                                                     yang telah di ttd
   kasubdit dan PPK                                                                                      kasubdit dan PPK
     SPPD yang telah                                                                                       SPPD yang telah
    ditandatangani PPK                                                                                    ditandatangani PPK




       Pengesahan




    Surat perintah tugas                                                                                                       Surat perintah tugas
            sah                                                                                                                        sah


           SPPD sah                                                                                                                  SPPD sah




                                             Gambar III.1 Flowmap Pembuatan SPPD

Keterangan :

A1 : Arsip surat perintah tugas (SPT)

A2 : Arsip surat perintah perjalanan dinas (SPPD)
                                                                                28




2. Prosedur pembuatan rincian biaya perjalanan dinas

   Berikut adalah prosedur rincian biaya perjalanan dinas :

   1. Pegawai yang telah melakukan perjalanan dinas menyerahkan SPPD dan

       rincian bukti perjalanan dinas.

   2. SPPD dan bukti perjalanan dinas tersebut diserahkan kepada PPK.

   3. PPK melakukan pengesahan SPPD dan bukti perjalanan dinas yang

       selanjutnya diserahkan kepada petugas.

   4. Petugas membuat rincian biaya perjalanan dinas berdasarkan bukti

       perjalanan dinas.

   5. SPPD dan rincian biaya perjalanan dinas diserahkan kepada bendahara

       subdit untuk ditandatangani.

   6. Bendahara subdit menandatangani rincian biaya perjalanan dinas.

   7. Rincian biaya perjalanan dinas yang telah ditandatangani oleh bendahara

       subdit dan SPPD diserahkan kepada pegawai untuk ditandatangani.

   8. Rincian biaya perjalanan dinas yang telah ditandatangani oleh pegawai dan

       SPPD diserahkan kepada bendahara direktorat untuk ditandatangani.

   9. Rincian biaya perjalanan dinas yang telah ditandatangani oleh bendahara

       direktorat dan SPPD diserahkan kepada PPK untuk ditandatangani.

   10. Rincian biaya perjalanan dinas yang telah ditandatangani oleh bendahara

       subdit, pegawai, bendahara direktorat, dan PPK diserahkan kepada

       bendahara subdit dan bendahara direktorat untuk diarsipkan.
                                                                                                                                                29




                           Alur di atas dapat digambarkan dalam flow map berikut:

        Pegawai                          PPK                    Petugas               Bendahara subdit           Bendahara direktorat


            SPPD                          SPPD


    Bukti perjalanan               Bukti perjalanan




                                    Pengesahan




                                       SPPD sah                    SPPD sah


                                Bukti perjalanan sah        Bukti perjalanan sah




                                                                 Membuat
                                                               rincian biaya
                                                             perjalanan dinas




                                                                SPPD sah                       SPPD sah

                                                          Rincian biaya                 Rincian biaya
                                                         perjalanan dinas              perjalanan dinas




                                                                                         Penandatang
                                                                                            anan




          SPPD sah                                                                          SPPD sah
     Rincian biaya                                                                      Rincian biaya
 perjalanan dinas yang                                                              perjalanan dinas yang
 telalh ditandatangani                                                              telalh ditandatangani
    bndahara subdit                                                                    bndahara subdit




     Penandatang
        anan




          SPPD sah                                                                                                           SPPD sah

Rincian biaya perjalanan                                                                                           Rincian biaya perjalanan
    dinas yang telalh                                                                                                  dinas yang telalh
ditandatangani bndahara                                                                                            ditandatangani bndahara
   subdit dan pegawai                                                                                                 subdit dan pegawai




                                                                                                                        Penandatang
                                                                                                                           anan




                                        SPPD sah
                                                                                                                           SPPD sah
                             Rincian biaya perjalanan
                                                                                                                Rincian biaya perjalanan
                                  dinas yang telalh
                                                                                                                     dinas yang telalh
                             ditandatangani bndahara
                                                                                                                ditandatangani bndahara
                                subdit,pegawai, dan
                                                                                                                   subdit,pegawai, dan
                                bendahara direktorat
                                                                                                                   bendahara direktorat




                                   Penandatang
                                      anan




                                        SPPD sah                                             SPPD sah                    SPPD sah
                              Rincian biaya perjalanan                              Rincian biaya perjalanan    Rincian biaya perjalanan
                                  dinas yang telalh                                     dinas yang telalh           dinas yang telalh
                              ditandatangani bndahara                               ditandatangani bndahara     ditandatangani bndahara
                             subdit,pegawai,bendahara                              subdit,pegawai,bendahara    subdit,pegawai,bendahara
                                 direktorat, dan PPK                                   direktorat, dan PPK         direktorat, dan PPK




                                                                                                                                A2         A1




                             Gambar III.2 Pembuatan Rincian Biaya Perjalanan Dinas
                                                                              30




Keterangan :
A1 : Arsip surat perintah perjalanan dinas (SPPD)
A2 : Arsip rincian biaya perjalanan dinas

3.1.3   Analisis Pengkodean

        Di Direktorat Metrologi, digunakan pengkodean berupa NIP pegawai. NIP

tersebut dimiliki semua pegawai Direktorat Metrologi. Format NIP ini ditetapkan

berupa rangkaian angka sebanyak 18 digit. Delapan digit pertama merupakan

tanggal, bulan dan tahun lahir pegawai dengan format yyyymmdd (empat digit

tahun lahir, dua digit bulan lahir, dan dua digit tanggal lahir). Enam digit

berikutnya menunjukkan tahun angkatan masuk pegawai. Satu digit berikutnya

menunjukan jenis kelamin pegawai, 1 untuk laki – laki dan 2 untuk perempuan.

Sedangkan tiga digit berikutnya menunjukan nomor urut dari jumlah pegawai

yang memiliki tanggal lahir sama, atau tahun angkatan masuk yang sama.

Format:

99999999 999999 9 999
                                            Nomor urut dari jumlah pegawai
                                            yang memiliki tanggal lahir dan
                                            tahun angkatan masuk yang sama
                                            Jenis kelamin
                                            Tahun angkatan masuk
                                            Tanggal, bulan, dan tahun lahir
Contoh : 19780101 200604 1 003, berarti pegawai tersebut lahir pada tanggal 1

Januari 1978, dengan tahun angkatan masuk 2006. Pegawai tersebut berjenis

kelamin laki – laki dan merupakan urutan ketiga dari jumlah pegawai yang

memiliki tanggal lahir dan tahun angkatan masuk yang sama.
                                                                              31




3.1.4   Analisis Kebutuhan Non Fungsional

        Analisis kebutuhan non fungsional dilakukan untuk menghasilkan

spesifikasi yang rinci mengenai segala hal yang dapat dikerjakan sistem ketika

diimplementasikan (spesifikasi kebutuhan non fungsional). Hasil dari analisis ini

akan menentukan masukan yang dibutuhkan sistem, keluaran yang dihasilkan

sistem, lingkup proses yang digunakan untuk mengolah masukan sehingga

menghasilkan keluaran yang diinginkan, volume data yang akan ditangani sistem,

kendali terhadap sistem, dan macam-macam kategori pengguna sistem.


3.1.4.1 Analisis Jaringan

        Saat ini, jaringan yang terpasang pada Direktorat Metrologi merupakan

jaringan lokal dengan bentuk topologi jaringan jenis star, dimana sebuah server

akan melayani kebutuhan beberapa komputer klien. Sistem informasi yang

dibangun berbasis klien-server, sehingga sistem ini dapat langsung beradaptasi,

dan berjalan dengan efisien.


3.1.4.2 Analisis Prangkat Keras

        Perangkat keras yang ada saat ini di Direktorat Metrologi sudah memenuhi

standard   untuk   menjalankan     aplikasi   sistem   yang   dibangun.   Adapun

spesifikasinya sebagai berikut :

1. Server

   a.                  Processor     :        Pentium IV 2 GHz

   b.                  RAM :         256 Mb

   c.                  VGA :         GeForce MX 4400, 64 Mb
                                                                              32




   d. Harddisk        :      40 Gb

   e. CD-ROM          :      min 52 x

   f. Monitor         :      Color 15”

   g. Keyboard dan Mouse

2. Client

   a.                 Processor      :      Pentium IV 2 GHz

   b.                 RAM :          256 Mb

   c.                 VGA :          GeForce MX 4400, 64 Mb

   d. Harddisk        :      40 Gb

   e. CD-ROM          :      min 52 x

   f. Monitor         :      Color 15”

   g. Keyboard dan Mouse


3.1.4.3 Analisis Perangkat Lunak

        Spesifikasi perangkat lunak yang telah ada di Direktorat Metrologi adalah

sebagai berikut :

1. Server

   a. Microsoft Windows Server 2000 sebagai sistem operasi

   b. Borland Delphi 7 sebagai aplikasi pembangun perangkat lunak

   c. Delphi sebagai bahasa pemrograman

   d. Paradox sebagai Server Database Management System.

2. Client

   a. Microsoft Windows XP sebagai sistem operasi

   b. Borland Delphi 7 sebagai aplikasi pembangun perangkat lunak
                                                                              33




      c. Delphi sebagai bahasa pemrograman.


3.1.4.4 Analisis User

         Setelah melakukan pengumpulan data dengan teknik wawancara dan

observasi maka ditemukan bahwa pengguna sistem yang akan menggunakan

perangkat lunak ini adalah pegawai dengan jabatan Pelaksana pada Direktorat

Metrologi Subdit Sarana Kerjasama Kemetrologian dan sudah mempunyai

pengalaman dalam meng-inputkan data dan menguasai komputer minimal dapat

bekerja dengan Microsoft Office Word dan Microsoft Office Excel, sehingga tidak

perlu dilakukan pelatihan secara khusus pada sistem yang akan dibangun. Akan

tetapi hanya melakukan pengenalan sistem secara singkat.


3.2     Analisis Basis Data

         Usulan untuk diagram E-R yaitu terdapat kunci yang unik (primary key)

pada setiap entitas (tabel induk) yang dapat membedakan dengan atribut lainnya

sehingga tabel tersebut dapat dijadikan referensi untuk tabel yang lainnya.

         Dari usulan diatas maka dapat dibuat diagram E-R untuk sistem yang

terdri dari beberapa tabel yang dibutuhkan untuk menyimpan data. Untuk melihat

keterhubungan antar tabel yang ada maka akan digambarkan sebagai berkut:
                                                                                                                                                     34




3.2.1       Entity Relationship Diagram

                                                                            NIP

                                                               PangkatDan           GajiPokok
                                                                Golongan

                                                   NamaPegawai                                      Tingkat


                                          Jabatan
                                                                                                    JabatanDalamSPPD
                       adalah
                                                                    1   pegawai
                                                                              N         1       Pengeluaran
                                                                                                 Retribusi                   Tiket
                                                     NoSurat
                                BiayaTransport
                                                                                                                TglRincian

                                         Pembuat Rincian
                                                                        menerima                         LamaMenginap
                                                               N
        membuat                                                                                                             YangTelah
                                                                                                                             Dibayar
                                              BiayaTransport                                         NIP_Bendahara
                                                DariKantor
                                                                                                                                          membayar
                                                                                                N
                                                   TempatTujuan
                                       Lama                                                         NoSurat
                   1       1                                                   N                                 TglSurat
                                                                                                                                     NIP_Pejabat
                                1                                   N
  Bagian               user                   membuat                    surat
                                                                                       N                                   PembuatSPPD
 Username                                                                      N
                                    TglBerangkat                                                       NIP             TempatBerangkat
             NIP
                                                                                            Maksud                     1
                   Password                         ThnAnggaran
                                    TglKembali
                                                                            dari                                menuju
                                                    MataAnggaran



                                                                                        1
                                                                                                kota
                                                                                                                 BintangSatu


                                                                   NamaKota                                                 BintangDua

                                                                        TarifTaxi           BintangLima         BintangTiga


                                                                               UangHarian               BintangEmpat


                                        Gambar III.3 Entity Relationship Diagram

3.2.2       Kamus Data

Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan kamus data.
Kamus data untuk sistem ini diuraikan dalam tabel berikut:
                                                                          35




Tabel III.1 Kamus Data

 No.           Detail                           Keterangan
 1. Nama                        Data login
     Deskripsi                  Berisi data user yang digunakan untuk proses
                                login
       Struktur data            username + password
       username password        {0..9|a..z|A..Z}
                                {0..9|a..z|A..Z}
  2.   Nama                     Data user
       Deskripsi                Berisi data user pembuat surat
       Struktur data            username + password + bagian
       Username                 {0..9|a..z|A..Z}
       Password                 {0..9|a..z|A..Z}
       Bagian                   {a..z|A..Z}
  3.   Nama                     Data pegawai
       Deskripsi                Berisi data pegawai
       Struktur data            NIP+ NamaPegawai+ PangkatDanGolongan+
                                Jabatan+ GajiPokok+ Tingkat+
                                JabatanDalamSPPD
       NIP                      {0..9}
       NamaPegawai              {a..z|A..Z}
       PangkatDanGolongan       {0..9|a..z|A..Z}
       Jabatan                  {0..9|a..z|A..Z}
       GajiPokok                {0..9 }
       Tingkat                  {0..9|a..z|A..Z}
       JabatanDalamSPPD         {0..9|a..z|A..Z}
  4.   Nama                     Data kota
       Deskripsi                Berisi data kota
       Struktur data            NamaKota +BintangLima +BintangEmpat+
                                BintangTiga+ BintangDua +BintangSatu
                                +TarifTaxi +UangHarian
       NamaKota BintangLima     {0..9|a..z|A..Z}
       BintangEmpat             {0..9 }
       BintangTiga              {0..9 }
       BintangDua BintangSatu   {0..9 }
       TarifTaxi UangHarian     {0..9 }
                                {0..9 }
                                {0..9 }
                                {0..9 }
  5.   Nama                     Data surat
       Deskripsi                Berisi data surat
       Struktur data            NoSurat+ TglSurat+ NIP+ Maksud
                                +TempatBerangkat+ TempatTujuan+ Lama+
                                TglBerangkat+ TglKembali+ ThnAnggaran+
                                MataAnggaran +NIP_Pejabat+PembuatSPPD
                                                                  36




No.             Detail                           Keterangan
      NoSurat                  {0..9|a..z|A..Z}
      TglSurat                 {date/time}
      NIP                      {0..9|a..z|A..Z}
      Maksud                   {0..9|a..z|A..Z}
      TempatBerangkat          {0..9|a..z|A..Z}
      TempatTujuan             {0..9|a..z|A..Z}
      Lama                     {0..9|a..z|A..Z}
      TglBerangkat             {date/time}
      TglKembali               {date/time}
      ThnAnggaran              {0..9|a..z|A..Z}
      MataAnggaran             {0..9|a..z|A..Z}
      NIP_Pejabat              {0..9|a..z|A..Z}
      PembuatSPPD              {0..9|a..z|A..Z}
6.    Nama                     Data rincian surat
      Deskripsi                Berisi data rincian SPPD
      Struktur data            NoSurat +BiayaTransport+
                               BiayaTransportDariKantor
                               +PengeluaranRetribusi +Tiket+
                               LamaMenginap +TglRincian
                               +YangTelahDibayar+ NIP_Bendahara
                               +PembuatRincian
      NoSurat                  {0..9|a..z|A..Z}
      BiayaTransport           {0..9}
      BiayaTransportDariKantor {0..9}
      PengeluaranRetribusi     {0..9}
      Tiket                    {0..9|a..z|A..Z}
      LamaMenginap             {0..9}
      TglRincian               {0..9|a..z|A..Z}
      YangTelahDibayar         {0..9}
      NIP_Bendahara            {0..9|a..z|A..Z}
      PembuatRincian           {0..9|a..z|A..Z}
                                                                                          37




3.2.3    Skema Relasi


        User                                                              Surat
 PK     Username                                               PK      NoSurat

        Password                                                       TglSurat
        Bagian                                                 FK2     NIP
        Status                                                         Maksud
                                                               FK4     TempatBerangkat
                                                               FK5     TempatTujuan
           Pegawai                                                     Lama
                                                                       TglBerangkat
 PK NIP                                                                TglKembali
                                                                       ThnAnggaran
        NamaPegawai                                                    MataAnggaran
        PangkatDanGolongan                                             Status
        Jabatan                                                FK3     NIP_ Pejabat
        GajiPokok                                              FK1     PembuatSPPD
        Tingkat
        JabatanDalamSPPD
        Status

                                                                    RincianSurat

         Kota                                            FK1   NoSurat
                                                               BiayaTransport
 PK     NamaKota
                                                               BiayaTransportDariKantor
                                                               PengeluaranRetribusi
        BintangLima
                                                               Tiket
        BintangEmpat
                                                               LamaMenginap
        BintangTiga
                                                               TglRincian
        BintangDua
                                                               YangTelahDibayar
        BintangSatu
                                                               Status
        TarifTaxi
                                                         FK3      _
                                                               NIP Bendahara
        UangHarian
                                                         FK2   PembuatRincian
        Status



                             Gambar III.4 Skema Relasi
                                                                                     38




3.2.4   Struktur Tabel

Tabel III.2 Tabel User

   Nama Field             Tipe Data                      Keterangan
                          (Ukuran)
 Username                   String       Nama user
 Password                   String       Password user
 Bagian                     String       Level user
 Status                     String       Status data yang dihapus atau masih aktif

Tabel III.3 Tabel Pegawai

        Nama Field             Tipe Data                   Keterangan
                               (Ukuran)
 NIP                             String       NIP pegawai
 NamaPegawai                     String       Nama pegawai
 PangkatDanGolongan              String       Pangkat dan golongan pegawai
 Jabatan                         String       Jabatan pegawai
 GajiPokok                      Integer       Gaji pokok pegawai
 Tingkat                         String       Tingkat dalam SPPD
 JabatanDalamSPPD                String       Jabatan dalam SPPD
 Status                          String       Status data dihapus

Tabel III.4 Tabel Kota

   Nama Field             Tipe Data                      Keterangan
                          (Ukuran)
 NamaKota                   String       Nama kota
 BintangLima               Integer       Tarif penginapan bintang lima
 BintangEmpat              Integer       Tarif penginapan bintang empat
 BintangTiga               Integer       Tarif penginapan bintang tiga
 BintangDua                Integer       Tarif penginapan bintang dua
 BintangSatu               Integer       Tarif penginapan bintang satu
 TarifTaxi                 Integer       Tarif taxi yang digunakan untuk dinas
 UangHarian                Integer       Uang harian selama perjalanan dinas
 Status                     String       Status data dihapus

Tabel III.5 Tabel Surat

     Nama Field              Tipe Data                    Keterangan
                             (Ukuran)
 NoSurat                  String           Nomor SPPD
 TglSurat                 date/time        Tanggal pembuatan SPPD
 NIP                      String           NIP pegawai
                                                                                 39




 Maksud                 String           Maksud perjalanan dinas
 TempatBerangkat        String           Kota keberangkatan perjalanan dinas
 TempatTujuan           String           Kota tujuan perjalanan dinas
 Lama                   String           Lama perjalanan dinas
 TglBerangkat           Date/time        Tanggal pemberangkatan
 TglKembali             Date/time        Tanggal harus kembali
 ThnAnggaran            String           Tahun anggaran pembuatan SPPD
 MataAnggaran           String           Nomor mata anggaran
 PembuatSPPD            String           Nama petugas pembuat SPPD
 NIP_Pejabat            String           NIP pejabat
 Status                 String           Status data dihapus

Tabel III.6 Tabel Rincian Surat

          Nama Field                Tipe Data              Keterangan
                                    (Ukuran)
 NoSurat                              String     Nomor SPPD
 BiayaTransport                      Integer     Tarif transportasi perjalanan
                                                 dinas
 BiayaTransportDariKantor            Integer     Biaya transportasi dari kantor
 PengeluaranRetribusi                Integer     Biaya retribusi
 LamaMenginap                         String     Lama menginap di penginapan
 Tiket                                String     Jenis kendaraan yang dipakai
                                                 untuk perjalanan dinas
 TglRincian                         Date/Time    Tanggal pembuatan rincian surat
 YangTelahDibayar                    Integer     Biaya total perjalanan yang telah
                                                 dibayar sebelum berangkat
 NIP_Bendahara                       String      NIP bendahara
 PembuatRincian                      String      Nama petugas pembuat rincian
 Status                              String      Status data dihapus

3.3   Analisis Kebutuhan Fungsional

        Analisis kebutuhan fungsional akan dimulai setelah tahap analisis terhadap

sistem selesai dilakukan, analisis kebutuhan fungsional dapat didefinsikan sebagai

penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa

elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Tahapan

ini menyangkut mengkonfigurasi dari komponen-komponen perangkat lunak dan

perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan
                                                                                           40




benar-benar memuaskan dari rancang bangun yang telah ditetapkan pada akhir

tahap analisis sistem. Alat bantu yang digunakan untuk menggambarkan sistem

secara umum yang akan dibangun yaitu diagram konteks dan data flow diagram.

Untuk menjelaskan bagaimana suatu masukan diproses pada sistem maka

digunakan spesifikasi proses dan kamus data untuk mengetahui aliran data yang

mengalir pada sistem.


3.3.1    Diagram Konteks

         Diagram konteks atau disebut juga dengan model sistem pundamental

merepresentasikan seluruh elemen sistem sebagai sebuah bubble tunggal dengan

data input output yang ditunjukan oleh anak panah yang masuk dan keluar secara

berurutan.


                    Data Login                              Data Login
                    Data Pegawai                            Data Surat
                    Data Kota                               Data Rincian Surat
                    Data User
                    Data Surat




                                         Sistem Informasi
   Administrator                                                                 Petugas
                                              SPPD



                    Info Login Invalid
                    Info Pegawai
                                                            Info Login Invalid
                    Info Surat
                                                            Info Surat
                    Info Kota
                                                            Info Rincian Surat
                    Info User




                   Gambar III.5 Diagram Konteks Sistem Informasi SPPD
                                                                                                                                                                                                                                                                                                            41




3.3.2                     Data Flow Diagram (DFD)

Dari diagram konteks di atas, aliran data yang ada pada sistem digambarkan
dengan lebih rinci menggunakan Data Flow Diagram.

3.3.2.1 DFD Level 1


                                                                                                                                                             2.0                                                Info user
                                                                                              Info user
                                                                                                                                                       Pengolahan data
                                                                                                                                                            User                                                Data user
                                                                                              Data user




                                                                                                                                                              d
                                                                                                Info Login Invalid




                                                                                                                                                               li
                                            Administrator




                                                                                                                                                            Va
                                                                                                                                                                                                                                                      Data User



                                                                                                                                                        gin
                                                                                                  Data Login

                                                                                                                                                o      Lo
                                                                                                                                             Inf


                                                                                                                                                                                 Data login
                                                                                                                                                                              Info login Invalid
                                                                                         Info Login Valid                        1.0
                                                                                                                                Login                                                                 Info Login Valid




                                                                                                                                                                                                   Data Login
                                                                                                                                                                            Info Login Invalid
                                                               Data Surat




                                                                                                             Info Login Valid
                                                                            Info Surat




                                                                                                                                    Info Login Valid




                                                                                                                                                                                              Petugas
                                                                                                                                                                                                                Info pegawai


                                                                                                                                                                                                                                              Data Pegawai




                                                                                                                                                                   Info Login Valid
                                                                                                                                                                                                                Info Surat,




                                                                                                                                                                                                                                              Data Surat
                                              Data Pegawai
                           Info Pegawai




                                                                                                  Info Surat                                                                 Info Surat
                                                                  5.0                                                                                                                                    6.0
                                                              Pengecekan                                                         Data Surat                                                           Pembuatan
                                                                 Surat                                                                                                                                  SPPD
                                                                                                                                                                                                                                                                                       Data Rincian Surat




                                                                                                   Data Surat                                                                  Data Pegawai
                                                                                                                                                                                                                                                              Info Rincian




                                                                                                                                                                               Data Surat
 Info Kota
             Data Kota




                                                                                                                                                               Data Surat




                                                                            Data Pegawai
                                                3.0                                                                                                                                       Data pegawai
                                          Pengolahan Data                                                 Data Pegawai
                                             Pegawai                                                                                                                                      Info pegawai
                                                                              Info Pegawai




                                                                                                                                                                                                                                           7.0
                                                                                                                                                                                                                                       Pembuatan
                                                                                                    Data Rincian Surat                                                                                                                Rincian SPPD
                                                                                                                                                                                                                                                                  Data Rincian Surat




                                                                                                   Info Rincian Surat
                                                                                                                                                                                                                                                                  Data Surat
                                                                                                                                                                                                                               Info Rincian




                                                                Data Kota
                               4.0                                                                          Data Kota
                         Pengolahan Data
                              Kota                              Info Kota


                                                                                                                                                                                                                               Data Rincian Surat



                                                             Gambar III.6 DFD Level I Sistem Informasi SPPD
                                                                                                                       42




3.3.2.2 DFD Level 2 untuk Proses 2.0

                                   Data User                                              Data User
                                                                             2.1
                                                                           Tambah
                                   Info User                                               Info User
                                                                            User




                                                                              2.3         Data User
                                        Info User
                                                                              Edit
   Administrator                                                              User                       Data User
                                                                  U se r                  Info User
                                                  2.2     Data
                                                 Cari
                         Data User               User      Data
                                                                  U se r
                                                                                          Info user
                                    Info user                                 2.4
                                                                             Hapus
                                                                              User        Data User




                                    Gambar III.7 DFD Level 2 untuk Proses 2.0

3.3.2.3 DFD Level 2 untuk Proses 3.0

                              Data Pegawai                                              Data Pegawai
                                                                           3.1
                                                                         Tambah
                                  Info Pegawai                                          Info Pegawai
                                                                         Pegawai




                                                                               3.3     Data Pegawai
                                       Info Pegawai                            Edit
   Administrator                                                             Pegawai                    Data Pegawai

                                                               Peg   awai              Info Pegawai
                   Data Pegawai              3.2        Data
                                             Cari
                                                        Data
                                           Pegawai             Pega
                                                                    w   ai
                                                                                         Info Pegawai
                                                                           3.4
                                                                          Hapus
                                    Info Pegawai                         Pegawai         Data Pegawai




                                    Gambar III.8 DFD Level 2 untuk Proses 3.0
                                                                                                                                                          43




3.3.2.4 DFD Level 2 untuk Proses 4.0

                                                  Data Kota                                                            Data Kota
                                                                                          4.1
                                                                                        Tambah
                                                                                         Kota
                                                   Info Kota                                                             Info Kota




                                                                                                                     Data Kota
                                                                                              4.3
    Administrator                                                                             Edit                                          Data Kota
                                                                                              Kota
                                                        Info Kota                                                     Info Kota

                                                                                   ta
                                                                                Ko
                                                                        D   ata
                     Data Kota                                4.2
                                                             Cari
                                                             Kota
                                                                       D
                                                                        at
                                                                          a
                                                                             Ko
                                                                                ta




                                                                                                                      Info Kota
                                                    Info Kota                              4.4
                                                                                                                       Data Kota
                                                                                          Hapus
                                                                                           Kota




                                                    Gambar III.9 DFD Level untuk Proses 4.0

3.3.2.5 DFD Level 2 untuk Proses 5.0


                                                                                                                  Data surat
                                                        Info surat                           5.3
                                                                                          Hapus Surat                                    Data Surat
                                                                                              t
                                                                                     su r a
                                                                5.1     Data                                      Info surat
                                                             Cari Surat
                                                   t
                                        su r a
 Administrator              Data
                    Da
                         ta
                            r   inc
                                      ian                      5.2     Data
                                            su            Cari Rincian      rincia
                                                 ra t                              n su r
                                                             Surat                        at

                                                                                                       5.4        Data rincian
                                                                                                                                     Data Rincian Surat
                                Info rincian surat                                                   Hapus
                                                                                                  Rincian Surat
                                                                                                                    Info rincian surat



                                                 Gambar III.10 DFD Level 2 untuk Proses 5.0
                                                                                                                                                           44




3.3.2.6 DFD Level 2 untuk Proses 6.0

                                    Info Surat
                                                                                        6.1                        Info Surat
                                                                                      Tambah
                                                                                       Surat
                                    Data Surat                                                                   Data Surat




                                                 Info Surat
                                                                                                6.3             Data Surat
                                                                                                Edit
                                                                                               Surat

                                                                                                          Info Surat

          Petugas                                              ra   t
                                                                                                                                  Data Surat
                                                            Su
                                                    D   ata




                    Data Surat            6.2                 Data Surat                        6.4
                                                                                                              Data Surat
                                         Cari                                               Lihat Surat
                                         Surat                                                Depan

                                                                                                              Info Surat
                                                            D




                       Info Surat
                                                              at
                                                                a
                                                                    Su
                                                                       r  at




                                                                                               6.5                Info Surat
                                                                                           Lihat Surat
                                                                                            Belakang
                                    Info Surat
                                                                                                                  Data Surat



                                 Gambar III.11 DFD Level 2 untuk Proses 6.0

3.3.2.7 DFD Level 2 untuk Proses 7.0


                         Info Rincian Surat                                                                  Info Rincian Surat
                                                                                         7.1
                                                                                       Tambah
                         Data Rincian Surat                                            Rincian

                                                                                                             Data Rincian Surat




                                                                                          7.3                Info Rincian Surat
                               Info Rincian Surat
    Petugas                                                                              Edit                                         Data Rincian Surat
                                                                                        Rincian
                                                                    Su         ra t                          Data Rincian Surat
                                                         Rin   cian
                                                 Data
                                      7.2
                                     Cari
          Data Rincian Surat        Rincian       Data
                                                           Rinc
                                                                        ian S
                                                                             u ra t                          Data Rincian Surat
                                                                                           7.4
                     Info Rincian Surat                                               Lihat Rincian
                                                                                                             Info Rincian Surat



                                 Gambar III.12 DFD Level 2 untuk Proses 7.0
                                                                              45




3.3.3   Spesifikasi Proses

Spesifikasi proses dari DFD di atas diuraikan pada tabel berikut:

Tabel III.7 Spesifikasi Proses

 No. Detail                  Keterangan
 1. No. Proses               1.0
     Nama proses             Login
     Deskripsi               Verifikasi data administrator dan petugas
     Source                  Administrator, Petugas
     Input                   Data login
     Output                  Info login
     Destination             Administrator, Petugas
     Logika proses               1. User (administrator, petugas) memasukkan data
                                     login pada form login
                                 2. Apabila data login valid, sistem akan
                                     menampilkan halaman utama
                                 3. Apabila data tidak valid, sistem akan
                                     menampilkan pesan error dan keluar dari
                                     aplikasi.
  2.    No. Proses           2.0
        Nama proses          Pengolahan Data User
        Deskripsi            Menampilkan menu untuk melakukan perubahan
                             terhadap data user
        Source               Administrator
        Input                Data user
        Output               Info user
        Destination          Administrator
        Logika proses            1. User (administrator) memilih menu pengolahan
                                     data user
                                 2. Sistem menampilkan submenu pengolahan data
                                     user.
  3.    No. Proses           3.0
        Nama proses          Pengolahan Data Pegawai
        Deskripsi            Menampilkan menu untuk melakukan perubahan
                             terhadap data pegawai
        Source               Administrator
        Input                Data pegawai
        Output               Info pegawai
        Destination          Administrator
        Logika proses            1. User (administrator) memilih menu pengolahan
                                     data pegawai
                                 2. Sistem menampilkan submenu pengolahan data
                                     pegawai
                                                                      46




No. Detail           Keterangan
4. No. Proses        4.0
    Nama proses      Pengolahan Data Kota
    Deskripsi        Menampilkan menu untuk melakukan perubahan
                     terhadap data kota
     Source          Administrator
     Input           Data kota
     Output          Info kota
     Destination     Administrator
     Logika proses       1. User (administrator) memilih menu pengolahan
                             data kota
                         2. Sistem menampilkan submenu pengolahan data
                             kota
5.   No. Proses      5.0
     Nama proses     Pengecekan Surat
     Source          Administrator
     Deskripsi       Menampilkan submenu untuk penghapusan dan
                     pencarian data surat dan rincian surat
     Input           Data surat
     Output          Info surat
     Logika proses       1. User (administrator) memilih menu pengecekan
                             surat
                         2. Sistem       menampilkan        submenu untuk
                             penghapusan dan pencarian data surat dan
                             rincian surat
6.   No. Proses      6.0
     Nama proses     Pembuatan SPPD
     Deskripsi       Menampilkan menu untuk membuat SPPD
     Source          Petugas
     Input           Data pegawai, data surat
     Output          Info surat
     Destination     Administrator, Petugas
     Logika proses       1. User (petugas) memilih menu pembuatan SPPD
                         2. Sistem menampilkan submenu pembuatan SPPD
7.   No. Proses      7.0
     Nama proses     Pembuatan Rincian SPPD
     Deskripsi       Menampilkan menu untuk membuat rincian biaya SPPD
     Source          Petugas
     Input           Data rincian surat
     Output          Info rincian surat
     Destination     Petugas
     Logika proses       1. Petugas memilih menu pembuatan rincian SPPD
                         2. Sistem menampilkan submenu untuk pembuatan
                             rincian SPPD
8.   No. Proses      2.1
                                                                       47




No. Detail            Keterangan
    Nama proses       Tambah user
    Deskripsi         Menambah data user ke dalam tabel user
    Source            Administrator
    Input             Data user
    Output            Info user
    Destination       Administrator
    Logika proses         1. Administrator memilih sub menu tambah user
                          2. Administrator menambah data user baru ke
                             dalam tabel Data User
9.    No. Proses      2.2
      Nama proses     Cari user
      Deskripsi       Mencari data user yang akan diolah
      Source          Administrator
      Input           Data user
      Output          Info user
      Destination     Administrator
      Logika proses       1. Administrator mencari username user yang akan
                             diolah
10.   No. Proses      2.3
      Nama proses     Edit user
      Deskripsi       Mengubah data user
      Source          Administrator
      Input           Data user
      Output          Info user
      Destination     Administrator
      Logika proses       1. Administrator memilih sub menu edit user
                          2. Administrator mengubah data user dan
                             menyimpannya ke dalam tabel user
11.   No. Proses      2.4
      Nama proses     Hapus user
      Deskripsi       Mengganti status user
      Source          Administrator
      Input           Data user
      Output          Info user
      Destination     Administrator
      Logika proses       1. Petugas memilih sub menu hapus user
                          2. Petugas mengganti status user dari tabel data
                             user
12.   No. Proses      3.1
      Nama proses     Tambah pegawai
      Deskripsi       Menambah data pegawai
      Source          Administrator
      Input           Data pegawai
      Output          Info pegawai
                                                                          48




No. Detail             Keterangan
    Destination        Administrator
    Logika proses          1. Administrator     memilih sub menu tambah
                              pegawai
                           2. Administrator menambahkan data pegawai baru
                              dan disimpan ke tabel pegawai
13    No. Proses       3.2
      Nama proses      Cari Pegawai
      Deskripsi        Mencari data pegawai yang akan diolah
      Source           Administrator
      Input            Data pegawai
      Output           Info pegawai
      Destination      Administrator
      Logika proses 1. 1. Administrator mencari data pegawai yang akan diolah
14.   No. Proses       3.3
      Nama proses      Edit pegawai
      Deskripsi        Mengubah data pegawai
      Source           Administrator
      Input            Data pegawai
      Output           Info pegawai
      Destination      Administrator
      Logika proses        1. Administrator memilih sub menu edit pegawai
                           2. Administrator mengubah data pegawai dan
                              menyimpannya ke tabel pegawai
15.   No. Proses       3.4
      Nama proses      Hapus pegawai
      Deskripsi        Mengganti status pegawai
      Source           Administrator
      Input            Data pegawai
      Output           Info pegawai
      Destination      Administrator
      Logika proses        1. Administrator memilih sub menu hapus pegawai
                           2. Administrator mengganti status pegawai dari
                              tabel pegawai
16.   No. Proses       4.1
      Nama proses      Tambah kota
      Deskripsi        Menambah data kota
      Source           Administrator
      Input            Data kota
      Output           Info kota
      Destination      Administrator
      Logika proses        1. Adminiatrator memilih sub menu tambah kota
                           2. Adminiatrator menambahkan data kota ke dalam
                              tabel kota
17.   No. Proses       4.2
                                                                       49




No. Detail           Keterangan
    Nama proses      Cari Kota
    Deskripsi        Mencari data kota yang akan diolah
    Source           Administrator
    Input            Data kota
    Output           Info kota
    Destination      Administrator
    Logika proses 2. 1. Administrator mencari nama kota yang akan diolah
18. No. Proses       4.3
    Nama proses      Edit kota
    Deskripsi        Mengubah data kota
    Source           Administrator
    Input            Data kota
    Output           Info kota
    Destination      Administrator
    Logika proses        1. Administrator memilih sub menu edit kota
                         2. Administrator mengubah data kota dan
                             menyimpannya ke tabel kota
19. No. Proses       4.4
    Nama proses      Hapus kota
    Deskripsi        Mengganti status kota
    Source           Administrator
    Input            Data kota
    Output           Info kota
    Destination      Administrator
    Logika proses        1. Administrator memilih sub menu hapus kota
                         2. Administrator sengganti status kota pada tabel
                             kota
20. No. Proses       5.1
    Nama proses      Cari Surat
    Deskripsi        Mencari data surat yang akan diolah
    Source           Administrator
    Input            Data surat
    Output           Info surat
    Destination      Administrator
    Logika proses 3. 1. Administrator mencari data surat yang akan diolah
21. No. Proses       5.2
    Nama proses      Cari Rincian Surat
    Deskripsi        Mencari data rincian surat yang akan diolah
    Source           Administrator
    Input            Data rincian surat
    Output           Info rincian surat
    Destination      Administrator
    Logika proses 4. 1. Administrator mencari data rincian surat yang akan
                     diolah
                                                                          50




No. Detail             Keterangan
22. No. Proses         5.3
    Nama proses        Hapus surat
    Deskripsi          Mengganti status surat
    Source             Administrator
    Input              Data surat
    Output             Info surat
    Destination        Administrator
    Logika proses          1. Administrator memilih sub menu hapus surat
                           2. Administrator mengganti status surat pada tabel
                               surat
23.   No. Proses       5.4
      Nama proses      Hapus rincian surat
      Deskripsi        Mengganti status rincian
      Source           Administrator
      Input            Data rincian
      Output           Info rincian
      Destination      Administrator
      Logika proses        1. Administrator memilih sub menu hapus rincian
                               surat
                           2. Administrator mengganti status rincian pada
                               tabel rincian
24.   No. Proses       6.1
      Nama proses      Tambah surat
      Deskripsi        Membuat surat baru
      Source           Petugas
      Input            Data surat
      Output           Info surat
      Destination      Petugas
      Logika proses        1. Petugas memilih sub menu tambah surat
                           2. Petugas membuat surat baru dan menyimpan
                               datanya pada tabel surat
25.   No. Proses       6.2
      Nama proses      Cari Surat
      Deskripsi        Mencari data surat yang akan diolah
      Source           Administrator
      Input            Data surat
      Output           Info surat
      Destination      Administrator
      Logika proses 5. 1. Administrator mencari data surat yang akan diolah
26.   No. Proses       6.3
      Nama proses      Edit surat
      Deskripsi        Mengubah data surat
      Source           Petugas
      Input            Data surat
                                                                            51




No. Detail               Keterangan
    Output               Info surat
    Destination          Petugas
    Logika proses            1. Petugas memilih sub menu edit surat
                             2. Petugas      mengubah      data     surat   dan
                                 menyimpannya ke tabel surat
27.   No. Proses         6.4
      Nama proses        Lihat surat depan
      Deskripsi          Menampilkan surat halaman depan
      Source             Petugas
      Input              Data surat
      Output             Info surat
      Destination        Petugas
      Logika proses          1. Petugas memilih sub menu lihat surat depan
                             2. Petugas melihat tampilan halaman surat depan
28.   No. Proses         6.5
      Nama proses        Lihat surat belakang
      Deskripsi          Menampilkan surat halaman belakang
      Source             Petugas
      Input              Data surat
      Output             Info surat
      Destination        Petugas
      Logika proses          1. Petugas memilih sub menu lihat surat belakang
                             2. Petugas melihat tampilan halaman surat
                                 belakang
29.   No. Proses         7.1
      Nama proses        Tambah rincian
      Deskripsi          Menambah data rincian surat
      Source             Petugas
      Input              Data rincian
      Output             Info rincian
      Destination        Petugas
      Logika proses          1. Petugas memilih sub menu tambah rincian
                             2. Petugas menambah data rincian surat ke tabel
                                 rincian
30    No. Proses         7.2
      Nama proses        Cari Rincian Surat
      Deskripsi          Mencari data rincian surat yang akan diolah
      Source             Administrator
      Input              Data rincian surat
      Output             Info rincian surat
      Destination        Administrator
      Logika proses   6. 1. Administrator mencari data rincian surat yang akan
                         diolah
31.   No. Proses         7.3
                                                                             52




 No. Detail               Keterangan
     Nama proses          Edit rincian
     Deskripsi            Mengubah data rincian surat
     Source               Petugas
     Input                Data rincian
     Output               Info rincian
     Destination          Petugas
     Logika proses            1. Petugas memilih sub menu edit rincian
                              2. Petugas mengubah data rincian surat dan
                                  menyimpannya ke tabel rincian
 32.   No. Proses         7.4
       Nama proses        Lihat rincian
       Deskripsi          Menampilkan data rincian surat
       Source             Petugas
       Input              Data rincian
       Output             Info rincian
       Destination        Petugas
       Logika proses          1. Petugas memilih sub menu lihat rincian
                              2. Petugas menampilkan data rincian surat


3.4    Struktur Menu

        Struktur   menu   dirancang   sesuai   dengan   level   pengguna   yang

menggunakan sistem. Terdapat dua pengguna aplikasi ini yaitu Administrator dan

Petugas.
                                                                                      53




3.4.1    Struktur Menu Administrator


                                          login



                                          Menu
                                       Administrator




                                                                 Pengecekan
     Pengolahan        Pengolahan               Pengolahan                    About
                                                                  Pembuat
    Data Pegawai        Data Kota                Data User
                                                                   SPPD




    Tambah Data        Tambah Data                     Tambah Data
      Pegawai             Kota                            User



        Edit Data     Edit Data Kota               Edit Data User
        Pegawai



                    Gambar III.13 Struktur Menu Administrator

3.4.2    Struktur Menu Petugas


                                                   login




                                              Menu Petugas




                       Pembuatan               Pembuatan             About
                         SPPD                 Rincian SPPD




                      Tambah Surat           Tambah Rincian




                        Edit Surat              Edit Rincian



                       Lihat Surat             Lihat Rincian
                         Depan



                       Lihat Surat
                        Belakang




                      Gambar III.14 Struktur Menu Petugas
                                                                                                                    54




3.5    Perancangan Antar Muka SPPD

      a. Perancangan Antar Muka Login
         Perancangan untuk Login sama untuk segala jenis user. Baik admin

         ataupun petugas. Masukkan username dan password, kemudian klik

         tombol Login maka jika data valid user bisa langsung masuk ke system.

                                   T01

                                                                    - Klik LOGIN dan valid, jika
                                                                    admin menuju T01 A, jika
                                Silahkan Masukan Data Anda          petugas menuju T01 B
                                                                    - Klik LOGIN dan invalid,
                           Username                                 menuju M01
                                                                    - Klik BATAL, keluar

                           Password


                                           LOGIN       BATAL



                        Keterangan
                        Nama Form          :T01
                        Ukuran layar       :1024x768
                        Font               :
                        Warna layar        :cream




                                   Gambar III.15 Perancangan Antar Muka Login

      b. Perancangan Antar Muka Menu Utama Administrator

                T01 A

                                                                             - Klik File atau Alt-F dan pilih Sub
             File                                                            Menu Pegawai, menuju T02 A
             Pegawai                                                         - Klik File atau Alt-F dan pilih Sub
                                                                             Menu Kota, menuju T03 A
             Kota                                                            - Klik File atau Alt-F dan pilih Sub
             User                                                            Menu User, menuju T04 A
                                                                             - Klik File atau Alt-F dan pilih Sub
             Surat                                                           Menu Surat, menuju T05 A
              Keluar                                                         - Klik File atau Alt-F lalu Keluar,
                                                                             keluar

                            ( gambar logo Departemen Perdagangan)




         Keterangan
         Nama Form        :T01 A
         Ukuran layar     :1024x768
         Font             :
         Warna layar      :putih dan abu




                    Gambar III.16 Perancangan Antar Muka Menu Utama Admin
                                                                                                                                                                    55




 c. Perancangan Antar Muka Pengolahan Data Pegawai

       T02 A

                                             Pengolahan Data Pegawai
                                                                                                                                   - Klik Tambah, menuju T01 AP
               NIP    NamaPegawai      PangkatDanGolongan         Jabatan   GajiPokok   Tingkat   JabatanDalamSPPD
                                                                                                                                   - Klik Edit, menuju T01 AP
                                                                                                                                   - Klik Hapus, menuju M02
                                                                                                                                   - Klik Keluar, menuju T01 A
                                                                                                                                   - Klik Cari, menuju T02 A dan
                                                                                                                                   mengarah pada data yang dicari




 Pengurutan Berdasarkan                                                                       Pencarian

       Nomor Pegawai                   Tambah              Edit             Hapus

       Nama Pegawai
                                                          Keluar                                          Cari




Keterangan
Nama Form       :T02 A
Ukuran layar    :1024x768
Font            :
Warna layar     :cream




                     Gambar III.17 Perancangan Antar Muka Pengolahan Data Pegawai

 d. Perancangan Antar Muka Pengisian Data Pegawai

                               T01 AP

                                            Pengisian Data Pegawai                                        - Klik Simpan, dta pegawai tersimpan
                                                                                                          dan dapat dilihat di T02 A
                                                                                                          - Klik Batal, menuju T02 A

                            NIP


                            Nama Pegawai


                            Pangkat Dan Golongan


                            Jabatan


                            Gaji Pokok


                            Tingkat


                            Jabatan Dalam SPPD



                                                   Simpan                     Batal




                        Keterangan
                        Nama Form        :T01 AP
                        Ukuran layar     :1024x768
                        Font             :
                        Warna layar      :putih dan abu




                     Gambar III.18 Perancangan Antar Muka Pengisian Data Pegawai
                                                                                                                                                            56




e. Perancangan Antar Muka Pengolahan Data Kota

         T03 A

                                                 Pengolahan Data Kota
                                                                                                                           - Klik Tambah, menuju T01 AK
       NamaKota     BintangLima   BintangEmpat     BintangTiga     BintangDua   BintangSatu    TarifTaxi   UangHarian      - Klik Edit, menuju T01 AK
                                                                                                                           - Klik Hapus, menuju M02
                                                                                                                           - Klik Keluar, menuju T01 A
                                                                                                                           - Klik Cari, menuju T03 A dan
                                                                                                                           mengarah pada data yang dicari


                                                 Pencarian Nama Kota




                                                           Cari


                                        Tambah             Edit            Hapus


                                                          Keluar




  Keterangan
  Nama Form       :T03 A
  Ukuran layar    :1024x768
  Font            :
  Warna layar     :cream




                  Gambar III.19 Perancangan Antar Muka Pengolahan Data Kota

f. Perancangan Antar Muka Pengisian Data Kota


                 T01 AK

                                     Pengisian Data Kota                                                          - Klik Simpan, data kota tersimpan
                                                                                                                  dan dapat dilihat di T03 A
                                                                                                                  - Klik Batal, menuju T03 A

        Nama Kota

        Uang Harian

        Tarif taxi

         Biaya Penginapan
         Bintang Satu

         Bintang Dua

         Bintang Tiga                                                                         Simpan


         Bintang Empat                                                                         Batal

         Bintang Lima




    Keterangan
    Nama Form             :T01 AK
    Ukuran layar          :1024x768
    Font                  :
    Warna layar           :putih dan abu




                   Gambar III.20 Perancangan Antar Muka Pengisian Data Kota
                                                                                                  57




g. Perancangan Antar Muka Pengolahan Data User

             T04 A

                     Pengolahan Data User                        - Klik Tambah, menuju T01 AU
                                                                 - Klik Edit, menuju T01 Au
               Username         Password       Bagian            - Klik Hapus, menuju M02
                                                                 - Klik Keluar, menuju T01 A
                                                                 - Klik Cari, menuju T04 A dan
                                                                 mengarah pada data yang dicari




                     Pencarian Username




                                  Cari



              Tambah              Edit               Hapus


                                 Keluar



      Keterangan
      Nama Form      :T04 A
      Ukuran layar   :1024x768
      Font           :
      Warna layar    :cream




        Gambar III.21 Perancangan Antar Muka Pengolahan Data User

h. Perancangan Antar Muka Pengisian Data User


                        T01 AU

                                                             - Klik Simpan, data pejabat
                         Pengisian Data Pejabat              tersimpan dan dapat dilihat di
                                                             T04 A
                                                             - Klik Batal, menuju T04 A
                     Username

                     Password

                     Bagian


                        Simpan                     Batal




                 Keterangan
                 Nama Form        :T01 AU
                 Ukuran layar     :1024x768
                 Font             :
                 Warna layar      :putih dan abu




          Gambar III.22 Perancangan Antar Muka Pengisian Data User
                                                                                                                                      58




    i. Perancangan Antar Muka Pengecekan Pembuat SPPD

        T05 A

                                                                                                  - Klik Cari, menuju T05 A, dan
                          Pengecekan Pembuat Surat Perintah Perjalanan Dinas                      mengarah pada data yang dicari
                                                                                                  -Klik Hapus surat, menuju M05
                                                                                                  -Klik Hapus rincian surat, menuju
Tabel Surat                                                                                       M06
                                                                 Pencarian Nomor Surat
  NoSurat      TglSurat     NIP    NamaPegawai         Pangkat                                    - Klik Keluar, menuju T01 A




                                                                           Cari



 Tabel Rincian Surat
                                                                       Hapus surat
   NoSurat     BiayaTransport     BiayaTransportDariKantor
                                                                  Hapus rincian surat




                                                                          Keluar




Keterangan
Nama Form       :T05 A
Ukuran layar    :1024x768
Font            :
Warna layar     :cream




                 Gambar III.23 Perancangan Antar Muka Pengecekan Pembuat SPPD

    j. Perancangan Antar Muka Menu Petugas


               T01 B

                                                                                         - Klik File atau Alt-F dan pilih Sub
         File                                                                            Menu Buat Surat, menuju T02 B
         Buat Surat                                                                      - Klik File atau Alt-F dan pilih Sub
                                                                                         Menu Buat Rincian, menuju T03 B
         Buat Rincian                                                                    - Klik File atau Alt-F lalu Keluar,
         Keluar                                                                          keluar




                          ( gambar logo Departemen Perdagangan)




    Keterangan
    Nama Form         :T01 B
    Ukuran layar      :1024x768
    Font              :
    Warna layar       :putih dan abu




                              Gambar III.24 Perancangan Antar Muka Menu Petugas
                                                                                                                                                                  59




  k. Perancangan Antar Muka Pembuatan SPPD

        T02 B

                                       Pembuatan Surat Perintah Perjalanan Dinas                                             - Klik Tambah Surat, menuju T01 BS
                                                                                                                             - Klik Edit Surat, menuju T01 BS
  Tabel Pegawai                                                                                                              - Klik Hapus, menuju M02
                                                                                                                             - Klik Keluar, menuju T01 B
      NIP      NamaPegawai     PangkatDanGolongan    Jabatan     GajiPokok     Tingkat   JabatanDalamSPPD
                                                                                                                             - Klik Cari, menuju T02 B dan
                                                                                                                             mengarah pada data yang dicari




  Tabel Surat
     NoSurat    TglSurat     NIP   NamaPegawai       Pangkat




     Pencarian Nama Pegawai                                                                          Pencarian Nomor Surat
                                      Tambah Surat             Edit Surat           Hapus Surat



                 Cari                     Lihat Surat Depan               Lihat Surat Belakang                 Cari



                                                                 Keluar




Keterangan
Nama Form      :T02 B
Ukuran layar   :1024x768
Font           :
Warna layar    :cream




                           Gambar III.25 Perancangan Antar Muka Pembuatan SPPD
                                                                                                                         60




l. Perancangan Antar Muka Pengisian Data SPPD

         T01 BS
                                         Pengisian Data Surat             - Klik Simpan, data surat akan tersimpan dan
                                                                          dapat dilihat di T02 B
   Nomor Surat                                                            -Klik Batal, menuju T02 B

   NIP


  Nama pegawai yang diperintahkan


  Pangkat dan golongan
  menurut P.P. Nomor 15 Tahun 1985


  Jabatan


  Gaji pokok

  Tingkat menurut peraturan perjalanan dinas

  Maksud perjalanan dinas

  Tempat berangkat

  Tempat tujuan

  Lamanya perjalanan dinas                                hari

  Tanggal berangkat

  Tahun anggaran

  Mata anggaran                                090.02.04.01.02.

  Tanggal surat

  NIP Pejabat

  Nama Pejabat


                                                Simpan            Batal


  Keterangan
  Nama Form       :T01 BS
  Ukuran layar    :1024x768
  Font            :
  Warna layar     :cream




                  Gambar III.26 Perancangan Antar Muka Pengisian Data SPPD
                                                                                                                                    61




   m. Perancangan Antar Muka Surat Depan

           T02 BS


                                                                                                       - Klik Close, menuju T02 B
    Close


       DEPARTEMEN PERDAGANGAN RI                                   Lembar ke  :
DIREKTORAT JENDERAL PERDAGANGAN DALAM NEGERI                       Kode Nomor :
           DIREKTORAT METROLOGI                                    Nomor      : (nomor SPPD)

                               SURAT PERINTAH PERJALANAN DINAS


       1    Pejabat berwenang yang memberi perintah        Direktur Metrologi di Bandung

       2    Nama pegawai yang diperintahkan                (nama pegawai) / (NIP pegawai)

            a. Pangkat dan golongan menurut                a. (pangkat dan golongan pegawai)
               P.P Nomor 15 Tahun 1985

            b. Jabatan                                     b. (jabatan pegawai)
       3
            c. Gaji Pokok                                  c.

            d. Tingkat menurut peraturan perjalanan dinas d. (tingkat pegawai)

       4    Maksud perjalanan dinas                        (maksud perjalanan dinas)

                                                           K.A / Bis / Kendaraan Umum / Pesawat
       5    Alat angkut yang dipergunakan
                                                           Udara

            a. Tempat Berangkat                            a. (kota berangkat)
       6
            b. Tempat tujuan                               b. (kota tujuan)

            a. Lamanya perjalanan dinas
                                                           a. (lamanya perjalanan) hari
       7    b. Tanggal berangkat
                                                           .
            c. Tanggal harus kembali
            Pengikut                          Nama                Umur           Hubungan keluarga /
            a.                                                                   Keterangan
       8
            b.
            c.
            Pembebanan Anggaran
       9    a. Instansi                                    a. Direktorat Metrologi (Tahun Anggaran)
            b. Mata Anggaran                               b. (mata anggaran)

      10 Keterangan lain - lain


                                                           Dikeluarkan di : (kota)
                                                           Pada tanggal : (Tanggal pembuatan)

     Tembusan :                                                 A.n Kuasa Pengguna Anggaran
     1.                                                           Pejabat Pembuat Komitmen,
     2.
     *) Pejabat yang berhak menerbitkan SPPD
                                                                         (nama pejabat)
                                                                          (NIP pejabat)




Keterangan
Nama Form                :T02 BS
Ukuran layar             :1024x768
Font                     :
Warna layar              :putih




                             Gambar III.27 Perancangan Antar Muka Surat Depan
                                                                                                                                    62




 n. Perancangan Antar Muka Surat Belakang


            T03 BS


        Close




                                                         Berangkat dari : (kota berangkat)             - Klik Close, menuju T02 B
                                                         (tempat kedudukan)
                                                         Pada tanggal : (tanggal berangkat)
                                                         Ke             : (kota tujuan)

                                                                 A.n Kuasa Pengguna Anggaran
    I                                                              Pejabat Pembuat Komitmen,


                                                                          (nama pejabat)
                                                                           (NIP pejabat)




          Tiba di                : (kota tujuan)         Berangkat dari          : (kota tujuan)
   II     Pada tanggal           : (tanggal berangkat)   Ke                      : (kota berangkat)
                                                         Pada tanggal            : (tanggal kembali)


          Tiba di                :                       Berangkat dari          :
   III    Pada tanggal           :                       Ke                      :
                                                         Pada tanggal            :


          Tiba di                :                       Berangkat dari          :
  IV      Pada tanggal           :                       Ke                      :
                                                         Pada tanggal            :



                                                         Telah diperiksa dengan keterangan bahwa,
          Tiba di                : (kota berangkat)
                                                         perjalanan tersebut diatas benar atas
          (tempat kedudukan)
                                                         perintahnya dan semata-mata untuk
                                                         kepentingan jabatan dalam waktu yang
                A.n Kuasa Pengguna Anggaran              sesingkat-singkatnya.
   V              Pejabat Pembuat Komitmen,
                                                             A.n Kuasa Pengguna Anggaran
                                                                  Pejabat Pembuat Komitmen,
                       (nama pejabat)
                        (NIP pejabat)
                                                                          (nama pejabat)
                                                                           (NIP pejabat)


  VI      Catatan lain - lain



 PERHATIAN :
 Pejabat yang berwenang menerbitkan SPPD, pegawai yang melakukan perjalanan dinas, para
 pejabat yang mengesahkan tanggal berangkat/tibaserta bendaharawan, bertanggung jawab
 berdasarkan peraturan-peraturan Keuangan Negara apabila Negara menderita rugi akibat
 kesalahan, kelalaian dan kealpaannya (angka 8 lampiran Surat Menteri Keuangan tanggal 30 April
 1974 Nomor B.296/MK/I/4/1974).




Keterangan
Nama Form                 :T03 BS
Ukuran layar              :1024x768
Font                      :
Warna layar               :putih




                           Gambar III.28 Perancangan Antar Muka Surat Belakang
                                                                                                                                               63




   o. Perancangan Antar Muka Pembuatan Rincian Biaya Perjalanan Dinas

        T03 B

                              Pembuatan Rincian Biaya Perjalanan Dinas                                    - Klik Tambah Rincian, menuju T01
                                                                                                          BR
  Tabel Surat                                                                                             - Klik Edit Rincian, menuju T01 BR
                                                                                                          - Klik Lihat Rincian, menuju T03 B
      NIP      NamaPegawai     PangkatDanGolongan   Jabatan     GajiPokok    Tingkat   JabatanDalamSPPD
                                                                                                          - Klik Keluar, menuju T01 B
                                                                                                          - Klik Cari, menuju T03 B dan
                                                                                                          mengarah pada data yang dicari




  Tabel Rincian Surat
     NoSurat    TglSurat     NIP   NamaPegawai      Pangkat




                                                    Pencarian Nomor Surat




                                                                 Cari



                                      Tambah Rincian          Edit Rincian        Lihat Rincian



                                                                Keluar




Keterangan
Nama Form      :T03 B
Ukuran layar   :1024x768
Font           :
Warna layar    :cream




  Gambar III.29 Perancangan Antar Muka Pembuatan Rincian Biaya Perjalanan Dinas
                                                                                                                 64




  p. Perancangan Antar Muka Pengisian Data Rincian Biaya Perjalanan Dinas


              T01 BR

                                                                    - Klik Simpan, data rincian akan tersimpan
                    Pengisian Data Rincian Biaya Perjalanan Dinas   dan dapat dilihat di T03 B
                                                                    -Klik Batal, menuju T03 B

      Biaya Transport

      Tiket


      Lama Menginap


      Biaya Transport dari Kantor


      Pengeluaran Retribusi


      Tanggal Pembuatan Rincian SPPD


      Yang telah dibayar semula


      NIP Bendahara


      Nama Bendahara


                                             Simpan         Batal



     Keterangan
     Nama Form       :T01 BR
     Ukuran layar    :1024x768
     Font            :
     Warna layar     :cream




Gambar III.30 Perancangan Antar Muka Pengisian Data Rincian Biaya Perjalanan Dinas
                                                                                                                                  65




   q. Perancangan Antar Muka Lihat Rincian

          T02 BR


    Close                                                                                            - Klik Close, menuju T03 B


                                     RINCIAN BIAYA PERJALANAN DINAS


   Lampiran SPPD Nomor            : (nomor lampiran)
   Tanggal                        : (Tanggal pembuatan SPPD)
   Kode Kegiatan Sub Kegiatan Mak : (kode)




     No                      PERINCIAN                      JUMLAH            KETERANGAN


      1   Uang Harian                                     Rp. Xxx      (keterangan)

      2   Biaya Transport                                 Rp. Xxx
      3   Biaya Penginapan                                Rp. Xxx
      4   Biaya lain – lain
          - Biaya transport dari kantor                   Rp. Xxx
            ke terminal/bandara/stasiun (PP)
          - Pengeluaran retribusi (PP)


          JUMLAH .....................                    Rp. Xxx

          Terbilang


                                                                                 (tanggal rincian)

          Telah dibayar sejumlah                              Telah menerima jumlah uang sebesar
             Rp. xxx
                                                                                           Rp. xxx


                Bendaharawan,                                          Yang menerima,


               (nama bendahara)                                        (nama pegawai)
                (NIP bendahara)                                         (NIP pegawai)


                                         PERHITUNGAN SPPD RAMPUNG
      Ditetapkan sejumlah                      : Rp. xxx
      Yang telah dibayar semula                : Rp. xxx

      Sisa kurang / lebih                     : Rp. xxx


                                                                      Mengetahui / Menyetujui
                                                                     Pejabat Pembuat Komitmen,


                                                                          (nama pejabat)
                                                                           (NIP pejabat)




Keterangan
Nama Form                 :T02 BR
Ukuran layar              :1024x768
Font                      :
Warna layar               :putih




                              Gambar III.31 Perancangan Antar Muka Lihat Rincian
                                                                                            66




3.6     Perancangan Antar Muka Pesan

      a. Pesan ini muncul apabila user salah memasukan username atau password

         pada form Login.

                     M01

                                                                         -Klik OK, keluar
              Anda Salah Memasukan Username atau Password


                                             OK




            Keterangan
            Nama Form      :M01
            Ukuran layar   :1024x768
            Font           :
            Warna layar    :abu




                                 Gambar III.32 Pesan Kesalahan Login

      b. Pesan ini muncul sebagai konfirmasi kepada user ketika user akan

         merubah status pegawai.

                                M02

                                                             -Klik OK, data terhapus
                                                             -Klik No, menuju layar
                                  Pegawai dinon-aktifkan ?   sebelumnya




                                 Yes               No



                       Keterangan
                       Nama Form       :M02
                       Ukuran layar    :1024x768
                       Font            :
                       Warna layar     :abu




                    Gambar III.33 Pesan Proses Perubahan Status Pegawai
                                                                           67




c. Pesan ini muncul sebagai konfirmasi kepada user ketika user akan

   merubah status kota.

                  M03

                                                 -Klik OK, data terhapus
                                                 -Klik No, menuju layar
                        Kota tidak digunakan ?   sebelumnya




                   Yes               No



         Keterangan
         Nama Form       :M03
         Ukuran layar    :1024x768
         Font            :
         Warna layar     :abu




               Gambar III.34 Pesan Proses Perubahan Status Kota

d. Pesan ini muncul sebagai konfirmasi kepada user ketika user akan

   merubah status user.

                  M04

                                                 -Klik OK, data terhapus
                                                 -Klik No, menuju layar
                        User dinon-aktifkan ?    sebelumnya




                   Yes               No



         Keterangan
         Nama Form       :M04
         Ukuran layar    :1024x768
         Font            :
         Warna layar     :abu




               Gambar III.35 Pesan Proses Perubahan Status User
                                                                               68




e. Pesan ini muncul sebagai konfirmasi kepada user ketika user akan

   merubah status surat.

                  M05

                                                    -Klik OK, data terhapus
                                                    -Klik No, menuju layar
                         Surat tidak digunakan ?    sebelumnya




                    Yes               No



         Keterangan
         Nama Form        :M05
         Ukuran layar     :1024x768
         Font             :
         Warna layar      :abu




              Gambar III.36 Pesan Proses Perubahan Status Surat

f. Pesan ini muncul sebagai konfirmasi kepada user ketika user akan

   merubah status rincian surat.

                   M06

                                                     -Klik OK, data terhapus
                                                     -Klik No, menuju layar
                  Rincian surat tidak digunakan ?    sebelumnya




                    Yes               No



          Keterangan
          Nama Form       :M06
          Ukuran layar    :1024x768
          Font            :
          Warna layar     :abu




         Gambar III.37 Pesan Proses Perubahan Status Rincian Surat
                                                                                           69




3.7     Jaringan semantik


3.7.1    Jaringan Semantik User Administrator


                                                    M02                           T01 AP
                                                                   Tambah, edit
                 M01                                      T02 A
                                          pegawai                   simpan, batal
                                             keluar
               T01       login    T01 A
                                                  kota
                                              keluar              M03

                         keluar                           T03 A
                                       user
                             surat keluar                            tambah, edit
                                                   M04            simpan, batal

                     T05 A                                                        T01 AK
                                          T04 A

                                                   tambah, edit
                                              simpan, batal
                                                              T01 AU



                 Gambar III.38 Jaringan Semantik User Administrator
                                                                                                                 70




3.7.2    Jaringan Semantik User Petugas


                                                                                   T01 BS




                                                                               u ra a t ,
                                                                         i t s su r
                                                                                   t
                                                                     ed bah




                                                                             l
                                                                          ta
                                                                       ba
                                                                    tam



                                                                    n,
                                                                                                 epan




                                                                 pa
                                                                                                        T02 BS
                                                                                        ra t d




                                                               m
                                             M05                                 su
                                                                           Lihat




                                                            si
           M01                                     T02 B                                    close
                                buat surat
                                    keluar                      Lihat
                                                                         su r a
                                                                                  t bela
          T01    login   T01B                                                               ka n g
                                                           close

                                 buat rincian                                                 T03 BS
                                 keluar
                                                         edit
                                                 T03 B tamba rincian,
                                                              h rin
                                                                    cian
                                             M06                         T01 BR
                                                        simpan, batal
                                                                         cl
                                                           Li



                                                                            os
                                                           ha



                                                                              e
                                                                tr
                                                                 in
                                                                   ci
                                                                     an




                                                                             T02 BR



                     Gambar III.39 Jaringan Semantik User Petugas

3.8     Implementasi

         Pada tahap ini, hasil dari tahap perancangan diterjemahkan ke dalam

bahasa pemrograman. Wujud dari hasil tahap implementasi ini nantinya adalah

sebuah sistem yang siap untuk diuji.
                                                                            71




3.8.1   Halaman Login

        Pada halaman ini, user diminta untuk memasukan username dan password.

Tekan tombol LOGIN untuk melakukan verifikasi username dan password, tekan

tombol BATAL untuk membatalkan proses login dan keluar dari aplikasi.




                          Gambar III.40 Halaman Login

3.8.2   Pesan Kesalahan Login

        Pesan ini muncul jika user salah memasukan username dan atau password.




                       Gambar III.41 Pesan Kesalahan Login

3.8.3   Halaman Utama Menu Administrator

        Jika user yang melakukan proses login adalah Administrator maka akan

muncul halaman utama Menu Administrator. Pada Menu Administrator terdapat

menu File dan About. Menu File memiliki sub menu Pegawai, Kota, User, Surat,

dan Keluar.
                                                                             72




                 Gambar III.42 Halaman Utama Menu Administrator

3.8.4   Halaman Menu Pengolahan Data Pegawai

        Pada halaman ini user bisa melakukan proses tambah, edit, hapus dan cari

pegawai. Proses pencarian dapat dilakukan berdasarkan Nomor Pegawai atau

Nama Pegawai.




                Gambar III.43 Halaman Menu Pengolahan Data Pegawai
                                                                           73




3.8.5   Halaman Pengisian Data Pegawai (Proses Tambah)

        Pada halaman ini user diminta untuk memasukan data pegawai. Tekan

tombol Simpan untuk menyimpan data pegawai atau tekan tombol Batal untuk

membatalkan proses penyimpanan.




           Gambar III.44 Halaman Pengisian Data Pegawai (Proses Tambah)

3.8.6   Halaman Pengisian Data Pegawai (Proses Edit)

        Pada halaman ini user diminta untuk merubah data pegawai. Tekan tombol

Simpan untuk menyimpan data pegawai atau tekan tombol Batal untuk

membatalkan proses penyimpanan.
                                                                          74




             Gambar III.45 Halaman Pengisian Data Pegawai (Proses Edit)

3.8.7   Pesan Penghapusan Data Pegawai

        Pesan ini akan muncul ketika user menekan tombol Hapus. Tekan tombol

Yes untuk menghapus (merubah status menjadi “Tidak Aktif”) atau tekan tombol

No untuk membatalkan proses hapus data pegawai.




                   Gambar III.46 Pesan Penghapusan Data Pegawai

3.8.8   Halaman Pengolahan Data Pegawai (Proses Cari)

        Proses pencarian data pegawai terdapat pada halaman Pengolahan Data

Pegawai. Terdapat dua cara pencarian yaitu pencarian nomor pegawai dan
                                                                             75




pencarian nama pegawai. Proses pencarian dilakukan dengan mencari kata

terdekat dengan kata kunci yang dimasukan user.




            Gambar III.47 Halaman Pengolahan Data Pegawai (Proses Cari)

3.8.9   Halaman Pengolahan Data Kota

        Pada halaman ini user bisa melakukan proses tambah, edit, hapus dan cari

kota.




                    Gambar III.48 Halaman Pengolahan Data Kota
                                                                        76




3.8.10 Halaman Pengisian Data Kota (Proses Tambah)

      Pada halaman ini user diminta untuk memasukan data kota. Tekan tombol

Simpan untuk menyimpan data kota atau tekan tombol Batal untuk membatalkan

proses penyimpanan.




           Gambar III.49 Halaman Pengisian Data Kota (Proses Tambah)

3.8.11 Halaman Pengisian Data Kota (Proses Edit)

      Pada halaman ini user diminta untuk merubah data kota. Tekan tombol

Simpan untuk menyimpan data kota atau tekan tombol Batal untuk membatalkan

proses penyimpanan.




             Gambar III.50 Halaman Pengisian Data Kota (Proses Edit)
                                                                           77




3.8.12 Pesan Penghapusan Data Kota

       Pesan ini akan muncul ketika user menekan tombol Hapus. Tekan tombol

Yes untuk menghapus (merubah status menjadi “Tidak Digunakan”) atau tekan

tombol No untuk membatalkan proses hapus data kota.




                    Gambar III.51 Pesan Penghapusan Data Kota

3.8.13 Halaman Pengolahan Data Kota (Proses Cari)

       Proses pencarian data kota terdapat pada halaman Pengolahan Data Kota.

Proses pencarian dilakukan dengan mencari kata terdekat dengan kata kunci yang

dimasukan user.




             Gambar III.52 Halaman Pengolahan Data Kota (Proses Cari)
                                                                             78




3.8.14 Halaman Pengolahan Data User

        Pada halaman ini user bisa melakukan proses tambah, edit, hapus dan cari

user.




                    Gambar III.53 Halaman Pengolahan Data User

3.8.15 Halaman Pengisian Data User (Proses Tambah)

        Pada halaman ini user diminta untuk memasukan data user. Tekan tombol

Simpan untuk menyimpan data user atau tekan tombol Batal untuk membatalkan

proses penyimpanan.




             Gambar III.54 Halaman Pengisian Data User (Proses Tambah)
                                                                         79




3.8.16 Halaman Pengisian Data User (Proses Edit)

       Pada halaman ini user diminta untuk merubah data user. Tekan tombol

Simpan untuk menyimpan data user atau tekan tombol Batal untuk membatalkan

proses penyimpanan.




              Gambar III.55 Halaman Pengisian Data User (Proses Edit)

3.8.17 Pesan Penghapusan Data User

       Pesan ini akan muncul ketika user menekan tombol Hapus. Tekan tombol

Yes untuk menghapus (merubah status menjadi “Tidak Aktif”) atau tekan tombol

No untuk membatalkan proses hapus data user.




                    Gambar III.56 Pesan Penghapusan Data User

                                         .
                                                                                80




3.8.18 Halaman Pengolahan Data User (Proses Cari)

       Proses pencarian data user terdapat pada halaman Pengolahan Data User.

Proses pencarian dilakukan dengan mencari kata terdekat dengan kata kunci yang

dimasukan user.




             Gambar III.57 Halaman Pengolahan Data User (Proses Cari)

3.8.19 Halaman Pengecekan Pembuat Surat Perintah Perjalanan Dinas

       Pada halaman ini user bisa melakukan proses cari dan hapus data surat

maupun data rincian surat.




     Gambar III.58 Halaman Pengecekan Pembuat Surat Perintah Perjalanan Dinas
                                                                                81




3.8.20 Halaman Pengecekan Pembuat Surat Perintah Perjalanan Dinas

       (Proses Cari)

       Proses pencarian data surat maupun data rincian surat terdapat pada

halaman Pengecekan Pembuat Surat Perintah Perjalanan Dinas. Proses pencarian

dilakukan dengan mencari kata terdekat dengan kata kunci yang dimasukan user.




     Gambar III.59 Halaman Pengecekan Pembuat Surat Perintah Perjalanan Dinas

                                   (Proses Cari)

3.8.21 Pesan Penghapusan Data Surat

       Pesan ini akan muncul ketika user menekan tombol Hapus. Tekan tombol

Yes untuk menghapus (merubah status menjadi “Tidak Diguankan”) atau tekan

tombol No untuk membatalkan proses hapus data surat.




                   Gambar III.60 Pesan Penghapusan Data Surat
                                                                         82




3.8.22 Pesan Penghapusan Data Rincian Surat

       Pesan ini akan muncul ketika user menekan tombol Hapus. Tekan tombol

Yes untuk menghapus (merubah status menjadi “Tidak Diguankan”) atau tekan

tombol No untuk membatalkan proses hapus data rincian surat.




               Gambar III.61 Pesan Penghapusan Data Rincian Surat

3.8.23 Halaman Utama Menu Petugas

       Jika user yang melakukan proses login adalah Petugas maka akan muncul

halaman utama Menu Petugas. Pada Menu Petugas terdapat menu File dan About.

Menu File memiliki sub menu Buat SPPD, Buat Rincian SPPD dan Keluar.




                   Gambar III.62 Halaman Utama Menu Petugas
                                                                          83




3.8.24 Halaman Pembuatan Surat Perjalanan Dinas

       Pada halaman ini user bisa melakukan proses tambah, edit, lihat surat

depan, lihat surat belakang dan cari surat.




              Gambar III.63 Halaman Pembuatan Surat Perjalanan Dinas

3.8.25 Halaman Pengisian Data Surat (Proses Tambah)

       Sebelum masuk halaman ini user harus terlebih dahulu melakukan

pencarian nama pegawai pada halaman Pembuatan Surat Perintah Perjalanan

Dinas. Pada halaman ini user diminta untuk memasukan data surat. Tekan tombol

Simpan untuk menyimpan data surat atau tekan tombol Batal untuk membatalkan

proses penyimpanan.
                                                                        84




           Gambar III.64 Halaman Pengisian Data Surat (Proses Tambah)

3.8.26 Halaman Pengisian Data Surat (Proses Edit)

      Pada halaman ini user diminta untuk merubah data surat. Tekan tombol

Simpan untuk menyimpan data surat atau tekan tombol Batal untuk membatalkan

proses penyimpanan.
                                                                              85




              Gambar III.65 Halaman Pengisian Data Surat (Proses Edit)

3.8.27 Halaman Pembuatan Surat Perjalanan Dinas (Proses Cari)

       Pada halaman ini terdapat dua proses pencarian, yaitu pencarian nama

pegawai dan pencarian nomor surat. Proses pencarian dilakukan dengan mencari

kata terdekat dengan kata kunci yang dimasukan user.




       Gambar III.66 Halaman Pembuatan Surat Perjalanan Dinas (Proses Cari)
                                                                        86




3.8.28 Halaman Surat Depan

         Pada halaman ini, user dapat mencetak surat dengan menekan tombol

Print.




                       Gambar III.67 Halaman Surat Depan
                                                                        87




3.8.29 Halaman Surat Belakang

         Pada halaman ini, user dapat mencetak surat dengan menekan tombol

Print.




                      Gambar III.68 Halaman Surat Belakang
                                                                            88




3.8.30 Halaman Pembuatan Rincian Biaya Perjalanan Dinas

       Pada halaman ini user bisa melakukan proses tambah, edit, lihat rincian

dan cari surat.




           Gambar III.69 Halaman Pembuatan Rincian Biaya Perjalanan Dinas

3.8.31 Halaman Pengisian Data Rincian Biaya Perjalanan Dinas (Proses

       Tambah)

       Sebelum masuk halaman ini user harus terlebih dahulu melakukan

pencarian nama nomor surat pada halaman Pembuatan Rincian Biaya Perjalanan

Dinas. Pada halaman ini user diminta untuk memasukan data rincian surat. Tekan

tombol Simpan untuk menyimpan data rincian surat atau tekan tombol Batal

untuk membatalkan proses penyimpanan.
                                                                                 89




Gambar III.70 Halaman Pengisian Data Rincian Biaya Perjalanan Dinas (Proses Tambah)

3.8.32 Halaman Pengisian Data Rincian Biaya Perjalanan Dinas (Proses

      Edit)

      Pada halaman ini user diminta untuk merubah data rincian surat. Tekan

tombol Simpan untuk menyimpan data rincian surat atau tekan tombol Batal

untuk membatalkan proses penyimpanan.
                                                                                      90




  Gambar III.71 Halaman Pengisian Data Rincian Biaya Perjalanan Dinas (Proses Edit)

3.8.33 Halaman Pembuatan Rincian Biaya Perjalanan Dinas (Proses Cari)

       Pada halaman ini, proses pencarian mengacu pada dua tabel, yaitu tabel

surat dan tabel rincian surat. Hal ini karena nomor surat berada pada kedua tabel

tersebut. Proses pencarian dilakukan dengan mencari kata terdekat dengan kata

kunci yang dimasukan user.




    Gambar III.72 Halaman Pembuatan Rincian Biaya Perjalanan Dinas (Proses Cari)
                                                                          91




3.8.34 Halaman Surat Rincian Biaya Perjalanan Dinas

         Pada halaman ini, user dapat mencetak surat dengan menekan tombol

Print.




             Gambar III.73 Halaman Surat Rincian Biaya Perjalanan Dinas
                                                                     92




3.8.35 Halaman About

       Halaman ini berisi mengenai informasi aplikasi yang dibangun dan

identitas pembangun aplikasi.




                          Gambar III.74 Halaman About

								
To top