Mengenal Indikator Gembok (Https) pada URL Browser

Anda pasti pernah melihat kotak berwarna hijau, atau gembok berwarna hijau pada beberapa situs di internet. Tapi apakah anda mengetahui maksud adanya kedua simbol diatas? Pada post ini saya ingin membahas mengenai itu.

Arti sebenarnya dari simbol-simbol itu adalah aman atau tidaknya koneksi anda ke sebuah situs.

Sebelum kita membahas lebih jauh, kita perlu tahu,  seperti apa komunikasi yang aman? Tentunya komunikasi yang menjaga keamanan informasi. Definisi keamanan informasi menurut lembaga International Standard Organization adalah penjagaan kerahasiaan, integritas dan ketersedian informasi, walau ada berbagai-macam faktor lain yang dapat masuk dalam definisi keamanan informasi seperti keaslian, handal, bisa di pertanggung-jawabkan dan tidak bisa disangkal siapa yang mengirimkan informasi.

Keaslian berarti informasi tidak boleh berubah, informasi yang diterima penerima harus sesuai dengan saat dikirim dan harus ada cara untuk mengecek hal tersebut. Integritas berarti pertama, hanya penerima yang dimaksud oleh pengirim yang dapat melihat informasi dan kedua, tidak boleh ada yang pihak ketiga yang bisa berpura-pura menjadi salah satu pihak yang berkomunikasi. Ketersediaan informasi berarti kedua pihak yang berkomunikasi harus bisa melakukan komunikasi secara reliable, tidak bisa di interupsi atau diputuskan jalurnya oleh pihak lain.

Bagaimana cara browser anda menjamin faktor-faktor diatas dalam berkomunikasi? Salah satunya dengan melakukan koneksi menggunan protokol yang didesain untuk aman. Protokol adalah aturan atau standar yang mengatur atau mengijinkan terjadinya hubungan, komunikasi, dan perpindahan data antara dua atau lebih titik komputer. Protokol SSL/TLS adalah salah satu protokol yang sampai sekarang masih aman. Protokol ini yang digunakan oleh browser anda.

Protokol SSL/TLS menggunakan sertifikat, hash dan enkripsi untuk menjamin keamanan saat berkomunikasi. Sertifikat adalah tanda yang hanya dapat dibuat oleh orang yang mengirimkan informasi. Tanda ini bisa di cek keasliannya. Kita dapat mengibaratkan sertifikat sebagai tanda-tangan. Hash adalah fungsi satu arah, dengan kata lain tidak dapat di kembalikan ke bentuk semula yang digunakan untuk mengubah pesan menjadi nilai unik. Nilai ini harus berbeda-beda untuk setiap pesan. Sertifikat dan hash digunakan untuk menjamin integritas pesan. Enkripsi digunakan untuk mengubah informasi, sehingga hanya bisa dilihat apabila menggunakan password yang sama. Enkripsi digunakan untuk menjamin informasi hanya bisa dibaca oleh pihak yang memiliki akses terhadap informasi tersebut.

Bagaimana cara mencegah penyerang berpura-pura menjadi penerima informasi dengan sertifikat palsu? Protokol SSL/TLS menggunakan sistem yang disebut dengan Certificate Authority, Disebut juga dengan CA. CA adalah organisasi yang tanda-tangannya(sertifikatnya) sudah dipercaya oleh semua pihak. CA menandatangani tanda-tangan (sertifikat) pihak yang ingin berkomunikasi. Sertifikat ini kemudian bisa di cek keasliannya dengan cara dibandingan dengan tanda-tangan CA. CA berkewajiban untuk memeriksa identitas asli pihak-pihak yang ingin berkomunikasi, untuk mencegah adanya sertifikat palsu yang ditanda-tangani oleh CA.

Hal ini membawa kita kepada topik awal kita, Kotak hijau dan gembok menggambarkan seberapa aman koneksi kita, tetapi, apa perbedaannya?

  1. Kotak hijau dengan gembok hijau.
    Screen Shot 2015-10-17 at 5.37.42 PM
    Kotak hijau dengan gembok berwarna hijau berarti koneksi sangat aman. Kotak hijau berarti sertifikat penyedia layanan menggunakan extended validation. Hal ini berarti CA melakukan validasi identitas secara menyeluruh, sehingga sangat menyulitkan penipu untuk meminta CA menandatangani-sertifikat palsu seperti yang sudah di jelaskan diatas. Proses untuk mendapatkan sertifikat extended validation biasanya memakan waktu sekitar 2 -3 minggu dan harganya sangat mahal.
  2. Gembok hijau
    Screen Shot 2015-10-17 at 5.38.02 PM
    Gembok berwarna hijau berarti koneksi amanTidak adanya kotak hijau berarti sertifikat penyedia layanan tidak menggunakan Extended Validation. Validasi yang digunakan hanya sebatas dilihat dari pemilik domain (whois) atau organisasi. Proses mendapatkan sertifikat ini hanya memakan waktu beberapa menit saja dan biasanya biayanya murah. Sertifikat jenis ini lebih mudah dipalsukan, apabila terjadi kebocoran informasi pemilik domain, contohnya seperti password email pemilik domain. Namun perlu ditekankan koneksi jenis ini tetap aman selama tidak terjadi kesalahan seperti disebut diatas.
  3. Gembok segitiga kuning.
    yellowlock

    Gembok berwana kuning berarti mungkin tidak aman. Hal ini bisa terjadi karena beberapa hal, salah satu kemungkinannya karena penyedia layanan tidak menggunakan standar-standar yang di rekomendasikan, atau standar yang sudah usang dan tidak di gunakan lagi, baik pada sertifikatnya maupun pada algoritma enkripsinya. Perlu di tekankan, Mungkin tidak aman belum tentu tidak aman.
  4. Gembok silang merah.
    Screen Shot 2015-10-17 at 5.47.37 PM
     Gembok dengan tanda silang berarti tidak aman. Anda sebaiknya tidak melanjutkan menggunakan situs tersebut, karena bisa jadi sertifikat yang di gunakan tidak valid, sehingga tidak bisa di jamin keaslian penyedia layanan. Bisa juga simbol gembok silang terjadi karena algoritma enkripsi yang di gunakan sudah sangat usang, sehingga mudah dilihat isinya oleh pihak yang tidak bertanggung jawab. Bayangkan apabila yang dilihat adalah informasi pribadi seperti nomor kartu kredit anda.

Demikian penjelasan mengenai indikator. silahkan lihat link dibawah untuk penjelasan lebih lanjut.

https://en.wikipedia.org/wiki/Transport_Layer_Security
https://support.google.com/chrome/answer/95617?hl=en
https://en.wikipedia.org/wiki/Certificate_authority
https://support.mozilla.org/en-US/kb/how-do-i-tell-if-my-connection-is-secure

Semoga bermanfaat!

Rapihkan Development Environment dengan Vagrant

Vagrant adalah tools untuk membuat, melakukan konfigurasi yang terisolasi untuk kebutuhan development. Environment contohnya seperti program apa saja yang dibutuhkan untuk menjalankan suatu aplikasi, lalu  konfigurasi-konfigurasi server seperti web server,  table dan isi database, permission dan lain-lain.

Terdapat beberapa skenario dimana kita membutuhkan Vagrant. Salah satu contohnya adalah saat melakukan testing. Dengan Vagrant,developer tidak perlu melakukan konfigurasi lagi pada komputer tester, dimana proses ini selain memakan waktu,  juga sangat rentan kesalahan. Menyebabkan test menjadi tidak jelas, apakah error terjadi karena aplikasi tersebut atau karena environmentnya.

Contoh lain adalah untuk mengisolasi environment antar proyek, hal ini berguna khususnya bagi orang yang melakukan beberapa proyek dalam satu komputer. Isolasi itu penting untuk mencegah terjadinya bentrok pada setting atau program yang digunakan.

Vagrant memecahkan kebutuhan diatas dengan cara membuat virtual machine. Setiap proyek akan di assign sebuah virtual machine. Ketika kita ingin memberikan proyek kita ke orang lain, maka kita cukup memberikan virtual machine yang kita gunakan, dan setiap proyek otomatis terisolasi.

Berikut adalah tutorialnya.

  1.  Install Vagrant, atau gunakan installer yang terdapat pada websitenya untuk sistem operasi lain seperti Windows dan Mac OS X. Berikut adalah syntax untuk Ubuntu 14.04
    sudo apt-get install virtualbox
    sudo apt-get install vagrant
  2. Buat folder baru, lalu masuk ke folder tersebut. Seluruh file di proyek kita akan masuk ke folder ini.
    mkdir testvagrant
    cd testvagrant
  3. Inisialisasi box baru, kamu bisa menggunakan berbagai jenis sistem operasi, atau menggunakan sistem operasi yang sudah di konfigurasi untuk kebutuhan tertentu seperti web server. List sistem operasi yang bisa digunakan oleh vagrant bisa kamu lihat di sini https://atlas.hashicorp.com/boxes/search
    sudo vagrant init ubuntu/trusty64
  4. Jalankan Vagrant
    sudo vagrant up
    
  5. Masuk ke dalam sistem dengan cara mengetik
    vagrant ssh
  6. Test sistem operasi yang baru dengan mengetik
    uname -a

    Apabila sudah seperti screenshot dibawah, selamat, anda telah berhasil menggunakan vagrant!

Screen Shot 2015-10-17 at 12.58.59 PM

 

Untuk mematikan Vagrant, gunakan perintah

exit
vagrant halt

Hal lain yang penting adalah networking, bagaimana cara kita membuka port. Berikut adalah contoh membuka port 8080.

  1. Pastikan vagrant sudah di halt.
  2. Buka vagrantfile yang otomatis di create pada folder saat melakukan vagrant init. (saya disini menggunakan editor nano, silahka sesuaikan dengan editor favorit masing-masing) , lalu scroll sampai bagian “config.vm.network “forwarded_port”
    nano Vagrantfile

    Screen Shot 2015-10-17 at 1.08.07 PM

  3. Hapus simbol “#” di depan “config.vm.network “forwarded_port”, lalu save file dengan klik ctrl+o, enter lalu ctrl+x.
  4. Nyalakan Vagrant, lalu apabila anda belum melakukan instalasi apache2, lakukan sekarang.
    sudo vagrant up
    vagrant ssh
    sudo apt-get install apache2
  5. Test pada browser anda dengan membuka : http://120.0.0.1:8080

Apabila sudah seperti screenshot dibawah, maka selamat, anda berhasil melakukan konfigurasi port pada vagrant!

Sebenarnya masih banyak sekali yang bisa dibahas, salah satu contohnya adalah bagaimana melakukan instalasi program dan konfigurasi otomatis saat vagrant di start, atau melakukan konfigurasi jaringan yang lebih advance. Mungkin di lain waktu kalau saya ada kesempatan.

Berikut adalah resource yang bisa dijadikan bahan pembelajaran.

https://docs.vagrantup.com/
https://en.wikipedia.org/wiki/Vagrant_(software) https://atlas.hashicorp.com/boxes/search

Tutorial Menjalankan Aplikasi ASP.NET MVC 5 pada Ubuntu Linux 14.04

ASP.NET adalah sebuah framework untuk membuat aplikasi pemrograman web sisi server. Salah satu alasan menggunakan ASP.NET adalah C#. Code C# terstruktur dengan baik sehingga mudah untuk dipahami dan dimaintenance. C# juga menyediakan beragam code hint, error hint sebelum code dijalankan.  C# dijalankan menggunakan sistem JIT, sehingga mungkin dapat berjalan lebih cepat dibanding bahasa-bahasa interpreted seperti PHP.

Sayangnya, sampai beberapa tahun yang lalu ASP.NET hanya dapat berjalan pada platform windows, hingga akhirnya ada beberapa proyek opensource seperti dotGNU dan mono. Karena ada beberapa yang masih merupakan paten Microsoft , proyek-proyek ini sulit berjalan secara maksimal dan cenderung terbatas kompabilitasnya, bahkan proyek dotGNU sampai berhenti pada tahun 2012.

Namun pada tahun 2014,  Microsoft membuat platform .NET menjadi opensource. Hal ini membuat developer mono bisa menggunakan komponen-komponen dari microsoft (sumber), menyebabkan mono berkembang dengan pesat dan bisa menjalankan framework kompleks seperti ASP.NET MVC 5.

Pada tutorial ini, akan dijelaskan bagaimana cara melakukan setup Ubuntu 14.04 LTS hingga dapat menjalankan aplikasi ASP.NET MVC 5. Selamat belajar!

Yang perlu dipersiapkan:
  1. Komputer dengan sistem operasi Ubuntu 14.04 LTS
  2. Proyek default ASP.NET MVC 5 yang telah di publish atau bisa download contoh yang saya buat disini
  3. Koneksi Internet
Tutorial:
  1. Pastikan sistem operasi anda sudah terupdate dengan menjalankan perintah berikut:
    sudo apt-get update && sudo apt-get dist-upgrade
  2. Instalasi paket apache2 dengan menjalankan perintah:
    sudo apt-get install apache2
  3. Masukan mono kedalam list paket sistem, hal ini perlu dilakukan agar versi mono yang akan di install selalu yang terbaru. pastikan anda menjalankan code di bawah baris demi baris.
    sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF
    
    sudo echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list
    
    sudo echo "deb http://download.mono-project.com/repo/debian wheezy-apache24-compat main" | sudo tee -a /etc/apt/sources.list.d/mono-xamarin.list
    
    sudo echo "deb http://download.mono-project.com/repo/debian alpha main" | sudo tee /etc/apt/sources.list.d/mono-xamarin-alpha.list
    
    sudo apt-get update && sudo apt-get dist-upgrade
  4. Install paket mono-complete
    sudo apt-get install mono-complete
    
  5. Install paket libapache2-mod-mono
    sudo apt-get install libapache2-mod-mono
    sudo a2enmod mod_mono_auto
  6. Set apache2, agar folder pada apache2 menggunakan mono. prosedur ini harus di ulang untuk setiap aplikasi baru
    sudo nano /etc/apache2/sites-available/testasp.conf
  7. Copy-paste baris berikut ke console, sesuaikan path dan nama apabila diperlukan. klik ctrl+o , enter lalu ctrl+x untuk menyimpan file.
      Alias /testasp "/var/www/html/testasp"
      MonoServerPath inventory "/usr/bin/mod-mono-server4"
      MonoDebug inventory true
      MonoSetEnv inventory MONO_IOMAP=all
      MonoApplications inventory "/testasp:/var/www/html/testasp"
      <Location "/testasp">
        Allow from all
        Order allow,deny
        MonoSetServerAlias inventory
        SetHandler mono
        SetOutputFilter DEFLATE
        SetEnvIfNoCase Request_URI "\.(?:gif|jpe?g|png)$" no-gzip dont-vary
      </Location>
      <IfModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/html text/plain text/xml text/javascript
      </IfModule>
    

    apache2site

  8. Buat folder baru di /var/www/html/testasp , sesuaikan permission folder apabila di perlukan. File-file asp.net akan di simpan di sini.
    sudo mkdir /var/www/html/testasp
  9. Enable konfigurasi site yang dibuat
    sudo a2ensite testasp
    sudo service apache2 restart
  10. Upload atau copy file ASP.NET MVC yang ingin dijalankan atau gunakan contoh proyek yang saya berikan ke dalam folder /var/www/html/testasp
    ftp
  11. Test situs di browser,  url adalah http://127.0.0.1/testasp.  sesuaikan url dengan IP mesin anda.
    jalan

Apabila hasil seperti langkah 11, maka selamat, anda telah berhasil menjalankan ASP.NET MVC 5 pada sistem operasi linux. Apabila belum, silahkan comment dan saya akan coba menjawab pertanyaan sebisa saya.

Dengan langkah-langkah diatas, bahkan saya telah berhasil mempublish situs yang cukup kompleks dengan database mysql.

Dibawah ini adalah link-link yang bisa membantu anda belajar lebih jauh lagi.

  1. http://www.mono-project.com/docs/getting-started/install/linux/
  2. https://help.ubuntu.com/community/ModMono
  3. http://www.asp.net/mvc/overview/getting-started/introduction/getting-started
  4. http://www.w3schools.com/aspnet/mvc_intro.asp

Semoga tutorial yang saya berikan bermanfaat.

Review Yahari Ore no Seishun Love Comedy wa Machigatteiru. Zoku

Tipe: TV
Jumlah Episode: 13
Status: Selesai di siarkan
Sutradara : Kei Oikawa
Genre: Komedi, School Life, Pertemanan
Disiarkan: 3 April 2015 hingga 26 Juni 2015
Penerjemah Horrible Sub
Lagu Pembuka: Yagi Yanagi

Sinopsis

Merupakan kelanjutan dari Yahari Ore no Seishun Love Comedy wa Machigatteiru (2013), Cerita berfokus bagaimana tokoh utama, Hachiman Hikigaya mengatasi klub dia yang mulai terpecah karena sifat Hachiman yang selalu memecahkan masalah dengan cara mengorbankan dirinya. Hachiman tidak menyadari bahwa hal-hal seperti itu menyakiti teman-temannya. Dia berpikiran bahwa sampai saat ini dia tidak memiliki teman, dan setiap orang memiliki keperluan dengan Hachiman pasti memiliki niat lain dibalik perkataan mereka.

 Hachiman tidak menyadari, bahwa sebenarnya dia ingin sekali memiliki teman yang nyata, tanpa harus ada maksud-maksud tertentu, teman yang benar-benar bisa mengerti dia. Dapatkah hachiman mengatakan perasaan dia yang sesungguhnya ? Dapatkah hachiman menyatukan kembali pertemanan mereka yang renggang ?

  JalsubAIAsub-Yahari-Ore-no-Seishun-Love-Come-wa-Machigatteiru.-Zoku-09-43338FB5.mkv_snapshot_15.13_2015.05.29_20.40.47

Review

Sebenarnya anime dengan tema seperti ini sudah banyak. Hanya ada satu cara agar anime ini mampu menjadi unik dan bisa berbekas di hati, kejadian-kejadianya. Sayangnya pada anime ini kejadian sebelum klimaks sama sekali tidak membangun alasan kenapa tokoh utama menginginkan teman.

Alasan-alasan tersebut dibangun pada season 1 yang di siarkan pada tahun 2013. Hal ini menyebabkan saya sedikit kesulitan bersimpati dengan perasaan tokoh utama, karena sekali lagi sangat sedikit kejadian-kejadian dalam season 2 yang memperlihatkan bahwa tokoh utama sangat dekat dengan anggota klub.

Episode-episode yang hanya 12, di sia-siakan dengan mengulang-ulang cerita bahwa tokoh utama sedang bingung dengan perasaanya, ada masalah lain yang tidak berhubungan dengan apa yang sedang dia rasakan sekarang dan masalah klub yang terpecah. Hal ini di ulang sampai kira-kira 4 episode. Saya hampir drop karena tidak tahan tidak ada perkembangan jalan cerita.

maxresdefault

Namun, hal ini bukan berarti anime ini 100% jelek, pada episode 8, akhirnya cerita klimaks, dan buat saya ini salah satu klimaks cerita yang paling bagus yang pernah saya tonton. Bagaimana tokoh utama yang arogan, sok tahu , terlalu sensitif akhirnya menangis saat mengutarakan perasaan dia yang sebenarnya.Kalau saja cerita sebelum klimaks di tekankan pada keseharian klub, mungkin saya bisa menangis, karena bersimpati dengan tokoh utama, sayangnya hal ini tidak terjadi.

Hal lain yang membuat anime ini bersinar adalah dialog-dialog dan monolog-monolognya, powerfull, penuh dengan ungkapan-ungkapan yang menarik, selera humor yang tinggi dan quotes yang tajam. Tidak aneh karena cerita ini diangkat dari light novel.

yui_yukinon

Lagu pembuka juga catchy, apalagi dinyanyikan oleh Yanagi Nagi, vokalis utama supercell. BGM yang di gunakan tidak monoton, bahkan menyayat hati saat sedang sedih.

Sayangnya dari sisi pengisi suara, Tokoh utama sering berbeda suaranya, selain menurut saya pengisi suara tersebut memang kurang cocok memainkan Hachiman Hikigaya.

Dari segi desain juga sangat menarik, tidak ada satupun tokoh yang desainnya tidak saya suka. Gambar-gambar latar belakangnya tidak monoton dan penuh warna.

9a99a529_1362789014359

Keputusan

Rating : 7.8/10

Plus :

-Monolog dan dialog sangat menarik

-Lagu pembuka dibawakan oleh Yanagi Nagi

Minus :

-Progresi cerita yang terlalu lambat

Programming Aplikasi Android Dengan HTML 5: link lanjutan

Pada tulisan ketiga ini , akan di berikan link-link yang berguna saat melakukan development web application , dimulai dari yang paling recommended.

General Tutorial :
HTML_5_mobile_web_app_from_start_to_finish/

Application Design Inspiration : 
http://www.awwwards.com/30-recent-inspirational-ui-examples-in-mobile-device-screens.html
http://www.webdesign-inspiration.com/web-designs/type/mobile-app
http://designinstruct.com/visual-inspiration/web-design-inspiration/mobile-app-website-design-inspiration/

Framework User Interface : 
Chocolate Chip UI
Sencha
PhoneJS
EnyoJS
Wijmo
iUI
Twitter Bootstrap
The-M-Project
Jo
EmbedJS
Junior
moobile
Topcoat

Jquery Replacement : 
zeptoJS
XUI
$dom
Snack

Push Notification : 
tutorial-implement-push-notifications-in-your-phonegap-application/

Selamat develop aplikasi 🙂

Review Shin Megami Tensei IV

Developer : Atlus
Publisher : Atlus
Platform : Nintendo 3DS
Genre : RPG

Biasanya gw tuh paling tidak suka bermain game yang membutuhkan grinding. Yap, gw paling benci dengan yang namanya grinding. Bagi gw, yang terpenting dalam sebuah game adalah storynya. Bagaimana sebuah game dapat membuat pemain merasa masuk didalam dunia game tersebut.

Awalnya gw tidak tertarik untuk membeli game ini, karena tahu bahwa seri mainline SMT adalah series yang ditujukan kepada hardcore grinding fanatics. They even say, “SMT : Persona tuh bukan SMT, kegampangan, ga perlu grinding”. Namun hal ini berubah ketika diskonan Nintendo E-Shop menyerang. Bayangkan saja, Harga aslinya adalah $49 ( Sekitar 585 ribu rupiah ) di diskon tinggal $19 (Sekitar 220 ribu rupiah). Gw pun berpikir, Hey why not ? It’s not everyday Nintendo & Atlus giving more than 50% discount on their products !

Keanehan mulai terjadi saat pertama main. Gw menyerang monster di awal dungeon dan gw mati. WHAT THE FUCK ? Mana ada game yang lawan monster pertama kali langsung game over, dan ini terjadi beberapa kali. Okay , gw ga boleh menyerah dulu, coba kita lihat apakah worth it di lanjutkan karena storynya.

Surprisingly, 30 jam kemudian, yang gw dapatkan adalah story yang Its not that good, but it’s not that bad either. Storynya biasa aja. Dia bercerita tentang seorang samurai (Flynn) bersama temannya dari eastern kingdom of mikado menjelajahi kota tokyo. Kota tokyo di ceritakan sudah hampir hancur, dimana pada akhirnya tokoh utama dapat memilih menghancurkan tokyo atau menghancurkan yang lain (anti spoiler :P) There is no romance / harem in here ! it’s a very serious game !
Shin-Megami-Tensei-IV-001
Despite everything, ternyata sistem monster & grindingnya sangat enjoyable. Gw katakan sekali lagi, yang membuat gw betah main game ini adalah monster & grinding, hal yang ga pernah gw pikir gw bakal suka sebelumnya. Kenapa ? karena ada sistem Autobattle dan Pinpoint . Sistem monster khas SMT juga menarik, yang terpenting adalah menyerang atribut kelemahan monster lawanmu, walaupun kamu sedikit underlevel, kamu bisa menang! , walau berlaku juga sebaliknya, kalau monster musuh kamu memiliki skill kelemahan atribut kamu, hampir pasti kamu kalah. Kamu di tuntut untuk menyesuaikan skill dan equip kamu dengan monster yang diserang.

Monsternya sendiri unik, setiap monster punya kepribadian dan bisa di rekrut menjadi teman kamu. Cara merekrutnya pun banyak, dari mulai berbicara , memberikan item, hingga membuat takut. Monsternya bisa kamu gabungkan, skill pada monster tersebut bisa di turunkan ke monster hasil gabungan. Game ini terasa seperti pokemon untuk orang dewasa .

In the end, gw tidak menyesal membeli game ini. Game ini dapat menjadi pembuka mata bahwa game grinding tidak terlalu membosankan seperti yang pertama gw bayangkan.

Keputusan : 

Rating : 8/10

Plus :
-grinding mudah dilakukan
-Sistem attribut yang seru
-Mini quest sangat banyak,

Minus :
-worldmap yang kurang intuitif
-Storynya biasa saja

Programming Aplikasi Android Dengan HTML 5 :Membuat Sample Project

Pada tulisan kedua ini , akan di jelaskan bagaimana memulai membuat proyek baru pada Crosswalk, Melakukan Compiling dan melakukan testing pada emulator maupun langsung pada device developer. Selamat Menikmati 🙂

Yang harus dipersiapkan :
  1. Crosswalk Framework download di sini (Crosswalk Cordova, ARM)
  2. Text Editor , seperti Brackets
1. Membuat project crosswalk baru : 

Ekstrak Crosswalk ke dalam folder, dalam hal ini saya ekstrak ke C:/ , rename folder hasil ekstrak(contoh : crosswalk-cordova-7.36.154.13-arm) menjadi crosswalk agar memudahkan.
Capture

buka Command Prompt lalu lakukan change directory ke dalam folder crosswalk/bin.
contoh command : cd C:/crosswalk/bin

Capture

Create Project baru dengan mengetik

create project_directory package_name project_name

project_directory adalah nama folder dimana project akan dibuat
package_name adalah nama package android, biasanya berformat com.namaperusahaan.namaaplikasi klik disini untuk melihat detail format & fungsi package_name.
project_name adalah nama aplikasi yang anda buat.

sebagai contoh, ketik perintah berikut :

create testproject com.test.testproject testproject

Capture

Masuk kedalam proyek yang telah dibuat , ketikan perintah berikut :
cd testproject

selamat , anda telah berhasil membuat project pada crosswalk.

2. Melakukan coding pada aplikasi

Buka file explorer, lalu masuk kedalam directory www project ( C:/crosswalk/bin/testproject/assetswww )

Capture

Crosswalk adalah framework wrapper HTML, sehingga development pun dilakukan dengan mengubah HTML/JS/CSS. index.html akan otomatis di tampilkan saat aplikasi dijalankan.

sebagai contoh , ubah index.html menjadi script di bawah ini

<html>

<head></head>

<body>

<h1>Hallo Crosswalk</h1>

</body>

</html>

Capture

selamat , anda telah mengetahui cara mengubah HTML pada aplikasi crosswalk !

3. Membuat android emulator

Emulator digunakan untuk testing, kelebihan menggunakan emulator adalah anda tidak membutuhkan device.

Buka Android Device Manager dengan mengetik android avd pada command prompt,

Capture

Akan terbuka AVD Manager , klik create

Capture

Pada dialog yang terbuka, isi sebagai berikut, lalu klik ok
Capture

Pilih Android Virtual Device yang baru di buat lalu klik create, tunggu hingga emulator menampilkan home android
Capture

Selamat , anda telah berhasil melakukan instalasi dan menjalankan android emulator !

4. Compiling dan run aplikasi crosswalk pada emulator

Untuk melakukan testing pada emulator , ketik perintah di command prompt (current directory pada commandprompt : C:/crosswalk/bin/testproject/cordova , lakukan cd apabila belum sama )  run

Capture

Emulator akan otomatis terbuka apa bila belum terbuka, dan aplikasi akan dijalankan
Capture

selamat ! anda telah berhasil membuat dan menjalakan aplikasi crosswalk di android 🙂

5. Testing pada device : 

Ikuti tutorial ini untuk setup debug pada handphone android anda.

Koneksikan device anda dengan komputer, lalu lakukan run aplication seperti diatas, crosswalk akan secara otomatis memilih device anda apabila tersedia.

6. Selesai

Anda telah berhasil melakukan pembuatan project, memodifikasi kode, melakukan compiling dan testing menggunakan device maupun emulator pada crosswalk. Pada tutorial selanjutnya akan di jelaskan mengenai tutorial-tutorial lanjutan membuat aplikasi mobile berbasis web. Mohon maaf apabila ada kesalahan dalam tutorial, silahkan sampaikan kesalahan melalui comment box yang telah di sediakan, Happy Coding ~

Sumber : Crosswalk

Penulis :
Gilang Charismadiptya Prashasta
——————————
Silahkan copy artikel namun harus di sertai link ke blog ini.

Programming Aplikasi Android Dengan HTML 5: Instalasi Prasyarat Framework Crosswalk

Biasanya developer untuk membuat aplikasi android native java. Sayangnya membuat aplikasi native memiliki beberapa kekurangan, contohnya adalah sulit di port ke platform mobile lain seperti IOS / Windows Phone. Hal ini menyebabkan developer harus membuat ulang versi aplikasi untuk masing-masing platform.

Hal ini dapat tangani dengan menggunakan Web App Wrapper seperti PhoneGap(http://phonegap.com). Tujuan Web Wrapper adalah anda hanya perlu melakukan development dalam bentuk mobile web app, lalu di wrap menggunakan WebView (UIWebView pada IOS )yang sudah ditambahkan akses ke fitur handphone seperti Accelerometer/Camera/GPS dan lain lain.

PhoneGap dapat memudahkan siklus aplikasi anda, sayangnya PhoneGap memiliki beberapa kelemahan yang sangat fatal, yaitu lambat pada Handphone yang masih menggunakan OS lama (android < 4.3) karena pada OS tersebut fitur Hardware Accelerated pada webviewnya tidak diaktifkan. Kelemahan lain adalah beberapa fitur HTML5 + CSS3 yang belum sempurna. Kelemahan ini tidak dapat ditangani karena WebView bergantung pada versi android yang digunakan.

Crosswalk (https://crosswalk-project.org/) menangani hal ini dengan cara tidak melakukan wrapping dengan WebView bawaan OS,namun dengan chromium, versi open source dari google chrome. Implikasinya adalah, wrapper selalu memiliki fitur – fitur terbaru HTML5 + CSS3, Hardware Accelerated Rendering, dan tidak tergantung pada versi OS yang digunakan.

Tutorial kali ini di tujukan untuk mempersiapkan syarat-syarat yang dibutuhkan untuk melakukan development menggunakan Crosswalk, karena konfigurasinya yang lumayan susah.

Selamat menikmati 🙂

Yang harus di persiapkan :

1. Installer Python download di : sini  (Pilih versi 2.7.8)
2. Installer Oracle JDK download di sini 
3. Installer Ant download di sini (Pilih apache-ant-1.9.4-bin.zip)
4. Android SDK, download di sini  (Pilih yang View All Downloads And Sizes -> SDK Tools Only ->installer_r23.0.2-windows.exe )

Langkah Langkah :

1. Instalasi Python :

Klik Next
A
Jangan Lupa Simpan lokasi anda menginstall Python di notes !
Capture
Capture
Klik Next
Capture
Klik Finish
Capture

Selamat, Anda telah berhasil menginstall Python !

2. Instalasi JDK

Pilih yang sesuai dengan arsitektur komputer anda (Komp saya 64 Bit , check dengan cara klik kanan pada File explorer -> My Computer / This PC -> properties)
UntitledCapture
Capture
Double klik exe , Klik Next
Capture
Klik Next , Jangan lupa simpan link instalasi ke notepad !
Capture
Capture
klik Next
Capture
Selamat ! Anda berhasil Menginstall Java !

3. Instalasi Apache Ant

Buatlah folder baru di C:apache-ant-1.9.4 , Lalu ekstrak apache-ant-1.9.4-bin.zip ke dalam folder yang baru dibuat tersebut.
Untitled
Jangan lupa copy path instalasi ke notepad
Capture
Selamat ! anda berhasil menginstall Apache Ant !

4. Instalasi Android SDK

Double click exe Android SDK yang telah di download, lalu klik Next
Capture
Klik Next Lagi
Capture
Klik Next lagi
Capture
Klik Next lagi , jangan lupa catat link instalasi anda ke notepad !
Capture
Capture
Klik Install
Capture
Klik Next
Capture
Biarkan opsi Start SDK Manager tercentang , lalu klik Finish
Capture

Centang pada

[ ] Tools [x] Android SDK Platform-tools [x] Android SDK Build tools [ ] Android 4.3 (API 18) [x] SDK Platform

Lalu klik Install packages
Capture
Pilih Accept Packages lalu klik install
Capture
Selamat ! anda telah berhasil instalasi android SDK !

5. Konfigurasi PATH

Tahap ini digunakan agar Crosswalk dapat menggunakan program-program yang telah kita install sebelumnya.

Klik Start -> run (atau klik tombol windows di keyboard + R ) , lalu ketik
control sysdm.cpl lalu klik OK
Capture

Masuklah kedalam tab Advance , Lalu klik Environtment Variables. Perhatian! bagian selanjutnya sedikit berbahaya ! lakukan dengan hati-hati.
Capture
Cek apakah di bagian User Variable Sudah ada variable yang bernama JAVA_HOME , apabila belum , klik New…
Capture
T
ambahkan Variable baru bernama JAVA_HOME dengan Value lokasi anda menginstall java yang telah di save ke notepad sebelumnya, Lalu Klik OK
Capture
Cek apakah di bagian User Variable Sudah ada variable yang bernama ANT_HOME , apabila belum , klik New…
Capture
Tambahkan Variable baru bernama ANT_HOMEdengan Value lokasi anda menginstall ANT yang telah di save ke notepad sebelumnya, Lalu Klik OK
Capture
Cek apakah di bagian User Variable Sudah ada variable yang bernama PATH, apabila belum , klik New, apabila sudah, Klik Edit , Lalu Tambahkan Baris Berikut didalam path :

pathsebelumnya;lokasi_instalasi_androidtools;lokasi_instalasi_androidplatform-tools;lokasi_instalasi_antbin;%JAVA_HOME%bin

Contoh : (Ingat , hanya contoh ; Jangan copy baris dibawah tapi WAJIB sesuaikan dengan punya anda):
D:Program Files (x86)Androidandroid-sdkplatform-tools;D:Program Files (x86)Androidandroid-sdktools;C:Program Files (x86)WinAntbin;%JAVA_HOME%bin

Lalu Klik OK

Cek apakah link instalasi Python sudah ada dalam System Variables bernama Path , tambahkan bila belum ada ( ;C:Python27 )
Capture
Selamat , anda telah berhasil melakukan setting Path !

6. Restart komputer anda
7. Lakukan Testing

Buka Command Prompt,
pilih Start -> Run atau klik Windows + R pada keyboard lalu ketik cmd dan mengklik OK
Capture
Pada Command Prompt yang terbuka, ketik perintah berikut :
python -v
Apabila anda berhasil menginstall Python , akan muncul versi Python yang di install , namun apabila gagal akan muncul Command Not Found, coba periksa kembali instalasi Python anda.
Capture
Pada Command Prompt yang terbuka, ketik perintah berikut :
ant -v
Apabila anda berhasil menginstall Ant, akan muncul versi Ant yang di install , namun apabila gagal akan muncul Command Not Found, coba periksa kembali instalasi Ant anda.
Capture
Pada Command Prompt yang terbuka, ketik perintah berikut :
java -version
Apabila anda berhasil menginstall Java, akan muncul versi Java yang di install , namun apabila gagal akan muncul Command Not Found, coba periksa kembali instalasi Java anda.
Capture
Pada Command Prompt yang terbuka, ketik perintah berikut :
adb version
Apabila anda berhasil menginstall Android SDK, akan muncul versi ADB yang di install , namun apabila gagal akan muncul Command Not Found, coba periksa kembali instalasi Android SDK anda.
Capture

8. Selesai

Anda telah berhasil melakukan instalasi syarat – syarat development menggunakan Crosswalk. Pada Tutorial selanjutnya akan di jelaskan mengenai cara membuat project Crosswalk baru , melakukan kompilasi proyek dan melakukan testing baik menggunakan Emulator ataupun menggunakan Device.

Mohon maaf apabila ada kesalahan dalam tutorial, silahkan sampaikan kesalahan melalui comment box yang telah di sediakan, Happy Coding ~

Sumber : Crosswalk

Penulis :
Gilang Charismadiptya Prashasta
——————————
Silahkan copy artikel namun harus di sertai link ke blog ini.

Percepat Komputer mu!

akhir-akhir ini laptop  makin lambat aja, jadi ngelakuin research cara mempercepat komputer.

Bahan:

-Komputer yang lambat ber os windows

-CCleaner ( www.ccleaner.com/ )

Defragger ( www.piriform.com/defraggler)

Langkah Kerja:

1. uninstall semua program ga berguna! (start => control panel => Add/ remove program ) contoh program ga berguna kayak ask! toolbar, yahoo toolbar, daemon tools toolbar, program bawaan vendor laptop, misalnya klo acer yang didepan nama programnya ada acernya, dan program yang emang ga pernah dipake dan di butuhin.

2. buka ccleanner,  analyze dan run cleaner, udah gitupindah ke bagian registry, Scan for issues, trus fix selected issues. lakuin yang registry 2-3 kali, soalnya kadang kadang masih ada yang “nyangkut”

3. Defrag pake defragger , tinggal klik analyze trus defrag.

4. matiin semua windows service yang ga berguna! hati hati buat langkah yang ini, soalnya bisa ngerusak sistem, klo ga yakin jangan lakuin, dengan langkah 1-3 aja komputer udah kenceng lagi kok. tutorial buat matiin bisa diliat di sini, sorry dalam bahasa inggris,translate pake google translate aja =P

http://www.overclockersclub.com/guides/windows_xp_services/

thats all i think, buat yang pengen lebih cepet lagi, bisa pake windows classic theme, trus dari control panel => system => advance => performance => adjust to best performance.

tips lain adalah jangan gunain lebih dari 1 antivirus dan jangan pasang program yang tidak berguna.

Prunus Girl

tadinyai seng iseng search genre kesukaan (school life, romantic comedy) di www.mangafox.com, iseng ngeliat prunus girl dapet popularitas tinggi, ngeliat gambarnya, awalnya ga begitu tertarik & cuma selepas baca aja. abis di baca baca, ceritanya lama lama jadi seru, dan gambarnya jadi bagus.

sayangnya, kayak genre macem gini( gender bender, walau ga genben genben amat) , walau karakter dibuat secantik mungkin, tetep aja statement “allthough im look like this, im a guy” menghancurkan keseluruhan karakter itu. padahal bisa dibilang karakter ce (tapi co) yang ada di komik ini 100% PERFECT bagi gw.

alias boleh dibilang komik ini “menghancurkan harapan”

langsung lanjut ke art nya aja deh.

First page chapter 6, salah satu artwork yang gw suka

Yeah, SHE IS A GUY! sangat menghancurkan harapan…

Kalo di keadaan yang sama, jawaban apa yang akan anda pilih?

anyway, spoiler buat chapter 1, bagi yang bingung mau baca atau enggak

maki, yang lagi liat pengumumpan penerimaan siswa sma baru, dia melihat ada tiket jatuh di dekat kakinya, pemilik tiket itu adalah aikawa kizuna , yang saat itu maki pikir adalah ce yang sangat cantik. di kelas, aikawa menyebutkan bahwa dirinya laki-laki. aikawa membawa surat cinta dari temannya untuk maki.

besoknya, ce (beneran) yang suka sama maki ngelakuin trk biar deket sama maki, tapi trik itu di gagalin sama aikawa, malah aikawa yang (sepertinya) pake trik itu. tiba tiba maki jatuh, dia jatuh tepak diatas tubuh aikawa. aikawa pingsan, maki ngerasa ini kesempatan yang pas buat ngebuktiin aikawa beneran laki laki atau bukan. maki bingung secara moral, kalau ternyata dia ce beneran gimana. akhirnya di kebingungan itu, ketika maki akhirnya mutusin untuk ngecek, aikawa bangun.

maki akhirnya ngerasa cape, dia tidur dikelas, sampai akhirnya dia bangun sore-sore, hanya tinggal dia dan aikawa. maki memberanikan diri menanyakan dia benar-benar lak laki atau bukan. aikawa mengeluarkan 2 buah “magic candy”, yag satu untuk menjadikan dia ce seutuhnya, yang satunya lagi co seutuhnya, dan membiarkan maki memilih.maki memilih kedua-duanya. akhirnya, mereka berdua berciuman, bilag ke maki kalau ada didekatnya, aikawa bakalan jadi ce.

=================================

Emang ngeselin, tapi percaya ma gw, ITS GOOD!