Pengenalan KendoUI ~ Web labs

Buat temen-temen yang menyukai khususnya Plugin jquery bundled,Harus cobain yang namanya KendoUI.
Apa itu kendoUI? KendoUI adalah semacam framework jquery javascript dan Html5.
Mereka menyediakan banyak plugin/widget berbasis web atau interface pemrograman lainnya.
Mereka juga menyediakan plugin gratis hanya untuk website.Untuk mobile dan desktop mereka memberikan harga.
Saya sendiri suka menggunakan plugin yang mereka berikan karena didukung dengan Jquery,Css3 Dan Html5.Mereka menyediakan tema untuk setiap widget mereka yang membuat widget mereka terpasang dengan baik tanpa perlu tambahan atau editan desain.

http://www.kendoui.com/

Yang tak kalah menarik KendoUI juga menyediakan plugin yang bisa digunakan untuk perangkat mobile seperti android,Iphone atau Ios yang membuat program yang dijalan kan oleh si pengguna terasa lebih hidup dan interaktif.
Mungkin akan terasa kece kalau kalian menggunakan widget/plugin yang mereka sediakan hhe.
Buat belajar,KendoUI memberikan folder Example dengan berisi kegunaan dan fungsi dari KendoUI.

Oke cukup dengan pengenalannya.Sekarang saya akan memberikan sedikit contoh widget yang di berikan KendoUI.
Ini adalah widget datetimepicker.

<!DOCTYPE html>

<html>

<head>

<link href="examples/content/shared/styles/examples-offline.css" rel="stylesheet"/>



<link href="styles/kendo.common.min.css" rel="stylesheet"/>



<link href="styles/kendo.default.min.css" rel="stylesheet"/>

</head>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.web.min.js"></script>

<script src="examples/content/shared/js/console.js"></script>

<script type="text/javascript">

$(function() {

$("#waktu").kendoTimePicker();

$("#tanggal").kendoDatePicker();

});

</script>

<body>

<div id="example" class="k-content">

Jam : <input id="waktu" />

</div>

</body>

</html>

Dan hasilnya akan seperti ini.Untuk memunculkan hasil seperti dibawah kalian download dulu deh KendoUI nya :p

Masih banyak lagi deh.Download dulu disini http://www.kendoui.com/

Setelah di download.Extract kendoUI nya ke htdocs lalu buka http://localhost/namafolderkendoUI/examples/

Oke cukup sekian posting kali ini.

Terimakasih atas perhatiannya.

Sabtu, 13 Juli 2013

Pengenalan KendoUI

0 komentar:

Posting Komentar

Follow me

Popular Posts

Categories

	<!DOCTYPE html>
	<html>
	<head>

	<link href="examples/content/shared/styles/examples-offline.css" rel="stylesheet"/>

	<!--Base CSS styles and primitives-->
	<link href="styles/kendo.common.min.css" rel="stylesheet"/>

	<!--Theme specific styles-->
	<link href="styles/kendo.default.min.css" rel="stylesheet"/>
	</head>

	<script src="js/jquery.min.js"></script>
	<script src="js/kendo.web.min.js"></script>
	<script src="examples/content/shared/js/console.js"></script>


	<script type="text/javascript">
	$(function() {
	$("#waktu").kendoTimePicker();
	$("#tanggal").kendoDatePicker();
	});
	</script>

	<body>
	<div id="example" class="k-content">
	Jam : <input id="waktu" />
	</div>
	</body>
	</html>