Rabu, 18 Desember 2013

Belajar Pemrograman Web (HTML, CSS, PHP)

Artikel 1

Pemahaman Dasar PHP

Tags PHP

Kita bisa menuliskan script php di dalam sebuah dokument html ataupun di halaman php yang brediri sendiri. tapi kita harus menggunakan tags PHP agar script php yg kita buat dapat dikenali sebagai bahasa php dan di proses oleh web server. kita bisa menggunakan tag :

<?php … ?>

<?php digunakan untuk membuka dan menadakan awal dari script php dan ?> digunakan untuk menutupnya. selain itu banyak juga yang menggunakan short tag, jadi hanya menggunakan <? dan ?>. meskipun bisa, tidak dianjurkan menggunakan short tags karena di beberapa web server default itu short tag tidak aktif atau disable. ketika kita ingin menggunakan cara tersebut kita harus memastikan pengaturan short tags di file configrasi php.ini sudah kita aktifkan. karena jika belum bisa menyebabkan script tidak tereksekusi bahkan bisa menyebabkan error.

dan berikut yang saya dapat dari php manual, mungkin bisa jadi referensi juga :

1.  <?php echo 'if you want to serve XHTML or XML documents, do it like this'; ?>
2.  <script language="php">
echo 'some editors (like FrontPage) don\'t
like processing instructions';
</script>
3.  <? echo 'this is the simplest, an SGML processing instruction'; ?>
<?= expression ?> This is a shortcut for "<? echo expression ?>"
4.  <% echo 'You may optionally use ASP-style tags'; %>
<%= $variable; # This is a shortcut for "<% echo . . ." %>

selain itu dengan php kita juga membuat seperti ini :

 $expression=true;  //kita definisikan nilai ekspresinya
<?php if ($expression == true): ?>
  jika nilai = True maka Text ke 1 ini akan ditampilkan di browser.
<?php else: ?>
  jika nilai = false maka Text ke 2 ini akan ditampilkan di browser.
<?php endif; ?>

Komentar di PHP

Kita juga bisa menuliskan komentar di dalam script php, ada 2 cara yaitu :

1. mengunakan //.. , ini bekerja untuk 1 baris code

2. menggunakan /* .. */ ini bisa kita untuk membuat komentar yang terdiri dari lebih dari 1 baris

<?php

  // komentar pertama
  // komentar kedua

 echo "contoh membuat komentar di php";

  /* komentar awal
  komentar di tengah
  komentar di akhir */

?>

Mungkin sebagai dasar, itu cukup bermanfaat agar bisa melanjutkan ke materi yang lebih dalam lagi. jika ada pertanyaan silahkan komentar atau hub saya langsung. semoga bisa saling membantu.
setalah ini mungkin akan saya ulas mengenai Variable di PHP.

Artikel 2

Links pada HTML

Link atau hyperlink (dalam Ms.word) adalah gambaran bahwa apabila kita mengeklik sebuah kata atau gambar maka kita akan menuju atau diarahkan ke halaman lain sesuai dengan yang kita atur.

Link pada HTML ini menggunakan tag <a>

Dimana tag <a> dapat digunakan dengan dua jalan :

Untuk membuat link menuju ke document lain, maka akan menggunakan atribut href
Untuk membuat bookmark dalam sebuah document, maka akan menggunakan atribut name

Langkah :

Tulislah script dibawah ini pada dreamwaver atau notepad :

<html>

<head><title>Link</title></head>

<body>

<a href=<a href="http://www.facebook.com/">http://www.facebook.com</a> target=”_blank”>Kunjungi Facebook</a>

<p>Apabila anda men-setting atribut target dengan “_blank”, maka link tersebut akan terbuka di tab yang baru pada browser yang digunakan</p>

</body>

</html>

2. Lalu save dengan nama Link.html
3. Lalu buka file dengan browser yang anda miliki.

Hasilnya akan seperti gambar dibawah ini :

Artikel 3

Membuat Menu pada HTML

2.1. CSS box Model
1. CSS Border
a) border-width (tebal border)
b) border-style (style border)
c) border-color (warna)
2. CSS Margin
3. CSS Padding

Gambar 1. CSS Box Model

2.2. CSS Advanced
1. CSS Display (block dan Inline)
2. CSS Floating (penempatan elemen)

Gambar 2. Menu dengan Display Blok dan Inline

Gambar 3. Layout Tampilan

Gambar 4. Contoh menu dengan display : block

Pemrograman Web (HTML, CSS, PHP)

Artikel 1

CANVAS – HTML 5

Pengertian Canvas

<canvas> di HTML 5 adalah element yang digunakan untuk menggambar grafik, object di website yg umumnya melalui script javascript.

<canvas> hanya merupakan wadah untuk menggambar, dan untuk menggambarnya anda harus menggunakan script, misal javascript.

<canvas> memiliki beberapa metode untuk menggambar Garis, kotak, lingkaran, karakter, dan menambahkan gambar.

Membuat Canvas

Canvas adalah area persegi yang dibuat menggunakan tag <canvas>, secara default canvas tidak meiliki border dan isi.
contoh :

Saat senggang saya coba pelajari dan membuat percobaan, berikut saya coba memeberikan contoh yang saya buat semoga bermanfaat :

<!DOCTYPE html>

<html>

<head>

<script>

function persegi(){

    var cv1 = document.getElementById('myCanvas');

    var ctx = cv1.getContext('2d');

    ctx.fillStyle="#000000";

    ctx.fillRect(10,10,90,40);

    console.log(ctx);

}

function line(){

    var cv1 = document.getElementById('myCanvas');

    var ctx = cv1.getContext('2d');

    ctx.moveTo(100,50);

    ctx.lineTo(200,100);

    ctx.stroke();

}

function lingkaran(){

    var cv1 = document.getElementById('myCanvas');

    var ctx = cv1.getContext('2d');

    ctx.beginPath();

    ctx.arc(100,50,40,0,2*Math.PI);

    ctx.stroke();

}

function text(){

    var cv1 = document.getElementById('myCanvas');

    var ctx = cv1.getContext('2d');

    ctx.font='20px, arial';

    ctx.fillStyle="#ffffff";

    ctx.fillText('Persegi',20,20);

    ctx.strokeText('Persegi',50,70);

}

</script>

</head>

<body >

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">

Your browser does not support the HTML5 canvas tag.

</canvas>

<p>

<ol>

<li><a href="javascript:persegi()">Persegi</a></li>

<li><a href="javascript:line()">Line</a></li>

<li><a href="javascript:lingkaran()">Lingkaran</a></li>

<li><a href="javascript:text()">Text</a></li>

</ol>

</body>

</html>

Tadi penjelasan sederhananya.. semoga bermanfaat. silahkan dipahami. karena scriptnya setau saya tidak susah. jika ada yg tidak jelas silahkan bertanya.

jangan lupa gabung di grup belajar website di facebook.

Artikel 2

MySQL Management

Take Control of MySQL Monitoring

Applications Manager MySQL Server monitoring capability helps database administrators monitor the performance and availability of a MySQL database farm. It is an agentless monitoring solution that provides out-of-the-box performance metrics for ensuring the MySQL database server runs efficiently.

Applications Manager provides a web client that allows you to visualize MySQL monitoring data from your database tier alongside your application tiers.

Additionally Applications Manager also has a grouping capability that helps you to group databases so that you gain more visibility on which business applications are affected due to an outage.

Some of the components that are monitored in MySQL database are:

Connection Time
Request Statistics
Connection Statistics
Thread Details
Table Lock Statistics
Key efficiency
Query Hit Ratio
Query Cache Hitrate
Replication Details, etc.

Monitor Custom MySQL Database Queries

Additionally, Applications Manager also provides the ability to monitor any SQL Query of a MySQL Database by using the Database Query Monitoring capability. With this, a DBA can monitor additional performance metrics, monitor custom database tables and even monitor and expose Business Metrics to Line of Business Managers.

"May I commend Adventnet on an excellent low cost product that does what it says on the tin."

Ismail Patel
Wolverhampton City Council
United Kingdom

MySQL Monitoring Capabilities

Out-of-the-box monitoring of MySQL availability and performance.
Monitors performance statistics such as connection time, request statistics, connection statistics, thread details, etc. alarms can be configured for these parameters.
Based on the thresholds configured, notifications and alarms are generated. Actions are executed automatically based on configurations.
Performance graphs and reports are available instantly. Reports can be grouped and displayed based on availability, health, and connection time.
Delivers both historical and current MySQL performance metrics, delivering insight into the performance over a period of time.

For more information, refer MySQL Management Online Help.

Artikel 3