Artikel, Free Download, MySQL, PHP

PHP Fullcalendar

Alhamdulillah untuk melengkapi Sistem Informasi Sekolah yang sedang kita bangun, kita coba untuk sedikit berbagi sekaligus untuk menuliskan sedikit ilmu, mudah-mudahan bisa di pakai juga oleh Programmer yang membutuhkan. Posting kali ini kita coba membahas PHP Fullcalender, dimana script ini bisa anda download secara gratis melalui http://arshaw.com/fullcalendar/

Agar script ini lebih dinamis sesuai kebutuhan kita, semisal membuat Kalender Akademik yang biasa kita jumpai, kita akan coba menggabungkannya dengan MySQL. Setelah mencuri ilmu dari programmer antah barantah dari seluruh penjuru duni, berikut kode sederhana yang bisa kita gunakan.

1. Buatlah database menggunakan MySQL di Kompi anda.

CREATE TABLE IF NOT EXISTS `events` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) COLLATE utf8_bin NOT NULL,
`start` date NOT NULL,
`end` date DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=4 ;

--
-- Dumping data for table `events`
--

INSERT INTO `events` (`id`, `title`, `start`, `end`) VALUES
(1, 'Penerimaan Siswa Baru', '2014-07-01', '2014-07-05'),
(2, 'Masa Orientasi Siswa', '2014-07-06', '2014-07-12'),
(3, 'Proses Belajar Mengajar', '2014-07-13', '2014-07-31');

2. Download script fullcalender dari situs resminya http://arshaw.com/fullcalendar/

3. Buat file baru untuk memanggil data dari Database, get-events.php

get_events_php_fullcalendar

4. Buat file baru untuk halaman utama, index.php

[PHP] index-fullcalender - Pastebin.com_20140705151340

5. Silakan posisikan file anda sesuai folder yang dituju. Berikut tampilan hasilnya

Full Calendar    PHPBego_20140705144228

6. Oke, jika anda ingin juga dapat ilmunya, silakan download source lengkapnya

REFERENSI :

a. http://arshaw.com/fullcalendar/

About Suendri

Owner dan Founder Go Software Media sebelumnya bernama PHPBeGO Foundation

Discussion

No comments yet.

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow Go Software Media Blog on WordPress.com

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 63 other followers

Archives

%d bloggers like this: