Persiapan

Urutan Langkah saling berkaitan, terdapat beberapa yang dapat dikerjakan paralel, untuk amannya serial saja. Untuk browser firefox paling tidak versi 38, untuk netbeans HARUS yang versi enterprise, opencv min versi 2.4.4, max versi 2.4.11. Untuk membuka project opencv di netbeans yang didapatkan pada langkah ke Nol berikut, HARUS dilakukan dilangkah terakhir.
  1. dapatkan project opencv di menu zip coding.net sebelah kiri atas (https://coding.net/u/dawud-tan/p/Realtime-OpenCV-WebSocket/git/archive/master)
  2. dapatkan OpenCV 2.4.9 di http://nchc.dl.sourceforge.net/project/opencvlibrary/opencv-win/2.4.9/opencv-2.4.9.exe
  3. dapatkan Apache Tomcat 8.0.30 di http://mirror.wanxp.id/apache/tomcat/tomcat-8/v8.0.30/bin/apache-tomcat-8.0.30-windows-x86.zip
  4. dapatkan Mozilla Firefox 43.0.3 di https://dapatkan-installer.cdn.mozilla.net/pub/firefox/releases/43.0.3/win32/en-US/Firefox%20Setup%2043.0.3.exe
  5. dapatkan Netbeans 8.1 JavaEE di https://netbeans.org/projects/dapatkan/netbeans/8.1/final/bundles/netbeans-8.1-javaee-windows.exe
  6. Install OpenCV di drive C:, sehingga struktur direktori OpenCV menjadi:
    C:--
        |opencv/
            |build/
            |sources/
        |User/
        |Windows/
    
  7. Ekstrak file apache-tomcat-8.0.30-windows-x86.zip ke drive C juga, sehingga struktur direktori Apache Tomcat 8.0.30 menjadi:
    C:--
        |apache-tomcat-8.0.30/
            |bin/
            |conf/
            |lib/
            |logs/
            |temps/
            |webapps/
            |work/
            |LICENSE
            |NOTICE
            |RELEASE-NOTES
            |RUNNING.txt
        |opencv/
            |build/
            |sources/
        |User/
        |Windows/
    
  8. Install Mozilla Firefox 43.0.3 seperti biasa
  9. Install Netbeans 8.1 JavaEE seperti biasa, ketika ada Check List server glassfish, dan server tomcat JANGAN DI CENTANG semua, NANTI pakai tomcat sendiri

MEMODIFIKASI ENVIRONMENT VARIABLE

  1. tambahkan alamat direktori opencv "C:\opencv\build\java\x86" ke PATH variable di my computer
  2. tambahkan variable CATALINA_HOME, berisi alamat direktori Apache Tomcat, untuk langkah detilnya berikut: Cara Install Apache Tomcat 8.0.29 di Windows 10
  3. tambahkan variable JAVA_HOME juga, asumsinya pembaca sudah install java jdk, jika belum ikuti langkah instalasi java jdk berikut: Cara Install JDK (Java SE Development Kit 8u66) di Windows 10

MEMODIFIKASI FILE TOMCAT-USERS.XML

  1. salin saja alamat berikut ke address bar di windows explorer: C:\apache-tomcat-8.0.30\conf\tomcat-users.xml dan tekan enter
  2. editor teks default di sistem anda akan terbuka
  3. copy-paste kata setelah titik dua berikut, tepat SEBELUM baris "</tomcat-users>" -->: <user password="uptoyou" roles="manager-script,admin" username="uptoyou"/>
  4. simpan

MEMBUAT FIREFOX MENJADI DEFAULT UNTUK NETBEANS

  1. Klik menu tools, pilih Option
  2. Pastikan Web Browser yang terpilih adalah firefox, jika sudah pasti, klik cancel, atau OK jika firefox belum jadi default

MENDAFTARKAN APACHE TOMCAT KE NETBEANS

  1. klik menu Tools, pilih Servers, klik tombol "Add Server...", terus
  2. Dari daftar server yang tersedia, sorot/klik/highlight "Apache Tomcat or TomEE", klik tombol "Next >"
  3. Didalam text field yang berlabel "Server Location: ", copy paste kata berikut setelah titik dua ->:C:\apache-tomcat-8.0.30
  4. Di text field "Username:" dan "Password" diisi ->: uptoyou
  5. Klik tombol FINISH

MENDAFTARKAN LIBRARY OPENCV 2.4.9 KE NETBEANS

  1. Klik menu Tools, pilih Libraries, lalu akan muncul jendela Ant Library Manager
  2. Klik tombol "New Library...", lalu akan muncul jendela New Library
  3. Library Name harus diisi OpenCV2.4.9, setelah itu klik OK
  4. Otomatis, Library Name di library yang sedang terpilih akan menjadi: OpenCV2.4.9
  5. di dalam TAB classpath, klik tombol "Add JAR/Folder...", lalu akan muncul jendela Browse JAR/Folder
  6. didalam isian text field, "File name:" di isi, C:\opencv\build\java\opencv-249.jar, lalu klik tombol "Add JAR/Folder"
  7. Klik OK, untuk menutup jendela Ant Library Manager

MEMBUKA PROJECT OPENCV DI NETBEANS

  1. ekstraksi file Realtime-OpenCV-WebSocket.zip ke dalam direktori My Document\NetBeansProjects
  2. kalau my document di netbook acer milik Wakhid Wicaksono, berada di C:\Users\DAWUD\Documents\NetBeansProjects
  3. sehingga pastikan direktori di NetBeansProjects menjadi seperti:
        C:--
            |apache-tomcat-8.0.30/
            |Program Files/
            |opencv/
            |Users/
                |DAWUD/
                    |Documents/
                        |NetBeansProjects/
                            |WebApplication1/
                                |nbprojects/
                                |src/
                                |web/
                                |build.xml
            |Windows/
    
  4. Klik menu File, pilih "Open Project...", lalu pilih WebApplication1 berlogo Globe warna biru, lalu klik tombol "Open Project"
  5. Setelah tampilan loading dipojok kanan bawah selesai, klik kanan project WebApplication1, pilih properties
  6. Akan muncul jendela, "Project Properties - WebApplication1"
  7. Di bagian kiri, klik Libraries, dibagian kanan, pada tab "Compile", pastikan library "OpenCV2.4.9" tercentang, jika sudah pasti
  8. Di bagian kiri, klik Run, dibagian kanan, pada combo box "Server:", pastikan "Apache Tomcat or TomEE" terpilih,
  9. Klik cancel jika semua sudah sesuai, klik OK jika keadaan anda telah melakukan perubahan. Jendela "Project Properties - WebApplication1" akan tertutup
  10. Lalu, klik menu Run, terus pilih Set Main Project, terus pilih WebApplication1

PEMBUATAN DATABASE

  1. Buka PhpMyAdmin (install terlebih dahulu XAMPP for Windows 5.6.15), buat database bernama opencv [harus bernama opencv]
  2. lalu, buka projek WebApplication1, pilih tab Configuration Files, double klik file persistence.xml
  3. Di table generation strategy, ganti dari none menjadi create, pilihan ini berguna untuk meng'generate tabel dan kolom yang diperlukan pada database yang anda buat dilangkah 1
  4. LANGKAH TERAKHIR, KLIK menu run, lalu klik Run Main Project, bisa juga dengan shortcut F6, atau tekan icon warna Panah Kanan Hijau
  5. 17 Agustus 1945 Indonesia Merdeka :-D
  6. jendela browser Mozilla Firefox akan muncul, lalu ada pilihan apakah anda mengijinkan aplikasi untuk menggunakan webcam
  7. Klik, "Share Selected Device".
  8. buka lagi projek, kembalikan lagi langkah create menjadi none diatas

Todo List

  1. Rubah penggunaan langsung ArrayBuffer dengan DataView, (supaya tidak berurusan dengan endianess langsung)
  2. Berharap banget chrome menyediakan toBlob untuk canvas supaya bisa diakses di Google Chrome, tapi fungsi polyfill toBlob yang ada dari referensi firefox lemot karna harus lewati toDataURI dulu yang dikonversi ke Base64 dan katanya di'chrome WONTFIX duhh...
    yee, sekarang canvas di Google Chrome ada fungsi toBlobnya gan.. https://twitter.com/chromiumdev/status/691687552000995328

referensi

  1. T. Ahonen, A. Hadid and M. Pietikainen, "Face Description with Local Binary Patterns: Application to Face Recognition", IEEE Transactions on Pattern Analysis and Machine Intelligence, vol. 28, no. 12, pp. 2037-2041, 2006.
  2. D. Baggio, Mastering OpenCV with practical computer vision projects. Birmington: Packt Pub., 2012.
  3. S. Chacon and B. Straub, Pro Git, 2nd ed. New Yor: Apress, 2014.
  4. D. Coward and S. Pericas-Geertsen, Java WebSocket programming. New York: McGraw-Hill Education, 2014.
  5. D. Heffelfinger, Java EE 7 development with NetBeans 8, 3rd ed. Birmingham: Packt, 2015.
  6. M. Keith and M. Schincariol, Pro JPA 2, 2nd ed. New York: Apress, 2013.
  7. Mozilla Developer Network, "Taking still photos with WebRTC", 2015. [Online]. Available: https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos. [Accessed: 17-Feb-2015].
  8. Mozilla Developer Network, "JavaScript typed arrays", 2015. [Online]. Available: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays. [Accessed: 17-Feb-2015].
  9. D. Tan, "Conversation with Berak Bolon about OpenCV in java (org.opencv.contrib.FaceRecognizer)", datacomlink.blogspot.com, 2015. [Online]. Available: http://datacomlink.blogspot.co.id/2015/03/conversation-with-berak-bolon-about.html. [Accessed: 05-Mar-2015].
  10. P. Wagner, "Local Binary Patterns", Bytefish.de, 2016. [Online]. Available: http://bytefish.de/blog/local_binary_patterns. [Accessed: 24- Jan- 2016].

Reaksi:

You Might Also Like:

Add your comment Hide comment

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×