BAHAN AJAR RPL PT5 - BAGAN ALIR

MODUL KULIAH SEKOLAH TINGGI TEKNOLOGI INFORMASI NIIT Mata Kuliah Rekayasa Perangkat Lunak Semester Ganjil 2021/2022 Dosen Arisantoso, S.T., M.Kom Modul 1 (Satu) Pertemuan Topik 5 (Lima) Sub Topik Bagan Alir Materi Definisi bagan alir, jenis-jenis flowchart, simbol-simbol Capaian flowchart. Pembelajaran 1. Pengertian Bagan Alir / Flowchart 2. Jenis-jenis Flowchart 3. Simbol-simbol Flowchart 4. Flowchart Sebagai Alat Analisis 5. Contoh Flowchart 6. Latihan Soal dan Tugas Mandiri Pertemuan 5 Mampu menjelaskan pengertian basis data, dbms, sql, erd, simbol-simbol bagan alir serta pemrograman terstruktur, pemrograman berorientasi obyek.

BAB 5 BAGAN ALIR I. Pendahuluan A. Deskripsi singkat, manfaat dan relevan Pada pertemuan kali ini akan membahas mengenai bagan alir untuk memodelkan proses. Pemodelan proses menggunakan flowchart merupakan pengembangan pemanfaatan flowchart pada pengambaran algoritma program. Manfaat yang didapat setelah mempelajari bab ini mahasiswa dapat menjelaskan secara umum tentang bagan alir seperti definisi bagan alir, jenis- jenis flowchart, simbol-simbol flowchart. B. Rumusan capaian pembelajaran matakuliah Mampu menjelaskan pengertian basis data, dbms, sql, erd, simbol-simbol bagan alir serta pemrograman terstruktur, pemrograman berorientasi obyek. C. Urutan bahasan dan kaitan materi 1. Pengertian Bagan Alir / Flowchart 2. Jenis-jenis Flowchart 3. Simbol-simbol Flowchart 4. Flowchart Sebagai Alat Analisis 5. Contoh Flowchart 6. Latihan Soal dan Tugas Mandiri Pertemuan 5 D. Petunjuk belajar Mari kita membaca petunjuk belajar terlebih dahulu untuk mempermudah materi pertemuan 5 (lima) mengenai bagan alir dengan flowchart: a) Berdoalah sebelum memulai pembelajaran b) Bacalah kemampuan akhir tiap tahapan belajar (sub-cpmk), indikator, kriteria dan teknik, bentuk pembelajaran, metode pembelajaran, penugasan mahasiswa dan materi pembelajaran dengan cermat. c) Baca dan pelajari setiap materi yang ada, bila perlu di garis bawahi hal-hal yang menurut anda penting. d) Mahasiswa dapat belajar secara mandiri ataupun berkelompok, saat pertemuan kuliah yang dilakukan secara daring dengan memanfaatkan fasilitas ecampus Sekolah Tinggi Teknologi Informasi NIIT e) Jika belum memahami segera tanyakan kepada Bapak / Ibu dosen pengampu matakuliah. 63

II. Penyajian A. Pengertian Bagan Alir / Flowchart Salah satu bagian dari tahapan untuk melakukan sebuah analisis terhadap aplikasi yang akan dibuat adalah memodelkan proses. Melalui tahapan dan model proses yang dibuat ini tentunya kita dapat melakukan sebuah analisis terhadap kondisi dari proses bisnis sistem yang berjalan dan selanjutnya kita dapat memberikan sebuah masukan atau rekomendasi dari setiap perbaikan proses, sebelum pada akhirnya kita merekomendasikan sistem informasi guna mendukung proses bisnis tersebut. Salah satu pendekatan yang paling umum digunakan dalam memodelkan proses yaitu dengan menggunakan bagan alir atau flowchart. Flowchart atau diagram alir merupakan penggambaran secara grafik yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Flowchart menolong analis dan programmer dalam memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Pada tahun 1997 diperkenalkanlah business process modelling notation (BPMN). Business Process Model and Notation (BPMN) berdasarkan beberapa ahli merupakan standar untuk menggambarkan proses bisnis yang dikeluarkan oleh Open Management Group (omg.org) [http://www.bpmn.org/]. Tujuan dari BPMN adalah untuk menggambarkan bisnis proses manajemen pada sebuah perusahaan baik untuk menggambarkan bisnis proses bagi pengguna teknis maupun bisnis, di BPMN menyediakan notasi intuitif dan dapat mewakili semantik proses yang luas juga kompleks. Gambar 5.1.Contoh penggambaran diagram alir sistem informasi help desk (Sumber: https://id.pinterest.com/pin/446560119272464783/) 64

Gambar 5.2. Contoh tentang BPMN Pendaftaran Mahasiswa Baru jalur PMDK (sumber: http://roniandarsyah.poltekpos.ac.id/2018/01/bpmn-business- process-model-and-notation.html) B. Jenis-jenis Flowchart Flowchart terdiri dari 5 (lima) jenis, masing-masing jenis memiliki karakteristik masing-masing dalam penggunaanya. Berikut ini adalah jenis-jenisnya: 1. Flowchart dokumen Pertama ada flowchart dokumen (document flowchart) atau bisa juga disebut dengan paperwork flowchart. Flowchart dokumen berfungsi untuk menelusuri alur form dari satu bagian ke bagian yang lain, termasuk bagaimana laporan diproses, dicatat, dan disimpan. 65

Gambar 5.3. Flow Dokumen Sistem Calon Anggota Perpustakaan 2. Flowchart program Flowchart Program merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program atau prosedur sesungguhnya dilaksanakan. Flowchart ini menunjukkan setiap langkah program atau prosedur dalam urutan yang tepat saat terjadi. Programmer menggunakan flowchart program untuk menggambarkan urutan instruksi dari program komputer. Analis Sistem menggunakan flowchart program untuk menggambarkan urutan tugas-tugas pekerjaan dalam suatu prosedur atau operasi. Gambar 5.4. Contoh Flowchart program 66

3. Flowchart proses Flowchart proses adalah Flowchart Proses digunakan oleh perekayasa industrial dalam mempelajari dan mengembangkan proses-proses manufacturing. Dalam analisis sistem, flowchart ini digunakan secara efektif untuk menelusuri alur suatu laporan atau form. Flowchart Proses memiliki lima simbol khusus sebagai berikut: Gambar 5.5. Simbol khusus flowchart proses Gambar 5.6. Contoh Flowchart Proses pada prosedur pembelian 4. Flowchart sistem Yang keempat ada flowchart sistem. Flowchart sistem adalah flowchart yang menampilkan tahapan atau proses kerja yang sedang berlangsung di dalam sistem secara menyeluruh. Selain itu flowchart sistem juga menguraikan urutan dari setiap prosedur yang ada di dalam sistem. 67

Flowchart Sistem terdiri dari data yang mengalir melalui sistem dan proses yang mentransformasikan data itu. Data dan proses dalam flowchart sistem dapat digambarkan secara online (dihubungkan langsung dengan komputer) atau offline (tidak dihubungkan langsung dengan komputer, misalnya mesin tik, cash register atau kalkulator). Gambar 5.7. Contoh Flowchart Sistem 5. Flowchart skematik Flowchart Skematik mirip dengan Flowchart Sistem yang menggambarkan suatu sistem atau prosedur. Flowchart Skematik ini bukan hanya menggunakan simbol-simbol flowchart standar, tetapi juga menggunakan gambar-gambar komputer, peripheral, form-form atau peralatan lain yang digunakan dalam sistem. Flowchart Skematik digunakan sebagai alat komunikasi antara analis sistem dengan seseorang yang tidak familiar dengan simbol-simbol flowchart yang konvensional. Pemakaian gambar sebagai ganti dari simbol-simbol flowchart akan menghemat waktu yang dibutuhkan oleh seseorang untuk mempelajari simbol abstrak sebelum dapat mengerti flowchart. Gambar 5.8. Contoh Flowchart Skematika jaringan perbankan 68

Gambar 5.9. Contoh Flowchart Skematik sistem pembelajaran online C. Simbol-simbol Flowchart Simbol flowchart distandarisasikan oleh ISO 5807:1985 tentang (information processing documentation symbols and conventions for data, program and system flowchart, program network charts and system resource chart). Standar ini mengatur penggunaan simbol-simbol yang dapat di terapkan pada diagram alir/flowchart. Simbol-simbol yang dipakai dalam flowchart dibagi menjadi 2 kelompok : 1. Flow direction symbols a. Digunakan untuk menghubungkan simbol satu dengan yang lain b. Disebut juga connecting line 2. Psocessing symbols a. Menunjukkan jenis operasi pengolahan dalam satu proses/prosedur 3. Input output symbols a. Menunjukkan jenis peralatan yang digunakan sebagai media input atau output. 1.Flow Direction symbols Tabel 5.1 Flow Direction Symbols Simbol arus / flow, yaitu menyatakan jalannya arus suatu proses Simbol communication link, yaitu menyatakan transmisi data dari satu lokasi ke lokasi lain 69

Simbol connector, berfungsi menyatakan sambungan dari satu proses ke proses lainnya dalam halaman yang sama Simbol offline connector, menyatakan sambungan dari proses ke proses lainnya dalam halaman yang sama 2. Processing Symbols Tabel 5.2 Processing symbols Simbol proses, yaitu menyatakan suatu tindakan (proses) yang dilakukan oleh komputer Simbol manual, yaitu menyatakan suatu tindakan (proses) yang tidak dilakukan oleh komputer Simbol decision, yaitu menunjukkan suatu kondisi tertentu yang akan menghasilkan dua kemungkinan jawaban : ya / tidak Simbol predefined process, yaitu menyatakaan penyediaan tempat penyimpanan suatu pengolahan untuk memberi harga awal Simbol terminal, yaitu menyatakan permulaan atau akhir suatu program Simbol keying operation, menyatakan segala jenis operasi yang diproses dengan menggunakan suatu mesin yang mempunyai keyboard Simbol offline-storage, menunjukkan bahwa data dalam simbol ini akan disimpan ke suatu media tertentu Simbol manual input, memasukkan data secara manual dengan menggunakan online keyboard 70

3. Input / Output Symbols Tabel 5.3. Input/Output Symbols Simbol input/output, menyatakan proses input atau output tanpa tergantung jenis peralatannya Simbol punched card, menyatakan input berasal dari kartu atau output ditulis ke kartu Simbol magnetic tape, menyatakan input berasal dari pita magnetis atau output disimpan ke pita magnetis Simbol disk storage, menyatakan input berasal dari disk atau output disimpan Simbol document, mencetak keluaran dalam bentuk dokumen (melalui printer) Simbol display, mencetak keluaran dalam layar monitor D. Flowchart Sebagai Alat Untuk Melakukan Analisis Flowchart tidak hanya digunakan untuk menggambarkan proses, akan tetapi flowchart dapat juga digunakan pada saat menganalisis sebuah proses sistem yang sedang berjalan, dapat mengidentifikasikan proses yang terlalu rumit, sehingga dapat mengusulkan perbaikan proses agar menjadi lebih baik dan efisien. Salah satu contoh flowchart sebagai alat analisis dapat dijabarkan pada gambar berikut: Mulai Mencoba Kembali Selesai proyek Artikel proyek Artikel Media Media 1. Rencana Tidak Ya Selesai dilakukan Brosur dengan baik, Akhiri 9. 2. Draft teks Apakah brosur proyek Artikel Media untuk brosur diterima ? 3. Sumber dan 8. Brosur format foto 4. Meminta 7. Brosur persetujuan diterbitkan Tidak Tidak 5. Ya 6. Ya Apakah izin teks Apakah izin foto diberikan? diberikan? Gambar 5.10. Diagram alir / Flowchart sistem yang berjalan 71

Mulai Mencoba Kembali Selesai proyek Artikel proyek Artikel 3. Sumber dan Media format foto Media 1. Rencana Tidak Brosur 9. Ya Selesai dilakukan 2. Draft teks Apakah brosur dengan baik, Akhiri untuk brosur diterima ? proyek Artikel Media 8. Brosur 4. Meminta 7. Brosur persetujuan diterbitkan Tidak Tidak 5. Ya 6. Ya Apakah izin teks Apakah izin foto diberikan? diberikan? Gambar 5.12. Diagram alir / Flowchart yang telah dilakukan perbaikan tahap 1 Pada gambar 5.12. menunjukkan bahwa terdapat aliran data atau proses yang dijalankan secara bersamaan pada proses 2 dan proses 3. Mulai Mencoba Kembali Selesai proyek Artikel proyek Artikel Media Media 1. Rencana Tidak Ya Selesai dilakukan Brosur dengan baik, Akhiri 8. 2. Draft teks Apakah brosur proyek Artikel Media untuk brosur diterima ? 3. Sumber dan format foto 7. Brosur 4. Meminta 6. Brosur persetujuan diterbitkan Tidak 5. Ya Apakah izin diberikan? Gambar 5.13. Diagram alir / Flowchart yang telah dilakukan perbaikan tahap 2 (satu) secara paralel dan menggabungkan proses yang terdapat duplikat Pada gambar 5.13. menunjukkan adanya perbaikan pada tahap 2 (dua) baik proses yang dilakukan secara bersamaan beserta penggabungan perizinan penerbitan artikel. 72

Mulai Mencoba Kembali Selesai proyek Artikel proyek Artikel 3. Sumber dan Media format foto Media 1. Rencana Tidak Brosur 10. Ya Selesai dilakukan 2. Draft teks Apakah brosur dengan baik, Akhiri untuk brosur diterima ? proyek Artikel Media 9. Brosur 4. Meminta 8. Brosur persetujuan diterbitkan Ya 5. 6. Apakah izin Tidak Ya Apakah terdapat Ya 7. Melakukan diberikan? Brosur yang Perbaikan di edit? Gambar 5.14. Diagram alir / Flowchart yang telah dilakukan perbaikan tahap 3 dengan menambah proses yang baru Gambar 5.14. menunjukkan adanya perubahan dan penambahan proses baru untuk meningkatkan fungsi kontrol atau efektivitas proses secara keseluruhan. E. Contoh Studi Kasus Flowchart pada Sistem Informasi Penjualan Sebuah Toko XYZ dibilangan jakarta selatan menjual jam tangan. Berbagai merk jam tangan diantaranya adlaah alexandre christie, casio, expedition, rolex, dan lain-lain. Saat ini menggunakan proses penjualan yang dilakukan secara konvensional yaitu pelanggan datang langsung untuk melihat koleksi yang tersedia dan selanjutnya melakukan transaksi pembelian. Toko XYZ tersebut juga belum memiliki website dan juga tidak menjual produknya melalui media sosial seperti: facebook, instagram, dan lain sebagainya, sehingga hadil yang di dapatkan dalam penjualan tentunya belum maksimal. Selain daripada itu juga keterbatasan waktu jam pelayanan kepada pelanggan juga terbatas mulai toko buka dari jam 10.00 pagi hingga jam 21.00, akan tetapi jika jika melalui penjualan online bisa dilakukan selama 24 jam per hari dan tidak dibatas ruang dan waktu. Dari hasil analisis terhadap sistem yang berjalan proses pengolahan data pendapatan dan pengeluaran serta data yang telah masuk di lakukan pencatatan dan seluruh datanya tersimpan dalam rak arsip. Beberapa dokumen antara lain sebagai berikut: 73

1. Nama dokumen: Data Barang Sumber : dari bagian penjualan Fungsi : menginformasikan bukti permintaan barang Rangkap : 1 (satu) Distribusi : Ke bagian penjualan dan pelanggan Frekuensi : Setiap ada barang yang akan di keluarkan 2. Nama Dokumen: Nota Penjualan Sumber : Bagian Kasir Fungsi : Menginformasikan Bukti Penjualan Barang Rangkap : 2 (Dua) Distribusi : Bagian Kasir dan Pelanggan Frekuensi : Setiap ada barang yang keluar 3. Nama Dokumen: Faktur Supplier Sumber : Supplier Fungsi : Menginformasikan Bukti Pembelian Barang Rangkap : 2 (dua) Distribusi : Bagian Toko Frekuensi : Setiap ada barang yang masuk. 1. Analisis Prosedur yang sedang berjalan Alur prosedur sistem yang berjalan pada Toko XYZ sebagai berikut a. Pelanggan biasanya datang mengunjungi langsung ke toko xyz untuk melihat jam yang diinginkan b. Selanjutnya pelanggan menentukan barang yang dipilih dan akan dibelinya dengan melakukan permintaan barang ke bagian penjualan c. Selanjutnya bagian penjualan akan melakukan pengecekan atas barang sesuai permintaan, apakah barang yang diinginkan pelanggan tersedia atau tidak. d. Permintaan tidak terpenuhi jika barang tidak tersedia. e. Permintaan terpenuhi jika barang tersedia dan bagian penjualan akan memproses pengambilan barang. f. Pelanggan melakukan pembayaran langsung ke kasir. g. Pihak kasir menerima pembayaran dan membuat nota penjualan atau invoice 2 (dua) rangkap 1 untuk pelanggan, rangkap 2 untuk pemilik. h. Dari nota penjualan dibuat laporan penjualan yang akan dilaporkan kepada pemilik. 74

Gambar 2.18. Flowchart Dokumen Sistem yang Sedang Berjalan (sumber: https://library.stmikgici.ac.id/skripsi/161300105.pdf) 2. Evaluasi Sistem yang Sedang Berjalan Setelah menganalisis sistem yang sedang berjalan di Toko XYZ, maka dapat diketahui kelemahan-kelemahan yang terjadi pada sistem penjualan nya sebagai berikut: a. Tidak bisa memasarkan produknya secara luas dikarenakan sistem yang digunakan bersifat manual / konvensional. b. Banyaknya para pesaing yang mulai menggunakan sistem penjualan online. c. Tidak dapat menyediakan informasi yang update tentang produk yang dijual kepada konsumen. d. Dalam pencetakan nota/invoice penjualan masih dilakukan dengan cara manual sehingga dibutuhkan waktu yang lama dan kurang efektif. Dari permasalahan sistem penjualan yang sedang berjalan pada toko XYZ, maka diperlukan suatu sistem usulan baru yang akan di kembangkan dengan sebuah teknologi informasi sehingga memudahkan dalam proses penjualan ataupun dalam mempromosikan produk jam yang akan dijual dan pencarian 75

informasi yang ada akan dikerjakan melalui sistem dengan berbasis aplikasi website atau online. Berikut prosedur sistem informasi penjualan yang diusulkan pada toko XYZ sebagai berikut: 1. Untuk memulai transaksi pembelian pelanggan dapat memilih produk yang diinginkan. 2. Setelah memilih barang yang diinginkan pelanggan dapat melakukan transaksi pembelian (add to chart). 3. Pelanggan yang ingin melanjutkan proses pembayaran silahkan melakukan login. Setiap pelanggan yang belum memiliki akun diharuskan untuk melakukan registrasi (pendaftaran) terlebih dahulu. 4. Selanjutnya isi form yang tersedia secara jelas seperti nama, alamat, nomor telepon, email. Selanjutnya pelanggan memilih metode pengiriman produk (shipping method). 5. Pelanggan memilih metode pembayaran (payment) menggunakan metode pembayaran Bank. 6. Pelanggan mendapatkan rincian pesanan produk dan melakukan pembayaran dan melakukan konfirmasi pembayaran. 7. Admin akan mengecek data belanja, data pemesan dan bukti pembayaran setelah itu melakukan validasi. 8. Sistem secara otomatis mengirimkan invoice ke halaman order history. 9. Admin melakukan pengiriman barang. 10. Admin akan merubah status pesanan menjadi complete apabila konsumen sudah menerima pesanan tersebut. 76

Gambar 5.19. Flowchart Dokumen sistem yang diusulkan (sumber: https://library.stmikgici.ac.id/skripsi/161300105.pdf) 77

Gambar 5.20. Rancangan Flowchart Sistem Pembelian (sumber: (sumber: https://library.stmikgici.ac.id/skripsi/161300105.pdf) F. Latihan Soal dan Tugas Mandiri Pertemuan 5 1. Penggambaran yang dilakukan secara grafik yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk…. a. Bagan alir b. Bisnis proses c. Bisnis Form d. Project Management e. Mind Map 2. Business Process Model and Notation (BPMN) berdasarkan beberapa ahli merupakan standar untuk menggambarkan proses bisnis yang dikeluarkan oleh Open Management Group pada tahun …. a. 2001 b. 2000 c. 1999 d. 1998 78

e. 1997 3. Berfungsi untuk menelusuri alur form dari satu bagian ke bagian yang lain, termasuk bagaimana laporan diproses, dicatat, dan disimpan disebut…. a. Flowchart Dokumen b. Flowchart Sistem c. Flowchart Skematik d. Flowchart Program e. Flowchart Proses 4. Merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program atau prosedur disebut…. a. Flowchart Dokumen b. Flowchart Sistem c. Flowchart Skematik d. Flowchart Program e. Flowchart Proses 5. Digunakan untuk menghubungkan simbol satu dengan yang lain disebut… a. Processing symbols b. Flow direction symbols c. Input output symbols d. Connecting line e. Network charts III. Penutup Flowchart atau diagram alir merupakan penggambaran secara grafik yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Flowchart menolong analis dan programmer dalam memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Pada tahun 1997 diperkenalkanlah business process modelling notation (BPMN). Business Process Model and Notation (BPMN) berdasarkan beberapa ahli merupakan standar untuk menggambarkan proses bisnis yang dikeluarkan oleh Open Management Group (omg.org) [http://www.bpmn.org/]. Flowchart terdiri dari 5 (lima) jenis, masing-masing jenis memiliki karakteristik masing-masing dalam penggunaanya. Simbol flowchart distandarisasikan oleh ISO 5807:1985 tentang (information processing documentation symbols and conventions for data, program and system flowchart, program network charts and system resource chart). Standar ini mengatur penggunaan simbol-simbol yang dapat di terapkan pada diagram alir/flowchart. 79

Daftar Pustaka Buku : 1. Rosa, M.Shalahuddin. 2019. “Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Obyek”. Informatika: Bandung. 2. Shelly, Gary B. and Rosenblatt, Harry J. 2012. Systems Analysis and Design. 9th. USA: Boston. 3. Simarmata, Janner. 2009. Rekayasa Perangkat Lunak. Andi : Yogyakarta. 4. Suprapto, Falahah. 2018. “Rekayasa Perangkat Lunak”. Lentera Ilmu Cendikia: Jakarta. 5. Utami, Feri Hari. 2015. “Rekayasa Perangkat Lunak”. Deepublish: Yogyakarta Pendukung: 1. http://staffnew.uny.ac.id/upload/132315977/pengabdian/rekayasaperangkatlu nak-plpg2012.pdf 2. http://informatikaunindra.org/file/RPL/Diktat/Diktat%20RPL.pdf 3. https://repository.nusamandiri.ac.id/index.php/unduh/item/228647/RPL.pdf 4. https://medium.com/dot-intern/jenis-flowchart-dan-simbol-simbolnya- ef6553c53d73 5. https://susi22.staff.gunadarma.ac.id/Downloads/files/69638/Simbol- simbol+Flowchart.doc 6. https://sdarsono.staff.gunadarma.ac.id/Downloads/files/16512/Flowchart.pdf %20%5B24 7. (sumber: (sumber: https://library.stmikgici.ac.id/skripsi/161300105.pdf) 80