analisis dan perancangan sistem2.docx

Upload: marina

Post on 07-Jul-2018

232 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/18/2019 analisis dan perancangan sistem2.docx

    1/15

    BAB IV

    ANALISIS DAN PERANCANGAN SISTEM

    A. Deskripsi Sistem

    1. Perspektif Produk 

    Layanan informasi Kantor Imirasi Kelas I Kupang (Iminfo) dirancang untuk 

    menghasilkan layanan informasi yang dapat diakses dengan menggunakan

     smartphone  berbasis Android. Iminfo memberikan informasi berupa persyaratan

    dan prosedur yang dibutuhkan oleh pemohon yang akan mengurus permohonan di

    Kantor Imigrasi Kelas I Kupang.

    Iminfo dirancang menggunakan bahasa pemrograman  Java Development 

     Kit ,  Eclipse for Java Development  dan Android !K. Aplikasi ini hanya dapat

    diakses menggunakan smartphone dengan sistem operasi Android.

    Pengguna Iminfo bertindak sebagai operator, di mana pengguna Iminfo

     berinteraksi dengan sistem melalui Graphical User Interface  ("#I). Pengguna

    menggunakan piranti  platform  bergerak sebagai media, sedangkan untuk 

    menampilkan output digunakan layar L$!. Pengguna akan berinteraksi dengan

    sistem melalui media piranti bergerak. #ntuk melakukan  select   informasi

     pengguna dapat menggunakan keypad   dan touch screen  sedangkan untuk 

    menampilkan output  digunakan L$!.

    Iminfo menggunakan arsitektur perangkat lunak berupa media infromasi

     berbasis Android, dimana semua informasi yang telah ada dikembangkan dalam

     bentuk aplikasi Iminfo. Pengguna dapat mengakses aplikasi menggunakan media

     smartphone berbasis Android, pengguna dapat menentukan informasi yang dipilih

    dan sistem akan melakukan proses sesuai dengan hasil yang dipilih oleh

     pengguna. #ntuk lebih %elasnya perhatikan gambar & berikut ini'

    20

  • 8/18/2019 analisis dan perancangan sistem2.docx

    2/15

    21

    "ambar &. Arsitektur Iminfo

    &. ungsi Produk 

    ungsi produk dari Iminfo adalah sebagai berikut'

    a. ungsi pilih arga *egara Indonesia

    ungsi pilih arga negara Indonesia merupakan fungsi aal yang akan

    ditampilkan. ungsi ini disediakan Iminfo untuk menampilkan pilihan persyaratan

    dan prosedur bagi arga negara Indonesia.

     b. ungsi pilih arga *egara Asing

    ungsi pilih arga negara asing merupakan fungsi aal yang akan

    ditampilkan. ungsi ini disediakan Iminfo untuk menampilkan pilihan persyaratan

    dan prosedur bagi arga negara asing. Isi dari fungsi ini menggunakan +ahasa

    Inggris agar dapat dimengerti oleh arga negara asing.

    c. ungsi pilih about

    ungsi pilih about merupakan fungsi yang disediakan Iminfo untuk 

    menampilkan pen%elasan dari masingmasing fungsi yang ada di dalam Iminfo

    sehingga pengguna dapat mengerti manfaat dari setiap menu yang ada di dalam

    Iminfo. ungsi ini %uga dimaksud untuk men%elaskan cara menggunakan Iminfo

    untuk memudahkan pengguna yang belum paham dengan penggunaannya.

    d. ungsi -isa kun%ungan

    ungsi -isa kun%ungan merupakan fungsi yang berada di dalam fungsi

    arga negara asing. ungsi ini akan menampilkan persyaratan dan prosedur dari

    -isa kun%ungan.

    e. ungsi -isa tinggal terbatas

  • 8/18/2019 analisis dan perancangan sistem2.docx

    3/15

    22

    ungsi -isa tinggal terbatas merupakan fungsi yang berada di dalam fungsi

    arga negara asing. ungsi ini akan menampilkan persyaratan dan prosedur dari

    -isa tinggal terbatas.

    f. ungsi iin tinggal kun%ungan

    ungsi iin tinggal kun%ungan merupakan fungsi yang berada di dalam

    fungsi arga negara asing. ungsi ini akan menampilkan persyaratan dan

     prosedur dari iin tinggal kun%ungan.

    g. ungsi iin tinggal tetap

    ungsi iin tinggal tetap merupakan fungsi yang berada di dalam fungsi

    arga negara asing. ungsi ini akan menampilkan persyaratan dan prosedur dari

    iin tinggal tetap yang akan diurus oleh pemohon dari arga negara asing.

    h. ungsi paspor biasa

    ungsi paspor biasa adalah fungsi yang berada di dalam fungsi arga

    negara Indonesia. fungsi ini akan menampilkan informasi persayaratan dan

     prosedur dari pembuatan paspor biasa.

    i. ungsi paspor biasa calon %amaah ha%i

    ungsi paspor biasa adalah fungsi yang berada di dalam fungsi arga

    negara Indonesia. fungsi ini akan menampilkan informasi persayaratan dan

     prosedur dari pembuatan paspor biasa.

     %. ungsi paspor biasa tenaga ker%a Indonesia (/KI)

    ungsi paspor biasa /KI adalah fungsi yang berada di dalam fungsi arga

    negara Indonesia. fungsi ini akan menampilkan informasi persayaratan dan

     prosedur dari pembuatan paspor biasa /KI.

    k. ungsi pembatalan paspor 

    ungsi pembatalan paspor adalah fungsi yang berada di dalam fungsi arga

    negara Indonesia. fungsi ini akan menampilkan informasi persayaratan dan

     prosedur dari pembatalan paspor.

    0.  Flowchart istem

  • 8/18/2019 analisis dan perancangan sistem2.docx

    4/15

    23

    "ambar &. lochart Iminfo

    . osialisasi istem

    Iminfo merupakan sebuah aplikasi yang dikembangkan untuk membantu

     pemohon di Kantor Imigrasi Kelas I Kupang dalam mencari informasi persyaratan

    dan prosedur yang akan di%alani dalam menyelesaikan penga%uan permohonan.

    Proses sosialisasi Iminfo kepada masyarakat dilakukan secara langsung dengan

    arga negara Indonesia dan arga negara asing yang ingin menggunakan aplikasi

    ini (pemohon di Kantor Imigrasi Kelas I Kupang).

    2. Karakteristik Pengguna

    Karakteristik pengguna Iminfo adalah pengguna atau user , dimana harus

    memiliki kriteria yaitu'

    a. 3engerti cara penggunaan smartphone android.

     b. 3emahami pengoperasian aplikasi yang dibuat.B. Kebutuhan Khusus

  • 8/18/2019 analisis dan perancangan sistem2.docx

    5/15

    24

    Kebutuhan khusus meliputi kebutuhan antarmuka eksternal dan kebutuhan

    fungsionalitas perangkat lunak. Kebutuhan antarmuka eksternal dibagi men%adi

    tiga yaitu antarmuka pengguna, antarmuka perangkat keras dan antar muka

     perangkat lunak.

    1. Kebutuhan Antarmuka 4ksternal

    a. Antarmuka pengguna

    Pengguna dari sistem yaitu pengguna yang memiliki handphone  dengan

    sistem operasi Android. istem dimasukkan ke handphone  pengguna melalui

    kabel data atau melalui  Bluetooth  lalu aplikasinya diinstal pada handphone

    selan%utnya pengguna sudah dapat menggunakan aplikasi Iminfo sesuai kebutuhan

     pengguna.

     b. Antarmuka perangkat keras

    Perangkat keras yang digunakan untuk menggunakan perangat lunak 

    tersebut adalah'

    1) Laptop Acer dengan spesifikasi prosesor &,5 "6

    &) 7A3 &"+

    0)  Hardisk  sebagai tempat penyimpanan minimal sebesar 255"+) marthphone Leno-oA0055"8

    c. Antarmuka perangkat lunak 

    Kebutuhan perangkat lunak digunakan untuk membangun aplikasi Iminfo

    antara lain'

    1) *ama ' 9a-a !e-elopment Kit 8ersi :

    umber ' un !icrosystems"#racle

    ungsi ' +ahasa Pemrograman

    $%  *ama ' Eclipse IDE for Java Development 

    umber ' #racle

    ungsi ' istem ;perasi

    0) *ama ' Android !K  

    umber ' Goo&le Inc'

    ungsi ' istem ;perasi

    ) *ama ' istem ;perasi

  • 8/18/2019 analisis dan perancangan sistem2.docx

    6/15

    25

    ungsi ' istem ;perasi

    &. Kebutuhan ungsionalitas Perangkat Lunak 

    Pada gambar use case  Iminfo pengguna langsung berinteraksi dengan

    sistem. Pengguna bebas melihat aplikasi informasi yang tersedia sesuai kebutuhan

     pengguna. Pada menu pilihan informasi yang disa%ikan berupa layanan informasi

    untuk arga negara asing dan arga negara Indonesia. pen%elasan masingmasing

    use case dapat dilihat pada gambar 0 berikut ini.

    Melihat informasi visa kunjungan

    Melihat informasi visa tinggal

    terbatas

    Melihat informasi ijin tinggal

    kunjungan

    Melihat informasi ijin tinggal tetap

    Melihat informasi paspor calon

     jemaah haji

    Melihat informasi paspor TKI

    Pengguna

    Melihat informasi pasor biasa

    "ambar 0. Use *ase Dia&ram Iminfo

    a. pesifikasi use case

    pesifikasi use case ini merupakan spesifikasi yang men%elaskan bagian

     bagian +rief description  dari setiap use case  dan +asic flow  dari actor   atau

     pengguna untuk lebih %elasnya dapat dilihat pada tabeltabel berikut'

    1) pesifikasi use case melihat informasi paspor biasa

    /abel 1. pesifikasi use case' melihat informasi paspor biasa

    Use case name 3elihat informasi paspor biasa

     Brief description Use case ini digunakan untuk melihat informasi paspor biasa beserta prosedur dan syaratsyaratnya.

  • 8/18/2019 analisis dan perancangan sistem2.docx

    7/15

    26

     ,ctor  Pengguna

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat informasi

     paspor biasa.&. Pengguna meminta sistem untuk menampilkan informasi

     paspor biasa.

    0. istem menampilkan informasi paspor biasa.

    . Use case selesai.

     ,lternative flow -one

     Error flow -one

     .re conditions Informasi paspor biasa belum ditampilkan oleh sistem

     .ost condition Informasi paspor biasa sudah ditampilkan oleh sistem

    &) pesifikasi use case melihat informasi paspor calon %amaah ha%i

    /abel &. pesifikasi use case' melihat informasi paspor calon %amaah ha%i

    Use case name 3elihat informasi paspor calon %amaah ha%i

     Brief description Use case ini digunakan untuk melihat informasi paspor calon

     %amaah ha%i beserta prosedur dan syaratsyaratnya.

     ,ctor  Pengguna

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat informasi

     paspor calon %amaah ha%i yang disediakan.

    &. Pengguna meminta sistem untuk menampilkan informasi

     paspor calon %amaah ha%i.

    0. istem melihat informasi paspor calon %amaah ha%i.

    . istem menampilkan informasi paspor %amaah ha%i.

    2. Use case selesai

     ,lternative flow -one

     Error flow -one

    Use case name 3elihat informasi paspor calon %amaah ha%i

     .re conditions Informasi paspor calon %amaah ha%i belum ditampilkan oleh

    sistem.

     .ost condition Informasi paspor calon %amaah ha%i sudah ditampilkan oleh

    sistem.

    0) pesifikasi use case melihat informasi paspor /KI

    /abel 0. pesifikasi use case' melihat informasi paspor /KI

    Use case name 3enampilkan informasi paspor /KI

     Brief description Use case ini digunakan untuk melihat informasi paspor /KI

     besertaprosedur dan syaratsyarat yang disediakan.

     ,ctor  Pengguna

  • 8/18/2019 analisis dan perancangan sistem2.docx

    8/15

    27

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat informasi

     paspor /KI beserta prosedur dan syaratsyaratnya.

    &. Pengguna meminta sistem untuk menampilkan informasi paspor /KI.

    0. istem menampilkan informasi paspor /KI.

     paspor /KI.

    . Use case selesai.

     ,lternative flow -one

     Error flow -one

     .re conditions Informasi paspor /KI belum ditampilkan oleh sistem.

     .ost condition Informasi paspor /KI sudah ditampilkan oleh sistem.

    ) pesifikasi use case melihat informasi -isa kun%ungan

    /abel . pesifikasi use case' melihat informasi -isa kun%ungan

    Use case name 3elihat informasi -isa kun%ungan

     Brief description Use case ini digunakan untuk melihat informasi -isa kun%ungan

    yang disediakan.

     ,ctor  Pengguna

     Basic flow 1.  Use case dimulai ketika pengguna ingin melihat tentang kami

    &. Pengguna memilih sistem melihat informasi -isa kun%ungan

    0. istem menampilkan informasi -isa kun%ungan

    . Pengguna memilih system untuk melihat informasi -isa

    kun%ungan'

    A1' Pengguna memilih sistem menampilkan

    informasi prosedur -isa kun%ungan.A&' Pengguna memilih sistem menampilkan

    informasi syarat -isa kun%ungan.

    Use case name 3elihat informasi -isa kun%ungan

    2. istem menampilkan informasi -isa kun%ungan. Use case 

    selesai.

    /abel 2. pesifikasi use case' menampilkan informasi tentang kami (lan%utan)

     ,lternative flow -one

     Error flow -one

     .re conditions -one .ost condition Informasi -isa kunungan sudah ditampilkan oleh sistem

     .ost condition Informasi -isa kun%ungan sudah ditampilkan oleh sistem.

    2) pesifikasi use case melihat infomasi -isa tinggal terbatas

    /abel 2. pesifikasi use case' melihat infomasi -isa tinggal terbatas

    Use case name 3elihat infomasi -isa tinggal terbatas

     Brief description Use case ini digunakan untuk melihat -isa tinggal terbatas

     ,ctor  Pengguna

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat

    informasi -isa tinggal terbatas.

  • 8/18/2019 analisis dan perancangan sistem2.docx

    9/15

    28

    &. Pengguna meminta sistem untuk menampilkan informasi

    -isa tinggal terbatas.

    0. istem menampilkan informasi -isa tinggal terbatas.. Use case selesai.

     ,lternative flow -one

     Error flow -one

     .re conditions Informasi -isa tinggal terbatas belum ditampilkan oleh sistem.

     .ost condition Informasi -isa tinggal terbatas sudah ditampilkan oleh sistem.

    >) pesifikasi use case melihat informasi i%in tinggal kun%ungan

    /abel >. pesifikasi use case' melihat i%in tinggal kun%ungan

    Use case name 3eliha informasi i%in tinggal kun%ungan

     Brief description Use case ini digunakan untuk melihat informasi i%i tinggalkunungan beserta posedur dan syaratsyarat yang disediakan.

     ,ctor  Pengguna

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat

    informasi i%in tinggal kun%ungan.

    &. Pengguna meminta sistem untuk menampilkan

    informasi i%in tinggal kun%ungan.

    0. istem menampilkan informasi i%in tinggal kun%ungan.

     Basic flow . Use case selesai.

     ,lternative flow -one

     Error flow -one

     .re conditions Informasi i%in tinggal kun%ungan belum ditampilkan oleh sistem.

     .ost condition Informasi i%in tinggal kun%ungan sudah ditampilkan oleh sistem.

    =) pesifikasi use case melihat informasi i%in tinggal tetap

    /abel =. pesifikasi use case' melihat i%in tinggal tetap

    Use case name 3elihat informasi i%in tinggal tetap

     Brief description Use case ini digunakan untuk melihat informasi i%i tinggal tetap

     beserta posedur dan syaratsyarat yang disediakan.

     ,ctor  Pengguna

     Basic flow 1. Use case ini dimulai ketika pengguna ingin melihat informasi

    i%in tinggal tetap.

    &. Pengguna meminta sistem unutk menampilkan informasi i%in

    tinggal tetap.

    0. istem menampilkan informasi i%in tinggal tetap.

    . Use case selesai.

     ,lternative flow -one

     Error flow -one

     .re conditions Informasi i%in tinggal tetap belum ditampilkan oleh sistem.

     .ost condition Informasi i%in tinggal tetap sudah ditampilkan oleh sistem.

    C. Peranan!an Peran!kat Lunak 

    ". Perancangan Arsitektur Layar 

  • 8/18/2019 analisis dan perancangan sistem2.docx

    10/15

    29

    Perancangan arsitektur computer berfungsi mendeskripsikan kategori sistem

    sebagai penghubung antar komponen dan user interface. Perancangan arsitektur 

    yang digunakan adalah arsitektur layar (layer architecture) dimana terdapat

     pemisah tanggung %aab setiap layar. Perancangan arsitektur layar Iminfo dapat

    dilihat pada gambar berikut ini.

    "ambar . Arsitektur Layar 

    &. Peracangan 7inci

    a. Perancangan 7incian 3elihat Paspor +iasa

  • 8/18/2019 analisis dan perancangan sistem2.docx

    11/15

    30

     : Pengguna: Pengguna : PasporBiasaUI

    ()

     : PasporBiasaUI

    ()

    : PasporBiasaUI

    !: Melihat Informasi Paspor Biasa

    ":

    "ambar 2. Perancangan 7inci Informasi Paspor +iasa

     b. Perancangan 7incian melihat paspor %amaah ha%i

     : Pengguna: Pengguna  :MelihatInformasiPaspor#alon$emaah%ajiUI()

     :MelihatInformasiPaspor#alon$emaah%ajiUI()

    :

    MeihatInformasiPaspor#alon$emaah%aji

    !: InformasiPaspor#alon$emaaah%aji

    ":

    "ambar >. Perancangan 7inci Informasi Paspor 9amaah 6a%i

    c. Perancangan 7incian melihat informasi paspor /KI

  • 8/18/2019 analisis dan perancangan sistem2.docx

    12/15

    31

     : Pengguna: Pengguna  : MelihatInformasiPasporTKI: MelihatInformasiPasporTKI

    : MelihatInformasiPasporTKI

    !: Informasi Paspor TKI

    ":

    "ambar =. Perancangan 7inci Informasi Paspor /KI

    d. Perancangan 7incian melihat informasi 8isa Kun%ungan

     : Pengguna: Pengguna  : visa kunjungan: visa kun jungan

    : MelihatInformas i&isaKunjungan

    !: Informas i &isa Kunjungan

    ":

    "ambar :. Perancangan 7inci Informasi 8isa Kun%ungan

    e. Perancangan 7incian melihat 8isa /inggal /erbatas

  • 8/18/2019 analisis dan perancangan sistem2.docx

    13/15

    32

     : Pengguna: Pengguna  : visa tinggal terbatas: visa tinggal terbatas

    :MelihatInformasi &isaTinggalTerbatas

    !: Informasi &isa TInggal terbatas

    ":

    "ambar ?. Perancangan 7inci Informasi 8isa /inggal /erbatas

    f. Perancangan 7incian 3elihat I/A

     : Pengguna: Pengguna  : IT': IT'

    : MelihatInformasiIT'

    !: Informasi IT'

    ":

    "ambar 15. Perancangan 7inci Informasi I/A

    g. Perancangan 7incian 3elihat informasi I/AP

  • 8/18/2019 analisis dan perancangan sistem2.docx

    14/15

    33

     : Pengguna: Pengguna  : IT'P: IT'P

    : MelihatInformasiIT'P

    !: Menampilkan informasi IT'P

    ":

    "ambar 11. Perancangan 7inci Informasi I/AP

    3. *lass Dia&ram

    Pada class  diagram Iminfo hanya memiliki menu user   interface  sa%a,

    karena pada aplikasi Iminfo tidak memiliki tabeltabel. Perancangan class

    dia&ram Iminfo dapat dilihat pada gambar 11.

  • 8/18/2019 analisis dan perancangan sistem2.docx

    15/15

    34

    IjinTinggalKunjunganUI()

    hoIjinTinggalKunjunganUI()

    PasporBiasaUI()

    hoPasporBiasaUI()

    Paspor#alon$emaah%ajiUI()

    hoPaspor#alon$emaah%ajiUI()

    PasporTKIUI()

    hoPasporTKIUI()

    &isaKunjunganUI()

    ho&isaKunjunganUI()

    &isaTinggalTerbatasUI()

    ho&isaTinggalTerbatasUI()

    IjinTinggalTetapUI()

    hoIjinTinggalTetapUI()

    "ambar 11. *lass Dia&ram