PHP tidak hanya mampu membuat skrip-skrip kode untuk proses CRUD, tapi juga bisa loh dibuatkan kode untuk pembuatan jam analog, layaknya jam dinding. disini saya ingin mencoba berbagi tentang bagaimana sih caranya membuat jam analog menggunakan fungsi PHP murni.. dalam artian, tidak diikut campurkan dengan teknik atau software lain, misalnya Flash ataupun javascript. langsung tancap aja gan..
Kode PHP nya sebagai berikut :
<?php
if (! $size > 0){
$size = 300;
}
$radius = floor($size/2);
header ("content-Type: image/gif");
$img = ImageCreate($size, $size);
$color_alpha = ImageColorAllocate($img, 254, 254, 254);
$color_white = ImageColorAllocate($img, 255, 255, 255);
$color_black = ImageColorAllocate($img, 0, 0, 0);
$color_grey = ImageColorAllocate($img, 192, 192, 192);
$color_red = ImageColorAllocate($img, 255, 0, 0);
$color_blue = ImageColorAllocate($img, 0, 0, 255);
ImageColorTransparent($img, $color_alpha);
ImageArc($img, $radius, $radius, $size, $size, 0, 360, $color_black);
ImageFill($img, $radius, $radius, $color_white);
$min = 0;
while ($min++ < 0) {
if ($min % 15 == 0)
$len = $radius / 5;
else if ($min % 5 == 0)
$len = $radius / 10;
else
$len = $radius / 25;
$ang = (2 * M_PI * $min) / 60;
$x1 = sin($ang) * ($radius - $len) + $radius;
$y1 = cos($ang) * ($radius - $len) + $radius;
$x2 = (1 * sin($ang)) * $radius;
$y2 = (1 * cos($ang)) * $radius;
ImageLine($img, $x1, $y1, $x2, $y2, $color_black);
}
list($hour, $min, $sec) = preg_split ("/-/",Date("h-i-s", time() - 3600));
$hour = $hour % 12;
$xs = intval(cos($sec * M_PI/30 - M_PI/2) * 0.75 * $radius + $radius);
$ys = intval(sin($sec * M_PI/30 - M_PI/2) * 0.75 * $radius + $radius);
$xm = intval(cos($min * M_PI/30 - M_PI/2) * 0.65 * $radius + $radius);
$ym = intval(sin($min * M_PI/30 - M_PI/2) * 0.65 * $radius + $radius);
$xh = intval(cos($hour * 5 * M_PI/30 - M_PI/2) * 0.5 * $radius + $radius);
$yh = intval(sin($hour * 5 * M_PI/30 - M_PI/2) * 0.5 * $radius + $radius);
ImageLine($img, $radius, $radius, $xs, $ys, $color_grey);
ImageLine($img, $radius, $radius-1, $xm, $ym, $color_blue);
ImageLine($img, $radius-1, $radius, $xm, $ym, $color_blue);
ImageLine($img, $radius, $radius-1, $xh, $yh, $color_blue);
ImageLine($img, $radius-1, $radius, $xh, $yh, $color_blue);
ImageArc($img, $radius, $radius, $radius/8, $radius/8,0,360, $color_red);
ImageFillToBorder($img, $radius, $radius, $color_red, $color_red);
ImageGif($img);
ImageDestroy($img);
?>
Catatan : jika kode ini tidak berjalan dengan baik, bisa jadi karena perbedaan versi server dan juga browser.
disini saya menggunakan Xampp 1.6.7. dan browser Opera 11.0
Semoga pembuatan jam analog PHP murni dapat memberikan pengetahuan baru bagi Anda..
recommend to friends
putra
mantap mas agus, ,
ditunggu tutorial yang lainnya lagi, ,
he, , ,
Agus Saputra
siap mas.. :-)
top bin tob
@putra -> ini bukan tutorial, ini mah script, kalau tutorial mesti ada penjelasannya hehe. Okd, thanks buat mas agus
Agus Saputra
top bin top @ tq.. mas.. nanti akan sy jelaskan skripnya..
fans agus saputra
Sekadar test mas Agus..
kalo ga error berarti keren..
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa
<script>location.hre f="http://www.google.com";</script> ;
fans agus saputra
wah.. keren euy.. mantab mas Agus.. mas, share donk ttg cara bikin web seperti ini.. web ini pake CakePHP kan?
all @ setuju ga gan?..
Agus Saputra
tq ^^, sy jg ada berniat untuk menyertakan bonus proyek web ini.. pada CakePHP lanjutan 3.. kalo masih diberi kesempatan ama penerbitnya tentunya..
izar
mas agus, setahu sy cake php baru yg pertama, kenapa ada rencana cakephp lanjutan 3?
Agus Saputra
izar @ begini mas izar..
bulan Februari 2011 = CakePHP versi 1..
Pembahasan mencakup :
- Pengenalan dasar
- konfigurasi dan penginstalan
- Teknik dasar CakePHP (paging, upload, validasi, scaffolding, dll)
- Authentikasi dan Session
- Bonus : Proyek blog
Level : Tingkat Pemula
diperkirakan bulan Juli akan terbit CakePHP versi 2 (lanjutan dari CakePHP 1)..
Pembahasan mencakup :
- Cake Bake
- Teknik Pencarian data
- Teknik Highlighting
- Pengiriman dasar Email
- Penerapan Ajax
- dll
- Bonus Proyek : Toko Online hingga penerapannya pada server hosting
Level : Tingkat pemula - Menengah
nah jika saya masih diberi kesempatan (planning) sm penerbitnya, sy akan menuliskan kembali CakePHP versi 3 (lanjutan dari yg ke 1 dan 2)..
yang mencakup pembahasan :
- Teknik Pemrograman OOP (Object Oriented Programming)
- Macam-macam validasi model
- Ekstension
- Tip penanganan Error CakePHP
- penerapan Editor WYSIWYG pada CakePHP
- Penanganan Security
- Force Upload & Download
- dll
Bonus Proyek : http://www.agussaputra.com
Level : Tingkat pemula - Menengah - Expert
supaya ilmunya tidak nanggung ditengah jalan.. :-)
oten
sayang scripnya di chrome ga berjalan....
Agus Saputra
ya.. tidak semua browser dan server berjalan dg baik, namun jika menggunakan Xampp 1.6.7. dan opera, normal.. :-)
luki mulyanto
mas agus ga ada rencana bikin tutorial web akademik/sekolah pake cakephp?
Agus Saputra
rencana nya sih banyak (ada), namun belum sempat saja.. karena disininya sudah pada deadline semua.. :-) mungkin nanti sy akan coba..
izar
ya enak juga kalu nanti ada yg cake php session 4 dengan studi kasus yang berbeda... kan bagus tuh bisa ngalahin sinetron sampah indonesia.... :)
Agus Saputra
iya, jadi bersambung.. =D.. soalnya kalo dijadikan satu wah.. banyak sekali.. =D
ananda
http://www.google.co.id/imgres?q=cara+membuat+jam+a nalog.php&um=1&hl=id&client=firefox-a& amp;sa=N&rls=org.mozilla:en-US:official&bi w=1280&bih=605&tbm=isch&tbnid=vnJtHSGC hYZ2aM:&imgrefurl=http://djuliar.blogspot.com/ &docid=hr2AAVjJ64G09M&w=180&h=214& ei=dFAxTtXSOonjiAKbn_2vBg&zoom=1
ananda
http://www.google.co.id/imgres?q=cara+membuat+jam+a nalog.php&um=1&hl=id&client=firefox-a& amp;sa=N&rls=org.mozilla:en-US:official&bi w=1280&bih=605&tbm=isch&tbnid=vnJtHSGC hYZ2aM:&imgrefurl=http://djuliar.blogspot.com/ &docid=hr2AAVjJ64G09M&w=180&h=214& ei=dFAxTtXSOonjiAKbn_2vBg&zoom=1
ananda
http://www.google.co.id/imgres?q=cara+membuat+jam+a nalog.php&um=1&hl=id&client=firefox-a& amp;sa=N&rls=org.mozilla:en-US:official&bi w=1280&bih=605&tbm=isch&tbnid=vnJtHSGC hYZ2aM:&imgrefurl=http://djuliar.blogspot.com/ &docid=hr2AAVjJ64G09M&w=180&h=214& ei=dFAxTtXSOonjiAKbn_2vBg&zoom=1
hendrik
hhhhhhhhhh
sugeng
o
sugeng
o
prapto
sugeng iku ngomong opo.,.,.,
wak tajam
panen jagong rek.,...,
boz kardi
ngombe - ngombe lak enak.,.,.,.
boz hisyam emang yahya
wenak iku.,.,.
pirang tengki boz besar,.,.,
wak tajam
tambol'e jagong ki lo njokok dewe.,.,.,
Software Trick And Other
mantab gan..
ijin coba dulu..
kristiani august
klo di pake di apache2triad bisa ga tuh ??
ian
mantaf bangetgan?????????//// :)
Singgih
itu jarum detiknya mestinya animate ya mas agus..
tapi saya coba di opera dan chrome tidak berjalan.. apa mungkin pengaruh webservernya ya.
saya menggunakan AppServ for php :)
Agus Saputra
Singgih @ yah , perbedaan versi server juga berpengaruh..
muiz
maaf saya mau minta izin copas, tpi di script header ("content-Type: image/gif");
sya kan gak ada gmbar'y.. itu gmna???
Agus Saputra
muiz @ itu tidak menggunakan gambar mas..
hamzah adam
makasih mas atas tutorialnya,,,
ahmad muchtarulloh
mas agus saya lagi bingung mau bikin skripsi, saya ambil jurusan TI Multimedia kira2 bikin apa yang mudah dan gampang tolong referensinya... terima kasih
Agus Saputra
ahmad muchtarulloh @ kira-kira minat Anda di program atau di hal lain?..
f4z pirat3s
mas,,
hhehe, detik nya gak gerak...
Kalo logikanya kan membuat gambar gif,, otomatis stelah tampil d sisi client, dia putus hubungan dgn server dan menjadi gif,, keanya gak ada masalah dgn server,,,
mungkin script nya mas ? Itu aja saya set error_reporting(0); baru muncul gambarnya..
Agus Saputra
f4z pirat3s @ yah, karena skrip tersebut adalah murni PHP, jadi detiknya tidak berjalan otomatis, jika ingin berjalan otomatis, bisa menggunakan bantuan Ajax..
fafa
kalau pakai appserver bisa gak mas? setau saya xammp sama appserver itu sama :)
mohon di jelaskan
Agus Saputra
fafa @ AppServ dan Xampp sama-sama jenis web server, yang digunakan untuk menjalankan aplikasi server side.. jadi jawabanyya bisa
nisa
kok pas ak jalanin kaya gambar/file ga kebuka gitu ya ka, kenapa yah
nisa
kok pas ak jalanin kaya gambar/file ga kebuka gitu ya ka, kenapa yah
nisa
kok pas ak jalanin kaya gambar/file ga kebuka gitu ya ka, kenapa yah
nisa
kok pas ak jalanin kaya gambar/file ga kebuka gitu ya ka, kenapa yah
trisnosantoso
wah asyik ni bisa sharing d sini. ane bentar lg mau ta ni mohon bimbingan nya para master. kalau menggunakkan mozila tampil gak ya?
Agus Saputra
trinosantoso @ mungkin kode ini akan tidak berjalan pada web server terbaru, karena ada beberapa kode php yang sudah tak terpakai.. mungkin solusinya bisa ubah menggunakan jquery
bzbshsj
Hshshhsh
ultra
semoga jam ini berguna bagi warga indonesia.....