PENTING : Pemelajaran koneksi MySQL pada XAMPP menggunakan bahasa pemrograman Java dan bahasa C++ ini dilakukan pada lingkungan sistem operasi Windows XP(32bit). Untuk pengguna Linux, hal ini tentu lebih mudah di sesuaikan karena pengguna Linux sudah mendapatkan kakas yang diperlukan (untuk pemelajaran ini) pada paket instalasinya.

Berikut adalah beberapa hal yang harus diperhatikan sebagai langkah awal menghubungkan MySQL dengan Java dan C++, antara lain ;

1. Membuat direktori penampungan berkas pemrograman Java (dan mengaturnya sebagai classpath dalam System Variables pada Environment Variables). Misal : D:\Learning\Java
2. Membuat direktori penampungan berkas pemrograman C++. Misal : D:\Learning\C++
3. Mengunduh MySQL, sesuai dengan versi yang di integrasikan dalam paket XAMPP terpasang (according to XAMPP’s quick Installation, mysql should be placed on C:\xampp\mysql). Untuk mengetahui versi MySQL terintegrasi pada XAMPP dapat dilakukan melalui ;
   • XAMPP Control Panel › Help › Read Me, atau
   • Berkas readme_en.txt pada C:\xampp ,atau
   • Menggunakan peramban Web dan mengarahkan ke halaman phpmyadmin dengan URL http://localhost/phpmyadmin/.
4. Menggunduh JDBC Driver for MySQL atau (yang di lisensikan oracle menggunakan GPLv2 sebagai) MySQL Connector/J.
5. Mengunduh mingw-get-inst serta memasang paket (minimal untuk pemelajaran ini) g++ (C++ Compiler), Objective-C Compiler dan mingw32-make (GNU Make). Sesuai instruksi MinGW–Getting Started, MinGW (GCC) Compiler Suite akan dipasang pada direktori C:\MinGW, dan mengatur C:\MinGW\bin sebagai path dalam System Variables pada Environment Variables.
6. Mengunduh dan memasang Java SE Development Kit–JDK serta telah mengatur C:\Program Files\Java\jdk1.x.x(_xx)\bin sebagai bagian path dalam System Variables pada Environment Variables.

Connect to MySQL using Java

Berikut adalah langkah memastikan koneksi MySQL dengan Java, kemudian mengakses salah satu database pada MySQL menggunakan JDBC.

1. Ekstrak mysql-connector-java-x.x.xx.zip ke sembarang direktori.
2. Salin-tempel dan ektrak berkas mysql-connector-java-x.x.xx-bin.jar (dari hasil ekstrak langkah 1 di atas), di dalam direktori penampungan berkas Java (D:\Learning\Java).
3. Dari tiga folder yang dihasilkan (com, META-INF, org), hapus folder META-INF beserta isinya.
4. Untuk memastikan keberhasilan koneksi antara MySQL pada XAMPP dengan MySQL Connector/J ;

   • Silahkan buat berkas Java seperti berikut ;

     public class testJdbcMySQLConn {
       public static void main(String[] args) {
       try {
         Class.forName("com.mysql.jdbc.Driver");
     	System.out.println("Connect to MySQL using Java via JDBC Driver, Success!");
       } catch (Exception exc) {
         System.out.println("Fail connecting to MySQL using Java via JDBC Driver : " + exc);
       }
       }
     }
     

   • Lakukan kompilasi
   • Buka XAMPP Control Panel dan jalankan (“start”) MySQL.
   • Jalankan class hasil kompilasi berkas Java diatas.

5. Setelah percobaan koneksi MySQL dan JDBC berhasil, berikut adalah kode untuk mengakses salah satu database yang ada (e.g mysql), lakukan seperti langkah sebelumnya menggunakan kode berkas java sebagai berikut :

   import java.sql.*;
   public class testJavaDbAccess {
     public static void main(String[] args) {
       try {
         Class.forName("com.mysql.jdbc.Driver");
   	  //gunakan format berikut ("jdbc:mysql://localhost:3306/<nama_database>?user=<nama_user>&password=<password>") atau ;
   	  Connection access = DriverManager.getConnection("jdbc:mysql://localhost:3306/mysql","root","");
   	  System.out.println("Accessing MySQL database using Java via JDBC Driver, Success!");
       } catch (Exception exc) {
         System.out.println("Fail Accessing MySQL database using Java via JDBC Driver, possible reason is/are : " + exc);
       }
     }
   }
   

Connect to MySQL using C++

Dengan asumsi bahwa MinGW (dan minimal paket yang di sebut sebelumnya) sudah terpasang, berikut adalah langkah mengakses database (e.g mysql) dalam data MySQL pada XAMPP dengan bahasa pemrograman C++ menggunakan bantuan MinGW (GCC) Compiler Suite.

Menambahkan berkas dan pustaka untuk C++

Untuk menambahkan berkas header dan penaut pustaka pemrograman C++ yang hilang dalam XAMPP, Jalankan setup.exe MySQL server yang sesuai dengan versi yang terintegrasi dalam instalasi XAMPP ;

1. Pilih Custom pada Setup Wizard lalu klik Next.
2. Pada Custom Setup, eksplor Developer Components dan pilih paket C Include Files/Lib Files saja.
3. Paket yang lain seperti MySQL Server, Client Programs dan yang lainnya silahkan dinonaktifkan. Untuk menghubungkannya dengan C++, kita hanya perlu menambahkan C Include Files/Lib Files saja.
4. Ubah tujuan instalasi, rujuk ke direktori mysql pada XAMPP (C:\xampp\mysql). Klik OK lalu Next dan Install.
5. Pastikan pada direktori C:\xampp\mysql sudah terdapat folder include dan folder lib

Membuat pustaka client API untuk C++

1. Salin berkas libmysql.def pada direktori C:\xampp\mysql\include dan tempelkan ke direktori C:\xampp\mysql\lib\opt.
2. Salin berkas libmysql.dll pada direktori C:\xampp\mysql\lib\opt dan tempelkan ke direktori C:\MinGW\bin.
3. Buka command prompt dan arahkan ke C:\xampp\mysql\lib\opt.

4. Buat sebuah berkas pustaka client API untuk C++ dengan mengkompilasi libmysql.def dan libmysql.dll, serta memberinya nama sebagai libmysqlclient.a dengan perintah dlltool dari MinGW GCC Compiler Suite, seperti berikut ;

   C:\xampp\mysql\lib\opt›dlltool -d libmysql.def -D libmysql.dll -l libmysqlclient.a -k
   

   Hati-hati dengan case sensitif pada -d dan -D. Untuk menghindarinya, bisa menggunakan perintah berikut ;

   C:\xampp\mysql\lib\opt›dlltool --input-def libmysql.def -dllname libmysql.dll --output-lib libmysqlclient.a -k
   

5. Pastikan berkas pustaka untuk C++ (libmysqlclient.a) sudah terbentuk pada direktori C:\xampp\mysql\lib\opt.

Menyunting berkas header mysql

Sunting berkas mysql.h yang berada pada direktori C:\xampp\mysql\include.

cari baris kode ;

#define STDCALL __stdcall

gantikan dengan ;

#undef STDCALL
#define STDCALL

Lebih lanjut tentang __stdcall, silahkan baca Calling Conventions

Membuat berkas penguji koneksi MySQL dengan C++

Berkas penguji dapat dibuat menggunakan sembarang editor teks. Simpan berkas penguji koneksi MySQL dengan C++ sebagai mysqlConnect.cpp pada direktori penampungan berkas C++ (D:\Learning\C++). Gunakan Kode berikut sebagai penguji koneksi MySQL server dan pengakses database mysql dalam server MySQL yang terintegrasi dengan XAMPP ;

#include <iostream>
#include <windows.h>
#include <mysql.h>

using namespace std;

int main(){
  // Fungsi untuk mengambil informasi dari MYSQL server menggunakan struktur sebagai berikut ;
  /*
  MYSQL * STDCALL mysql_real_connect(
		MYSQL *mysql,
		const char *host,
		const char *user,
		const char *passwd,
		const char *db,
		unsigned int port,
		const char *unix_socket,
		unsigned long clientflag
		);
  */
  MYSQL* connect;
  connect = mysql_init(NULL);

  if (mysql_real_connect(connect, "localhost", "root", "", "mysql", 0, NULL, 0) !=0) {
    cout << "Succesfully connect to MySQL server and Accessing database mysql" << endl;
  }
  mysql_close(connect);
  system("PAUSE");

  return 0;
}

Buka command prompt dan arahkan ke direktori penampungan berkas C++. Kompilasi berkas mysqlConnect.cpp tersebut diatas menggunakan perintah MinGW (GCC) Compiler Suite, (c++ atau g++ atau gcc) sebagai berikut ;

D:\Learning\C++›gcc mysqlConnect.cpp -lstdc++ -o mysqlConnect.exe -L "C:\xampp\mysql\lib\opt" -I "C:\xampp\mysql\include" -lmysqlclient

atau

D:\Learning\C++›g++ mysqlConnect.cpp -o mysqlConnect.exe -L "C:\xampp\mysql\lib\opt" -I "C:\xampp\mysql\include" -lmysqlclient

atau

D:\Learning\C++›c++ mysqlConnect.cpp -o mysqlConnect.exe -L "C:\xampp\mysql\lib\opt" -I "C:\xampp\mysql\include" -lmysqlclient

Setelah menjalankan MySQL melalui XAMPP Control Panel, eksekusi berkas mysqlConnect.exe (hasil kompilasi) sebagai penguji koneksi MySQL dan C++.

Penting : Untuk keperluan pribadi, kakas pengembangan aplikasi Android ini akan di install atau dipasang pada lingkungan sistem operasi Windows XP (32 bit). Untuk sistem operasi dan keperluan yang lain, silahkan di sesuaikan.

Berikut adalah kakas pengembangan aplikasi Android dimaksud, di urutkan berdasarkan prioritas pemasangannya (in my experience) :

1. Java Platform, Standard Edition – JDK

Android menggunakan platform Java. Kakas Java SE Development Kit atau JDK wajib terpasang. Silahkan pilih tombol Download JDK (bukan Download JRE) pada Java Platform, Standard Edition.

FYI : Saya menggunakan jdk-6-windows-i586.exe, sementara versi paling mutakhir saat tulisan ini dibuat adalah jdk-6u23-windows-i586.exe.

2. Android SDK Starter Package

Sementara, abaikan dahulu platform Android. Kelak… setelah mengunduh Android SDK Starter Package dan memasangnya, kita dapat memilih dan memasang platform Android yang sesuai dan/atau di rekomendasikan.

FYI : Saya memasang paket installer_r08-windows.exe.

3. Eclipse IDE

Lingkungan pengembang terpadu dari eclipse.org atau Eclipse IDE yang direkomendasikan untuk mengembangkan aplikasi Android adalah Eclipse IDE versi 3.4 atau yang lebih tinggi.

Pada versi 3.4 (Ganymede), dapat memilih Eclipse IDE for Java Developers atau Eclipse IDE for Java EE Developers. Sementara pada versi 3.5 (Gallileo) dan yang lebih tinggi (versi 3.6 – Helios, adalah versi termutakhir saat tulisan ini dibuat) di sarankan untuk mengunduh Eclipse Classic.

FYI : Saya memilih kakas Eclipse versi Ganymede – Eclipse IDE for Java Developers eclipse-java-ganymede-SR2-win32.zip.

4. Android Development Tools (ADT) – Optional.

ADT termutakhir yang dapat diunduh (saat tulisan ini dibuat) adalah ADT-8.0.1. Kakas ini dicadangkan ketika terjadi kegagalan pemasangan via online pada Eclipse IDE.

DIY : Silahkan pasang JDK dan Android SDK Starter Package, serta ekstrak Eclipse IDE yang tersebut diatas. Secara default, seharusnya :

• Folder jdk1.6.0 dan folder jdk1.6.0 akan terpasang pada subdirektori Java pada Program Files.
• Folder android-sdk-windows akan terpasang sebagai subdirektori Android pada Program Files.
• Folder eclipse akan dihasilkan dari proses ekstrak Eclipse IDE. Salin tempel folder dimaksud beserta isinya ke sembarang partisi hard drive yang anda miliki. Ingat… salin tampilkan saja dahulu.
• Tambahan : Silahkan membuat sebuah folder sebagai tempat penyimpanan proyek-proyek aplikasi Android. Kelak folder ini akan di rujuk dari lingkungan Eclipse Platform melalui Workspace Launcher.

Memasang komponen komponen Android SDK

Komponen komponen pengembangan aplikasi Android berikut diurutkan sesuai prioritas, (again… in my experience) antara lain sebagai berikut ;

1. Android SDK Tools, wajib di pasang.
2. Android SDK Platform-tools, wajib di pasang.
3. Android Platform versions. Minimal harus memasang salah satu versi platform Android.
4. Sample for SDK yang sesuai dengan API.
5. Dokumentasi.
6. Add-ons.

Meskipun direkomendasikan untuk dipasang, Sample for SDK yang sesuai dengan API, Dokumentasi serta Add-ons untuk sementara dapat diabaikan.

Sebelum menjalankan SDK Manager, sebaiknya membuka dahulu koneksi internet. Karena, Android SDK and AVD Manager akan melakukan fetching repository android dari Google. Satu persatu pilih, unduh dan pasang komponen yang disebut diatas. Sabar ya…

Membuat Android Virtual Device (AVD)

AVDs are configurations of emulator options that let you better model an actual device.

Setelah memasang komponen komponen Android SDK Tools, Android SDK Platform-tools dan SDK Platform Android (dapat diperiksa dengan memilih Installed packages pada panel kiri tampilan Android SDK and AVD Manager), Android Virtual Device (AVD) dapat dibuat dengan memilih Virtual Devices pada panel sebelah kiri tampilan Android SDK and AVD Manager.

Nama AVD dapat diisi sesuai selera, sementara pada isian Target, pilih (salah satu) Platform Android terpasang. Sementara, abaikan item isian yang lain. Kelak… jika anda berminat memiliki gadget dengan sistem operasi Android, pembuatan dan konfigurasi lebih lanjut tentang Android Virtual Device ini dapat diekplorasi.

Memasang ADT plugin pada Eclipse IDE

ADT is a plugin for the Eclipse IDE that is designed to give you a powerful, integrated environment in which to build Android applications.

1. Setelah mengeksekusi eclipse dari folder hasil proses ekstraksi, Eclipse Platform melalui Workspace Launcher akan meminta tempat penyimpanan proyek aplikasi Android. Berikan folder yang sebelumnya telah dibuat ke dalam isian workspace.
2. Buka koneksi internet.
3. Pilih Help > Software Updates.
4. Klik tab Available Software.
5. Klik tombol Add Site.
6. Pada tampilan the Add Site yang muncul, isi Location dengan URL https://dl-ssl.google.com/android/eclipse/, dan klik OK. Catatan : ganti https dengan http jika menemui kegagalan.
7. Setelah proses selesai, pada URL https://dl-ssl.google.com/android/eclipse/ akan tampak senarai Developer Tools. Jika dieksplorasi, dalam Developer Tools akan terdapat tiga senarai, yaitu : Android DDMS, Android Development Tools dan Android Hierarchy Viewer. Thick ketiga-tiganya dan klik tombol Install.
8. Selanjutnya, (baca dan) setujui license agreements yang ada, kemudian klik Finish.
9. Setelah proses pemasangan selesai, restart Eclipse.

Jika tetap terjadi kegagalan menggunakan awalan URL http, silahkan menggunakan berkas ADT-8.0.1.zip yang sudah dicadangkan sebelumnya. Ikuti petunjuk Installing the ADT Plugin – Troubleshooting

Selamat… kesabaran anda telah teruji. Selanjutnya ikuti tutorial membuat aplikasi Hello World ala Android – Hello, Android. Dan hadiah kesabaran anda setelah menjalani semua proses pemasangan kakas pengembangan aplikasi Android, akan tampak seperti berikut,

Terakhir

Arghh… tidak langkah terakhir, untuk mencoba mengembangkan aplikasi Android. Sayangnya… Saya bukan pengembang aplikasi, bukan pula pemrogram. Jika anda mengalami kesulitan, silahkan kunjungi Android Developer’s Guide

Apakah masih perlu mempunyai rasa curiga berkaitan dengan timing antara pemutakhiran page speed dan publikasi caffeine ? Terserah pembaca saja, silahkan beropini.

Sebagai yang pernah beropini tentang Google Page Speed dan Yahoo!YSlow, serta mempertanyakan dalam hati tentang maksud item Page Speed – Minify HTML berkaitan dengan compliance markah HTML yang valid pada Page Speed dan Validasi W3C. Maka, setidaknya pemutakhiran page speed versi 1.8.3 sedikit menjawab sebuah kekhawatiran pribadi. Kekhawatiran tentang persepsi page speed pada optimalisasi performa dan kecepatan muat halaman berkaitan dengan design yang diterapkan oleh buruh-buruh aksesibilitas, serta pekerja-pekerja standarisasi web dan yang dilakukan oleh penulis-penulis konten dagang serta perekayasa dokumen niaga. Hahaha…

Berikut ini adalah gambar tentang perubahan analisa yang diterapkan Page Speed pada versi 1.8.3 yang disandingkan dengan metode Ruleset yang dimiliki oleh pengaya YSlow versi 2.0.7.

Analisa Page Speed dan Ruleset YSlow – http://side22.com/

Kemudian,… Berikut adalah beberapa catatan dari halaman muka pengaya Page Speed versi 1.8.3

What’s new in Page Speed 1.8 ?

• Page Speed for ads and trackers. Using the "Analyze" menu above, you can now optionally have Page Speed analyze just the ads, just the trackers, or just the content of your page, allowing you to easily determine how each category of resources is affecting the latency of your page.
• Updated rules. We are constantly revisiting the performance suggestions that Page Speed makes as the web evolves, by adding new rules, removing old rules that no longer apply to today’s web, and adjusting the scoring to better reflect the potential impact of each suggestion.
• "Report an Issue" option. Use the option in the "Help" menu to be taken to our issue tracker.
• And more… See our release notes for a complete list.

Sekali lagi. Terima kasih Google. Meskipun saya tetap ngotot, bahwa item Minify HTML sebaiknya dihilangkan saja dari kategori analisa "Content Only" pada pemutakhiran pengaya Page Speed berikutnya.

opini ini tentatif, karena perangkat pengaya Page Speed versi 1.7.1 untuk mendampingi Firebug versi 1.5.4 yang terpasang pada peramban Firefox versi 3.6.3 terpakai, suatu saat nanti pasti akan berubah karena dimutakhirkan oleh pengembangnya.

Menyambung tulisan Google Page Speed. Sejujurnya saya ingin menyampaikan sebuah kekecewaan sejak menulis posting tersebut, bahwa meraih nilai performa web yang sempurna alias 100 untuk optimasi speed loading (kecepatan muat) web dengan penggaya page speed adalah mustahil bin ajaib. Karena salah satu komponen page speed yang bernama minify HTML berbenturan dengan beberapa hal.

Please,… Mohon tidak menyanggah sebelum menyelesaikan bacaan ini.

Benturan Page Speed – Minify HTML dengan Validasi W3C

Seperti halnya pemampatan ukuran berkas CSS – minify CSS yang tertulis pada optimasi CSS. Komponen page speed yang dilabeli dengan Minify HTML memungkinkan proses pengurangan jumlah bit (pemampatan berkas) pada markah HTML yang disajikan. Berikut adalah kuotasi Minify HTML – Page Speed Payload ;

Minifying HTML has the same benefits as those for minifying CSS and JS: reducing network latency, enhancing compression, and faster browser loading and execution. Moreover, HTML frequently contains inline JS code (in <script> tags) and inline CSS (in <style> tags), so it is useful to minify these as well.

Sampai disini, benturan itu memang belum kelihatan. Tetapi,… Bagi rekan-rekan blogger yang setuju dengan tulisan pentingnya validasi W3C serta memiliki semangat untuk selalu berusaha menuliskan markah HTML yang valid pada halaman web. Maka contoh optimasi kecepatan muat dengan minify HTML ini terkesan sedikit aneh;

• Sebelum dioptimasi;

  <h4>Luv Links</h4>
  <ul>
  <li><a href="http://codex.wordpress.org/">Documentation</a></li>
  <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
  <li><a href="http://wordpress.org/support/">Support Forum</a></li>
  </ul>
  

• Setelah dioptimasi;

  <h4>Luv Links</h4>
  <ul>
  <li><a href=http://codex.wordpress.org/>Documentation</a>
  <li><a href=http://wordpress.org/extend/plugins/>Plugins</a>
  <li><a href=http://wordpress.org/support/>Support Forum</a>
  </ul>
  

"Page Speed memang aneh dan terkesan mengada-ada khan ?", Tenang,… saya tidak takut menuliskan pertanyaan tersebut karena pihak pengembang Page Speed, Google Inc. sudah memahami permasalahan dan keberatan beberapa orang yang peduli dengan standarisasi validasi W3C seperti anda dan saya pribadi tentu saja. Berikut adalah pernyataan kompromi pihak Google pada Page Speed Wiki – Minify HTML tentang benturan komponen tersebut dengan semangat Validasi W3C;

Certain HTML tags are optional and can generally be omitted; for example, an HTML page without an enclosing <html> tag will still render correctly in browsers, so Page Speed's HTML compactor will remove such tags. However, some webmasters may want their HTML to conform to a strict doctype, such as XHTML, and removing "optional" tags may break validation of these doctypes.

Akhirnya, pada benturan Page Speed dengan Validasi W3C, seorang webmaster dihadapkan pada konsekwensi untuk memilih salah satu diantaranya. Tetap mengusung semangat valid sesuai standarisasi validitas markah via W3C atau ingin mencapai performa web yang sempurna ?. (meskipun menurut saya, meraih performa web terkait kecepatan muat halaman web yang sempurna, tidak semudah membalikkan telapak tangan)

Benturan Page Speed – Minify HTML dengan Aksesibilitas Web

Mungkin opini tentang benturan Page Speed – Minify HTML dengan Aksesibilitas Web akan menjadi subyektif jika saya tidak menyiapkan pertanyaan-pertanyaan konyol pada tulisan Tag Unordered List daftar menu. Sekali lagi, silahkan menggunakan contoh hasil optimasi pemampatan berkas HTML yang menggunakan komponen Minify HTML diatas sebagai pedoman.

Bagaimana menurut anda ? pengingkaran dokumen aksesibilitas – WCAG kah ?

Merayunya dengan 2592000,
Aku hanya menuai kata, "ke laut aja, A' !"
Xi...xi...xi..."aku menampikmu A', taklukkanku dengan 3 kali paksa"
Aku ?!? 7776000 ?!? durjana.
Gontai, Gelisah, Gemetar menahan murka.
Engkau,... engkau siapa ?! siapa ?!

Aku mulai curiga, Mengais ?!?

Caramu menulis,
Rapi, runut menyapa, tiada cela, bak pria merindukan gadis,
Aksara tersusun rapi dalam bait dan baris,
Wiyasa indah nan puitis,
Laksana cipta sang Khalis.

Aku mulai curiga. Sebuah kebenaran ?!?