Tutorial : Latihan 1 Membuat Desain Form

Tutorial : Latihan 1 Membuat Desain Form - Hello gans, ketemu lagi di Sistem Informasi memberikan info-info seputar ilmu komputer. Pada hari ini saya akan memberikan info tentang tutorial : latihan membuat desain form dan langsung saja kita praktek dibawah ini, cekidot ,,, hehehehe.

Latihan 1

• Pertama-pertama lakukan, tambahkan form pada project pertama anda sebelumnya.
• Desainlah form seperti dibawah ini:

• Desainlah form berdasarkan gambar dan properti dibawah ini:

Komponen	Properti	Nilai Properti
JInternalFrame1	Title	Latihan 1
JLabel1 s/d 8	Text	Urutkan berdasarkan gambar: a. NPM b. Nama c. Alamat d. Jenis Kelamin e. NPM f. Nama g. Alamat h. Jenis Kelamin
JButton	Text Variabel Name	Cetak cetak
JTextField1 JTextField2 JTextField3 JcomboBox1 -	Variabel Name Variabel Name Variabel Name Variabel Name Model	npm nama alamat jenkel Laki-Laki, Perempuan
JTextField4 JTextField5 JTextField6 JTextField7	Variabel Name Variabel Name Variabel Name Variabel Name	hnpm hnama halamat hjenkel

• Lalu anda klik kanan pada JButton CETAK - Event - Action - ActionPerformed
• dan Tuliskan sintax dalam blok button cetak tersebut seperti dibawah ini:

• Lakukan hal yang sama pada tabel diatas, dari huruf e dimulai dari a, b, c, d dan seterusnya.
• Lalu input data seperti gambar dibawah ini:

• Finish

Demikian Pembahasan Tutorial : Latihan 1 Membuat Desain Form

Semoga Bermanfaat Yang Saya Sampaikan ... Terima Kasih.

Tutorial : Proses Instalasi XAMPP

Tutorial : Proses Instalasi XAMPP - Hello gans, ketemu lagi disistem informasi. Disini saya akan memberi tutorial tentang proses instalasi xampp (saya menggunakan xampp-win32-7.0.4-0-VC14-installer). Langsung saja kita praktek totur-nya dibawah ini, cekidot ,,, ehehehehe ...

1. Jalankan file installer XAMPP - xampp-win32-7.0.4-0-VC14-installer seperti gambar dibawah ini:

2. Akan ditampilkan window instalasi XAMPP. Pilih Next - untuk memulai proses instalasi.

3. Selanjutnya memilih - Select Components

4. Selnjutnya, akan ditampilkan window lokasi tujuan instalasi (destination folder), tentukan lokasi dimana XAMPP akan diinstall dengan menekan tombol Browser . . . Pilih tombol Next - untuk melanjutkan proses instalasi.

5. Selanjutnya, jika tidak ingin install Bitnami for XAMPP, maka anda diminta tidak menceklis pada kolom tersebut.

6. Selanjuntya, Ready to Install.

7. Proses instalasi dimulai.

8. Proses instalasi selesai. Klik Finish untuk menutup proses instalasi atau langsung start ke Control Panel XAMPP.

9. Kita dapat mengatur XAMP dengan mengakses XAMPP Control Panel yang dapat diakses melalui menu di Program File atau icon di taskbar.

10. Jika semua sudah berjalan dengan baik instalasi XAMPP nya, maka akan ditampilkan gambar masuk ke localhost sebagai berikut:

Download software disini XAMPP.

Demikian Pembahasan Tutorial : Proses Instalasi XAMPP

Semoga Bermanfaat Yang Saya Sampaikan ... Terima Kasih.

Belajar UML : Cara Memulai Rational Rose 2000

Belajar UML : Cara Memulai Rational Rose 2000 -  Hello gans, kembali lagi di Sistem Informasi, hari ini saya akan memposting tentang belajar UML dengan menggunakan tools Rational Rose 2000. Langsung saja kita ke materi dibawah ini ya gans.

1. Cara Memulai Rational Rose 2000
Untuk memulai menggunakan Rational Rose 2000, salah satunya ialah mengukuti langkah-langkah berikut dibawah ini:

• Klik menu START - ALL PROGRAM
• Pilih Rational Rose 2000 Enterprise Edition, maka akan muncul menu seperti dibawah ini:

• Untuk memulai menggunakan Rational Rose, maka pada menu Create New Model langsung pilih Cancel saja.
• Selanjutnya membuat project baru, maka anda memilih Use Case View, anda klik kanan pilih NEW - pilih salah satu project yang anda mau gunakan seperti USE CASE, ACTOR, USE CASE DIAGRAM, CLASS DIAGRAM, AKTIVITY DIAGRAM, SEQUENCE DIAGRAM dll. Maka hasilnya seperti gambar dibawah ini:

2. Mengenal Project-Project Rational Rose 2000

Project Use Case Diagram

Keterangan pada Palette Use Case Diagram:

• Selection Tool
• Text Box
• Note
• Anchor Note To Item
• Package
• Use Case
• Actor
• Unidirectional Association
• Dependency or Instantiates
• Generalization

Project Class Diagram

Keterangan pada Palette Class Diagram:

• Selection Tool
• Text Box
• Note
• Anchor Note To Item
• Class
• Interface
• Unidirectional Association
• Association Class
• Package
• Dependency or Instantiates
• Generalization
• Realize

Project Aktivity Diagram

Keterangan pada Palette Aktivity Diagram:

• Selection Tool
• Text Box
• Note
• Anchor Note To Item
• State
• Activity
• Start
• End
• State Transition
• Transition To Self
• Horizontal Synchronization
• Vertical Synchronization
• Decision
• Swimlane

Project Sequence Diagram

Keterangan pada Palette Sequence Diagram:

• Selection Tool
• Text Box
• Note
• Anchor Note To Item
• Object
• Object Message
• Message To Self

Demikian Pembahasan Tentang Belajar UML : Cara Memulai Rational Rose 2000

Semoga Bermanfaat Yang Saya Sampaikan ... Terima Kasih.

Belajar HTML : HTML Tabel

Belajar HTML :  HTML Tabel - Hello gans, ketemu lagi untuk membahas tentang html. Disini saya akan membahas tentang HTML tabel. Langsung saja kite ke materi nya ya dibawah ini.

Element Tabel
Element tabel berfungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding, cellspacing, width dan height. Element tabel berisikan element CAPTION, TH, TR dan TD. Berikut sintaks nya:

<table align="align" | "center" | "right " bgcolor="color" border="pixel" cellpadding="pixel" cellspacing="pixel" width="pixel" | "%" height="pixel" | "%">
. . . . .
</table>

Atribut pada <table> </table>

• border
• align (perataan table)
• width
• height
• bgcolor

Atribut pada <tr> </tr>

• align
• bgcolor
• width
• height

Atribut pada <td> </td>

• align
• bgcolor
• width
• height

Element Caption
Element caption berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element table dan mempunyai attribute align dengan nilai top (judul terletak diatas tabel) dan bottom (judul terletak dibawah tabel). Berikut sintaks nya:

<caption align="top" | "bottom">
. . . . .
</caption>

Element TR (Table Row)
Element TR mendefinisikan beris pada tabel dan element ini harus berada di dalam element TABLE. Pada element tr terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign (posisi vertikal) dan bgcolor. Berikut sintaks nya:

<tr align="left" | "right" | "center" valign="top" | "middle" | "bottom" bgcolor="color">
. . . . .
</tr>

Element TH (Table Header) dan TD (Table Data)
Element TR mendifinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attibut yang terdapat pada element ini ialah align, valign, bgcolor, colspan dan rowspan. berikut sintaksnya :

<th align="left" | "center" | "right" valign="top" | "middle" | "bottom" bgcolor="color" colspan="number" rowspan="number">
. . . . .
</th>

<td align="left" | "center" | "right" valign="top" | "middle" | "bottom" bgcolor="color" colspan="number" rowspan="number">
. . . . .
</td>

Example:
Membuat tabel nama, berikut sintaknys:

<html>
<head>
<title>Contoh 1</title>
</head>
<body>
<table align="center" border="2" bgcolor="cyan" cellpadding="1" cellspacing="0">
<caption align="top"><b>Tabel 1.1</b></caption>
<tr>
<th>No.</th>
<th>Nama</th>
</tr>
<tr>
<th>1.</th>
<th>Rina Hastuti</th>
</tr>
<tr>
<th>2.</th>
<th>Ali Amran</th>
</tr>
<tr>
<th>3.</th>
<th>Rahmat</th>
</tr>
</table>
</body>
</html>

Maka, hasilnya seperti dibawah ini:

Demikian Pembahasan Tentang Belajar HTML :  HTML Tabel

Semoga Bermanfaat Yang Saya Sampaikan ... Terima Kasih.

Belajar HTML : Pengenalan Web dan HTML

Belajar HTML : Pengenalan Web dan HTML -  Hello gans ,,, disini saya akan mengenalkan apa itu WEB, apa itu HTML dan lain-lainnya. Langsung saja kita lanjutkan ke materi berikut:

Word Wide Web (WEB)
WWW (Word Wide Web) merupakan salah satu fasilitas dimana kita dapat saling bertukar informasi di internet. Banyak orang berpendapat bahwa www yaitu dunianya sedang internet adalah jaringannya. Protocol standard aturan yang digunakan untuk berkomunikasi pada komputer networking, Hypertext Transfer Protocol (HTTP) ialah protokol untuk www. WWW bekerja berdasarkan pada tiga mekanisme berikut:

• Protocol, standard aturan yang digunakan untuk berkomunikasi pada komputer networking Hypertext Transfer Protocol (HTTP) ialah protokol untuk www.
• Address, WWW memiliki aturan penaman alamat web yaitu URL (Uniform Resource Locator) yang digunakan sebagai standard alamat internet.
• HTML, digunakan untuk membuat document yang bisa di akses melalui web.

HTML
HTML ialah singkatan dari Hypertext Markup Language merupakan script untuk menyusun dokumen-dokumen web. Dokumen HTML disimpan dalam format text reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. HTML adalah standard bahan yang digunakan untuk menampilkan dokumen web, yang bisa anda lakukan dengan HTML yaitu:

1. Mengontrol tampilan dari web page dan contentnya.
2. Mempublikasikan dokumen secara online, sehingga bisa di akses dari seluruh dunia.
3. Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.
4. Menambahkan objek-objek seperti image, audio, video dan juga java applet dalam dokumen HTML.

Struktur Dasar Dokumen HTML
Struktur dasar dokumen HTML ialah sebagai berikut:

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
    Disini penulisan informasi web
</body>
</html>

Dari struktur dasar HTML diatas dapat dijelaskan sebagai berikut:

Tag
Ialah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> merupakan tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini yaitu tag pembuka isi dokumen HTML dan </body> ini ialah tag penutup isi dokumen HTML.

Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML </title> ini adalah tag penutup judul dokumen HTML. Tag-tag yang ditulis secara berpasangan pada suatu elemen html, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya, Contoh penulisan tag-tag yang benar sebagai berikut:

<p>
      <b>
             . . . . . . .
      </b>
</p>

Attribute
Attribute ialah property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<Tag> 
Nama-attr="NIlai-Attr" 
Nama-attr="NIlai-Attr"
. . . . . . .
. . . . . . .
</Tag>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah:

<body bgcolor="black" text="yellow">

Element HTML
Ialah kepala dari dokumen web yang digunakan adalah HTML. Penulisannya sebagai berikut:

<html>
. . . . . . .
</html>

Element Head
ialah kepala dari dokumen HTML. Tag <head> dan tag </head> terletak diantara tag <html> dan tag </html>. Penulisannya sebagai berikut:

<head>
. . . . . . .
</head>

Element Title
Ialah judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak diantara tag <head> dan tag </head>. Penulisannya sebagai berikut:

<title>
. . . . . . .
</title>

Element Body
Element ini untuk menampilkan isi dokumen HTML. tag <body> dan tag </body> terletak dibawah tag <head> dan tag </head>. Element body mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. penulisannya sebagai berikut:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">. . . . .  . .</body>

Demikian Pembahasan Tentang Belajar HTML : Pengenalan Web dan HTML

Semoga Bermanfaat Yang Saya Sampaikan ... Terima Kasih.