Tyas Puji Pertiwi| Fitria Purnamasari | Chorry Iga Setyaningrum

Slides:



Advertisements
Presentasi serupa
Akselarasi Hardware untuk Web Browser Pinky Yohana Puteri Erdis Achmad Marzuq Septian Yusup Hermawan
Advertisements

Dasar-dasar Web Design
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
IF-ITB/EN/Des 2004 IF1191 –DHTML Page 1 DHTML Elfan Nofiari Departemen Teknik Informatika ITB.
Internet & Pemrograman Web Pertemuan I : Pengenalan Internet Oleh : Hadi Santoso.
K OSEP D ASAR W EBSITE SIG Pertemuan 8 Siswanto, Ir, MT. dkk.
Konsep AJAX AJAX = Asyncronous Javascript And XML  salah satu teknik dalam pemograman jaringan untuk membuat sebuah Halaman Web menjadi lebih Cepat.
Rekayasa Web Ch. 5 Pendekatan Pengembangan Aplikasi Web
Membangun Proyek Websiete
HTML By kartika puji pangesti
Konsep Pemrograman Internet
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
Minggu 1…… Page 1 MINGGU Ke Satu Pemrograman Visual 2 Pokok Bahasan: Mengenal Web dengan ASP Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan.
Introduction to JavaScript A’ud Solehuddin::Januari 2012.
PHP L. Erawan. Pengantar PHP itu bahasa script berjenis server-side (kalau bahasa javascript berjenis client-side) Anda harus menginstall software PHP.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Praktikum Java Script.
Minggu 7/AK/Sistem Informatika 1 Aplikasi Web (Bagian II) Mira Afrina.
Dosen: Adam Arif Budiman, S.T, M.Kom
83web database1/38 PEMILIHAN IMPLEMENTASI WEB DATABASE Sesi 11.
PENGUJIAN APLIKASI WEB
Membangun Aplikasi Berbasis Web Dengan CodeIgniter Framework.
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
PENDEKATAN PADA PENGEMBANGAN APLIKASI WEB
Pengantar Pemrograman Internet 2
Pengenalan Dasar Web Pertemuan 1
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Teknologi Dasar Internet dan Web
Document Object Model D. Sinaga, M.Kom.
Pemrograman internet ABU SALAM, M.KOM.
JavaScript Part 1 : Pengertian dan Pengenalan JavaScript
Pemrograman Web (Dulu Pemrograman Web Dasar) 4 SKS / Teori dan Praktek
Pengantar Teknologi Mobile
Tahapan Proyek Pembuatan Situs Web
Aplikasi Web (Bagian II)
Pemrograman basis data internet dan client server
Internet dan Web By : Lisda Juliana P..
Aplikasi Berbasis Web Pengantar.
Pengembangan Aplikasi Framework
PRAKTIKUM PEMROGRAMAN WEB
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
PERTEMUAN 2 Proses Pengembangan Perangkat Lunak
Konsep Pemrograman Internet
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Pengenalan Dasar Web dan HTML
Pengembangan Aplikasi Framework
Bina Sarana Informatika
Prinsip Dasar Internet & Pemrograman Web
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
Infografis (Infographics)
JSF Java Server Faces.
Pengantar Teknologi Mobile
Nama Kelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
Charitas Fibriani, S.Kom, M.Eng
List dan Image pada HTML
PHP (Personal Home Page tools)
Pengenalan Dasar Web dan HTML
Hybrid Application Hybrid Application adalah aplikasi yang mengkombinasi antara Native aplication dan Web application.
Pemrograman Web Dasar (4 SKS)
Pertemuan 1 Pengenalan Dasar Web.
Prinsip Dasar Internet & Pemrograman Web
Pertemuan 1 Pengenalan Dasar Web.
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Animasi Flash.
Pertemuan ke 3 : Pengenalan XML Parsing
KOMUNIKASI MULTIMEDIA
Transcript presentasi:

Tyas Puji Pertiwi| Fitria Purnamasari | Chorry Iga Setyaningrum Java Script D3 Tyas Puji Pertiwi| Fitria Purnamasari | Chorry Iga Setyaningrum

Pengertian D3.js (Data-Driven Documents) adalah library Javascript untuk membuat visualisasi data yang dinamis dan interaktif di web browser. D3.js menggunakan SVG scr luas, HTML5. dan CSS D3 membantu anda menyajikan data menggunakan HTML, SVG dan CSS. Berbeda dengan library lainnya, D3.js memberikan control yang besar pada hasil visual akhirnya. Penerus Protovis Framework Penekanan D3 pada standard web memberi Anda kompatibilitas penuh trerhadap perambah web (web browser) modern tanpa mengkaitkan anda dengan framework proprietary, menggabungkan komponen-komponen visualisasi yang powerful dan pendekatan berdasarkan data pada manipulasi DOM (Document Object Model).

Sejarah Penemu adalah Mike Bostock, Jeffrey Heer, Vadim Ogievetsky, dan Stanford Visualization Group Mike Bostock sebelumnya membuat Protovis, namun pada 28 Juni 2011 sudah tidak di maintenance dan beralih mengembangkan D3.js Pada tahun 2009, berdasarkan pengalaman mengembangkan dan memanfaatkan prefuse dan Flare, Profesor Jeff Heer, Ph.D. mahasiswa Mike Bostock, dan M.S. mahasiswa Vadim Ogievetsky dari Stanford University Stanford Visualisasi Grup dibuat Protovis, perpustakaan JavaScript untuk menghasilkan grafis SVG dari data. perpustakaan menerima penerimaan terkenal baik oleh praktisi visualisasi data dan akademisi. [6] Tujuan keduanya sama, yaitu membantu web developer mudah dlm membuat visualisasi data di browser Dimana D3 dan Protovis berbeda adalah jenis visualisasi mereka memungkinkan (apa), dan metode pelaksanaan (bagaimana). Sementara Protovis unggul di ringkas, representasi deklaratif adegan statis, D3 berfokus pada transformasi efisien: perubahan adegan. Hal ini membuat animasi, interaksi, kompleks dan visualisasi dinamis jauh lebih mudah untuk menerapkan di D3. Juga, dengan mengadopsi representasi asli browser (HTML & SVG), D3 terintegrasi lebih baik dengan teknologi web lainnya, seperti CSS3 dan pengembang alat. Harapan kami adalah bahwa ini membuat D3 tidak hanya lebih kuat, tapi lebih mudah

Mengapa Harus memakai D3.js? Banyak sekali animasi dan grafik yang bisa dibuat Ditulis dalam JavaScript dan menggunakan gaya fungsional sehingga dapat menggunakan kembali kode dan menambahkan fungsi-fungsi khusus sesuai keinginan baik untuk gaya, memanipulasi, dan membuat interaktif data terserah Anda.

Kapan kita menggunakan d3.js? Anda harus menggunakan D3.js ketika halaman web Anda berinteraksi dengan data dan D3.js akan mengeksplorasi untuk kemampuan grafik.

Dimana d3.js digunakan? D3.js adalah perpustakaan javascript yang ditambahkan ke front-end dari aplikasi web Anda. Dan back-end (server) akan menghasilkan data yang diperlukan. Bagian dari aplikasi pengguna berinteraksi dengan (front-end) akan menggunakan D3.js.

Contoh Tampilan D3.JS