Tugas Softskill Pengertian Column Chart, Combo Chart dan Diff Chart

BAB 3

Prangkat Lunak

3.1 Google chart

Google Chart API memungkinkan Anda secara dinamis menghasilkan grafik dengan string URL dan menanamkan grafik ini pada halaman web, atau men-download gambar untuk penggunaan lokal atau offline. Google Chart Tools memungkinkan menambahkan grafik hidup untuk setiap halaman web. Mereka memberikan keuntungan seperti galeri yang kaya visualisasi disediakan sebagai grafik gambar dan grafik interaktif dan mereka dapat membaca data langsung dari berbagai sumber data. Pengguna menanamkan data dan parameter format dalam permintaan HTTP, dan Google mengembalikan citra PNG dari grafik. Banyak jenis grafik yang didukung, dan dengan membuat permintaan ke tag gambar grafik dapat dimasukkan dalam halaman web.

3.2 HTML

HTML adalah kepanjangan dari HyperText Markup Language, merupakan bahasa interpretasi yang digunakan pada sebuah halaman web. HTML mendeskripsikan struktur halaman web yang ditulis dengan element atau tag yang yang mengapit konten atau teks didalamnya.

Penjelasan lebih rinci mengenai arti kata-perkata dari HTML adalah sebagai berikut :

HyperText: adalah istilah teks aktif, yang apabila diklik akan meloncat atau menuju halaman lain. Ini merupakan kemampuan dari sebuah halaman web yang dapat saling berhubungan antara halaman satu dengan lainnya. Markup: Merupakan tag-tag yang biasanya diawali dengan tag pembuka (opening tag) dan tag penutup (closing tag) yang memberi kemampuan untuk menata layout atau memformat struktur halaman web pada sebuah konten teks sederhana didalam file HTML itu sendiri. Language: yaitu bahasa yang digunakan oleh HTML itu sendiri. Perintah-perintah tag menggunakan bahasa yang dapat dimengerti oleh browser atau interpreter lainnya. HTML bukanlah sebuah bahasa pemrograman pada umumnya, seperti Java, C, C++, visual basic dan sejenisnya, melainkan bahasa markup / markah yang ditulis dengan perintah tag-tag atau element yang menaungi (mengapit) konten didalamnya yang akan ditampilkan pada sebuah halaman web oleh browser atau HTML interpreter (penerjemah HTML) lainnya.

HTML berguna untuk menampilkan konten, menghubungkan (link) antar halaman, memberi struktur dan informasi terkait dengan sebuah halaman web. konten sebuah web tidak hanya terbatas pada teks saja, melainkan konten interaktif lainnya seperti video, audio, gambar dan animasi dapat disisipkan dan ditampilkan pada halaman web.

3.3 HTML 5

HTML5 adalah kepanjangan dari HyperText Markup Language versi 5, merupakan HTML baru penerus dari HTML 4, XHTML1, dan DOM Level 2 HTML. HTML5 merupakan pengembangan bahasa HTML yang lebih baik, lebih berarti atau semantik (semantic meaning) yang sebelumnya adalah bahasa markup sederhana menjadi sebuah flatform canggih, penuh fitur dan kaya akan antarmuka pemrograman aplikasi yang disebut API (Application Programming Interface).

3.4 Angular JS

Definisi Angular JS merupakan framework javascript open souce yang dirilis oleh google pada tahun 2009. Konsep dari Angular JS adalah meningkatkan fungsi dari HTML untuk membangun web app. Bayangkan awalnya HTML hanya digunakan untuk membuat halaman website statis dan kini bisa berfungsi untuk membuat web app dengan menggunakan Angular JS. Angular JS bukan berupa libary melainkan framwork yang solid. Sama seperti framwork lainnya. Angular JS memiliki onsep MVC (Model, View, Control) meskipun dengan cara yang berbeda. Angular JS memiliki banyak keunggulan diantaranya :

1. Mengenalkan browser dengan sintak HTML baru

HTML5 telah menawarkan elemen baru seperti video, audio, canvas dan sebagainya. Dengan Angular JS kita dapat menambah banyak lagi elemen baru yang dimengerti oleh browser seperti draggable yang berfungsi agar elemen bisa di drag, zippy yang membuat akordion, juga sintak bisa dibuat dalam bahasa indonesia seperti <sembunyikan> yang berfungsi jika diklik maka elemen akan disembunyikan. Fungsi ini disebut Directive. Kitalah yang bertanggung jawab dalam pembuatan atau penambahan fungsi elemen HTML atau dengan kata lain kita mengajari browser mengerti bahasa sintak HTML yang kita buat.

2. HTML Template

Template yang digunakan Angular JS adalah template HTML biasa dengan penambahan ekspresi. Tidak perlu template yang memiliki engine khusus

3. Dependency Injection

Developer dapat membuat beberapa komponen kode yang bisa digunakan fungsinya berulang kali. Komponen ini disebut juga reusable komponen. Developer dapat memanggil komponen yang dibuat secara terpisah.

Contoh bagan Google menggunakan data tabel MySQL sebagai sumber data yang menggunakan non-ajax.

Google table MySQL Figure None.22

Contoh chart PHP-MySQL-JSON-Google

Chart PHP MySQL JSON Google Figure None.23

Contoh ChartPHP-PDO-JSON-MySQL-Google

ChartPHP-PDO-JSON-MySQL-Google Figure None.24

Contoh Chart PHP-MySQLi-JSON-Google

Chart PHP-MySQLi-JSON-Google Figure None.25

4. Sumber Data Java Library

Panduan ini menjelaskan cara menggunakan Visualisasi Sumber Data Perpustakaan Google untuk menerapkan sumber data.

Panduan ini menyediakan bagian tutorial Persiapan setelah konsep dalam Pendahuluan. Pendekatan ini memungkinkan Anda membuat sumber data sederhana dan mengujinya menggunakan visualisasi. Bagian tutorial lainnya Menggunakan Eksternal Data Store dan Mendefinisikan Kemampuan dan Aliran Events, yang mencakup implementasi lebih kompleks. Tergantung pada kebutuhan Anda, Anda mungkin tidak perlu untuk menyelesaikan semua tiga tutorial, meskipun dianjurkan bahwa Anda setidaknya menyelesaikan bagian Persiapan. Bagian lain dari buku yang membantu Anda untuk membangun pengetahuan Anda.

1. Isi
• Hadirin
• Ikhtisar
• panduan
• Contoh Referensi Cepat
• Informasi lebih lanjut
2. Ikhtisar panduan

Panduan ini berisi bagian berikut:

• Pengantar

Memperkenalkan perpustakaan, memberikan gambaran tentang bagaimana sumber data bekerja.

• Instalasi

Menjelaskan prasyarat dan dependensi perpustakaan, dan bagaimana untuk men-download dan membangun kode sumber.

• Mulai

Memperkenalkan SimpleExampleServlet. SimpleExampleServlet adalah contoh implementasi yang paling sederhana yang disediakan dengan perpustakaan. Bagian ini juga menyediakan petunjuk langkah demi langkah tentang bagaimana menjalankan dan menguji SimpleExampleServlet.

• Menggunakan Toko External Data

Memperkenalkan CsvDataSourceServlet. CsvDataSourceServlet adalah contoh implementasi yang menggunakan file CSV sebagai toko data eksternal. Bagian ini juga menyediakan petunjuk langkah demi langkah tentang bagaimana menjalankan dan menguji CsvDataSourceServlet.

• Mendefinisikan Kemampuan dan Arus Acara

Memperkenalkan AdvancedExampleServlet2. AdvancedExampleServlet2 adalah contoh implementasi yang mendefinisikan kemampuan dan aliran peristiwa. Bagian ini juga menyediakan petunjuk langkah demi langkah tentang bagaimana menjalankan dan menguji AdvancedExampleServlet2.

• Penanganan Keamanan, Kesalahan, Peringatan, dan Logging

Menjelaskan cara membuat sumber data Anda aman, dan bagaimana menangani kesalahan, peringatan, dan penebangan.

• Pelaksanaan Tips

Memberikan informasi yang akan membantu Anda menulis lebih implementasi kompleks perpustakaan.

• Paket Perpustakaan dan Kelas Key

Memberikan pengenalan tingkat tinggi untuk paket perpustakaan dan kelas utama. Contoh Referensi Cepat