Human and Computer Interaction-Amirul Nizam Alfian-12650034
div#container { width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; } h1 { width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:left; } p { margin:0; padding:1.2em; } p a:link, p a:visited, p a:hover, p a:active { font-weight:bold; color:#b9121b; } ul#navigation-1 { margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;} ul#navigation-1 li { margin:0; padding:0; display:block; float:left; position:relative; width:148px; } ul#navigation-1 li a:link, ul#navigation-1 li a:visited { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; } ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; } ul#navigation-1 li ul.navigation-2 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; } ul#navigation-1 li:hover ul.navigation-2 { display:block; } ul#navigation-1 li ul.navigation-2 li { width:146px; clear:left; width:146px; } ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited { clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; } ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; } ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { display:block; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { background:#b9121b; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { background:#ec454e; } ul#navigation-1 li ul.navigation-2 li a span { position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; } ul#navigation-1 li ul.navigation-2 li:hover a span, ul#navigation-1 li ul.navigation-2 li a:hover span { position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
READMORE
 

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.tempatbelanja.info/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
READMORE
 
ANIMASI TEXT PADA DELPHI

komponen-komponen yang saya gunakan:
-RadioButton1
-RadioButton2
-RadioButton3
-Panel
-Label1
-Button1
-Timer1-Timer2

READMORE
 
Inilah program database ku.
Form 1.
SCRIPT:
unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, XPMan, ExtCtrls, jpeg;

type
  TForm1 = class(TForm)
    Label1: TLabel;
    Label2: TLabel;
    Button1: TButton;
    Button2: TButton;
    Button3: TButton;
    XPManifest1: TXPManifest;
    Timer1: TTimer;
    Timer2: TTimer;
    Label3: TLabel;
    Label4: TLabel;
    Image1: TImage;
    Label5: TLabel;
    procedure Button1Click(Sender: TObject);
    procedure Button3Click(Sender: TObject);
    procedure Button2Click(Sender: TObject);
    procedure Timer1Timer(Sender: TObject);
    procedure Timer2Timer(Sender: TObject);
    procedure Image1Click(Sender: TObject);
READMORE
 
MENGENAL HARDWARE KOMPUTER

A.    Pengertian Hardware
Hardware adalah bagian computer yang berbentuk fisik, dapat dilihat dan dipegang.
Hardware terdiri dari beberapa bagian, yaitu:
1.    Perangkat Masukkan (Input Device)
Perangkat ini berfungsi untuk memasukkan data pada computer. Contohnya mouse, keyboard, scanner, pen tablet, mikrofon, webcam, dsb.
2.    Perangkat Keluaran (Output Device)
Perangkat ini berfungsi untuk  menghasilkan keluaran data berupa informasi yang telah diproses oleh komputer. Contohnya monitor, speaker, printer, dsb.
3.    Perangkat Pengolah Data (CPU/Prosesor)
Perangkat pengolah data berupa CPU atau prosesor, yang didukung oleh perangkat motherboard dan komponen-komponen lain yang terpasaang di motherboard tersebut.  CPU berfungsi untuk mengolah atau memproses data. Bentuknya persegi kecil yang di dalamnya tedapat jutaan transitor yang berfungsi untuk mengolah data.
Saat bekerja, fungsi dari CPU terbagi menjadi:
a.    Internal memori/main memori, berfungsi untuk menyimpan data dan program.
b.    ALU (arithmetic logical unit), berfungsi untuk melaksanakan berbagai macam perhitungan.
c.    Control unit, bertugas untuk mengatur seluruh operasi computer.
4.    Perangkat Tambahan dan Aksesori
5.    Merupakan perangkat tambahan pada computer untuk berbagai keperluan. Contoh perangkat tambahan dan aksesori adalah LAN card, hardisk eksternal, memory card, card reader, Bluetooth, modem, dsb.

B.    Perangkat Masukan
Adalh perangkat yanag digunakan untuk memasukkan data atau intruksi yang selanjutnya akan diproses ke dalam computer. Macam-macam perangkat komputer sebagai berikut:


1.    Keyboard
Keyboard adalah kumpulan tombol-tombol yang digunakan untuk memasukkan karakter-karakter berupa huruf, angka, tanda baca, dan karakter lainnya, serta untuk melakukan intruksi tertentu.



2.    Mouse
Adalah alat yang digunakan untuk menggerakkan pointer pada layar untuk memilih objek, ikon, menampilkan menu, dan memberi perintah-perintah tertentu. Pada umumnya mouse memiliki tombol kiri dan kanan serta roda di tengah (scroll) sebagai penggulung. Mouse yang telah kita kenal menggunakan koneksi serial, PS/2,USB, atau wireless.
Saat ini, bentuk mouse bermacam-macam, antara lain mouse standar , retrack (kabelnya bias memanjang dan memendek), mouse gamming (untuk bermain game), dan mouse finger (yang dipakai di jari. 


 3.    Papan Sentuh
Papan sentuh atau touchpad adalah papan atau bantalan yang peka atau sensitive terhadap sentuhan. Papan sentuh digunakan pada laptop sebagai pengganti mouse. Cara penggunaanya adalh dengan menyentuh dan menggerakkan jari pada papan.



4.    Pena Elektronik
Pena elektronik dalah peralatan input yang penggunaannya dengan cara menyentuhkan ujung pena pada layar untuk memilih perintah, menulis, atau membuat gambar. Pena ini banyak digunakan pada komputer genggam dan smartphone.


5.    Layar Sentuh
Layar sentuh atau touchscreen adalah layar monitor yang menggunakan sensor pendeteksi sentuhan jari. Jadi kita bertindak sebagai pointer mouse pada layar untuk memilih objek/ikon dan memberi perintah-perintah tertentu.





6.    Mikrofon
Mikrofon adalah alat untuk menangkap suara kemudian memasukannya ke dalam komputer. Dalam input suara, mikrofon terhubung dengan sound card pada komputer. Sound card ini mengubah sinyal analog menjadi sinyal digital agar dapat diproses oleh komputer yang kemudian akan diubah menjadi sinyal analog lagi agar dapat didengarkan oleh speaker.












7.    Game Pad dan Joystick
Game pad dan joystick menrupakan peralatan yang berfungsi untuk mengontrol permainan/game dan memberi perintah tertentu pada program permainan.







8.    Scanner
Scanner adalh peralatan yang digunakan untuk membada gambar dan mentransfernya ke komputer. Peralatan ini menggunakan optical data reader yang membaca data baris per baris yang diubah ke data digital untuk ditransfer ke komputer.







C.    Perangkat Keluaran
Perangkat keluaran atau output device adalah perangkat yang berfungsi untuk menghasilkan keluaran data berupa informasi yang telah diproses oleh komputer.
1.    Monitor
Monitor adalah alat yang digunakan untuk menampilkan informasi berupa gambar dan tulisan.









2.    Printer
Printer adalah alat yang digunakan untuk mencetak teks atau gambar dari komputer.






3.    Speaker
Speaker adalah alat yang digunakan untuk menghasilkan suara dari komputer atau alat lain. Speaker menerima sinyal dari komputer yang kemudian mengeluarkan suara berupa frekuensi audio. Jenis speaker adalah speaker aktif dan speaker pasif. Speaker aktif adalah speaker yang memiliki amplifer dengan peraturan seperti treble, bass, balance, volume, dsb. Sedangkan speaker pasif tidak memiliki itu semua.





4.    Proyektor
Proyektor adalah alat yang digunakan untuk memproyeksikan tampilan dari komputer atau alat lain agar diperoleh gambar yang lebih besar. Jenis-jenis proyektor diantaranya proyektor CRT, proyektor LCD, proyektor slide, proyektor  film, proyektor overhead, dll.




D.    Perangkat Pengolah Data
Perangkat pengolah data berupa CPU atau prosesor yang didukung oleh perangkat motherboard dan komponen-komponen yang terpasang di motherboard tersebut.
READMORE
 

APA ITU WORDPRESS..???

WordPress adalah suatu blog tool yang dirancang untuk memudahkan pembuatan dan pemeliharaan blog seperti penulisan, pengeditan, pempublikasian posting blog dan komentar dengan fungsi khusus untuk memanajemen image, video, sindikasi web, serta moderasi posting dan komentar. Selain mudah digunakan, blog tool ini juga sangat mudah dikenali oleh mesin pencari seperti google atau yahoo. Dan banyaknya aplikasi tambahan untuk memaksimalkan blog serta themes yang mudah dikelola untuk mempercantik tampilannya menjadikan wordpress banyak diminati oleh sebagian besar blogger. WordPress bisa langsung di download di wordpress.org serta dapat digunakan secara gratis karena blog software ini bersifat open source.  Selain itu, WordPress juga menyediakan hosting gratis di wordpress.com bagi siapa saja yang ingin membuat blog dengan wordpress tapi belum mempunyai web hosting sendiri untuk memasangnya. Blog yang dibuat secara gratis di wordpress.com akan ditempatkan pada subdomain dengan pilihan nama yang bisa ditentukan oleh user sesuai dengan apa yang diinginkan.
READMORE
 

Koneksi Database Acces dengan Delphi 7 melalui ADO

Delphi dapat menggunakan database dari ms Access untuk dipakai sebagai penyimpanan dan pemrosesan data. dengan fasilitas ADO pada delphi 7, dapat dikoneksikan database ms access dengan ekstensi .mds berikut cara melakukan koneksinya:

langkah 1



- buka delphi 7

langkah 2



- pilih bagian ADO
- ambil ADOConnection dan ADOTable dan masukkan ke dalam form
- ADOConnection digunakan untuk melakukan koneksi dengan file database yang telah dibuat, untuk membuat file database dapat dilihat disini
- ADOTable digunakan untuk mengambil table yang ada di dalam database. pada ADOTable dapat disetting nilai field yang terdapat pada table database yang diambil. ADOTable terkoneksi dengan ADOConnection

langkah 3




- pilih bagian data access
- ambil datasource dan masukkan ke dalam form
- datasource digunakan untuk pengambilan data field yang terdapat di dalam table, datasource secara langsung terkoneksi dengan ADOTable

langkah 4


-doubleklik pada ADOConnection,  kan muncul dialog seperti pada gambar
-lalu klik build

langkah 5


- akan keluar dialog seperti gambar diatas
- pilih microsoft jet 4, microsoft jet 4 digunakan untuk mengenali file database dari ms Access
- kemudian pilih next

langkah 6


- pada bagian conection, pilih lokasi database(ekstensi .mdb) yang sebelumnya telah dibuat
- lakukan test connection untuk melihat database telah terkoneksi atau belum.
- apabila database memiliki password maka isikan pada bagian password dan username
- setelah selesai klik ok

langkah 7




- klik ADOConection, pada bagian properties (bagian kiri bawah) atur seperti pada gambar diatas
- conected diatur true agar file database terkoneksi dengan program yang dibuat
- name dapat diubah sesuai kebutuhan untuk mempermudah pembuatan program yang melibatkan ADOConnection, pada gambar diatas name diubah menjadi koneksi


langkah 8


 - klik ADOTable, pada bagian properties (bagian kiri bawah) atur seperti pada gambar diatas
- active digunakan untuk mengaktifkan pengambilan tabel
- name digunakan untuk merubah nama ADOTabel yang digunakan dalam program, pada gambar diatas name diubah menjadi table1
- table direct digunakan untuk melakukan akses table pada database secara langsung
- tablename digunakan untuk melakukan pengambilan table pada file database, seringkali dalam sebuah database terdapat banyak table dan querry, karena itu untuk mengakses banyak table diperlukan banyak ADOTable karena sebuah ADOTable hanya dapat mengakses 1 table saja dalam 1 waktu, pada gambar diatas dipilih table dengan nama database pada file database yang telah diload oleh ADOConnection(ADOConnection harus dalam posisi Connected=true)

langkah 9


 - klik datasource, pada bagian properties (bagian kiri bawah) atur seperti pada gambar diatas
- dataset digunakan untuk mengambil data field pada table yang diinginkan, table yang telah aktif dan telah dibuat adalah table dari ADOTable dengan nama table1 karena itu dataset dapat diisi dengna table1
- name juga dirubah untuk mempermudah penulisan program, pada gambar diubah menjadi source1
- setelah pengaturan selesai maka telah terjadi hubungan yaitu pengambilan file database oleh ADOConnection, lalu pengambilan Table Database oleh ADOTable, dan pengambilan data field oleh datasource dan koneksi antara database dan program dalam delphi telah selesai.
- selanjutnya database dapat digunakan sesuai kebutuhan
langkah selanjutnya adalah contoh untuk menampilkan database yang telah dihubungkan

langkah 10


- masuk ke bagian data control
- pilih dbgrid lalu tempatkan apda form seperti pada gambar diatas
- dbgrig adalah tampilan interface berupa table, namun karena belum diisi maka tampilan dbgrid masih kosong seperti pada gambar

langkah 11
- pada bagian properties dbgrid, datasource dapat diisi dengan source1 yaitu nilai dari field yang telah diambil dari database access
- setelah melakukan perubahan properties pada dbgrid maka tampilannya akan berubah dan menampilkan isi table database yang telah diambil seperti terlihat pada gambar
- apabila table tidak muncul pada dbgrid perlu decek kembali apakah ADOConnection sudah connected = true dan apakah ADOTable sudah active = true

langkah 12

- tampilan pada dbgrid merupakan tampilan yang masih kasar dan belum terlihat baik karena itu dapat dilakukan perubahan tampilan dari field dengan ADOTable
- doubleklik pada ADOTable, maka akan muncul form dialog
- selanjutnya klik kanan pada kotak dialog tersebut lau pilih Add all Fields


langkah 13

- setelah field muncul lau dapat dipilih field yang ingin diatur, dan pengaturannya dapat dilakukan melalui bagian properties di kiri bawah
- pada gambar dipilih field kode lalu pada properties diatur visible = false maka selanjutnya pada dbgrid terlihat bahwa field kode menghilang
-field kode sebenarnya amsih ada hanya tidak ditampilkan pada dbgrid karena telah diatur pada properties fieldnya, ini berguna untuk menyembunyikan field yang tidak perlu dilihat

langkah 14
- selanjutnya adalah field nama, pada bagian prperties terlihat size field ini 255 sehingga terlihat sangat panjang pada dbgrid karen itu dapat dipendekkan dengan merubah nilai displaywidth
- pada gambar display width dirubah menjadi 30 sehingga pada dbgrid field name memendek hanya 30 karakter
- tampilan pada dbgrid sudah terlihat sesuai dan baik


langkah 15
- form dapat diatur sesuai dengan keinginan
- program ini telah selesai untuk menampilkan database yang telah terkoneksi

langkah 16
- untuk melakukan save pada delphi 7 dapat dilakukan dengan save all untuk save form dan save project

demikian tutorial singkat mengenai koneksi database Access dengan delphi 7 serta cara unutk menampilkan isi database terkoneksi tersebut pada form delphi, untuk melakukan editing isi database dapat dilihat disini.
READMORE