Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reverse Engineering Larisbgt

Reverse Engineering Larisbgt

Galih Pratama

March 05, 2014
Tweet

More Decks by Galih Pratama

Other Decks in Research

Transcript

  1. Reverse Engineering Lakubgt Pagi-pagi setelah menemukan “trik” Twitter Cards di

    Twitter, ternyata saya menemukan trik yang digunakan oleh Lakubgt. Bagi yang belum tau lakubgt, mereka itu nyediain semacam “service” yang keren banget. Orang bisa belanja langsung lewat status yang kita tulis. Atau kalau misalnya kita punya event, kita bisa langsung daftar di status facebook itu. Kok bisa? Ini buktinya : Ini bentuk sesudah dishare. Kalau ente bisa liat, bentuknya mirip kayak video. Dan ini memang “video”. Nanti saya jelaskan Dan kalau kita klik tombol “Play “ nya Jeng jeng jeng jeng, seperti sulap. Disini ente bisa langsung daftar event lewat “post” itu.
  2. Emangnya facebook nyediain fitur kayak gitu ya? Jawabannya : Tidak,

    mereka pakai sebuah “trik” untuk memanipulasi “video” menjadi “sesuatu” yang bisa dipakai untuk berjualan Ente tau darimana? Sok tau deh! Saya jelasin. Pertama saya mengetahui ini dari video demo aplikasi Lakubgt ini. Tepatnya setelah saya melihat gambar ini Saya sangat familiar dengan bentuk form itu.
  3. Yap, form tersebut dibuat dengan menggunakan teknologi Flash. Saya ingat

    saat dulu sekolah pernah mengerjakan modul pembelajaran dengan bentuk form seperti itu Dari situlah saya mulai mengerti bahwa mereka memanfaatkan “video”. Apa hubungannya video dengan flash? Anda tau youtube? Dan youtube itu menggunakan flash sebagai playernya. Teknik yang sama digunakan oleh Lakubgt. Namun dalam case ini, mereka menggunakan flash tersebut sebagai “tempat berjualan”. Kok bisa sih naro flash di dalem postingan? Nah, buat kamu yang belum tau, Facebook itu mempunyai API yang bernama Open Graph. Dan di Open Graph itu tersedia post yang bertipe “video” Untuk mengetahuinya, kita coba buka link ini : Saat dibuka, tampilannya sama. Namun bukan itu alasannya
  4. Tapi ini alasannya : Apaan tuh? Koding? Gak ngerti Coba

    diliat lagi deh kodingnya, liat baris <head prefix="og: http://ogp.me/ns fb: http://ogp.me/ns/fb"> Itu tuh artinya, mereka menggunakan open graph sebagai API nya Dan ini lah yang membuat “tempat jualan” mereka bisa dipake di facebook <meta property="og:video" content="https://larisbgt.com/social/flash/swf/eventreg ister.swf?uid=6" /> Yang ditebelin itu adalah file flashnya. Jadi ane harus bikin file flash tiap mau jualan gitu? Ya gak gitu juga. Si flash file itu dikoneksikan ke database. Coba lihat di URL nya. Ada tulisan ?uid=6 kan? Kamu tau itu apa? Itu artinya mereka mengambil data dengan parameter tertentu, disini parameternya adalah uid dan valuenya adalah 6 Ini pas saya coba ganti uid nya menjadi 5
  5. Apaan tuh? Kosong? Yep kosong, yang artinya kalau uid 5

    itu artinya gak ada data. Sekaligus menjelaskan bahwa datanya itu ngambil dari database, bukan dimasukin manual lewat edit file flash nya Ngaturnya dimana? Ya di panel admin mereka lah. Liat kan? Ada gambar promonya? Nahhh itu gambar yang diambil udah gitu ditaro di flash nya Ohh gitu toh. Simple dong ya? Dibilang simple iya, dibilang enggak juga iya. Kita harus ngerti Open Graph nya Facebook dulu. Udah gitu kita harus ada knowlegde dalam flash juga (buat ngambil datanya). Terus ini kan integrasi sama ipaymu juga. Bentar bentar.. iPaymu? Yoi bos, itu buat pembayaran nya. Jadi kalau ente bayar via ipaymu, ente bisa langsung bayar. Dan bayarnya pun bisa pake rekening bank, ga mesti credit card kayak paypal itu Ohh jadi nanti kalau dia pilih produk, udah gitu langsung redirect ke iPaymu? Betul sekaleh! Pinternya Lakubgt disitu. Dia kerjasama dengan iPaymu. Yok ah paling segitu aja yang bisa saya jelasin dari analisis saya =))