<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>DFD &#8211; Cerita Hosting ☁️</title>
	<atom:link href="https://ceritahosting.com/tag/dfd/feed/" rel="self" type="application/rss+xml" />
	<link>https://ceritahosting.com</link>
	<description>Cerita Teknologi Terkini</description>
	<lastBuildDate>Sat, 17 Oct 2020 21:52:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.15</generator>

<image>
	<url>https://i1.wp.com/ceritahosting.com/wp-content/uploads/2019/05/cropped-8437175d-f20a-4d92-9289-8b4d42b92879_200x200.png?fit=32%2C32&#038;ssl=1</url>
	<title>DFD &#8211; Cerita Hosting ☁️</title>
	<link>https://ceritahosting.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">175363151</site>	<item>
		<title>Analisa Perancangan Sistem Informasi(APSI):11-Activity Diagram</title>
		<link>https://ceritahosting.com/2020/06/20/analisa-perancangan-sistem-informasiapsi11-activity-diagram-2/</link>
					<comments>https://ceritahosting.com/2020/06/20/analisa-perancangan-sistem-informasiapsi11-activity-diagram-2/#respond</comments>
		
		<dc:creator><![CDATA[Cerita Hosting]]></dc:creator>
		<pubDate>Sat, 20 Jun 2020 23:18:29 +0000</pubDate>
				<category><![CDATA[Perkuliahan]]></category>
		<category><![CDATA[Analisa Berorientasi object(ABO)UMB]]></category>
		<category><![CDATA[ceritahosting.com]]></category>
		<category><![CDATA[class diagram]]></category>
		<category><![CDATA[Data Flow Diagram]]></category>
		<category><![CDATA[DFD]]></category>
		<category><![CDATA[diagram activity]]></category>
		<category><![CDATA[perkuliahan Analisa Perancangan basis data universitas mercubuana]]></category>
		<category><![CDATA[Perkuliahan Analisa Perancangan Sistem Informasi UMB]]></category>
		<category><![CDATA[SDLC]]></category>
		<category><![CDATA[sequence diagram]]></category>
		<category><![CDATA[System Life Cycle]]></category>
		<category><![CDATA[Teknologi Informasi]]></category>
		<category><![CDATA[UML]]></category>
		<category><![CDATA[use case]]></category>
		<category><![CDATA[Waterfall]]></category>
		<guid isPermaLink="false">https://ceritahosting.com/?p=645</guid>

					<description><![CDATA[<p>Indikator Materi: Mengetahui cara Analisa Perancangan menggunakan Activity diagram, sequence diagram dan class diagram. Use Case Use Case adalah deskripsi fungsi dari sebuah sistem dari perspektif pengguna. Sejak tahun 1992, dengan adanya pengembang UML, yaitu Jacob Et All, menjadikan Use case sebagai model utama atau yang dibutuhkan (Requeirment Model) pada UML. Use case dibuat berdasar [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://ceritahosting.com/2020/06/20/analisa-perancangan-sistem-informasiapsi11-activity-diagram-2/">Analisa Perancangan Sistem Informasi(APSI):11-Activity Diagram</a> appeared first on <a rel="nofollow" href="https://ceritahosting.com">Cerita Hosting ☁️</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><span style="font-family: Arial; font-size: 14pt; text-decoration: underline;"><strong>Indikator Materi:<br />
</strong></span></p>
<p style="text-align: justify; margin-left: 36pt;">
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Mengetahui cara Analisa Perancangan menggunakan Activity diagram, sequence diagram dan class diagram.<br />
</span></div>
<p style="text-align: justify; margin-left: 18pt;">
</li>
</ul>
<p><span style="color: black; font-family: Arial; font-size: 14pt;"><strong>Use Case<br />
</strong></span></p>
<p style="text-align: justify;">
<ul style="margin-left: 72pt;">
<li>
<div style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;"><span style="text-decoration: underline;"><strong>Use Case</strong></span> adalah deskripsi fungsi dari sebuah sistem dari perspektif pengguna.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">Sejak tahun 1992, dengan adanya pengembang UML, yaitu Jacob Et All, menjadikan <em>Use case</em> sebagai model utama atau yang dibutuhkan (<em>Requeirment Model</em>)<em><br />
</em>pada UML.<br />
</span></div>
</li>
<li><span style="font-family: Arial; font-size: 12pt;">Use case dibuat berdasar keperluan actor, merupakan &#8220;apa&#8221; yang dikerjakan system, bukan &#8220;bagaimana&#8221; system mengerjakannya<br />
</span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Use case diberi nama yang menyatakan apa hal yang dicapai dari hasil interaksinya dengan actor.<br />
</span></li>
<li>
<div><span style="font-family: Arial; font-size: 12pt;"><em>Use case</em> dinotasikan dengan gambar (horizontal ellipse)<br />
</span></div>
<p><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera1.png?ssl=1" alt="" align="left" data-recalc-dims="1" /><span style="font-family: Arial;"><br />
</span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Use case biasanya menggunakan kata kerja<br />
</span></li>
<li>
<div><span style="font-family: Arial; font-size: 12pt;">Nama use case boleh terdiri dari beberapa kata dan tidak boleh ada 2 use case yang memiliki nama yang sama<br />
</span></div>
<p style="text-align: center;">
</li>
</ul>
<p><span style="color: black; font-family: Arial; font-size: 14pt;"><strong>Use Case Diagram<br />
</strong></span></p>
<p style="text-align: center; margin-left: 72pt;">
<ul style="margin-left: 72pt;">
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah &#8220;apa&#8221; yang diperbuat sistem, dan bukan &#8220;bagaimana&#8221;.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Menurut Rosa dan Salahudin use case diagram tidak menjelaskan secara detail tentang penggunaan tiap use case, namun hanya memberi gambaran singkat hubungan antara use case, aktor, dan sistem. Melalui use case diagram kita dapat mengetahui fungsi-fungsi apa saja yang ada pada sistem (Rosa-Salahudin, 2011: 130).<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">Usecase Diagram digunakan untuk mengambarkan interaksi antara pengguna sistem (<em>actor)</em> dengan kasus (<em>use case</em>) yang disesuaikan dengan langkah-langkah (<em>scenario</em>) yang telah ditentukan.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Menggambarkan kebutuhan system dari sudut pandang user<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Mengfokuskan pada proses komputerisasi (automated processes)<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Menggambarkan hubungan antara use case dan actor<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Use case menggambarkan proses system (kebutuhan system dari sudut pandang user)<br />
</span></div>
<p style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Secara umum use case adalah:<br />
</span></p>
</li>
<li><span style="color: black; font-family: Arial; font-size: 12pt;">Pola perilaku system<br />
</span></li>
<li>
<div><span style="color: black; font-family: Arial; font-size: 12pt;">Urutan transaksi yang berhubungan yang dilakukan oleh satu actor<br />
</span></div>
<p style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Use case diagram terdiri dari:<br />
</span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Use case<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Actors<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">System boundary boxes (optional)<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Packages (optional)<br />
</span></div>
</li>
</ul>
<p style="text-align: justify;">
<p style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;"><strong>Tujuan Use case Diagram<br />
</strong></span></p>
<ul>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Untuk mengumpulkan kebutuhan dari sebuah system<strong><br />
</strong></span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Untuk mendapatkan pandangan dari luar system<strong><br />
</strong></span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Untuk mengidentifikasikan factor yang mempengaruhi system baik internal maupun external.<strong><br />
</strong></span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Untuk menunjukkan interkasi dari para actor dari system.<strong><br />
</strong></span></div>
<p style="text-align: justify;">
<p style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 14pt;"><strong><span style="background-color: yellow;">Use Case: Mengapa penting?</span><br />
</strong></span></p>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial; font-size: 12pt;">Ide dasarnya adalah bagaimana melibatkan penggunaan system di fase fase awal Analisa dan perancangan system, sehingga diharapkan akan bisa dibangun suatu system yang bisa membantu pengguna.<strong><br />
</strong></span></div>
<p style="text-align: justify; margin-left: 36pt;">
</li>
</ul>
<p style="text-align: center;"><img src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera2.png?ssl=1" alt="" data-recalc-dims="1" /><span style="color: black; font-family: Arial; font-size: 12pt;"><strong><br />
</strong></span></p>
<p style="text-align: center;"><span style="color: black; font-family: Arial; font-size: 12pt;"><strong>Gambar. Simbol Use Case<br />
</strong></span></p>
</li>
</ul>
<p><span style="font-family: Arial; font-size: 12pt;">Untuk mempermudah pemahaman dari penggunaan Activity diagram, Sequence Diagram, use case akan diberikan contoh dari tulisan:<br />
</span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;"><strong><span style="color: black;">&#8220;APLIKASI SISTEM MONITORING i-HCR <em>(INTERGRATED HUMAN CAPITAL READINESS</em>) BERBASIS WEB PADA DIVISI SUMBER DAYA MANUSIA DI PT. PLN DISTRIBUSI JAKARTA RAYA&#8221; </span><br />
</strong></span></p>
<p style="text-align: justify;">
<h4><span style="font-family: Arial; font-size: 14pt;"><strong><span style="background-color: yellow;">Perancangan Sistem Usulan</span><br />
</strong></span></h4>
<p style="text-align: justify;">
<h4><span style="font-family: Arial;"><strong><span style="font-size: 12pt;">Use Case</span><span style="font-size: 16pt;"><br />
</span></strong></span></h4>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;"><em>Use case diagram</em> yang diusulkan pada sistem website ini terdiri dari 2 aktor yaitu kantor distribusi sebagai admin, dan area sebagai <em>user</em>. <em>Use case diagram</em> menggambarkan relasi input dan output aktor dengan sistem. Berikut adalah <em>use case diagram</em> dari sistem pada website i-HCR ini <strong><br />
</strong></span></p>
<p style="text-align: justify;"><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera3.jpg?ssl=1" alt="" data-recalc-dims="1" /><strong><br />
</strong></p>
<p><span style="font-size: 12pt;"><strong><em>Use Case Diagram i-HCR<br />
</em></strong></span></p>
<h5><strong>Deskripsi Use Case Diagram<br />
</strong></h5>
<p style="text-align: justify;">    Deskripsi use case mendeskripsikan aktor dan fungsi yang digambarkan dalam use case diagram. Berikut adalah deskripsi aktor dan definisi use case diagram i-HCR:<strong><br />
</strong></p>
<p><span style="font-family: Arial; font-size: 12pt;"><strong><em>Identifikasi Actor Use Case</em><br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 38px;" />
<col style="width: 151px;" />
<col style="width: 340px;" /></colgroup>
<tbody valign="top">
<tr style="background: #deeaf6;">
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Deskripsi</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Admin / Kantor Distribusi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Admin merupakan aktor yang mempunyai hak mempunyai hak untuk mengelola keseluruhan data pada halaman SJF pada setiap area dan melihat data pada halaman Competency Profile. Diperuntukan untuk Kantor Distribusi Jakarta Raya.</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">User / Area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">User / Area merupakan aktor yang mempunyai hak untuk mengelola data pada halaman SJF berdasar pada areanya saja dan melihat data Competency Profile. Diperuntukan untuk SDM area.</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><strong><em>Skenario Use Case Login</em><br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Area, Admin</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melakukan proses login akun masuk ke aplikasi</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor membuka halaman login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor membuka halaman login<strong><br />
</strong></p>
<p>2. Aktor memasukan username dan password lalu klik tombol login</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.1 Sistem menampilkan<strong><br />
</strong></p>
<p>halaman login dan form login<strong><br />
</strong></p>
<p>2.1 Sistem verifikasi username dan password<strong><br />
</strong></p>
<p>2.2 Berhasil login dan sistem menampilkan halaman home</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Jika username dan password yang dimasukan salah atau data tidak ada, aktor tidak akan masuk ke halaman home</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Post Condition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor berhasil login dan masuk ke halaman home</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><strong>Skenario Use Case Melihat SJF Semua Area<br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat SJF semua area</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Admin</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat semua data Strategic Job Famillies pada semua area</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor sudah login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor membuka halaman Strategic Job Famillies dan memilih area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Sistem menampilkan tabel Strategic Job Famillies area yang dipilih</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate Course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Postcondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><strong>Skenario Use Case Melihat SJF Area-nya Saja<br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat SJF area-nya saja</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Area</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat semua data Strategic Job Famillies pada areanya saja</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor sudah login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor login sebagai areanya dan membuka halaman Strategic Job Famillies</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Sistem menampilkan tabel Strategic Job Famillies</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate Course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Postcondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><strong>Skenario Use Case Kelola SJF Berdasarkan Triwulan<br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat Usulan dan Realisasi pada SJF</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Area</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Edit data SJF, Wajib Sertifikasi, usulan dan realisasi pada SJF</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor sudah login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor membuka halaman Strategic Job Famillies <strong><br />
</strong></p>
<p>2. Aktor memilih triwulan pada halaman Strategic Job Famillies<strong><br />
</strong></p>
<p>3. Aktor memilih data pada Strategic Job Famillies yang akan diubah<strong><br />
</strong></p>
<p>4. Aktor mengubah data pada form edit Strategic Job Famillies</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.1. Sistem menampilkan halaman Strategic Job Famillies berdasarkan area-nya<strong><br />
</strong></p>
<p>2.1 Sistem menampilkan data Strategic Job Famillies berdasarkan triwulan yang dipilih<strong><br />
</strong></p>
<p>3.1 Sistem menampilkan halaman form edit Strategic Job Famillies<strong><br />
</strong></p>
<p>4.1 Sistem menyimpan data yang telah diinputkan kedalam database</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate Course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Postcondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Data tersimpan kedalam database</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><em>Skenario Use Case Mencetak Laporan SJF</em><strong><br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Mencetak Laporan SJF</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Admin, User</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Mencetak laporan data Strategic Job Famillies</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor sudah login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor membuka halaman Strategic Job Famillies dan memilih triwulan<strong><br />
</strong></p>
<p>2. Aktor memilih cetak laporan pada halaman SJF</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.1. Sistem menampilkan data Strategic Job Famillies<strong><br />
</strong></p>
<p>2.1 Sistem menampilkan laporan data SJF yang dapat didownload dengan format PDF</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate Course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Jika hanya ingin melihat data yang terdapat pada SJF yang dipilih maka tidak perlu download dan dapat kembali ke halaman sebelumnya</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Postcondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
</tbody>
</table>
</div>
<p><span style="font-family: Arial; font-size: 12pt;"><strong>Skenario Use Case Melihat Data Competency Profile<br />
</strong></span></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 132px;" />
<col style="width: 198px;" />
<col style="width: 198px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">Use Case Name</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat Data Competency Profile</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Actor</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Area, Admin</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Description</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Melihat semua data pada halaman Competency Profile</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Precondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">Aktor sudah login</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" rowspan="2">Typical course of event</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Aktor Action</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">System Response</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Aktor membuka halaman Competency Profile</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1. Sistem menampilkan tabel Competency Profile</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Alternate Course</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
<tr>
<td style="background: #deeaf6; padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Postcondition</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;" colspan="2">&#8211;</td>
</tr>
</tbody>
</table>
</div>
<p style="text-align: justify;">
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Activity Diagram<br />
</strong></span></h5>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">    Menggambarkan aktivitas bisnis yang lebih kompleks, dimana digambarkan hubungan antara satu use case dengan use case lainnya. Berikut adalah Activity Diagram dari aplikasi i-HCR:<strong><br />
</strong></span></p>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Diagram Login<br />
</strong></span></h5>
<p><img src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera4.jpg?ssl=1" alt="" data-recalc-dims="1" /></p>
<p>Activity Diagram Login<strong><br />
</strong></p>
<p>Berikut adalah penjelasan activity diagram login:<strong><br />
</strong></p>
<p>1. User mengakses halaman login melalui browser.<strong><br />
</strong></p>
<p>2. Sistem akan menampilkan halaman login beserta dengan form login.<strong><br />
</strong></p>
<p>3. User login dengan cara mengisi username dan password akun.<strong><br />
</strong></p>
<p>4. Sistem akan melakukan pemeriksaan data username dan password yang<strong><br />
</strong></p>
<p>diisi oleh user.<strong><br />
</strong></p>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Activity Diagram Melihat SJF Semua Area<br />
</strong></span></h5>
<p><img src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera5.jpg?ssl=1" alt="" data-recalc-dims="1" /><strong><br />
</strong></p>
<p><em>Activity Diagram Melihat SJF Semua Area</em><strong><br />
</strong></p>
<p>Berikut adalah penjelasan activity diagram melihat SJF semua area:<strong><br />
</strong></p>
<ol>
<li>Admin login untuk masuk kedalam aplikasi.<strong><br />
</strong></li>
<li>Admin mengakses halaman Strategic Job Famillies pada menu aplikasi.<strong><br />
</strong></li>
<li>Sistem akan menampilkan daftar keseluruhan area<strong><br />
</strong></li>
<li>Jika admin ingin melihat data SJF pada area yang lain, maka admin harus memilih area yang ingin dilihat dan kemudian sitem akan menampilkan data area yang dipilih pada halaman SJf <strong><br />
</strong></li>
<li>Jika admin tidak ingin melihat data SJF pada area lain, maka sistem akan menampilkan data SJF pada area Kantor Distribusi Jakarta Raya.<strong><br />
</strong></li>
<li>User memilih triwulan ke berapa yang ingin dilihat SJF-nya.<strong><br />
</strong></li>
<li>Admin akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.<strong><br />
</strong></li>
</ol>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Activity Diagram Melihat SJF Area-nya Saja<br />
</strong></span></h5>
<p><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera6.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><em>Activity Diagram Melihat SJF Area-nya Saja</em><strong><br />
</strong></p>
<p>Berikut adalah penjelasan activity diagram melihat SJF area-nya saja:<strong><br />
</strong></p>
<ol>
<li>User login untuk masuk kedalam aplikasi.<strong><br />
</strong></li>
<li>User memilih menu halaman SJF <strong><br />
</strong></li>
<li>Sistem menampilkan halaman Strategic Job Famillies.<strong><br />
</strong></li>
<li>User memilih triwulan ke berapa yang ingin dilihat SJF-nya.<strong><br />
</strong></li>
<li>Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.<strong><br />
</strong></li>
</ol>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Activity Diagram Kelola SJF Berdasarkan Triwulan<br />
</strong></span></h5>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera7.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /></p>
<p><em>Activity Diagram Kelola SJF Berdasarkan Triwulan</em><br />
<strong><br />
</strong></p>
<p><span style="font-family: Arial; font-size: 12pt;">Berikut adalah penjelasan activity diagram edit SJF admin:<strong><br />
</strong></span></p>
<ol>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin login untuk masuk kedalam aplikasi<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin kemudian memilih menu halaman SJF <strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem menampilkan halaman Strategic Job Famillies.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User memilih triwulan ke berapa yang ingin dilihat SJF-nya.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Jika User / Admin ingin mengubah data SJF maka data yang ditampilkan adalah berdasarkan triwulan yang dipilih sebelumnya.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin memilih data SJF yang akan dirubah.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem akan menampilkan data SJF yang dipilih secara detail.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin melakukan edit data sesuai dengan apa yang diperlukan perusahaan.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem akan menyimpan data yang telah diedit.<strong><br />
</strong></span></li>
</ol>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Activity Diagram Mencetak Laporan SJF<br />
</strong></span></h5>
<p><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera8.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /></p>
<p><span style="font-family: Arial; font-size: 12pt;"><strong><em>Activity Diagram Mencetak Laporan SJF</em><br />
</strong></span></p>
<p style="text-align: justify;">
<p style="text-align: justify;">Berikut adalah penjelasan activity diagram mencetak laporan SJF:<strong><br />
</strong></p>
<ol>
<li><span style="font-family: Arial; font-size: 12pt;">User/ Admin login untuk masuk kedalam aplikasi.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin memilih menu halaman SJF <strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem menampilkan halaman Strategic Job Famillies.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">User / Admin memilih triwulan ke berapa yang ingin dicetak SJF-nya.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem akan menampilkan halaman Strategic Job Famillies berdasarkan triwulan yang dipilih sebelumnya.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Sistem menampilkan laporan SJF berdasarkan triwulan yang dipilih dengan format pdf.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Jika User / Admin ingin mencetak laporan maka pilih cetak laporan.<strong><br />
</strong></span></li>
<li><span style="font-family: Arial; font-size: 12pt;">Jika User / Admin ingin mencetak laporan SJF dari triwulan yang berbeda maka pilih triwulan kembali.<strong><br />
</strong></span></li>
</ol>
<h5><span style="font-family: Arial;"><strong><span style="font-size: 14pt; background-color: yellow;">Sequence Diagram</span><span style="font-size: 16pt;"><br />
</span></strong></span></h5>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">Sequence diagram menjelaskan interaksi object yang disusun dalam suatu urutan waktu. Diagram ini secara khusus berasosiasi dengan use case, sequence diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu di dalam use case.<br />
</span></p>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Sequence Diagram Login<br />
</strong></span></h5>
<p><img src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera9.jpg?ssl=1" alt="" data-recalc-dims="1" /></p>
<p><span style="font-family: Arial; font-size: 12pt;"><em>Sequence Diagram Login</em><strong><br />
</strong></span></p>
<p style="text-align: justify;">Berikut adalah penjelasan sequence diagram login:<strong><br />
</strong></p>
<p style="text-align: justify;">1:         User membuka halaman login.<strong><br />
</strong></p>
<p style="text-align: justify;">1.1:         Halaman login akan memuat form login.<strong><br />
</strong></p>
<p style="text-align: justify;">2:         User memasukan username dan password.<strong><br />
</strong></p>
<p style="text-align: justify;">2.1:         Data dikirim dari form ke sistem.<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.1:         Sistem melanjutkan data yang dikirim form ke database untuk pencarian data.<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.1.1:     Database melakukan pencarian data.<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.1.2:     Data ditemukan dan dikirim ke sistem<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.1.3:     User berhasil login dan sistem menampilkan halaman utama<strong><br />
</strong></p>
<p style="text-align: justify;">
<h5><strong>Sequence Diagram Melihat SJF Semua Area<br />
</strong></h5>
<p style="text-align: justify;"><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera10.jpg?ssl=1" alt="" data-recalc-dims="1" /></p>
<p style="text-align: justify;">
<h5><strong>3.2.3.3 Sequence Diagram Melihat SJF Area<br />
</strong></h5>
<p style="text-align: justify;"><img src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera11.jpg?ssl=1" alt="" data-recalc-dims="1" /></p>
<p><span style="font-size: 12pt;"><em>Sequence Diagram Melihat SJF Semua Area</em><strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">Berikut adalah penjelasan sequence diagram edit SJF area:<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">1:     Admin membuka halaman home<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">1.1:    Admin memilih menu SJF<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2:     Admin memilih area yang ingin dilihat SJFnya<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2.1:     Admin memilih triwulan<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2.1.1:     Meminta data ke sistem<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2.1.2:    Sistem mengambil data dari database<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2.1.3:     Database mengirim data ke sistem untuk ditampilkan<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-size: 12pt;">2.2:     sistem menampilkan data SJF<strong><br />
</strong></span></p>
<p style="text-align: justify;">
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Sequence Diagram Kelola SJF Berdasarkan Triwulan<br />
</strong></span></h5>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera12.jpg?ssl=1" alt="" data-recalc-dims="1" /></p>
<p><span style="font-family: Arial; font-size: 12pt;"><em>Sequence Diagram Kelola SJF Berdasakan Triwulan</em><strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">1:     User / Admin membuka halaman home<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">1.1:    User / Admin memilih menu SJF<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2:     User / Admin memilih triwulan yang ingin dilihat SJFnya<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.1:     User / Admin memilih edit SJF<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.1.1:     Sistem melakukan validasi data<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.1.2:    Data valid<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.1.3:    Sistem menyimpan data ke database<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.2:     Database mengirim data ke sistem untuk ditampilkan<strong><br />
</strong></span></p>
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 12pt;">2.2.1:    Sistem menampilkan data SJF<strong><br />
</strong></span></p>
<p style="text-align: justify;">
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Sequence Diagram Cetak Laporan SJF<br />
</strong></span></h5>
<p style="text-align: justify;"><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera13.jpg?ssl=1" alt="" data-recalc-dims="1" /><strong><br />
</strong></p>
<p><em>Sequence Diagram Cetak Laporan SJF</em><strong><br />
</strong></p>
<p style="text-align: justify;">Berikut adalah penjelasan sequence diagram melihat SJF area:<strong><br />
</strong></p>
<p style="text-align: justify;">1:     Admin / User membuka halaman home<strong><br />
</strong></p>
<p style="text-align: justify;">1.1:    Admin / User memilih menu SJF<strong><br />
</strong></p>
<p style="text-align: justify;">2:     Admin / User memilih triwulan yang ingin dilihat SJFnya<strong><br />
</strong></p>
<p style="text-align: justify;">2.1:     Meminta data ke sistem<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.1:     Sistem mengambil data dari database<strong><br />
</strong></p>
<p style="text-align: justify;">2.1.2:    Database mengirim data ke sistem untuk ditampilkan<strong><br />
</strong></p>
<p style="text-align: justify;">2.2:     Sistem menampilkan data SJF<strong><br />
</strong></p>
<p style="text-align: justify;">3:    Admin / User menekan tombol cetak <strong><br />
</strong></p>
<p style="text-align: justify;">3.1:    Sistem melakukan proses cetak data<strong><br />
</strong></p>
<p style="text-align: justify;">
<p style="text-align: justify;"><span style="font-family: Arial; font-size: 14pt;"><strong><span style="background-color: yellow;">Class Diagram</span><br />
</strong></span></p>
<p style="text-align: justify;"><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera14.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><span style="font-family: Arial;"><strong><span style="font-size: 12pt;">Class Diagram</span><br />
</strong></span></p>
<h4><strong>Spesifikasi Database<br />
</strong></h4>
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_area<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_area<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.10. <em>tabel tb_area<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">nama_area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">30</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Daftar nama area</td>
</tr>
</tbody>
</table>
</div>
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_bidang<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_bidang<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.11. <em>tabel tb_bidang<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">
<p style="text-align: justify;">No.</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Nama Field</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Tipe Data</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Size</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Keterangan</p>
</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">1.</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">id_bidang</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">int</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">11</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Primary key</p>
</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">2.</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">kompetensi</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">varchar</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">6</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Nama kompetensi</p>
</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">3.</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">kepanjangan</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">varchar</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">100</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Kepanjangan dari kompetensi</p>
</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">4.</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">cp</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">varchar</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">450</p>
</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">
<p style="text-align: justify;">Nama competency profile</p>
</td>
</tr>
</tbody>
</table>
</div>
<p style="text-align: justify;">
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_profesi<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_profesi<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.12. <em>tabel tb_profesi<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_profesi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">kode_profesi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">10</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Kode profesi</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">3.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">nama_profesi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">50</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama profesi</td>
</tr>
</tbody>
</table>
</div>
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_sjf<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_sjf<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.13. <em>tabel tb_sjf<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_sjf</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_profesi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nomor id profesi</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">3.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">kode_sjf</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">20</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Kode sjf</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">4.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">nama_jabatan</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">100</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama jabatan</td>
</tr>
</tbody>
</table>
</div>
<p style="text-align: justify;">
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_sjfarea<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_sjfarea<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.14. <em>tabel tb_sjfarea<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_sjfarea</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nomor id area</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">3.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_sjf</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nomor id sjf</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">4.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_triwulan</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nomor id triwulan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">5.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">sjf</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">5</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">sjf</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">6.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">wajib_sertifikasi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">5</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Wajib sertifikasi</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">7.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">realisasi</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Realisasi yang dilakukan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">8.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">usulan</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Usulan yang diperlukan</td>
</tr>
</tbody>
</table>
</div>
<p style="text-align: justify;">
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_triwulan<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_triwulan<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.15. <em>tabel tb_triwulan<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keeterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_triwulan</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">nama_triwulan</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">3</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama triwulan</td>
</tr>
</tbody>
</table>
</div>
<ol>
<li>
<div style="text-align: justify;">Nama Database    : pln<strong><br />
</strong></div>
<p style="text-align: justify;">Nama Tabel        : tb_user<strong><br />
</strong></p>
<p style="text-align: justify;">Primari key        : id_user<strong><br />
</strong></p>
</li>
</ol>
<p>Tabel 3.16. <em>tabel tb_user<strong><br />
</strong></em></p>
<div>
<table style="border-collapse: collapse;" border="0">
<colgroup>
<col style="width: 47px;" />
<col style="width: 142px;" />
<col style="width: 85px;" />
<col style="width: 47px;" />
<col style="width: 207px;" /></colgroup>
<tbody valign="top">
<tr>
<td style="padding-left: 7px; padding-right: 7px; border: solid 0.5pt;">No.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nama Field</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Tipe Data</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Size</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: solid 0.5pt; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Keterangan</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">1.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_user</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Primary key</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">2.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">id_area</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">int</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">11</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Nomor id area</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">3.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">username</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">6</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Username</td>
</tr>
<tr>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: solid 0.5pt; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">4.</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">password</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">varchar</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">15</td>
<td style="padding-left: 7px; padding-right: 7px; border-top: none; border-left: none; border-bottom: solid 0.5pt; border-right: solid 0.5pt;">Password</td>
</tr>
</tbody>
</table>
</div>
<p style="text-align: justify;">
<h4><span style="font-family: Arial; font-size: 12pt;"><strong>Rancangan Layar<br />
</strong></span></h4>
<p style="text-align: justify;">
<h4><span style="font-family: Arial; font-size: 12pt;"><strong>Rancangan Layar Login<br />
</strong></span></h4>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera15.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><em>Rancangan Layar Login</em><strong><br />
</strong></p>
<h5><span style="font-family: Arial; font-size: 14pt;"><strong>Rancangan Layar Dashboard<br />
</strong></span></h5>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera16.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><em>Rancangan Layar Dashboard<strong><br />
</strong></em></p>
<h5><span style="font-family: Arial; font-size: 14pt;"><strong>Rancangan Layar SJF<br />
</strong></span></h5>
<p><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera17.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><em>Rancangan Layar SJF<strong><br />
</strong></em></p>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera18.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /><strong><br />
</strong></p>
<h5><span style="font-family: Arial; font-size: 12pt;"><strong>Rancangan Layar Edit SJF<br />
</strong></span></h5>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera19.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /></p>
<h5><strong>Rancangan Layar Competency &amp; Cetak Laporan Profile<br />
</strong></h5>
<p><img src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera20.jpg?ssl=1" alt="" align="left" data-recalc-dims="1" /></p>
<h5><strong> </strong></h5>
<p><span style="font-family: Arial; font-size: 12pt;"><strong>PUSTAKA<br />
</strong></span></p>
<ul>
<li><a href="http://www.samsularifin.com/2014/11/pengertian-manfaat-dan-penerapan.html"><span style="font-family: Arial;"><em>http://www.samsularifin.com/2014/11/pengertian-manfaat-dan-penerapan.html</em></span></a><span style="color: black; font-family: Arial;"><br />
</span></li>
<li><a href="https://www.dictio.id/t/apa-yang-dimaksud-dengan-analisis-critical-success-factors/14555/2"><span style="font-family: Arial;"><em>https://www.dictio.id/t/apa-yang-dimaksud-dengan-analisis-critical-success-factors/14555/2</em></span></a><span style="color: black; font-family: Arial;"><em><br />
</em><br />
</span></li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">Korth, H.; Database System Concept, Mc Graw Hill,4th edition, New York, 2002.<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><a href="http://www.materidosen.com/2017/04/use-case-diagram-lengkap-studi-kasus.html"><span style="font-family: Arial;">http://www.materidosen.com/2017/04/use-case-diagram-lengkap-studi-kasus.html</span></a><span style="color: black; font-family: Arial;"><br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">Adi Nugroho;Perancangan &amp; Implementasi Sistem Basis Data, Andi Publisher,ISBN:979-29-2609-5<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">Janner Simarmata;Perancangan Basis data<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">Indarajani,Elexmedia;Perancangan Basis Data dlm All in 1<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">Strategy Perancangan dan pengelolan Basis data, ISBN:979-763-824-3<br />
</span></div>
</li>
<li>
<div style="text-align: justify;"><span style="color: black; font-family: Arial;">http://modulmakalah.blogspot.co.id/2015/09/teknik-pencarian-fakta-dalam.html<br />
</span></div>
</li>
</ul>
<p><img src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/06/062020_2317_AnalisaPera21.png?ssl=1" alt="" data-recalc-dims="1" /></p>
<p><span style="font-family: Arial; font-size: 12pt;"><strong><br />
</strong></span></p>
<p>The post <a rel="nofollow" href="https://ceritahosting.com/2020/06/20/analisa-perancangan-sistem-informasiapsi11-activity-diagram-2/">Analisa Perancangan Sistem Informasi(APSI):11-Activity Diagram</a> appeared first on <a rel="nofollow" href="https://ceritahosting.com">Cerita Hosting ☁️</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ceritahosting.com/2020/06/20/analisa-perancangan-sistem-informasiapsi11-activity-diagram-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">645</post-id>	</item>
		<item>
		<title>ANALISA DAN PERANCANGAN SISTEM INFORMASI (APSI) : 9</title>
		<link>https://ceritahosting.com/2020/05/02/analisa-dan-perancangan-sistem-informasi-apsi-9/</link>
					<comments>https://ceritahosting.com/2020/05/02/analisa-dan-perancangan-sistem-informasi-apsi-9/#respond</comments>
		
		<dc:creator><![CDATA[Cerita Hosting]]></dc:creator>
		<pubDate>Sat, 02 May 2020 00:29:35 +0000</pubDate>
				<category><![CDATA[Perkuliahan]]></category>
		<category><![CDATA[Pilihan]]></category>
		<category><![CDATA[Analisa Berorientasi object(ABO)UMB]]></category>
		<category><![CDATA[Analisis dan perancangan sistem Informasi universitas mercubuana(UMB)]]></category>
		<category><![CDATA[ceritahosting.com]]></category>
		<category><![CDATA[Data Flow Diagram]]></category>
		<category><![CDATA[DFD]]></category>
		<category><![CDATA[informatics]]></category>
		<category><![CDATA[Kuliah sistem Informasi]]></category>
		<category><![CDATA[Pengembangan system]]></category>
		<category><![CDATA[perancangan basis data]]></category>
		<category><![CDATA[perkuliahan Analisa Perancangan basis data universitas mercubuana]]></category>
		<category><![CDATA[Perkuliahan Analisa Perancangan Sistem Informasi UMB]]></category>
		<category><![CDATA[Proses bisnis sistem Informasi]]></category>
		<category><![CDATA[SDLC]]></category>
		<category><![CDATA[System Development Application]]></category>
		<category><![CDATA[System Life Cycle]]></category>
		<category><![CDATA[Tata Kelola IT]]></category>
		<category><![CDATA[Teknologi Informasi]]></category>
		<category><![CDATA[Testing Implementasi Sistem Informasi]]></category>
		<category><![CDATA[Waterfall]]></category>
		<guid isPermaLink="false">https://ceritahosting.com/?p=375</guid>

					<description><![CDATA[<p>Indikator Materi: Mengetahui komponen data flowdiagram(DFD) dan cara menggunakan dalam perancangan system Informasi. Data Flow Diagram(DFD) Di dalam perancangan basis data ataupun Analisa Design System Informasi diperlukan tools atau diagram untuk membantu kita didalam Analisa perancangan, seperti: Data Flow Diagram(DFD) Use case Modelling Activity Diagram Sequence Diagram Class Diagram Didalam materi ini akan dibahas mengenai [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://ceritahosting.com/2020/05/02/analisa-dan-perancangan-sistem-informasi-apsi-9/">ANALISA DAN PERANCANGAN SISTEM INFORMASI (APSI) : 9</a> appeared first on <a rel="nofollow" href="https://ceritahosting.com">Cerita Hosting ☁️</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p style="font-size:18px"><strong><u>Indikator Materi:</u></strong></p>



<ul><li>Mengetahui komponen data flowdiagram(DFD) dan cara menggunakan dalam perancangan system Informasi.</li></ul>



<p style="font-size:18px"><strong>Data Flow Diagram(DFD)</strong></p>



<p style="font-size:18px">Di dalam perancangan basis data ataupun Analisa Design System Informasi diperlukan tools atau diagram untuk membantu kita didalam Analisa perancangan, seperti:</p>



<ul><li>Data Flow Diagram(DFD)</li><li>Use case Modelling</li><li>Activity Diagram</li><li>Sequence Diagram</li><li>Class Diagram</li></ul>



<p style="font-size:18px">Didalam materi ini akan dibahas mengenai Data flow Diagram(DFD) yang akan disajikan dalam study kasus, agar mudah dipahami dan dimengerti.</p>



<p style="font-size:18px"><strong>Definisi:</strong></p>



<p style="font-size:18px">Suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data pada suatu sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD sangat mirip dengan <em>Flowchart</em>.</p>



<p style="font-size:18px">DFD merupakan alat bantu dalam menggambarkan atau menjelaskan proses kerja suatu sistem(<a href="https://id.wikipedia.org/wiki/Data_flow_diagram">https://id.wikipedia.org/wiki/Data_flow_diagram</a>).</p>



<p style="font-size:18px">DFD pertama kali pengunaannya dipopulerkan oleh <a href="https://en.wikipedia.org/wiki/Larry_Constantine">Larry Constantine</a> dan <a href="https://en.wikipedia.org/wiki/Edward_Yourdon">Ed Yourdon</a> dalam <em>structured analysis and design technique</em>. Notasi DFD memiliki acuan pada teori grafik yang awalnya digunakan untuk penelitiaan operasional dalam permodelan alur kerja dalam suatu organisasi.</p>



<p style="font-size:18px">Terdapat banyak simbol yang mengambarkan DFD, satu dengan simbol lain memiliki fungsi dan kegunaan yang berbeda. Pada tahun 1979 Tom DeMarco menyimpulkan komponen DFD terdiri dari:</p>



<p style="font-size:18px"><strong>Entitas, Proses, Aliran dan Data Store.</strong></p>



<p style="font-size:18px"><strong><em>Notasi Data flow Diagram(DFD)</em></strong></p>



<ul><li><strong>Entitas/Entity/Terminator</strong></li></ul>



<p style="font-size:18px">Simbol yang memiliki fungsi sebagai organisasi, orang dan sejenisnya yang berada diluar sistem tetapi berinteraksi dengan sistem. Simbol ini perlu diberi nama sesuai dengan aslinya biasanya menggunakan kata benda seperti: pekerja, dosen, mahasiswa, sistem pembelian, system penjualan dan lainnya tergantung sistem yang akan dibuat.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="177" height="97" src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-44.png?resize=177%2C97&#038;ssl=1" alt="" class="wp-image-377" data-recalc-dims="1"/></figure></div>



<ul><li><strong>Proses(Process)</strong></li></ul>



<p style="font-size:18px">Proses merupakan kegiatan atau pekerjaan yang memproses data inputan dari entitas ke output. Biasanya untuk proses diberikan kata kerja seperti: bekerja, mengajar, belajar, menjual dan sebagainya tergantung dari entitas awal.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="180" height="77" src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-46.png?resize=180%2C77&#038;ssl=1" alt="" class="wp-image-379" data-recalc-dims="1"/></figure></div>



<ul><li><strong>Aliran data</strong></li></ul>



<p style="font-size:18px">Aliran data berfungsi untuk menerangkan aliran data atau informasi dari simbol satu ke simbol lainnya. Biasanya pemberian nama pada aliran data juga menggunakan kata benda.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="216" height="57" src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-47.png?resize=216%2C57&#038;ssl=1" alt="" class="wp-image-380" data-recalc-dims="1"/></figure></div>



<ul><li><strong>Data Store</strong></li></ul>



<p style="font-size:18px">Data Store atau data source merupakan simbol yang ada kaitannya dengan penyimpanan seperti file atau database. Simbol database biasanya berada setelah simbol proses untuk menyimpan output pemrosesan. Dalam penamaan data store ini diisi sesuai dengan data apa yang disimpan seperti Employee, Salary, dan lain-lain.</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="204" height="55" src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-48.png?resize=204%2C55&#038;ssl=1" alt="" class="wp-image-381" data-recalc-dims="1"/></figure></div>



<p class="has-medium-font-size"><strong><em>Jenis DFD</em></strong></p>



<ul><li><strong>Diagram Level 0 (Diagram Konteks)</strong></li></ul>



<p style="font-size:18px">Diagram level 0 atau bisa juga <a href="https://id.wikipedia.org/wiki/Diagram_alir_data">diagram </a><a href="https://id.wikipedia.org/wiki/Diagram_alir_data">konteks</a><a href="https://id.wikipedia.org/wiki/Diagram_alir_data"> </a><a href="https://id.wikipedia.org/wiki/Diagram_alir_data">adalah</a> level diagram paling rendah yang mengambarkan bagaimana sistem berinteraksi dengan external entitas.</p>



<p style="font-size:18px">Pada diagram konteks akan diberikan nomor untuk setiap proses yang berjalan, umumnya mulai dari angka 0 untuk start awal.</p>



<p style="font-size:18px">Semua entitas yang ada pada diagram konteks termasuk juga aliran datanya akan langsung diarahkan kepada sistem. Pada diagram konteks ini juga tidak ada informasi tentang data yang tersimpan dan tampilan diagramnya tergolong sederhana.</p>



<ul><li><strong>Data Flow Diagram Level 1</strong></li></ul>



<p style="font-size:18px">DFD level 1 adalah tahapan lebih lanjut tentang DFD level 0, dimana semua proses yang ada pada DFD level 0 akan dirinci dengan lengkap sehingga lebih lengkap dan detail. Proses-proses utama yang ada akan dipecah menjadi sub-proses.</p>



<p style="font-size:18px"><strong>Perbedaan DFD Level 0 dan DFD Level 1</strong></p>



<p style="font-size:18px">Ada perbedaan antara 2 level DFD tersebut yang perlu Anda ketahui:</p>



<ul><li>DFD level 0 hanya mengambarkan sistem secara basic saja.</li><li>DFD level 0 hanya menjelaskan aliran data dari input sampai output.</li><li>DFD level 1 mengambarkan aliran data yang lebih kompleks pada setiap prosesnya yang kemudian terbentuklah data store dan aliran data.</li><li>DFD level 1 mengambarkan sistem secara sebagian atau seluruhnya secara mendetail.</li></ul>



<p style="font-size:18px" class="has-text-align-center"><strong>Implementasi</strong></p>



<p style="font-size:18px" class="has-text-align-center"><strong>Study Kasus : Ecommerce- belidoang.com</strong></p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="325" height="238" src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-49.png?resize=325%2C238&#038;ssl=1" alt="" class="wp-image-382" srcset="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-49.png?w=325&amp;ssl=1 325w, https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-49.png?resize=300%2C220&amp;ssl=1 300w" sizes="(max-width: 325px) 100vw, 325px" data-recalc-dims="1" /></figure></div>



<ul><li><strong>Tabel Kebutuhan User</strong></li></ul>



<figure class="wp-block-image size-large"><img loading="lazy" width="371" height="245" src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-50.png?resize=371%2C245&#038;ssl=1" alt="" class="wp-image-383" srcset="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-50.png?w=371&amp;ssl=1 371w, https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-50.png?resize=300%2C198&amp;ssl=1 300w" sizes="(max-width: 371px) 100vw, 371px" data-recalc-dims="1" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" width="378" height="281" src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-51.png?resize=378%2C281&#038;ssl=1" alt="" class="wp-image-384" srcset="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-51.png?w=378&amp;ssl=1 378w, https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-51.png?resize=300%2C223&amp;ssl=1 300w" sizes="(max-width: 378px) 100vw, 378px" data-recalc-dims="1" /></figure>



<ul><li><strong><em>Context diagram</em></strong> merupakan diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem dan merupakan level tertinggi dari DFD.</li></ul>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="418" height="188" src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-52.png?resize=418%2C188&#038;ssl=1" alt="" class="wp-image-385" srcset="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-52.png?w=418&amp;ssl=1 418w, https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-52.png?resize=300%2C135&amp;ssl=1 300w" sizes="(max-width: 418px) 100vw, 418px" data-recalc-dims="1" /></figure></div>



<p style="font-size:18px" class="has-text-align-center"><strong>Gambar. Context Diagram</strong></p>



<ul><li><strong>DFD level 0 </strong>menggambarkan kegiatan kegiatan utama yang dilakukan sistem.</li></ul>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="523" height="277" src="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-54.png?resize=523%2C277&#038;ssl=1" alt="" class="wp-image-387" srcset="https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-54.png?w=523&amp;ssl=1 523w, https://i2.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-54.png?resize=300%2C159&amp;ssl=1 300w" sizes="(max-width: 523px) 100vw, 523px" data-recalc-dims="1" /></figure></div>



<p style="font-size:18px" class="has-text-align-center"><strong>Gambar.DFD Level 0</strong></p>



<ul><li><strong>DFD level 1 </strong>menunjukkan proses yang menyusun proses utama dalam DFD level 0, sekaligus menunjukkan bagaimana informasi berpindah dari satu proses ke proses lainnya</li></ul>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" width="373" height="272" src="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-55.png?resize=373%2C272&#038;ssl=1" alt="" class="wp-image-389" srcset="https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-55.png?w=373&amp;ssl=1 373w, https://i1.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-55.png?resize=300%2C219&amp;ssl=1 300w" sizes="(max-width: 373px) 100vw, 373px" data-recalc-dims="1" /></figure></div>



<p style="font-size:18px" class="has-text-align-center"><strong>Gambar.DFD Level 1</strong></p>



<p style="font-size:18px" class="has-text-align-center"><strong>PUSTAKA</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" width="602" height="252" src="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-57.png?resize=602%2C252&#038;ssl=1" alt="" class="wp-image-391" srcset="https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-57.png?w=602&amp;ssl=1 602w, https://i0.wp.com/ceritahosting.com/wp-content/uploads/2020/05/image-57.png?resize=300%2C126&amp;ssl=1 300w" sizes="(max-width: 602px) 100vw, 602px" data-recalc-dims="1" /></figure>
<p>The post <a rel="nofollow" href="https://ceritahosting.com/2020/05/02/analisa-dan-perancangan-sistem-informasi-apsi-9/">ANALISA DAN PERANCANGAN SISTEM INFORMASI (APSI) : 9</a> appeared first on <a rel="nofollow" href="https://ceritahosting.com">Cerita Hosting ☁️</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ceritahosting.com/2020/05/02/analisa-dan-perancangan-sistem-informasi-apsi-9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">375</post-id>	</item>
	</channel>
</rss>
