Saturday, October 1, 2011

DFD (Data Flow Diagram)

Data Flow Diagram (DFD)
DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut.
DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur. Kelebihan utama pendekatan aliran data yaitu :
a. Kebebasan dari menjalankan implementasi teknis sistem.
b. Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan sub sistem.
c. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui diagram aliran data.
d. Menganalisis sistem yang diajukan untuk menentukan apakan data-data dan proses yang diperlukan sudah ditetapkan.
Disamping itu terdapat kelebihan tambahan yaitu:
a. Dapat digunakan sebagai latihan yang bermanfaat bagi penganalisis, sehingga bisa memahami dengan lebih baik keterkaitan satu sama lain dalam sistem dan sub sistem.
b. Membedakan sistem dari lingkungannya dengan menempatkan batas-batasnya.
c. Dapat digunakan sebagai suatu perangkat untuk berinteraksi dengan pengguna.
d. Memungkinkan penganalisis menggambarkan setiap komponen yang digunakan dalam diagram.

Simbol Simbol DFD



Contoh DFD Sistem Kamus Online

Diagram Konteks
Pada diagram konteks digambarkan bahwa dalam sistem kamus online terdapat sebuah entitas, yaitu administrator. Administrator memberikan inputan data admin (register), kata arab, kata indonesia kepada sistem dan sistem memberikan output kepada administrator berupa laporan daftar kosakata dan laporan status login / logout. Diagram konteks kamus online dapat dilihat pada gambar 3.2 di bawah ini.



Gambar 3.2 Diagram Konteks Administrator Kamus Online
Data Flow Diagram (DFD)
DFD aplikasi kamus online terdapat 2 level, yaitu DFD level 0 dan DFD level 1.
a. DFD Level 0
Pada DFD level 0, proses dibuat lebih rinci daripada diagram konteks. Lebih jelasnya perhatikan gambar 3.3 di bawah ini.



Gambar 3.3 DFD Level 0
b. DFD Level 1
DFD level 1 juga lebih rinci daripada DFD level 0 karena dibuat per bagiannya saja.
1) DFD Level 1 Input Kamus
Pada bagian ini digambarkan DFD level 1 yang berhubungan dengan proses memasukkan / input kata.



Gambar 3.4 DFD Level 1 Input Kosakata
2) DFD Level 1 Registrasi
Pada bagian ini digambarkan DFD level 1 yang berhubungan dengan proses registrasi administrator.



Gambar 3.5 DFD Level 1 Input Admin
3) DFD Level 1 Input Software
Pada bagian ini digambarkan DFD level 1 yang berhubungan dengan proses Input Software administrator.



Gambar 3.6 DFD Level 1 Input Software
4) DFD Level 1 Laporan
Pada bagian ini digambarkan DFD level 1 yang berhubungan dengan proses laporan.

Friday, January 21, 2011

Instalasi SyntaxHighlighter

Oke pada kali ini saya akan membahas tentang instalasi SyntaxHighlighter, jika anda belum tahu apa itu SyntaxHighlighter silahkan baca
arikel 1 .
Berikut langkah-langkah instalasi SyntaxHighlighter:

1. Anda dapat downloads SyntaxHighlighter
here
secara cuma cuma atau gratis, silahkan pilih yang terbaru.
2. Jika hasil download SyntaxHighlighter dalam bentuk .zip diekstrak dulu.
3. Carilah salah satu web hosting, salah satu contohnya ripway.com
4. Buatlah account pada ripway.com , untuk login.
5. upload file- file seperti di arikel 1 langkah yang ke 2.
6. Berikut gambar file file yang telah terupload di ripway.com


7. Setelah file terupload dengan benar silahkan kunjungi arikel 1 untuk cara penggunaan
SyntaxHighlighter

Sekian dulu ya.. kapan kapan sambung lagi :D

Saturday, January 1, 2011

SyntaxHighlighter

Hello SyntaxHighlighter



Hai btw what is SyntaxHighlighter ? jika anda seklain belum tahu itu wajar :P karena kalu anda sudah tahu pasti tidak akan buka blog ini kan :D.
Langsung aja ya SyntaxHighlighter menurut teoriku adalah cara menampilkan kode-kode tertentu biasanya pemprograman agar lebih eye catching, alias enak di pandang gitu lho :P.

Berikut adalah salah satu hasil dari SyntaxHighlighter kerean kan ?? :P.
package entity;

import java.io.Serializable;

public class Client implements Serializable{
 
 private int clientId;
 private String clientName;
 private String clientAddress;
 private String clientCity;
 
 
 public Client() {
  super();
  // TODO Auto-generated constructor stub
 }
 public int getClientId() {
  return clientId;
 }
 public void setClientId(int clientId) {
  this.clientId = clientId;
 }
 public String getClientName() {
  return clientName;
 }
 public void setClientName(String clientName) {
  this.clientName = clientName;
 }
 public String getClientAddress() {
  return clientAddress;
 }
 public void setClientAddress(String clientAddress) {
  this.clientAddress = clientAddress;
 }
 public String getClientCity() {
  return clientCity;
 }
 public void setClientCity(String clientCity) {
  this.clientCity = clientCity;
 }
 
 
}


Oke to the point aje ya yups :P tak usah bertele-tele kelihatannya anda sudah tidak sabar. Anda mau cara singkat atau sulit ?? :P kalau mau cara singkat oke lets follow the rule :P.
1. Buka blog anda. Btw dah punya blog belum ?? :D kalo belum punya ya buat dulu, kalo belum tahu cara membuat blog ya parah dah :P ya kapan kapan ku posting dah, y'know i'm a business man alis sok sibuk :P.
2. Kalo sudah login ke blog anda klik tab design -> klik edit HTML. copykan kode kode berikut :
Kode SyntaxHighlighter.
<link href='http://h1.ripway.com/wahyueko/blog/styles/shCoreDefault.css' rel='stylesheet' type='text/css'> </link>











  



Copykan kode SyntaxHighlighter antara "<head> dan </head>" pada template blog anda
     <head>
        Copykan kode SyntaxHighlighter diatas disini
       </head>


Klik aja gambar berikut untuk lebih jelas dalam penempatan kode SyntaxHighlighter :


3. Setelah selesai simpan templatenya and done.
4. Saatnya buat postingan baru :p klik tab posting pada blog anda
lets have little fun by writing funny code.
go ahead copy paste codes bellow for new posting:
contoh pertama :
     <?
       echo "my name is rasta";
    ?>

Contoh ke-dua:
       <pre class="brush: php; highlight: [5, 15]; html-script: true">
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
       <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>SyntaxHighlighter Demo Page - <?= htmlspecialchars($title) ?></title>
       </head>
      
       <body>
      
       <?
       /***********************************
        ** Multiline block comments
        **********************************/
      
       $stringWithUrl = "http://alexgorbatchev.com";
       $stringWithOutUrl = 'hello world';
       
       ob_start("parseOutputBuffer");  // Start Code Buffering
       session_start();
       
       function parseOutputBuffer($buf) {
        global $portal_small_code, $portal_gzcompress;
        global $PHP_SELF, $HTTP_ACCEPT_ENCODING;
      
        // cleaning out the code.
        if($portal_small_code && !$portal_gzcompress) {
         $buf = str_replace(" ", "", $buf);
         $buf = str_replace("\n", "", $buf);
         $buf = str_replace(chr(13), "", $buf);
        }
       }
      
       ?>
      
       <!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -->
      
       </body>
       </html>
       </pre>
      


O iya sebelum lupa tata cara penulisan SyntaxHighlighter adalah
<pre class='brush: language'>
     ketikkan kode disini
</pre>

Language pada kode diatas harus diganti dengan
1. php untuk kode kode php
2. java untuk kode kode java
3. xml untuk kode kode xml

Exception jika sintak sintak HTML seperti head, body, html dll, muncul error
ketikkan
  <body> diganti dengan 



sudah dulu jika bermanfaat jangan lupa commentnya ya.. biar kita saling sharing ilmu :P