Thursday, February 26, 2015

HTML V - Styles CSS

HTML - Styles adalah cara menampilkan informasi menggunakan HTML dengan memberikan sentuhan desain yang menarik.
Source code dari tampilan diatas adalah:
<!DOCTYPE html>
<html>
<head>
<style>
.pekanbaru {
background-color:gray;
color:white;
margin:20px;
padding:20px;
width:500px;
}
.pekanbaru p{
text-align:justify;
}
</style>
</head>
<body>
<div class="pekanbaru">
<h2>Kota Pekanbaru</h2>
<table width=500px>
<tr>
<td width=200px>
<img src="pku.jpg" alt="Mountain View" style="width:250px;height:200px">
</td>
<td>
<p>Nama Pekanbaru dahulunya dikenal dengan nama "Senapelan" yang pada saat itu dipimpin oleh seorang Kepala Suku disebut Batin. Daerah yang mulanya sebagai ladang, lambat laun menjadi perkampungan. Kemudian perkampungan Senapelan berpindah ke tempat pemukiman baru yang kemudian disebut Dusun Payung Sekaki yang terletak di tepi muara sungai Siak.</p>
</td>
</tr>
</table>
</div> 
</body>
</html>

Posted by okay
Labels: , ,

HTML III - List


HTML - List adalah cara menampilkan list atau daftar ke dalam format html.
Source code dari tampilan diatas adalah :

<!DOCTYPE html>
<html>
<head>
<title>Latihan 03 - HTML List</title>
</head>
<body>
<font face=arial size=6 color=blue>
<h3>Latihan 03 - HTML List</h3>
</font>
<hr>
<h2>Nama-nama Mata Kuliah Unordered List (UL):</h2>
<ul>
<li>HTML</li>
<li>ASP</li>
<li>HTML</li>
<li>MySQL</li>
</ul>
<h2>Nama-nama Bulan Masehi Ordered List (OL):</h2>
<ol>
<li>Januari</li>
<li>February</li>
<li>Maret</li>
<li>April</li>
<li>Mei</li>
<li>Juni</li>
<li>dst...</li>
</ol>
</body>
</html>

Posted by okay
Labels: , ,

HTML IV - Tables


HTML - table adalah dimaksukan untuk menampilkan data / informasi dalam format tabel.
berikut adalah contoh :
<html>
<head>
<title>Latihan 03 - Table</title>
</head>
<body>
<font face=arial size=6 color=blue>
<h3>Latihan 03 - Table</h3>
</font>
<hr>
<h2>Jadwal Mata Kuliah menggunakan Tabel:</h2>
<table border=1 width=400px>
<thead>
<tr>
<th width=50px>No</th>
<th width=100px>Hari</th>
<th width=200px>Mata Kuliah</th>
</tr>
</thead>
<tbody>
<tr>
<td align=center>1.</td>
<td align=center>Kamis</td>
<td align=center>HTML</td>
</tr>
<tr>
<td align=center>2.</td>
<td align=center>Minggu</td>
<td align=center>PHP & MySQL</td>
</tr>
<tr>
<td align=center>3.</td>
<td align=center>Selasa</td>
<td align=center>ASP</td>
</tr>
</tbody>
</table>
</body>
</html>

Posted by okay
Labels: , ,

Wednesday, February 25, 2015

HTML II - Atribut & Tag


Struktur HTML :
<!DOCTYPE html>
<html>
<head>
<title>HTML Pendahuluan</title>
</head> 
<body>
<!-- tag <h1> digunakan untuk menampilkan judul header -->
<h1>HTML - Pendahuluan</h1>
<hr>
<!-- <hr> digunakan untuk menampilkan garis horizontal -->

<!-- <p> digunakan untuk menampilkan paragraph -->
<p>Isi Paragraph pertama.</p><br>
<!--tag <br> digunakan untuk pindah baris -->
<p>Isi Paragraph kedua.</p>
<p>Isi Paragraph ketiga.</p>
</body>
</html>
Beberapa HTML Tag Reference yaitu :
  • <html>
    • Menunjukkan html document
  • <head>
    • Menunjukkan bagian header
  • <body>
    • Menunjukkan bagian Body
  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
    • tag untuk header mulai dari yang besar sampai yang kecil
  • <hr>      
    • tag untuk membuat garis horizontal
  • <b>
    • tag untuk menebalkan huruf pada kata atau kalimat
  • <u>
    • tag untuk memberikan garis bawah 
  • <i>
    • tag untuk memberikan garis miring


Beberapa atribut HTML antara lain:
  • alt 
  • disabled
  • href
  • id
  • src
  • style
  • title
  • value
Posted by okay
Labels: , , ,

Database I - Pendahuluan


Database (basis data) adalah kumpulan informasi yang tersimpan di dalam komputer secara sistematik sehingga dapat digunakan oleh suatu program komputer untuk mengolah dan memperoleh informasi dari basis data tersebut.

Ada 2 jenis bahasa yang digunakan untuk membangun dan mengelola database:
  • Data Definition Langguage (DDL)
    • DDL digunakan untuk membuat tabel baru, indeks, mengubah tabel, mengubah struktur tabel
    • hasil dari kompilasi perintah DDL berupa kumpulan tabel (kamus data) yaitu data yang mendeskripsikan data yang sebenarnya.
  • Data Manipulation Langguage (DML)
    • DML digunakan untuk memanipulasi data seperti mengambil data (SELECT), menambah data (INSERT), merubah data (UPDATE) dan menghapus data (DELETE).

Manfaat Penggunaan Database :
  • Kecepatan dan Kemudahan
    • Perancangan database yang tepat dan baik akan memberikan kemudahan dalam mengakses data dengan cepat.
  • Pemakaian Bersama-sama
    • Dengan menggunakan satu database dapat dimanfaatkan untuk setiap divisi dan cabang yang berada di lokasi yang berbeda.
  • Kontrol data terpusat
    • Pengontrolan data yang terpusat memberikan kemudahan untuk mengelola atau melakukan perubahan data, misal ketika ingin merubah data karyawan setiap divisi juga akan berubah secara automatis  
  • Menghemat biaya perangkat
    • Dengan adanya database yang terpusat masing-masing divisi tidak memerlukan perangkat untuk menyimpan database, cukup menggunakan satu database untuk semua divisi
  • Keamanan data
    • Pemberian hak akses yang berbeda-beda antar pengguna disesuaikan dengan kepentingan maupun posisi pengguna.
  • Memudahkan dalam pembuatan aplikasi baru
    • Database sebelumnya dapat dimanfaatkan untuk membuat aplikasi baru yang lebih sempurna daripada yang sebelumnya.

Struktur Database :
  • Informasi
    • Informasi adalah hasil pengolahan data yang sudah memiliki arti untuk mencapai maksud tujuan tertentu
  • Data
    • Data adalah sekupulan angka, huruf, gambar, film, suara yang relevan dan belum mempunyai arti
  • Tabel
    • Tabel adalah sekumpulan field dan record dalam penyimpanan data
  • Record
    • Record adalah sekumpulan Field yang saling barkaitan tentang subject tertentu.
  • Field
    • Field adalah elemen yang berisikan informasi tertentu yang spesifik tentang tabel yang berisikan item data.


Beberapa program Database antara lain:
  • Microsoft SQL Server
  • Oracle
  • MySQL
  • Microsoft Access
  • Paradox 
  • Foxpro
Posted by okay
Labels: , ,

Tuesday, February 24, 2015

PHP II - Perulangan

Perulangan PHP terbagi menjadi 3 :


  • Perulangan For
  for ($x = 0; $x <= 5; $x++) {
       echo "The number is: $x <br>";
 }
  • Perulangan While
   $x = 1;
  while($x <= 5) {
       echo "The number is: $x <br>";
       $x++;
  } 
  • Perulangan Do - While
   $x = 1;
  do {
        echo "The number is: $x <br>";
$x++;
  } while ($x <= 5);
Posted by okay
Labels: ,

Tuesday, February 10, 2015

Konfigurasi XAMPP untuk mengakses ASP.NET

Agar bahasa pemrograman ASP dapat dikenali oleh XAMPP, ada beberapa hal yang harus dikonfigurasi. Berikut adalah langkah-langkah untuk mengkonfigurasi modul ASP.NET :

1. Install XAMPP terlebih dahulu


2. Install modul ASP/ASP.NET (mod_aspdotnet) 
Selanjutnya install mod_aspdotnet yang digunakan untuk mengenali bahasa pemrograman ASP
http://sourceforge.net/projects/mod-aspdotnet/files/latest/download?source=files 
Pilih path/folder sesuai dengan letak XAMPP tersebut diinstal.


3. Konfigurasi xampp-httpd.conf
Karena terbiasa menyimpan koding PHP di htdocs, jadi script ASP saya letakkan juga di folder D:/xampp/htdocs/asp. 
Tambahkan script dibawah ini ke dalam D:/xampp/apache/conf/extra/httpd-xampp.conf

 # ASP.NET di XAMPP
LoadModule aspdotnet_module "D:/xampp/apache/modules/mod_aspdotnet.so"
AddHandler asp.net asax ascx ashx asmx aspx axd config cs csproj licx rem resources resx soap vb vbproj vsdisco webinfo
<IfModule mod_aspdotnet.cpp>
AspNetMount /asp "D:/xampp/htdocs/asp"
Alias /asp "D:/xampp/htdocs/asp"
<Directory "D:/xampp/htdocs/asp">
Options FollowSymlinks ExecCGI
Order allow,deny
Allow from all
DirectoryIndex index.htm index.aspx index.asp
</Directory>
AliasMatch /aspnet_client/system_web/(\d+)_(\d+)_(\d+)_(\d+)/(.*) "C:/Windows/Microsoft.NET/Framework/v$1.$2.$3/ASP.NETClientFiles/$4"
<Directory "C:/Windows/Microsoft.NET/Framework/v*/ASP.NETClientFiles">
Options FollowSymlinks
Order allow,deny
Allow from all
</Directory>
</IfModule>
# /ASP.NET di XAMPP

4. Silahkan test script ASP seperti contoh


NB:
Saya install XAMPP dan modul aspdotnet di drive D.

Posted by okay
Labels: , ,
Subscribe to: Posts (Atom)