Asik asik kopi hitam

Monday, 1 November 2010

Pengertian REKAYASA PERANGKAT LUNAK

Istilah Rekayasa Perangkat Lunak (RPL) secara umum disepakati sebagai
terjemahan dari istilah Software Engineering. Istilah Software Engineering mulai
dipopulerkan tahun 1968 pada Software Engineering Conference yang
diselenggarakan oleh NATO.

Sebagian orang mengartikan RPL hanya sebatas
pada bagaimana membuat program komputer. Padahal ada perbedaan yang
mendasar antara perangkat lunak (software) dan program komputer.
Perangkat lunak adalah seluruh perintah yang digunakan untuk
memproses informasi. Perangkat lunak dapat berupa program atau prosedur.
Program adalah kumpulan perintah yang dimengerti oleh komputer sedangkan

prosedur adalah perintah yang dibutuhkan oleh pengguna dalam memproses
informasi (O’Brien, 1999). Pengertian RPL sendiri adalah sebagai berikut:
Suatu disiplin ilmu yang membahas semua aspek produksi
perangkat lunak, mulai dari tahap awal yaitu analisa kebutuhan
pengguna, menentukan spesifikasi dari kebutuhan pengguna,
disain, pengkodean, pengujian sampai pemeliharaan sistem setelah
digunakan.

Jelaslah bahwa RPL tidak hanya berhubungan dengan cara pembuatan
program komputer. Pernyataan “semua aspek produksi” pada pengertian di
atas, mempunyai arti semua hal yang berhubungan dengan proses produksi
seperti manajemen proyek, penentuan personil, anggaran biaya, metode, jadwal,
kualitas sampai dengan pelatihan pengguna merupakan bagian dari RPL.

RPL Di SMK NEGERI 1 TANGGUL

Klik gambar untuk masuk ke web RPL SMK N 1 Tanggul!

Jadi??

Apa pendapat mu tentang RPL???
Silahkan Comment di bawah ini...

Monday, 25 October 2010

Tukeran Link Yuk!!!

Tukeran Link Yuk!!!
Ni lah Kata Yang sering ada di postingan blog kebanyakan orang, seperti halnya bligger-blogger lain, saya juga mau menajak tukeran link para pecinta blog ni...

Klo ada yang berminat untuk tukaran link dengan blog aku cukup simple caranya :

1. Masukkan link blog ini di blog atau web kamu
2. Kasih komen di posting ini biar saya bisa ngecek ke blog anda.
3. Klo emang blog saya dah ada di blog anda, saya akan sesegera mungkin melakukan link ke anda.
4. Mudah kan?
5. makasih!

Beberapa alasan dan pendapat dari saya tentang manfaat dari tukeran link.
1. Tukeran link merupakan cara yang digunakan oleh para blogger untuk memperkenalkan blognya.
Alasannya : Jika blog / website yang baru lahir tidak akan mungkin dikenali oleh orang banyak tanpa ada sosialisasi / promosi tentang blog / websitenya.

2. Tidak hanya memperkenalkan blognya, tukeran link memungkinkan juga para blogger menjalin relasi bisnis.
Alasannya : Tidak hanya mempromosikan blognya, ketika antar blogger saling membaca artikel yang ada pada blognya, tidak menutup kemungkinan akan terjalinnya hubungan yang lebih erat.
3. Tukeran link memungkinkan blog anda semakin banyak di index oleh search engine.
Alasannya : Semakin banyaknya nama blog anda, semakin banyak pula anda dikenali oleh search engine. Percayalah ! Hal ini diibaratkan dengan kepopuleran artist yang sering masuk ke dalam infotaiment dengan artist yang kurang populer karena jarang masuk infotaiment (kok jadi ngegosip ya...Hehehe...)
4. Tukeran link memungkinkan mendongkrak page rank anda.
Alasannya : Karena semakin banyak dikenal / populernya blog anda, maka memungkinkan pula page rank / PR yang di incar - incar oleh para blogger dapat meningkat. Karena semakin banyaknya visitor, belum lagi jika artikel anda menarik !

Banyak kan?
ayo TUKERAN LINK...

Silahkan copy paste scrip ini dan pasang BANNER ane di blog ente...

Latihan Membuat Web

Latihan Menggunakan FRAME

Buat file baru dengan nama latihan6.html, header.html, kiri.html, kanan.html, bab1.html dan bab2.html dengan isi masing-masing sebagai berikut:

File latihan6.html
<frameset rows=20%,*>
<frame name=atas src=header.html>
<frameset cols=30%,*>
<frame name=kiri src=kiri.html>
<frame name=kanan src=kanan.html>
</frameset>
</frameset>

Pada tag <frameset rows=20%,*> maksudnya adalah frame yang dibuat terdiri dari dua bagian/baris dengan ukuran 20% bagian paling atas dan selebihnya (80%) adalah frame bagian bawah/baris kedua yang ditunjukkan dengan tanda ‘*’. <frame name=atas src=header.html> menunjukkan bahwa nama frame adalah atas dan diisi dengan dokumen header.html.
<frameset cols=30%,*> mempunyai arti bahwa frame bawah dibagi lagi menjadi dua kolom dengan ukuran 30% untuk frame kiri dan sisanya untuk frame sebelah kanan.
Kalau file tersebut dijalankan hasilnya sebagai berikut:

Untuk gambar lebih jelasnya klik saja gambarnya...

Tampilan tersebut dikarenakan file-file yang dibutuhkan oleh frame belum dibuat atau tidak ditemukan. Oleh karena itu lengkapi file-file sebagai berikut:

File header.html
<html>
<head>
</head>
<body>
<h1>Selamat Datang........</h1>
<h3>Di WEBsite Arif Jainuri.</h3>
</body>
</html>

File kiri.html
<html>
<head>
</head>
<body>
<h2>Daftar Isi</h2><hr>
<a href=kanan.html target=kanan>Isi Awal</a><br>
<a href=bab1.html target=kanan>Bab 1</a><br>
<a href=bab2.html target=kanan>Bab 2</a><br>
</body>
</html>

File kanan.html
<html>
<head>
</head>
<body>
<h2>Ini isi frame awal di frame kanan</h2><br>
<h3>Untuk latihan pembuatan frame</h3>
</body>
</html>

File bab1.html
<html>
<head>
</head>
<body>
<h2>Ini isi frame Bab 1</h2>
Isi Bab 1 di frame kanan
</body>
</html>

File bab2.html
<html>
<head>
</head>
<body><font color=blue>
<h2>Ini isi frame Bab 2</h2>
Isi Bab 2 di frame kanan
</body>
</html>

Maka hasil dari kode-kode tersebut adalah:
Untuk gambar lebih jelasnya klik saja gambarnya...

Untuk mengubah kode-kode tersebut menjadi halaman web siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
TERIMA KASIH

Friday, 15 October 2010

Game logika (Uji logikamu)

Logika berasal dari kata Yunani kuno λόγος (logos) yang berarti hasil pertimbangan akal pikiran yang diutarakan lewat kata dan dinyatakan dalam bahasa. Logika adalah salah satu cabang filsafat.

Sebagai ilmu, logika disebut dengan logike episteme (Latin: logica scientia) atau ilmu logika (ilmu pengetahuan) yang mempelajari kecakapan untuk berpikir secara lurus, tepat, dan teratur.

Ilmu disini mengacu pada kemampuan rasional untuk mengetahui dan kecakapan mengacu pada kesanggupan akal budi untuk mewujudkan pengetahuan ke dalam tindakan. Kata logis yang dipergunakan tersebut bisa juga diartikan dengan masuk akal.

Test Lokika mu di Permainan ini........

Silahkan DOWNLOAD

Klik Aj di Sini

PERHATIAN : Link ini menuju ke ADF.LY, Jadi Ketika Ingin Download, KLIK LINK Nya, LIHAT PADA POJOK KANAN ATAS, Tunggu 5 Detik, LALU KLIK "LEWATI"

Jangan lupa tinggalkan komentar di bawah...

OKEY......

Tuesday, 12 October 2010

Membuat Frames, dan pemanfaatan

Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa dokumen HTML, dimana setiap bagian merupakan satu halaman HTML terpisah. Sehingga tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat bandwidth internet dan mempercepat proses download secara keseluruhan.
Format:

<html>
<head>
</head>
<frameset>
<frame src>
</frameset>
</html>

Aturan penggunaan atribut ROWS dan COLS pada frameset adalah:

<frameset rows=â''tinggi_baris,tinggi_baris,â'¦â''>
<frameset cols=â''lebar_kolom, lebar_kolom,â'¦â''>

Atribut-atribut yang digunakan dalam FRAME adalah:

Atribut
FRAMESET COLS: Membuat frame vertikal dengan lebar kolom tertentu

FRAMESET ROWS: Membuat frame horizontal dengan tinggi baris tertentu

FRAME SRC: Memasukkan dokumen HTML ke dalam FRAME

NOFRAME : Memasukkan body teks untuk browser yang tidak dapat
menampilkan frame

Model-model frame dan contoh pembuatannya:

Untuk gambar lebih jelasnya klik saja gambarnya...

Saya update sedikit artikel ini...
Karena ada yang minta cara menggabungkan frame dengan data lain.

1. Buat 2 File dalam 1 folder.
2. File "Index" berisi frame, File "atas" berisi data yang ingin di gabung dengan frame.
3. Berikut Isi Kedua file nya.

File Index :

<frameset rows=119,*>
<frame name=judul atas src=atas.html>
 <frameset cols=60%,*>
  <frame name=kiri src=Kategory.html>
  <frame name=kanan src=awal.html>
 </frameset>
</frameset>

File Atas :

<marquee behavior="alternate"><font size=6 Face=arial 
color=GREEN>
SELAMAT DATANG DI WEB ARIF JAINURI</font>
</marquee><BR>

<br><marquee behavior="alternate"><font size=3 Face=arial 
color=blue>
WEB nya Anak RPL SMK Tanggul</font>
</marquee>

MAKA HASIL NYA:

Untuk mengubah kode-kode tersebut menjadi halaman web siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
TERIMA KASIH

Membuat Tabel (Table) pada HTML

Table merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table, yaitu: <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> .

<TABLE>
Digunakan untuk mendefinisikan pembuatan tabel. Memiliki attribut :
• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• valign – mengatur bentuk perataan secara vertikal
• bgcolor – mengatur warna latar belakang (background) dari tabel.
• background – menentukan gambar yang digunakan sebagai background table
• color – Untuk mengatur warna suatu sel dalam table
• border – menentukan ukuran border tabel (dalam pixel).
• rowspan – menggabungkan beberapa baris
• colspan – menggabungkan beberapa kolom
• cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
• cellspacing – mengatur spasi/jarak antar cell (dalam pixel).
• width – menentukan lebar tabel dalam pixel atau percent.
• height – Menentukan tinggi tabel

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
• align - perataan : rata kiri (left), tengah (center) atau kanan (right).
• bgcolor - warna latar belakang dari baris.
• valign - perataan vertikal : top, middle atau bottom.

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel. Attributnya adalah:
• align – untuk menentukan perataan kolom
• background – untuk menentukan image yang digunakan sebagai latar belakang dari kolom.
• bgcolor – untuk menentukan warna latar belakang
• colspan - lihat gambar contoh
• height – untuk mengatur ukuran tinggi cell dalam pixels.
• nowrap – untuk membuat supaya isi dari kolom tetap berada pada satu baris.
• rowspan - lihat gambar contoh
• valign – untuk mengatur perataan vertikal: top, middle atau bottom.
• width – untuk menentukan lebar kolom dalam pixel atau percen.

CONTOH:

<html>
<head>
<title>::: Pembuatan Table :::</title>
</head>
<body background=backgrnd.gif>
<font face=arial size=2 color=maroon>
<table width="100" border="1" cellspacing="2" cellpadding="2">
<tr>
<td bgcolor="#0000FF">  </td>
<td bgcolor="#FFFF66"> </td>
<td rowspan="2" bgcolor="#FF3366"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99"> </td>
</tr></table>
</body>
</html>

maka hasinya akan seperti gambar di bawah ini:

Untuk gambar lebih jelasnya klik saja gambarnya...

Contoh yang lain:

<html>
<head>
<title>::: Pembuatan Table :::</title>
</head>
<body>
<font face=arial size=2 color=maroon>
<table>
<tr>
<td>Ini contoh tabel sederhana tanpa border</td>
</tr>
</table>
<p>
<table border=1>
<tr>
<td>Ini contoh tabel sederhana dengan border</td>
</tr>
</table>
<p>
<table border=1>
<tr>
<td>No.</td>
<td>Nama</td>
<td>Alamat</td>
</tr>
<tr>
<td>1.</td>
<td>Jam 'Iyatul Khoir</td>
<td>Bulubrangsi Lamongan</td>
</tr>
<tr>
<td>2.</td>
<td>Ari Mulyaningsih</td>
<td>Wringin Anom Gresik</td>
</tr>
</table>
</body>
</html>

maka hasinya akan seperti gambar di bawah ini:

Untuk gambar lebih jelasnya klik saja gambarnya...

Untuk mengubah kode-kode tersebut menjadi seperti gambar tersebut siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
TERIMA KASIH

cara Menyisipkan Gambar/Images pada HTML

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. Tag yang digunakan adalah

Attribut yang dimiliki tag adalah: alt, align=(center, left, right), hspace, vspace, border, width dan height. Jika attribut ukuran gambar tidak dituliskan, maka gambar ditampilkan sesuai dengan ukuran asllinya. Untuk mengatur ukuran gambar, menggunakan attribut width daan height. Attribut align digunakan untuk perataan posisi gambar. Attribut border, digunakan untuk memberi bingkai pada gambar. Sedangkan alt, digunakan untuk memberi keterangan pada gambar jika mouse berada diatasnya. Untuk mengatur letak gambar dapat menggunakan attribut hspace daan vspace.
Contoh :

<html>
<head>
<title>::: menampilkan images :::</title>
</head>
<body>
<b><font size=2 Face=tahoma color=black>
<img src="gambar1.gif" alt="ini adalah logo halaman pembuka" width=100 height=50>
<img src="gambar1.gif" hspace=10 vspace=5 align=right border=2> </font>
</body>
</html>

maka hasinya akan seperti gambar di bawah ini:

Untuk gambar lebih jelasnya klik saja gambarnya...