DFD KONTEKS DAN LEVEL 0 SISTEM BILLING WARNET

1.      DFD Konteks Sistem Billing Warnet

Penjelasannya :

Dari admin yang mencatat data pelanggan yang sebelumnya pelanggan telah melakukan sewa internet dan admin tersebut memberikan tarif bayar yang sudah tercatat dalam sistem billing kepada pelanggan, kemudian pelanggan melakukan pembayaran. Setelah melakukan proses tersebut maka admin akan melaporkan segala bentuk transaksi antara admin dengan pelanggan lengkap dengan tanggal penyewaan, nama pelanggan, serta alamat pelanggan kepada pemilik warnet.

2.      DFD Level 0 Sistem Billing Warnet

Penjelasannya :

Admin menginput alir data dt_pelanggan dan Tarif bayar lalu dari alir data tersebut admin melakukan proses Pencatatan dan proses Perhitungan. Dari proses Pencatatan menghasilkan output data store member, pelanggan, dan paket, kemudian data store member mendapat alir data member dan data store pelanggan mendapat alir data pelanggan kemudian keduanya menuju ke proses Laporan sedangkan data store paket mendapat dua alir data, yang pertama menuju ke proses Perhitungan dan yang kedua menuju ke proses Laporan. Dari proses Perhitungan pelanggan melakukan pembayaran dan proses Perhitungan mengeluarkan alir data output bayar dan data store bayar, dari data store bayar menuju ke proses Laporan. Kemudian dari proses Laporan mengeluarkan alir data output laporan yang diberikan kepada pemilik.

Program Java perhitungan gaji pegawai (Inheritance)

1. PENGERTIAN INHERITANCE (Pewarisan)

    Inheritance adalah turunan atau pewarisan suatu class ke class baru dengan mewakili semua function yang ada di class utama (parent class). Inheritance sering sekali digunakan di dalam pemrograman berorientasi objek atau OOP. Berikut contoh yang saya buat dengan kasus menghitung gaji karyawan tetap dan tidak tetap dengan menggunakan turunan class pegawai yang diinputkan secara manual melalui keyboard.

import java.util.Scanner;

class Pegawai

{

                String NIP,Nama;            

                public void input()

                {

                                Scanner a=new Scanner (System.in);

                                System.out.print("Masukkan Nama = ");

                                Nama=a.nextLine();      

                                System.out.print("Masukkan NIP = ");

                                NIP=a.nextLine();           

                }

                public void cetak()

                {

                                System.out.println ("Nama = "+Nama);

                                System.out.println ("NIP = "+NIP);

                }

}

class tetap extends Pegawai

{

                char Gol;

                int J_masuk,Gj_pokok,U_transp,total_gaji;        

                public void input1()

                {

                                input();

                                Scanner b=new Scanner (System.in);

                                Scanner c=new Scanner (System.in);                     

                                System.out.print("Masukkan Golongan = ");

                                Gol=b.nextLine().charAt(0);

                               

                                System.out.print("Masukkan Jam Masuk = ");

                                J_masuk=c.nextInt();

                }             

                public void cetak1()

                {

                                cetak();

                                if(Gol=='A')

                                {

                                                Gj_pokok=750000;

                                                U_transp=12500;

                                }

                                else if(Gol=='B')

                                {

                                                Gj_pokok=1000000;

                                                U_transp=17500;

                                }

                                else if (Gol=='C')

                                {

                                                Gj_pokok=1200000;

                                                U_transp=10000;

                                }

else

                                {

                                                System.out.println("Tidak Ada");

                                }

                               

                                total_gaji= Gj_pokok+(J_masuk*U_transp);                      

                                System.out.println("Total Gaji = "+total_gaji);                   

                }

}

class tidak_tetap extends Pegawai

{

                int jml_hadir;

                int gaji=150000;

                public void input2()

                {

                                input();

                                Scanner a=new Scanner (System.in);

                                System.out.print("Masukkan Jumlah Hadir = ");

                                jml_hadir=a.nextInt();

                }             

                public void cetak2()

                {

                                int total_gaji2;

                                cetak();               

                                total_gaji2= jml_hadir*gaji;                        

                                System.out.println("Total Gaji = "+total_gaji2);

                }

}

public class Karyawan

{

    public static void main(String[]args)

    {

                tetap t=new tetap();

                tidak_tetap tt=new tidak_tetap();          

                int lanjut;

                int pilihan;          

                do

                {

                                Scanner AA=new Scanner(System.in);

                                System.out.print("Pegawai Tetap(1)/Pegawai Tidak Tetap(2) = ");

                                pilihan=AA.nextInt();

                               

                                if(pilihan==1)

                                {

                                                t.input1();

                                                t.cetak1();

                                }

                                else if(pilihan==2)

                                {

                                                tt.input2();

                                                tt.cetak2();

                                }

                                else

                                {

                                                System.out.println("Data Tidak Ada");

                                }

                               

                                System.out.print("Lanjutkan? YA(1) /TIDAK(2) = ");

                                lanjut=AA.nextInt();

                                System.out.println("");                

                }

                while(lanjut==1);

                System.out.println("TERIMA KASIH SUDAH MENGAKSES");

    }

}

Macam-macam tag HTML maupun HTML5

Di kesempatan kali ini saya akan memberikan macam-macam tag HTML maupun HTML5. Dibawah akan disebutkan kegunaan masing-masing tag juga penggunaan tag yang harus di hindari karena sudah tidak lagi disupport HTML5

Semoga bermanfaat!

Nama Tag	Keterangan / Kegunaan
Basic
<!DOCTYPE>	Tag untuk menentukan tipe dokumen
<html>	Tag untuk membuat sebuah dokumen HTML
<title>	Tag untuk membuat judul dari sebuah halaman
<body>	Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6>	Tag untuk membuat heading
<p>	Tag untuk membuat paragraf
<br>	Memasukan satu baris putus
<hr>	Tag untuk membuat perubahan dasar kata didalam isi
<!--...-->	Tag untuk membuat komentar
Formatting
<acronym>	Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr>	Tag untuk membuat sebuah singkatan
<address>	Tag untuk membuat kontak alamat
<b>	Tag untuk membuat huruf bercetak tebal
<bdi>	Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo>	Mengganti arah teks
<big>	Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote>	Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center>	Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite>	Tag untuk membuat judul karya
<code>	Tag untuk membuat potongan kode komputer di antara text
<del>	Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn>	Tag untuk membuat sebuah istilah definisi
<em>	Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font>	Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i>	Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins>	Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd>	Tag untuk membuat input keyboard
<mark>	Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter>	Tag untuk membuat pengukuran skalar
<pre>	Tag untuk membuat teks terformat
<progress>	Memperlihatkan kemajuan tugas (tag baru HTML5)
<q>	Tag untuk membuat kutipan pendek
<rp>	Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt>	Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>	Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s>	Tag untuk membuat teks yang tidak lagi benar
<samp>	Tag untuk membuat contoh keluaran dari program komputer
<small>	Tag untuk membuat teks kecil
<strike>	Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong>	Tag untuk membuat teks penting
<sub>	Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup>	Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time>	Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt>	Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u>	Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var>	Tag untuk membuat sebuah variabel
<wbr>	Tag untuk membuat kemungkinan garis-putus
Forms
<form>	Tag untuk membuat sebuah form HTML untuk input pengguna
<input>	Tag untuk membuat sebuah kontrol input
<textarea>	Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>	Tag untuk membuat sebuah tombol yang dapat diklik
<select>	Tag untuk membuat sebuah daftar drop-down
<optgroup>	Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>	Tag untuk membuat pilihan dalam daftar drop-down
<label>	Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>	Grup unsur terkait dalam bentuk
<legend>	Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>	Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>	Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>	Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
<frame>	Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset>	Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes>	Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe>	Tag untuk membuat sebuah bingkai
Images
<img>	Tag untuk membuat gambar
<map>	Tag untuk membuat gambar-peta
<area>	Tag untuk membuat area dalam gambar-peta
<canvas>	Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption>	Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
<figure>	Menentukan konten mandiri (tag baru HTML5)
Audio/Video
<audio>	Tag untuk membuat isi suara (tag baru HTML5)
<source>	Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>	Tag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<video>	Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a>	Tag untuk membuat hyperlink
<link>	Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>	Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul>	Tag untuk membuat daftar dengan selain nomor
<ol>	Tag untuk membuat daftar dengan nomor
<li>	Tag untuk membuat sebuah item daftar
<dir>	Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl>	Tag untuk membuat sebuah daftar definisi
<dt>	Tag untuk membuat istilah (item) dalam daftar definisi
<dd>	Defines a description of an item in a definition list
<menu>	Tag untuk membuat deskripsi dari item dalam daftar definisi
<command>	Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
Tables
<table>	Tag untuk membuat tabel
<caption>	Tag untuk membuat sebuah caption tabel
<th>	Tag untuk membuat sebuah sel header tabel
<tr>	Tag untuk membuat baris dalam sebuah tabel
<td>	Tag untuk membuat sel dalam sebuah tabel
<thead>	Mengelompokan isi header dalam sebuah tabel
<tbody>	Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>	Mengelompokan isi footer dalam sebuah tabel
<col>	Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>	Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
Style/Sections
<style>	Tag untuk membuat informasi style untuk dokumen
<div>	Tag untuk membuat sebuah bagian dalam dokumen
<span>	Tag untuk membuat sebuah bagian dalam dokumen
<header>	Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>	Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>	Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>	Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article>	Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>	Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>	Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>	Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>	Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
Meta Info
<head>	Tag untuk membuat informasi tentang dokumen
<meta>	Tag untuk membuat metadata tentang dokumen HTML
<base>	Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont>	Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)
Programming
<script>	Tag untuk membuat script di sisi klien
<noscript>	Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet>	Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed>	Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object>	Tag untuk membuat sebuah objek yang ditanam
<param>	Tag untuk membuat sebuah parameter untuk objek

Sumber :

• http://w3function.com/blog/index.php?p=det&idn=77
• http://www.w3schools.com/

Materi HTML dasar (TEKNOLOGI WEB)

Apa itu HTML ?

HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Biarpun HTML bukan termasuk suatu program pembuatan web, tetapi HTML merupakan dasar dari segala bahasa pemrograman web yang akan muncul kemudian. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.

Pengenalan HTML

Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu : 

• Mengontrol tampilan dari web page dan contentnya. 
• Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia. 
• Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online. 
• Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML, Dan lain sebagainya. 

Mendesain HTML dapat dilakukan dengan dua cara :

1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. 
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML. 

Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mempublish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Tag Dasar HTML

Beberapa tag dasar yang digunakan dalam dokumen HTML adalah heading, paragraf, link, dan image.

1. Heading

     Tag heading umumnya digunakan untuk membuat header / pada halaman
     website. Tag untuk heading terdiri dari tag <h1> sampai dengan tag <h6>. 
     Sebagai contoh heading pada HTML silahkan coba kode HTML berikut ini :

01

<html>

02

<head>

03	<title>Contoh Heading</title>

04

</head>

05

<body>

06	<h1>Ini heading 1</h1>

07	<h2>Ini heading 2</h2>

08	<h3>Ini heading 3</h3>

09	<h4>Ini heading 4</h4>

10	<h5>Ini heading 5</h5>

11	<h6>Ini heading 6</h6>

12

</body>

13

</html>

2. Paragraft

     Untuk membuat teks dalam sebuah paragraf pada dokumen HTML 

     digunakan tag <p> yang merupakan tag pembuka dan diakhiri dengan tag

     penutup </p&gt;. Sebagai contoh membuat paragraf pada HTML, 

     silahkan coba contoh kode HTML berikut ini :

1

<html>

2

<head>

3	<title>Contoh Paragraf</title>

4

</head>

5

<body>

6	<p>Ini merupakan sebuah contoh paragraf dalam HTML.</p>

7	<p>Dan ini merupakan contoh paragraf yang lainnya.    Sebuah paragraf dapat terdiri dari satu atau    beberapa kalimat.</p>

8

</body>

9

</html>

3. Link

    Hyperlink atau link (tautan) adalah sebuah teks atau gambar yang 

    jika di klik akan membuat browser membuka halaman HTML lain. Jika 

    sebuah link ditunjuk dengan mouse, biasanya kursor akan berubah 

    menjadi bentuk menyerupai tangan kecil. Untuk membuat link digunakan 

    tag <a>. Sebagai contoh link silahkan coba kode HTML berikut ini :

1

<html>

2

<head>

3	<title>Contoh Link</title>

4

</head>

5

<body>

6	<a href="http://kuliah.imadewira.com">Ini contoh link</a>

7

</body>

8

</html>

4. Image

     Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks 

     bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan

     image digunakan tag <img>.

1

<html>

2

<head>

3	<title>Contoh Image</title>

4

</head>

5

<body>

6	<img src="fotoku.jpg" />

7

</body>

8

</html>

    
    Catatan : Untuk contoh kode HTML tentang image diatas, anda harus 

    menyediakan sebuah gambar bernama “fotoku.jpg” di folder yang sama 

    dimana anda menyimpan kode HTML tersebut.

Sumber :

• http://kuliah.imadewira.com/belajar-html-dasar-dasar-html/
• http://nurfatimah.byethost3.com/index.php?option=com_content&view=article&id=50&Itemid=72
• http://bisnisonlinetop1.blogspot.co.id/2011/05/belajar-html-dasar-i.html