Pemodelan Sistem Menggunakan Flowchart


🟒 1. Pendahuluan

Dalam proses analisis dan perancangan sistem, seorang analis sistem harus mampu menggambarkan alur kerja sistem secara jelas dan mudah dipahami. Salah satu alat pemodelan yang paling dasar dan paling sering digunakan adalah flowchart.

Flowchart membantu:

  • Memvisualisasikan proses sistem
  • Mempermudah analisis sistem
  • Mempermudah komunikasi antar tim
  • Menjadi dasar pengembangan aplikasi

Flowchart sangat penting dipelajari karena menjadi dasar sebelum mempelajari DFD, UML, dan pemrograman.


🟒 2. Pengertian Flowchart

πŸ“Œ Definisi Flowchart

Flowchart adalah diagram atau bagan yang menggambarkan urutan langkah, proses, atau alur kerja suatu sistem menggunakan simbol-simbol tertentu.


πŸ” Narasi Penjelasan

Flowchart digunakan untuk:

  • Menggambarkan proses bisnis
  • Mendeskripsikan algoritma
  • Menjelaskan sistem kerja
  • Membantu dokumentasi sistem

Flowchart mempermudah seseorang memahami proses tanpa harus membaca penjelasan panjang.


πŸ–ΌοΈ Ilustrasi Flowchart

https://images.openai.com/static-rsc-4/NH5OgSUGYlKW3FRAmAsSK1f0k5M-YHkEoHK_NpPLhMYQ1hVeXcgKoOBylFc9TEWOF5lzJeLpoqGGqQrd7jxZlfEpX6ySzGT_YKBVCLv_iMLn1RbpF3Mdb8KNyz5m8BAxfm020wyc5J_XpRAPouIZYpkaUwl6NqErLhhoSq8q1YXLg7Y3Z3Zs_m-OGSBiqF8e?purpose=fullsize
https://images.openai.com/static-rsc-4/lQBoTd-pU5hm_8LbMOK5waHUGlhjp3XK1aVqUDMszBrNtmSXSsGJoLUk0i1wBY-psvF8ydGV2_4KrDIEyfnH58pfFj_JZj54uecjXNBveukc6EBN-dbuEctWcy_iHIm6slCXtl8pkl7jyoYZIZ9aXXWdaKvQPd5ABwbuU_ymwmZ22ow49unclKlW_iPz59SF?purpose=fullsize
https://images.openai.com/static-rsc-4/cuWLA-N7moFiqHs9B7oz3cge6ImefD_uOWt49NTUCnQsNh7n3CNlkNSV_zv6j5dYSqVHYGjUmXP_p-L43TdQaYZOOHMIbIjsqCatck7wDTCAQ3gebmRDAAtn2Gjn-YcBBlmVCybcdr0bSz1qE0wRqpaM56pF1UxdJLiIK7blty7pBGzPP0xXXnbNxHa9Q_vT?purpose=fullsize

8


🟒 3. Fungsi Flowchart

πŸ“Œ Fungsi Utama

Flowchart memiliki beberapa fungsi penting:

  • Memvisualisasikan proses
  • Mempermudah analisis
  • Membantu debugging
  • Menjadi dokumentasi sistem

πŸ” Narasi Penjelasan

Dalam pengembangan sistem informasi, flowchart digunakan oleh:

  • System analyst
  • Programmer
  • Project manager
  • User

Dengan flowchart, semua pihak dapat memahami proses sistem secara bersama-sama.


πŸ“Š Fungsi Flowchart dalam Sistem Informasi

FungsiPenjelasan
DokumentasiMenyimpan alur proses
AnalisisMenemukan masalah
KomunikasiMempermudah diskusi
PerancanganMenjadi dasar coding

🟒 4. Jenis-Jenis Flowchart

🟑 4.1 Flowchart Sistem

πŸ“Œ Pengertian

Menggambarkan alur kerja sistem secara keseluruhan.


πŸ” Narasi Penjelasan

Flowchart sistem menunjukkan:

  • Input data
  • Proses
  • Output
  • Hubungan antar bagian

Biasanya digunakan pada tahap analisis sistem.


πŸ–ΌοΈ Contoh Flowchart Sistem

https://images.openai.com/static-rsc-4/DDC6cKqu4xsBjcZ0M-ETr7yII1QVAA6pRoEQTPxqpah2OIwfLqexK2B29uZG_40moAieBodUrt4TyzvmCsOltNQvwmO6AEY8nwke8Xq0zMqkQag5OATnlpVxunbz0H_ZHo0_WhL95Q1QihvMH5Bi_8KnyJ5iWMbl0YsFBnFS08n2mVEBGPw5uRcI9Gfc9OBk?purpose=fullsize
https://images.openai.com/static-rsc-4/v9a3W3C5j3Mek5zv4kKO3fPMoXwMgz2-1cr0J8Sm3CRwXygonlB4NNlE7NUoIqcGXAOvyy14eJW-_vSsVHeOWb8KUatXWnw7VWzBfY7cJigvRXRO954KgmUJol958tQPMJpx6CegIg4lYEU4ifbOp-C6NZnrL2P6_jK8CA_F9krV5R2rOADk8xpPh7fAkw3x?purpose=fullsize
https://images.openai.com/static-rsc-4/qzaHwW5AHQibINT3j_e7K3y4zovmmbDph_kDepKEt_2NtAUdvjvtmv7Sfk2o5jOPBmpfyTOAqfEHQ-UfjcEzspjrS0kwvSXCQesa7BZ3tv4lXeLLz4RsWaorB0nopM-tTwFkpHnFFFi7M5HNYayln92TkpGDagSuOCxqHoBPAPB3QwzB8_H3_e4PzuzCbTsX?purpose=fullsize

7


🟑 4.2 Flowchart Dokumen

πŸ“Œ Pengertian

Menggambarkan alur dokumen dalam sistem.


πŸ” Narasi Penjelasan

Flowchart dokumen digunakan untuk:

  • Mengetahui perpindahan dokumen
  • Menganalisis proses administrasi
  • Mengurangi redundansi dokumen

πŸ–ΌοΈ Contoh Flowchart Dokumen

https://images.openai.com/static-rsc-4/soyOh8kVRSNokbG2eOwFGUNM-LRTdYNJQIQFBRY7ws6zYgliNBKU0tFjLqzt6-Qsi8fOPyliIK5vFQ3188bQhrzYTUjm5O58io_2x0t_hEGVtCDnudR4di9IJ06JMPrie6jKIsxHJ4wZgZub2n0LadB0rN7QzfcdZkTbjUvi8Kxp54pX0qq9FmIbixt48X2j?purpose=fullsize
https://images.openai.com/static-rsc-4/_AiD-FzzCwuAvATaKgjxst9BRJra97Gb31PeWemSefWAN3giaiqEGhc_-XoZoLIbUQA3yGXlWjLGceJNWdZ9HIjLRruBSLK6kt8r_ENGGNOYL3dUvHwfHxVJf_o_rwuayw7g-wSUqI659MZRbjCldx81Elc8U5jQ95SU_Y8VyOQBreMS7qxi1Mw0YvqWZ9CI?purpose=fullsize
https://images.openai.com/static-rsc-4/1KiNTmcuNfXRPuPVwdyrngk-6PHI8-jdtt3Cch1-Pc-RzZ-NfwQdkb-SROBlq1_Tx7Tz7GPMq0yOQDRhn1SFUgsM1ThEbERWbB5rFt2lKoTihoVMtSoQTxJy8ZNkASQQH7xXs715E-PmCLZ2sWyG1YX61TVc4NOZV7lakXh9a1JEPhJ-Xi7Qveyu2WtpEGLg?purpose=fullsize

8


🟑 4.3 Flowchart Program

πŸ“Œ Pengertian

Menggambarkan logika atau algoritma program.


πŸ” Narasi Penjelasan

Flowchart program digunakan programmer untuk:

  • Mendesain algoritma
  • Mempermudah coding
  • Mengurangi kesalahan program

πŸ–ΌοΈ Contoh Flowchart Program

https://images.openai.com/static-rsc-4/DqrmmvsSztekuW16_Ga1Qxx0NUyeB5c09E3UNAGEN_uKHbqzAsxkwn8hGsgmmRpLVUSmFx6dng_qlfOQXiBmo7mLYSiGd-JqeSJ9tp1pTLpzgr_H51eQtz_hT5RTCZCG6MQCMpYSLoQQWt3UTkvUsOIVMm4-JTPP7OBtxBFqVeNyv3s9kmswdXXyUsBMRXJ8?purpose=fullsize
https://images.openai.com/static-rsc-4/pfdYmI_4xpeVp-DE4uxCeG-U1K8MbPqZ8r7px_gLBkgmg6VXA7ZtIFg94mkT5BKoZq8qqS4RJwWvChE7XRvf_JXMPeGQp3yjn86YhdoNQEEPE5abHlSej-YEiDUAuGbr4fQ-5gMBnjMQENMo-THbwV6r-0CtDmUp1RCUCQutHdiu0Pf4ZmVKEdXD1Jf-X7Lf?purpose=fullsize
https://images.openai.com/static-rsc-4/R9rj-vlbMWqj-pRj8oYcsJvVGJFAcRRGJbOZl-IgAgzO8bECoFtdue3XluhGuuMekt9-BvchM5INLuE02hASbZTP_maq07hgJyx3TAcE22BY90T0FxdaoqwsN_nlmNJLfVcBWYzoWrluz96CEdwTIXDOo99hqPLwl-ZKyv2iW99R_jbTwcNfAUmWY4wG5xzP?purpose=fullsize

7


🟒 5. Simbol-Simbol Flowchart

πŸ“Œ Pengertian Simbol

Flowchart menggunakan simbol standar agar mudah dipahami secara universal.


🟑 5.1 Simbol Terminator

πŸ“Œ Fungsi

Menunjukkan awal dan akhir proses.


πŸ–ΌοΈ Simbol Terminator

https://images.openai.com/static-rsc-4/VXJcvhbt96P2xJThNnl7Uy1fS15kYyuYEQQxXTeaSaEHULF6dV8SUpGxwHg5MBFJs0BdTfcaDiu3L08FZZN2-2IutRpDdhtXTab8qSADh0T6f-m-GzWV7cIhs75IWdDEgtjcARc8z-BhGjjhKOGC1RAJFq4CYnb5tjNGHCxHyUW89tVt9wYvJ-a4MFQ2XjAQ?purpose=fullsize
https://images.openai.com/static-rsc-4/bbQe1LHWTKZAtJVPoO2YvGYYXQ1YRI6cZLeRCfrVkhSELqVr_ICAn0xICVHhT16Hr9CLs0qU0N-mztVRPuWQEhQeZiSPsY8oK0D3COArnKclghJl20C7ltctaf8FUUH7Nl4VGT5vutsBb5tC-qFJXtm_RWpu9xNAc6nm9haw5reqyVvYgMvlm1LJp1A6FGe7?purpose=fullsize
https://images.openai.com/static-rsc-4/Vmn-IzNy1ajSuHkPv0jg0JvmJuumn3PKjeZMYCnU5icjQnECD7jzeiyEIbBk6apt3G5E9za9zcJsgnVpIYVxtUQMXWZJVdzk11HoWyYj03yvfgx9TkTF0xikVcTIe7sQdbUKI4sl7ofdI_5jhMui0a7yH19EZ2Aw1l9qR3VI3F-KAQghDeWzNwy6PB4pqbDx?purpose=fullsize

6


🟑 5.2 Simbol Process

πŸ“Œ Fungsi

Menunjukkan proses pengolahan data.


πŸ–ΌοΈ Simbol Process

https://images.openai.com/static-rsc-4/bbQe1LHWTKZAtJVPoO2YvGYYXQ1YRI6cZLeRCfrVkhSELqVr_ICAn0xICVHhT16Hr9CLs0qU0N-mztVRPuWQEhQeZiSPsY8oK0D3COArnKclghJl20C7ltctaf8FUUH7Nl4VGT5vutsBb5tC-qFJXtm_RWpu9xNAc6nm9haw5reqyVvYgMvlm1LJp1A6FGe7?purpose=fullsize
https://images.openai.com/static-rsc-4/6pAo_jMdG42z6XB5yrspveQDNs2bmWpQHut2ej8OSTupJeDJu8poGUMMtkyBKn7fP3YaiJihsA17jUdzxdE2ivJ4Y-Vek0WVmJkbgQjXqytQg31ZKK2ilCPAe-9EQ843GFavkzyFbYRX36aMlOsDuPwH3nnIwcjdc36aA08Hj28Jo814kIqj66MCtsrpRanF?purpose=fullsize
https://images.openai.com/static-rsc-4/dwAQLv0tJLNbdiRagFLP1JwUihvqbknKQkNlbRZWNL09POSj5tiDp1ZC9I1aIOMvcinw7qqkrOhd-ZdshD7LXHDNHHfmlCiPSInjF8glJN-GmF8s4r_yzkFnpuBXmdt8OpaoH08fGgeoXIFEaNKA-BwnQXBrQiTyXr_U81k9Jd37Fd6zq2FjNww7_MIVEN0g?purpose=fullsize

7


🟑 5.3 Simbol Decision

πŸ“Œ Fungsi

Menunjukkan keputusan atau percabangan.


πŸ–ΌοΈ Simbol Decision

https://images.openai.com/static-rsc-4/bbQe1LHWTKZAtJVPoO2YvGYYXQ1YRI6cZLeRCfrVkhSELqVr_ICAn0xICVHhT16Hr9CLs0qU0N-mztVRPuWQEhQeZiSPsY8oK0D3COArnKclghJl20C7ltctaf8FUUH7Nl4VGT5vutsBb5tC-qFJXtm_RWpu9xNAc6nm9haw5reqyVvYgMvlm1LJp1A6FGe7?purpose=fullsize
https://images.openai.com/static-rsc-4/B6InkPlaynYTIfYLCNXh5aZBvfOCV3nrApgvV90NiVv3P7rDwCADF1mMzyAg0XRUyD-Zk7aYQJhqxgaWD7wLnSQZQT6sFlMYcbFhqek3YSMgCndtM_14Nx_P3-8nr7x3iEh60pJRVsBCOcp4q5ehbC8OM8EY8S4LR_r_0BLrGZgdzR8O7yVjYPkwciMuKjUe?purpose=fullsize
https://images.openai.com/static-rsc-4/spy57-hgSZkJixkB-dxQw6cC7rPO2QrQI9LIjX4ZvHB7h0Hvcru12vsiMUNpTdb9RVUBOoj2_QiNbnCL3-GTl1kwkdpli22l9Xk5Fe9fneFy18VQzfjVc7Q0VkJQ6ZxDc_KpHmQP97A3i-9PyuW2OXecaHIXFOnb3uQITJJO8kPTmwWjMXuDV4O52fTrNnUi?purpose=fullsize

8


🟑 5.4 Simbol Input/Output

πŸ“Œ Fungsi

Menunjukkan input atau output data.


πŸ–ΌοΈ Simbol Input Output

https://images.openai.com/static-rsc-4/VXJcvhbt96P2xJThNnl7Uy1fS15kYyuYEQQxXTeaSaEHULF6dV8SUpGxwHg5MBFJs0BdTfcaDiu3L08FZZN2-2IutRpDdhtXTab8qSADh0T6f-m-GzWV7cIhs75IWdDEgtjcARc8z-BhGjjhKOGC1RAJFq4CYnb5tjNGHCxHyUW89tVt9wYvJ-a4MFQ2XjAQ?purpose=fullsize
https://images.openai.com/static-rsc-4/WVfTs-nEUERSAADZiINpAksFw6Qmcvxv5hcec9K4vSX3-t-lmKiVPLHwZ8naSDRvDHjc835sKQX4JiKW1e_ohLo5Sf7c6HWXylY4XOzDLLT3ygDsWDc7Ox4ZYw8KUjiW1yQPpydEhmhMSoe3XXoxORHMQmTJBu440cUhIkqg08dwTd3BJa12b4SZAjc4zBNF?purpose=fullsize
https://images.openai.com/static-rsc-4/4L1RI-E9xirkj09i47u8NLpnZWi0lZIckZHM7T9F2ui1QrRiDny-Qx7JXXXvO0WVSd9KJzPQHMjMeDCluki-Ssf_TQVArhMaSWXBNs2qjMtfVVd6HplpSXtQ2JG5QSLcRB5nQYAtXi9ZCJflT5ZPFvgQNJOlbfz2MoFhz6PfAf1Jh7nsWS9aT7QaG1U8xsGf?purpose=fullsize

7


🟑 5.5 Simbol Connector

πŸ“Œ Fungsi

Menghubungkan bagian flowchart.


πŸ–ΌοΈ Simbol Connector

https://images.openai.com/static-rsc-4/bbQe1LHWTKZAtJVPoO2YvGYYXQ1YRI6cZLeRCfrVkhSELqVr_ICAn0xICVHhT16Hr9CLs0qU0N-mztVRPuWQEhQeZiSPsY8oK0D3COArnKclghJl20C7ltctaf8FUUH7Nl4VGT5vutsBb5tC-qFJXtm_RWpu9xNAc6nm9haw5reqyVvYgMvlm1LJp1A6FGe7?purpose=fullsize
https://images.openai.com/static-rsc-4/u2tH4A6pbnhN2o0t8p9o1_gKejYXNAM6dCYTNYHybbhGrYtfnMSP8pr5T32wqWG5ujv72jyTrjh5TIQELqibaOa9O4D_Me6jwDiUUe0di335_RR6uM6r1EFkYJsGj71BqAgobPvPNA9hxtuxMmDx5OSePq_eAtuKR98IXEPEW59EeFYncXruWqm3vE1FxXV5?purpose=fullsize
https://images.openai.com/static-rsc-4/UElNaltpuhAP5SD_ObQJLmq32ROPnY53rnd0A3tNTCEOjEsMdc-EaT-kFrseU5lwOGuwzN8onkCo7K0d58TQ160zhc39MWnu_7STVD6eEGIV_sqeFLcf0ZbLPnxYhyDC1hdrXf7jfVG-EDqY5HCJI2jDcYic_CVHMw_z5_rBpIpu2D3bXpRFAWNuz5TAKPB-?purpose=fullsize

7


🟒 6. Tabel Simbol Flowchart

πŸ“Š Tabel Simbol dan Fungsi

SimbolNamaFungsi
OvalTerminatorAwal/Akhir
Persegi PanjangProcessProses
Belah KetupatDecisionPercabangan
Jajar GenjangInput/OutputData masuk/keluar
PanahFlowlineArah alur
LingkaranConnectorPenghubung

🟒 7. Aturan Membuat Flowchart

πŸ“Œ Aturan Dasar

  1. Gunakan simbol standar
  2. Alur dari atas ke bawah
  3. Gunakan panah
  4. Hindari garis berpotongan
  5. Beri nama proses dengan jelas

πŸ” Narasi Penjelasan

Flowchart yang baik harus:

  • Mudah dibaca
  • Rapi
  • Konsisten
  • Tidak membingungkan

πŸ–ΌοΈ Contoh Flowchart Baik dan Buruk

https://images.openai.com/static-rsc-4/fqeeleK-howM8DVWj3uU77YYgSdd7iLvSZ8uyaNKd1l7hbqiJZFlbABnXpGeqjn3u8lPky0gYBbieQ6VwIQgbRjVMq212YKABBmqgMCgnId0bLXWKRVmUWlOjBV3-U-y77TUi8AKmIhXRUbSSITTZ9TEtbGuVls1YxOzXM6A_xLvRtVRDprTB6Gw2R8ZNAyz?purpose=fullsize
https://images.openai.com/static-rsc-4/XTPdx-BT5nZTurxOnMCGxBnaFNohOmOHOYNNoHxgcwg2vzkCmZ_v0xFeH5dWi0mPYQyTGuvC254sZgEMQwcHXqu1IzXeVara45a39wWJo27qyI8rIukyuwmF4_M1qeAd5W1B5X2o6upHMQNPYiHSNnbAB50Vn_WIfKRIe5bBOEgcLN5D5fky3Rwosz3CCPYB?purpose=fullsize
https://images.openai.com/static-rsc-4/C12AEx8iK3wiWMBLNOSIDr4IzH2Se-ksN9L5NeZUhGDzuCGfKcZ0aG0SZteXoco1hHoLXMEQckjEiwKW8hjOE9E-AitFeB7k7F5Aw4HG6XUEa6o_EWbJUd0yEFD2OAt1ETgPSn3SK_B0HWqc4808BBLVabsQT1CyGF8vuUCXVwpTx0KgCdBCK9jaXmbou8AC?purpose=fullsize

9


🟒 8. Langkah-Langkah Membuat Flowchart

πŸ“Œ Tahapan

  1. Identifikasi proses
  2. Tentukan input dan output
  3. Susun urutan proses
  4. Pilih simbol
  5. Gambar flowchart
  6. Evaluasi alur

πŸ” Narasi Penjelasan

Sebelum membuat flowchart:

  • Pahami sistem
  • Tentukan tujuan
  • Analisis proses bisnis

πŸ–ΌοΈ Diagram Langkah Pembuatan Flowchart

https://images.openai.com/static-rsc-4/geqJAi8zApI6QZWlS_oBUWwafatEAAx6ERI22dtemKDWI-uRp1XNf1bm-e5tU6Ku7H71gVBT5iboHq7hD0huighM3pTxFUfoIRYQ7bIQYkqvvvOnp01N_rmEDN4UF7ecxDG1iK43UPztuefYhqead1C__zw8jmTVhXfnmJuU2zWZoXpeh8CJ-fQPvqkYnPHI?purpose=fullsize
https://images.openai.com/static-rsc-4/ylC6oE2vLJZ9S2XYPfU3fpLGUBGJPKVl3ZTy66VTINBWKL2sM7OmIr2UarcrpW_WYwA8Q7d0LOcOpLoUMk3uLghxiE6kvHeUxTVhFFUWN2HVgw7Dg40lhQ9Wpwhov5-FFqwuojACFA9wn3VWZhrSpnq7Tya366V_GJfFrWIsuV5Pqm8tZkRkMoGgzw8l3uJm?purpose=fullsize
https://images.openai.com/static-rsc-4/ldL_q0t5QF6l8m6PzL7fx1czlRgGPSe27EF66oDNrLA-DWrnubf7Rmce_CCgU0oXEM8ang9FAWZs-7O0bfw5ZhEbS9ND50wPJsb4LQI9b2B2Q2hkiZUZjgHgiiWicGLAjQtxaCPqvkYjbJeyxNMcaINsS0q25fDcJ2jtt0BAFtGQPlVF-O-NAyDFOnJAwJeE?purpose=fullsize

7


🟒 9. Contoh Flowchart Sistem Akademik

πŸ“Œ Studi Kasus Login Mahasiswa

Alur:

  1. Mahasiswa input username dan password
  2. Sistem memvalidasi data
  3. Jika benar β†’ masuk dashboard
  4. Jika salah β†’ kembali login

πŸ–ΌοΈ Flowchart Login Sistem

https://images.openai.com/static-rsc-4/HKF18Zd0fPwR0gkNPKBWWIAtXA0nylWsSw2L4ZeLe1u9GxCTLg8odmnwAlC2XRdtlfTM01S-76vuLvEcHGbNKZ5P-NExS3a5T26T8C5hrk5EyX33CAHWHdnyiiCOrL-1mkxdvL1RaEmbpYm-Yxy8lmg8Y_totTlyrPVg7LyBTZzJ7ZxevrCZEntaSH2ZTKHg?purpose=fullsize
https://images.openai.com/static-rsc-4/JMaahA-af5nOMFNpf-htllVb0Z79k7CHvTsYheBedygO1zPoCAiZpSmUuRkUc3NcqTfH8co9Aim9VIi87q7iUV9XzbfPKtW5MUlB_xvq6zg3mk_WkVHd9OHaj8mGe9tNy48xtZxZmFRzHMOv7CsSHi8QLZ-1SUwEKPk-WEdronlO86FvrTq8BA_NcLcMsA2_?purpose=fullsize
https://images.openai.com/static-rsc-4/QuCXrDguhowOjNnE808CYhol5eOCW665RFe6BWWPXJsfOKemR5jLcICC4j0B7oQd_iRSBMbYdbn4J_FtE4DC3Bqhc8SJznfFdJalMaYUxQBeltOrNQ0onKTIskwcBFfFAYy3fgjXcfJ25Go1_TpawjHhRwK8oOFhkEqmW35uJHgeBRiDKiZl2z4Gzb53FHxO?purpose=fullsize

6


🟒 10. Contoh Flowchart Penjualan

πŸ“Œ Studi Kasus Kasir

Alur:

  1. Input barang
  2. Hitung total
  3. Pembayaran
  4. Cetak struk

πŸ–ΌοΈ Flowchart Sistem Penjualan

https://images.openai.com/static-rsc-4/WLfQOGnLfN51NiNG7pbXNp5kgQq_KqyYyLE_5eOXFo9zZgFNIDUHzGRFnJr0wox7FCo040-VjchVCBGlZhKO999Wj2o_pqgIeoIpNbaZdPKVGH7pXHuARX0xRM3qP0d0c8r-Nw21tCqyX4uS7-ocFmLvKIZ4h8iBjyKvYJuODJhvQglEcAMCZBDUWLflr2NU?purpose=fullsize
https://images.openai.com/static-rsc-4/auHJHakTtSSqFHul8kw21WHtY80VTivks-Qil2djClam6bSX6h1dGD869tw5kT9McYKdg8dFGuYhGsO3LmY88sCuGhgFRbXMQxDyRip2OUQYIJGAcs5C2Z0AoquCvgNtIU2P8MKcF16vO0vmplFkcjtj0goAYljGoHCElCzhxaTmTHB5GmaxBXNGbXXYaUuN?purpose=fullsize
https://images.openai.com/static-rsc-4/BKa3B07FAP8f2bo_RZ8KAj85VvPO1z_TZOVofygZrZKcLYkcQ8MI4B6i9ZhSW7XhulwKk_bkeLenjbp5Ivx5lAwz5Iwi7SVIg3aFi4BexJutyPcngE02PGExTaIwRJZ7GrVfVrDce664SfQ1ZfM02gtPNWf8uHGu-N8cKvOVuFQymUkxMsC4RpmcCKTxu8ac?purpose=fullsize

8


🟒 11. Kelebihan dan Kekurangan Flowchart

πŸ“Š Tabel Kelebihan dan Kekurangan

KelebihanKekurangan
Mudah dipahamiSulit untuk sistem besar
Visualisasi jelasMembutuhkan waktu
Membantu analisisDiagram bisa kompleks
Mempermudah komunikasiPerubahan sulit jika besar

🟒 12. Software Pembuat Flowchart

πŸ“Œ Tools Populer

SoftwareFungsi
Draw.ioGratis dan online
Microsoft VisioProfesional
LucidchartKolaborasi online
Visual ParadigmPemodelan sistem
CanvaDiagram sederhana

πŸ–ΌοΈ Ilustrasi Software Flowchart

https://images.openai.com/static-rsc-4/RdIX3-0_Y7HDukiY2Kd3Yihi6pvqeuli659qe4BUf4bT_DiMmniqRzlosfDkaio0MdKtM_zM98tlrWxUnto-ig7-PndXp7K-e8SWxsZFOxqMELA-pbxsASH-FnC51-0hqxNyDSypb8bjFT9167IQVvJGJv9gVUZiL1g_ekRPRf9Pcr18gpnZPo3zjoLo9Tb7?purpose=fullsize
https://images.openai.com/static-rsc-4/weSKS-bFta7GCVHgU5WpgLIR0-FlhXVqf4hGTcD_TOVBvdZ9lQp3LVbagY0GIU-YKbVqocFJqUWINT7YMMdloLrXlWZy_NyQu86Vz0j8tvj4j3QUPUGXyDwxAm_-ak-LZCkKrHAJrCINotJzSgaWmERoVr2Ajtw72ayTjcbUFAz-zUJW7ihhnAzep7Ljnsey?purpose=fullsize
https://images.openai.com/static-rsc-4/a93z9AzJJSERS0uud-x21llkWLdnRymu4RvrC9jEcPn3Y9s-sM9DBA-3QPp4QeL_23JdDRcQUfjRvcO5CWSjHNq_rhWFpsqTkXrL4n-a7XvygEilAAILZvtvSuGJY4EKubxLSQgVLSloSB63kOxFXFTvDXna8ZNtM-LsKUS-LAL-NyomXXWuqOLt5QnKd7YV?purpose=fullsize

6


🟒 13. Tutorial Praktikum

πŸ’» Praktikum 1 β€” Membuat Flowchart Sederhana

🎯 Tujuan

Mahasiswa mampu membuat flowchart dasar.


πŸ“Œ Studi Kasus

Flowchart proses login.


πŸ“Œ Langkah Praktikum

Langkah 1

Buka Draw.io.

Langkah 2

Pilih:

  • Flowchart template

Langkah 3

Tambahkan simbol:

  • Start
  • Input
  • Decision
  • Process
  • End

Langkah 4

Hubungkan dengan panah.


πŸ–ΌοΈ Tutorial Flowchart

https://images.openai.com/static-rsc-4/geqJAi8zApI6QZWlS_oBUWwafatEAAx6ERI22dtemKDWI-uRp1XNf1bm-e5tU6Ku7H71gVBT5iboHq7hD0huighM3pTxFUfoIRYQ7bIQYkqvvvOnp01N_rmEDN4UF7ecxDG1iK43UPztuefYhqead1C__zw8jmTVhXfnmJuU2zWZoXpeh8CJ-fQPvqkYnPHI?purpose=fullsize
https://images.openai.com/static-rsc-4/U4XN-zJFX-929xEc4IC_tUtg3ggVd_7C9r0VJHUCM2EhMNj4q8f2BIF2I_8k3ikti2bY8D46hIObXHi4B29uAKldplnw3YrpzDF4K2ox4MInOTBNbga-C73HVhTZ89o1PsRBXGIq3r06Libsc4ZDGbT_VFMErRuIoXdq2AxyP4W3geNKq708rN2E4WD7jhOi?purpose=fullsize
https://images.openai.com/static-rsc-4/GkQOH5hoLwIQ4O1tCy1SDSHL09jkUmGPQLvyytZq50soEqLNvesdJXp26BDhuu79LQ93L-Ijj43IpQl35ouu97DYDu7BtS3_wuDrEbijcefX37fT0S-ALlEMO9EHOXCERfky79Y-_yWdA90KlGPPJwVeepFWzuz4bqXIYOPF5eNF9rmLGwdskcISLdkJRoTY?purpose=fullsize

8


πŸ’» Praktikum 2 β€” Membuat Flowchart Sistem Perpustakaan

🎯 Tujuan

Mahasiswa memahami alur proses bisnis.


πŸ“Œ Alur Sistem

  1. Cari buku
  2. Peminjaman
  3. Validasi petugas
  4. Simpan data
  5. Cetak bukti

πŸ“Š Tugas Praktikum

TahapanSimbol
MulaiTerminator
Input dataInput/Output
ValidasiDecision
Simpan dataProcess

🟒 14. Latihan Mahasiswa

🎯 Latihan Individu

  1. Jelaskan pengertian flowchart!
  2. Apa fungsi simbol decision?
  3. Sebutkan jenis flowchart!
  4. Apa manfaat flowchart?

🎯 Latihan Kelompok

Buat flowchart:

  • Sistem absensi
  • Sistem parkir
  • Sistem perpustakaan
  • Sistem penjualan

Gunakan:

  • Terminator
  • Process
  • Decision
  • Input/Output

🟒 15. Diskusi Kelas

πŸ“Œ Topik Diskusi

  1. Mengapa flowchart penting dalam pengembangan sistem?
  2. Apa akibat flowchart yang tidak jelas?
  3. Kapan flowchart digunakan?

🟒 16. Kesimpulan

πŸ“Œ Ringkasan Materi

Flowchart merupakan alat pemodelan sistem yang digunakan untuk menggambarkan alur proses secara visual menggunakan simbol standar.

Flowchart membantu:

  • Analisis sistem
  • Perancangan sistem
  • Dokumentasi proses
  • Pengembangan aplikasi

Mahasiswa harus memahami:

  • Jenis flowchart
  • Simbol flowchart
  • Aturan pembuatan
  • Implementasi dalam sistem informasi

🎯 Capaian Pembelajaran

Setelah mempelajari materi ini mahasiswa mampu:
βœ… Memahami konsep flowchart
βœ… Mengenali simbol flowchart
βœ… Membuat flowchart sistem sederhana
βœ… Memodelkan proses bisnis
βœ… Menggunakan software flowchart
βœ… Mendesain alur sistem informasi secara visual