Rabu, 18 Desember 2013

Pemrograman Web (HTML, CSS, PHP)

Artikel 1

CANVAS – HTML 5


Pengertian Canvas

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 :
<canvas id=”kanvasku” width=”200″ height=”100″></canvas>
Saat senggang saya coba pelajari dan membuat percobaan, berikut saya coba memeberikan contoh yang saya buat semoga bermanfaat :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!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
MySQL Monitoring, Management Tool
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

Tidak ada komentar:

Posting Komentar