Tampilkan postingan dengan label Tutorial IT. Tampilkan semua postingan

Rabu, 13 Februari 2019

Contoh Multithreading Sederhana pada PHP




Multithreading adalah sebuah istilah proses secara paralel, bisa dibilang komputer mengerjakan beberapa perintah sekaligus dalam waktu bersamaan. Tujuan Multithreading adalah memaksimalkan kinerja komputer dalam memproses data dengan kecepatan yang lebih dari cara biasa.

Pada PHP, multithreading bisa dilakukan dengan menggunakan pthreads
https://github.com/krakjoe/pthreads

Pada akun github di atas, tertera lengkap dokumentasi pthreads

 Instalasi pthreads pada XAMPP / WAMPP:

 1) Create one php file
phpinfo() -->  Run
Example: Info
PHP Version: 5.6.31
Compiler: MSVC11 (Visual C++ 2012)
Architecture: x64

 2)Go to website:
http://windows.php.net/downloads/pecl/releases/pthreads/
Example 2.0.9 file
Compiler:VC11
Architecture:x64
php_pthreads-2.0.9-5.6-ts-vc11-x64.zip download.

 3)Extract php_pthreads.dll and pthreadVC2.dll.
wamp\bin\php\php5.6.31\ext\ --> copy php_pthreads.dll
wamp\bin\php\php5.6.31\ ---> copy pthreadVC2.dll
wamp\bin\apache\apache2.4.27\bin --> copy pthreadVC2.dll

 4)edit php.ini
wamp\bin\apache\apache2.4.27\bin\php.ini\ --> Add extension=php_pthreads.dll
wamp\bin\php\php5.6.31\php.ini\ --> Add extension=php_pthreads.dll

 5)Restart Wamp

 Saatnya Testing !

 1. Buat 2 File PHP dengan coding berikut, dan jalankan di browser :

https://anotepad.com/note/read/599yd6 
https://anotepad.com/note/read/x5tr5f
HASIL TESTING :

Pada kasus diatas, setiap proses saya berikan simulasi waktu proses 5 detik. 
Terlihat hasilnya , 
dengan multithreading, 4 buah proses dilakukan dalam waktu bersamaan, 
mulai bersamaan dan selesai dalam waktu yang juga bersamaan (semua diselesaikan dalam 5 detik). 

Sedangkan yang menggunakan looping biasa, membutuhkan waktu 5 detik x 4 = 20 detik dari proses pertama sampai proses terakhir. Selamat Mencoba !

Jumat, 01 Juni 2018

[E-book] Membuat Interface Web Desktop dengan Ext JS

Tutorial - Free Ebook Ext JS


Ext JS adalah sebuah framework javascript (berbasis web) yang sangat kaya akan fitur yang mendekati desktop application. Selain kaya akan fitur, Ext JS juga bisa dibilang merupakan framework yang sangat membantu mempercepat desain interface pada aplikasi.

Berikut ini beberapa fiturnya :
- text field and textarea input controls
- date fields with a pop-up date-picker
- numeric fields
- list box and combo boxes
- radio and checkbox controls
- html editor control
- grid control (with both read-only and edit modes, sortable data, lockable and draggable columns, - and a variety of other features)
- tree control
- tab panels
- toolbars
- desktop application-style menus
- region panels to allow a form to be divided into multiple sub-sections
- sliders
- vector graphics charts

Interface pada Ext JS 4

Minggu, 06 Mei 2018

Membuat Aplikasi Cross-Platform dengan Corona SDK

CORONA SDK

Corona adalah sebuah framework cross-platform yang digunakan untuk membuat aplikasi dan game yang ditujukan untuk mobile device, desktop maupun TV. Artinya, anda hanya cukup sekali melakukan pengkodean yang bisa di-publish ke multi device. Termasuk Apple iPhone dan iPad, Android phone dan tablet, Amazon Fire, Mac desktop, Windows Desktop, dan bahkan terkoneksi dengan TV seperti Apple TV, Fire TV, dan Android TV.

Corona digunakan oleh programmer profesional, pengembang aplikasi mobile, bisnis, sekolah dan universitas yang mengutamakan pemfokusan game, aplikasi edukasi dan bisnis maupun aplikasi utilitas lainnya. Bisa dibilang Corona cukup mudah dipelajari bagi pemula seperti saya contohnya, dan cukup powerful bagi para professional developer. Dengan menggunakan Corona, anda mendapatkan beberapa manfaat berikut :

1. Corona sangat lengkap dari segi framework untuk membuat berbagai macam aplikasi
2. Cross-platform, satu basis kode dan bisa di-compile ke multi device
3. Berbasis Lua script, mudah untuk dipelajari.
4. Mendukung realtime device testing dan Corona simulator
5. Ada lebih dari 1000 API yang bisa dimanfaatkan
6. Tersedia Corona Plugin yang siap pakai, termasuk monetization plugins.
7. Terdapat Corona marketplace untuk membeli item-item premium
8. File installer relatif kecil dibandingkan Android Studio misalnya, hanya 80 MB
9. Tidak native, namun disediakan juga bila ingin memanggil library kode native lewat JNLua misalnya (sebuah jembatan antara bahasa Java dan Lua).
10. Sudah "Game-Ready" dengan fitur-fitur berikut : Multi-Element Collisions, Allowing Jumps, Ray Casting and Reflection, Uniqueness of Post-Collisions, Predicting Trajectory, LiquidFun Essentials, LiquidFun Particle Collisions, Radial Gravity, Non-Physical Collisions

Dan salah satu kelebihan Corona lagi adalah, sudah tersedia banyak contoh aplikasi bawaan yang bisa menjadi dasar dalam membuat aplikasi yang lebih kompleks lagi. Contohnya seperti gambar berikut :


Satu lagi yang saya rasakan kemudahannya saat pertama kali menggunakan Corona adalah kemudahan melakukan build ke target yang dituju. Android / iOs ataupun windows. Syaratnya komputer anda harus terkoneksi internet, lalu Corona akan melakukan build dengan menggunakan servernya.


Walaupun tidak semudah Game Maker Studio, namun yang perlu diperhatikan bahwa Corona ini gratis, jadi anda dan saya yang jika memiliki masalah modal yang minim XD bisa langsung publish aplikasi keren tanpa harus bayar tools ini. 

Yang mau coba, bisa langsung download dan baca dokumentasinya di coronalabs.com

* Jasa Pembuatan Aplikasi Web / Android
* 08977791190 - Whatsapp (David)

Senin, 16 April 2018

Cara Membuat Website Menjadi Aplikasi Android



Membuat aplikasi android bisa dibilang sebuah alternatif untuk mempromosikan produk ke user selain dari website. Keuntungan menggunakan aplikasi android adalah: customer bisa lebih "dekat secara personal" dengan produk yang kita tawarkan. Dengan aplikasi, kita bisa lebih menargetkan costumer yang tepat, selain itu customer juga merasakan keuntungan dibanding menggunakan web yang harus buka link ini itu terlebih dahulu. Selain itu melalui Admob, kita juga bisa menyisipkan iklan untuk menambah penghasilan. Merupakan sebuah kebanggan tersendiri jika kita punya aplikasi Android apalagi di-publish di Playstore.

Tutorial kali ini bukan dengan Appgeyser , tanpa Appgeyser, yang hanya menyisipkan URL, namun membahas bagaimana konsep Aplikasi android. Lagipula, belakangan banyak yang kecewa dengan appgeyser karena tidak bisa masuk playstore dan tidak bisa dicustom. Selain itu didalam aplikasi kita juga tidak bersih alias ada embel-embel appgeysernya.

Yuk kita mulai.

1. Download contoh template HTML/CSS android Disini
2. Setting API atau Blog Feed berbentuk JSON

JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999. JSON merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data.

dengan kata lain, aplikasi android kita akan Mengambil Data Website kita dalam bentuk JSON dan diolah hingga menjadi User Interface yang menarik dan mudah dipakai

contoh pada wordpress :
http://www.kreasindonews.com/?json=get_recent_posts
contoh pada detik.com
https://api.rss2json.com/v1/api.json?rss_url=http%3A%2F%2Frss.detik.com%2Findex.php%2Fdetikcom

3. Cara menggunakan data JSON untuk dirender ke HTML

contoh data sederhana :
https://jsonplaceholder.typicode.com/posts/1

Penggunaan data :



Nah sekarang tinggal mengkonvert html css dan javascript anda menjadi aplikasi android dengan https://websitetoapk.com/

TUTORIAL LENGKAP BISA KLIK DISINI

ini contoh aplikasi saya yang sudah jadi :



 ....Selamat Mencoba, Semoga bermanfaat.

Selasa, 26 September 2017

5 Free Hosting Gratis - Unlimited Bandwith dan Storage



Hosting menjadi sebuah kebutuhan utama para pengembang website dan mobile app. Baik dalam melakukan riset pengembangan web maupun untuk melancarkan bisnis websitenya. Harga hosting memang beranekaragam. Biasanya yang mahal memang memberikan fasilitas terlengkap dan performa yang ciamik. Namun bagi yang ingin mengembangkan websitenya secara gratis, bisa mencoba salah satu dari hosting-hosting berikut ini. 

Saya telah memilih 5 Hosting Gratis (100% Free) terbaik yang menyediakan Bandwith dan Storage yang besar bahkan menyatakan dirinya Unlimited. Fiturnya pun sudah dibilang lengkap hampir seperti premium hosting. Anda juga sudah tidak perlu memikirkan iklan berbentuk banner maupun footer yang ter-inject dalam web anda nanti karena hosting yang saya pilih sudah bebas Ads. Berikut daftarnya : 



5. HelioHost

Interests: Personal, Business. Free Web Space: up to 1000 MB. Forced Ads: No ads (bannerless). Your Ads: Allowed. Upload: FTP, Browser, SiteCopy. Editor: Basic. Scripting: CGI, PHP, ASP.NET, SSI, FrontPage Extensions, Perl, Python, Ruby. Pre-Scripts: Script collection. Your URL: Top-level domain name, or Subdomain. Other Features:
⦁ Unlimited bandwidth.
⦁ Cpanel, Fantastico.
⦁ Unlimited addon domains.
⦁ POP3 Email, Spam Assassin.
⦁ Statistics, raw logs.
⦁ Cronjobs allowed.
⦁ Unlimited MySQL and PostgreSQL databases.
⦁ Custom error pages.
⦁ SSL secure server.
⦁ Same as helionet.org.
⦁ Ruby on Rails.
⦁ Django (a Python Web framework).
⦁ ASP.NET 3.5 with VB.NET support is enabled again.
⦁ libgdiplus support.
⦁ MySQL Connector/NET (for PostgreSQL connections) with a DbProviderFactory hook.
⦁ Npgsql (for PostgreSQL connections) with a DbProviderFactory hook.
⦁ Uploading with WebDAV.
⦁ Offers dedicated IPs for custom SSL certificate installation.
⦁ They are only accepting 200 sign-ups per day.




4. Freeost

Interests: Personal, Business. Free Web Space: 10,000 MB. Forced Ads: No ads (bannerless). Your Ads: Allowed. Upload: FTP, Browser, SiteCopy. Editor: Basic. Scripting: PHP. Pre-Scripts: Script collection. Your URL: Top-level domain name, or Subdomain. Other Features:
⦁ Bandwidth limit 100,000 MB/month.
⦁ Cpanel.
⦁ Addon domain names, parked domains, redirects.
⦁ MySQL databases.
⦁ POP3 Email, Webmail, e-mail forwarding.
⦁ Edit MX Record.
⦁ Auto Installers.
⦁ Statistics.
⦁ Password Protected Directories.
⦁ Cron Jobs.
⦁ Custom error pages.
⦁ Instant activation.
⦁ PHP5.
⦁ Free Website Templates.
⦁ Analyze Website.
⦁ Zyro Builder.
⦁ phpMyAdmin.
⦁ SSH Console.
⦁ DNS Zone Editor.
⦁ PHP Configuration.
⦁ Fix File Ownership.
⦁ IP Deny Manager.
⦁ Hotlink Protection.
⦁ Folder Index Manager.
⦁ Reload Account.
⦁ Delete Account.
⦁ osCommerce.
⦁ Zen Cart.



3. 1FreeHosting

Interests: Personal, Business. Free Web Space: 10,000 MB. Forced Ads: No ads (bannerless). Your Ads: Allowed. Upload: FTP, Browser. Editor: Basic. Scripting: PHP. Pre-Scripts: Script collection. Your URL: Top-level domain name, or Subdomain. Other Features:
⦁ Bandwidth limit 100,000 MB/month.
⦁ cPanel control panel, Fantastico.
⦁ MySQL 5 Databases Server.
⦁ Addon domains.
⦁ Web File Manager.
⦁ POP3 email, IMAP, WebMail Access (RoundCube, SquirellMail), Mail forwarding.
⦁ Custom Cron jobs support.
⦁ Customisable Error Pages.
⦁ Parked domain names allowed.
⦁ Weekly backups.
⦁ .htaccess supported.
⦁ Web SSH console.
⦁ Hotlinking protection.
⦁ Free website builder and publisher with profesional web design templates.
⦁ ionCube Loaders.
⦁ Zend Optimizer.
⦁ SpamAssasin Protection.
⦁ Password protected directories.
⦁ IP address deny Manager.
⦁ FreeHosting on Dual Quad Processor Performance Linux Servers.



2. FreeHostingNoAds

Interests: Personal, Business. Free Web Space: 20,000 MB. Forced Ads: No ads (bannerless). Your Ads: Allowed. Upload: FTP, Browser. Editor: Basic. Scripting: PHP. Pre-Scripts: Script collection. Your URL: Top-level domain name, or Subdomain. Other Features:
⦁ Bandwidth limit 200,000 MB/month.
⦁ POP3, webmail, e-mail forward, with Catch-all Email.
⦁ MySQL database.
⦁ Web site Statistics.
⦁ CronJobs.
⦁ Custom Error Pages.
⦁ .htaccess.
⦁ Password Protection Folders.
⦁ Website Builder Free.
⦁ File Manager.
⦁ HotLinking Protection.
⦁ IP Blocking.
⦁ URL Redirecting.
⦁ Website Control panel.
⦁ Automatic script installer.
⦁ ionCube.
⦁ Schedule Backup.
⦁ No file size limit.
⦁ Round Cube web-mail.
⦁ IMAP and custom MX Records.
⦁ They do not allow .exe and .txt files (for security reasons).
⦁ SHH Console.
⦁ DNS Zone Manager.
⦁ Instant FreeHosting account creation.
⦁ Same freehost service as T15.org.



1. HostFree

Interests: Personal, Business. Free Web Space: Unlimited disk space for file storage. Forced Ads: No ads (bannerless). Your Ads: Allowed. Upload: FTP, Browser. Editor: Basic. Scripting: CGI, PHP, ASP, SSI, FrontPage Extensions, Perl. Pre-Scripts: - Your URL: Top-level domain name, or Subdomain. Other Features:
⦁ Unlimited Bandwidth.
⦁ Free Unlimited cPanel Hosting.
⦁ Website Statistics.
⦁ MySQL databases.
⦁ Cron Jobs Allowed.
⦁ Addon domain names.
⦁ Park domains.
⦁ Fantastico, Softaculous script installer.
⦁ Custom error pages supported.
⦁ POP3 email.

Tambahan :

uhostall
http://www.uhostall.com

Features: Unlimited Space, Unlimited Bandwidth, Instant Activation, No Forced Ads, SSL Enabled , Super Fast Servers, High Availability, MySQL Databases, Mailboxes, Softaculous, Cloudflare, Website Statistics, Webmail, Support Tickets



Minggu, 20 Agustus 2017

Wondershare Filmora, Software Asik Untuk Editing Video


Wondershare Filmora, Software yang Mudah Gampang Untuk Editing Video

Hari gini siapa yang gak tau vlog? Vlog adalah plesetan dari video-blog yang saat ini sedang digandrungi para remaja. Baik pembuat maupun penontonnya sama-sama ramai. Para pembuat vlog berlomba-lomba menghasilkan vlog berkualitas, paling kreatif dan anti-mainstream supaya penonton tidak jenuh.

Nah, untuk menghasilkan video berkualitas, tentunya para vloggers dan youtubers ini memiliki 'modal'. Selain kamera, microphone dan PC high spec tentu software editing videonya juga harus powerful. Bagi mereka yang sudah expert di bidang editing video, tentu kalian pernah dengar Adobe Premiere dan Adobe After Effect bukan? Ya, dua software tersebut digadang-gadang menjadi software paling powerful, bahkan dipakai oleh hollywood untuk pembuatan film mereka. Di tempat lain, ada juga yang menggunakan Vegas Pro yang biasanya dipakai oleh para profesional di bidang penyiaran/pertelevisian.

Namun bagaimana jika kamu adalah seorang pemula tapi langsung ingin menghasilkan video berkualitas layaknya profesional? Dari pengalaman selama ini sebagai non-profesional, saya menggunakan Corel Video Studio. Penggunaannya mudah karena memang didesain untuk produksi rumahan, editing video keluarga, acara pernikahan, misalnya. Fiturnya lengkap, cenderung instan. Bertahun-tahun saya menggunakan Corel Video Studio, saya pun bosan dan ingin pindah ke lain hati. Sampai baru-baru ini saya menemukan Wondershare Filmora.

Ya, bagi saya Wondershare Filmora ini sangat cool. Sedikit lebih kompleks dari Corel Video Studio memang, tapi percayalah, sebentar saja belajar, maka kamu sudah bisa menghasilkan video yang keren bak professional video editor.



Kelebihan Filmora menurut saya;

Mudah : Dibanding video editor lain, interface filmora tidak terlampau mengerikan. Cukup setengah jam sampai satu jam saja, kamu sudah bisa sedikit banyak mengerti dasar penggunaan Filmora ini. Bahkan Filmora sendiri menyediakan fitur Instant Cutter dan Easy Mode untuk semakin memudahkanmu menghasilkan video. Walaupun mudah, namun hasilnya tidak ecek-ecek.

Library : Filmora kaya akan library template siap pakai. Baik itu animasi, filter, element, text, musik, transisi, semuanya mengacu pada style yang "kekinian" dan keren. Dijamin hasil video kamu nanti tidak akan norak dan kaku seperti saat memakai Movie Maker-nya windows :p

Output kualitas tinggi : Ketika proses render (produksi video ke format tertentu) , Filmora menyediakan banyak format dengan bermacam kualitas hingga resolusi 4K. Dibandingkan dengan Corel Video Studio, rasanya hasil dari Filmora lebih baik. Selain itu, Filmora juga Social-Networks-Ready. Terintegrasi dengan Youtube, Facebook dan Vimeo.



Bagaimana? Ingin mencoba menjadi youtuber mulai dari sekarang? Jika kamu tertarik, bisa langsung kunjungi official websitenya di https://filmora.wondershare.com

Minggu, 25 Juni 2017

CodeIgniter: Framework Tepat Bagi PHP Programmer Pemula

Ketika ditanya manakah framework PHP yang paling tepat bagi programmer pemula, saya yakin benar bahwa CodeIgniter (CI) adalah jawabannya. Mengapa? Karena saya merasakannya sendiri bahwa dari sekian banyaknya framework PHP, Codeigniter termasuk framework yang bisa dibilang paling mudah dipahami dan paling mudah diimplementasikan, dengan dukungan dokumentasi yang lengkap serta library dan sample program dari official maupun dari komunitas yang juga sangat banyak dan beragam.
Saya sendiri memakai framework ini hampir 3 tahun sejak duduk di bangku kuliah. Itupun belum semua fitur CI saya manfaatkan dengan baik.


Berikut ini kelebihan yang saya rasakan ketika menggunakan CI :

1. Cepat, Instan dan Mudah
Ini adalah kelebihan yang paling jelas terlihat. Bisa dicoba ketika anda mendownload CI dan mengekstraknya di localhost, tanpa perlu konfigurasi dan perintah yang terlalu banyak, anda sudah langsung bisa melihat halaman Welcome.
Selain itu, kita juga tidak diharuskan mendefinisikan routes untuk url, nama fungsi pada controller pun bisa menjadi url. Hal ini sangat berguna bagi programmer yang butuh penulisan kode yang cepat.
Memang CI sangat longgar dalam memberikan ketentuan bagaimana konsep MVC yang ideal, namun bagi pemula hal ini sangat memudahkan. Jadi tidak perlu bertemu kesalahan-kesalahan yang disebabkan oleh pelanggaran aturan MVC.
Selain itu, tertera jelas keterangan dan petunjuk pemakaian pada setiap file PHP di dalam CI berupa komentar yang sangat membantu bagaimana menggunakan CI secara Best practice.

2. Lengkap
Package default pada Codeigniter bisa dibilang sangat lengkap untuk melakukan development website dari basic hingga yang kompleks tanpa perlu menambahkan plugin lain atapun library lain. Kelengkapannya pun bisa dibilang tidak berlebihan karena ada beberapa hal yang tidak terlalu diperhatikan seperti Unit Testing misalnya. Maka dari itu ukuran file framework ini bisa tidak terlalu besar, namun juga tidak bisa dibilang kecil.

3. Active Record
Untuk urusan database dan query-nya, dibandingkan ORM/Eloquent, bagi seorang pemula akan lebih mudah memahami konsep Active Record karena konfigurasi yang mudah dan rules penulisan yang agak longgar.

4. Mendukung Modular MVC
Modular MVC atau HMVC memang tidak disediakan langsung oleh CI. Modul ini harus didownload dan diaplikasikan secara manual. Dengan adanya HMVC diharapkan Codeigniter dapat memenuhi kebutuhan untuk skala sistem yang lebih besar.

5. Library yang Berlimpah
Jika sudah menyukai CI, anda akan sangat terbantu ketika menemukan beberapa library publik yang lagi-lagi sangat memudahkan developer. Seperti Ignited Datatables, Grocery Crud, Restful API, dll yang membuat proses development anda menjadi lebih cepat lagi dengan memanfaatkan library-library yang ada dan siap pakai. Proses istalasinya cepat dan penggunaanya pun tidak memerlukan waktu lama untuk mempelajarinya. 

Begitulah kira-kira yang saya rasakan ketika menggunakan CI. Banyak sekali kemudahan dengan menggunakan framework ini, Namun jujur CI masih belum dapat memenuhi kebutuhan teknologi yang terbaru saat ini dikarenakan popularitasnya mulai turun dan perkembangan framework yang stagnan.

Minggu, 18 September 2016

Tutorial Membuat Animasi Website HTML 5 dengan Google Web Designer



Ketika animasi web dengan Flash mulai ditinggalkan, para perancang web tentu mencari alternatif lain pengganti yang lebih powerful dan mengutamakan aspek portabilitas serta kompatibilitas untuk mengakomodir kebutuhan untuk membuat animasi di website interaktif berbasis multimedia.

Google Web Designer, adalah salah satu tools yang bisa digunakan untuk membantu kita dalam menganimasikan elemen-elemen pada website. Walaupun dasarnya digunakan untuk membuat animasi pada banner ads , namun tidak menutup kemungkinan, bisa digunakan untuk mendesain animasi web keseluruhan secara cepat. Selain gratis, tools ini juga cukup lengkap dan oke untuk membuat beberapa animasi dasar untuk kebutuhan website, meski masih tahap beta.

Banyak tools-tools sejenis yang online atau offline, namun siapa yang tidak tahu google si raja internet. Maka Google Web Designer adalah pilihan tepat. 


Berikut langkah-langkah dasar menggunakan Google Web Designer (beta) :

1. Buka Google Web Designer. Build a Document from Scratch

2. Lalu lengkapi project Setting


3. Maka beginilah canvas projectnya



Menambahkan Animasi Tulisan

Berikut dasarnya :

4. Pilih Toolbox Text ("T"), letakan objek di pojok kiri bawah.
5. Klik kanan pada timeline Events, Insert Keyframe. Ini menandakan posisi awal si objek.
6. Geser jarum timeline ke 1s.
7. Lalu geser tulisan "Latihan Animasi" ke pojok kanan atas
8. Klik kanan pada timeline Events pada posisi 1s, Insert Keyframe. Ini menandakan posisi objek setelah 1 detik.

Membuat Animasi HTML 5 Tanpa Flash

9. Coba klik tombol play dari detik ke 0. Jika tulisan bergerak berarti anda berhasil

Bekerja dengan Objek Image

10. Untuk menambahkan objek gambar / image, kita hanya tinggal mengklik File, Import Assets.
11. Pilih gambar yang diinginkan. Formatnya bisa PNG, JPG atau GIF
12. Kita bisa lihat di bagian kanan ada properties untuk penamaan (ID) supaya rapih, mudah terbaca dan terstruktur dan setting ukuran gambar.
13. Bagian Positions and Size ini bisa disesuaikan dengan timeline. Nantinya bisa menghasilkan animasi atau efek gambar membesar atau mengecil
14. Fitur translation, rotation & scale juga berguna untuk memanipulasi animasi.
15. Caranya : tentukan keyframe pada posisi detik yang diinginkan, lalu set nilai-nilai dari properties tersebut


Menambahkan Event (Input)

16. Klik kanan pada objek gambar/image

membuat-animasi-website-interaktif-lengkap-mudah

17. Tambahkan Event. Misalkan "Click",
18. Selanjutnya tentukan Action nya


19. Tentukan Receiver-nya  (halaman yang menerima perlakuan dari action yang di-set)
20. OK

Mengekspor Project

21. Klik Publish. Pilih Folder tujuan
22. Publish, maka kode-kode yang dibutuhkan akan ter-generate otomatis.
23. Cek folder anda, maka anda akan menemukan file HTML, CSS, Javascript yang diperlukan.
24. Untuk preview, coba buka file HTML-nya dengan browser. Lalu, silahkan Embed kode-kode tersebut pada website anda.

Bagaimana? Begitulah kira-kira dasar animasi web HTML 5 dengan Google Web Designer. Cukup mudah bukan. Anda tidak perlu melakukan pengkodean manual lagi untuk animasi dengan CSS dan HTML 5. 

Selamat berkreasi!

Rabu, 06 Juli 2016

Tutorial Mengambil Live Updates Status Media Sosial tanpa API key



Hallo selamat hari raya Idul Fitri bagi teman-teman yang merayakan. Mohon maaf lahir bathin.

Kali ini saya ingin mencoba membeberkan beberapa trik untuk mengambil live updates dari akun sosial media yang teman-teman miliki. Cara ini saya dapatkan sejak beberapa bulan lalu dan sudah saya implementasikan di blog. Contohnya saya tempatkan di halaman depan blog ini. Dulu saya pasang karena blog ini masih sepi, semenjak nemu cara ini, blog saya jadi lebih up to date karena memang saya lebih cerewet di sosmed dibanding blog. hehe. Selain informatif, nantinya widget ini dapat dikustom dan dipasang di website / blog sebagai pemanis website / blog anda.

Banyak cara untuk mengambil live updates dari socmed terkenal seperti facebook, instagram, google plus dan twitter. Cara yang paling ampuh adalah dengan memanfaatkan API mereka. Cara ini memang paling memuaskan karena lengkap. Namun cara ini sedikit agak rumit karena kita harus memiliki API key dan berkutat dengan Post dan Get method. Yang artinya harus menggunakan server side scripting dan authentication key & token yang tidak bisa diterapkan pada Blogger.

Nah untuk mengatasi ini, kita dapat memanfaatkan RSS Feed 

Beberapa penyedia jasa RSS feed untuk social media adalah :

Twitter :
https://queryfeed.net

Facebook :
https://fbrss.com/

Google plus :
http://gplusrss.com/

Blogger:
http://www.namablog.blogspot.com/feeds/posts/default?orderby=published

Youtube:
https://www.youtube.com/feeds/videos.xml?user=nama_user

Instagram, Soundcloud dll :
http://rssbridge.buddylist.co

Selanjutnya anda hanya tinggal mengikuti dan mengisi form yang ada disitu seperti username, Facebook ID, youtube username, login via facebook, login via g+, dll. Hingga nanti kita akan diberikan URL feed dalam bentuk XML / RSS / Atom.

Seperti ini contohnya update dari socmed milik saya (copas di browser untuk tahu bentuk XML nya) :
- https://queryfeed.net/twitter?q=from%3Adavithace&geocode=&omit-direct=on&attach=on
- http://gplusrss.com/rss/feed/535ea2b438c297f5dfa7508ba13b7c385453031f101c4
- http://rssbridge.buddylist.co/?action=display&bridge=InstagramBridge&u=davithace&format=AtomFormat
- https://www.youtube.com/feeds/videos.xml?user=davidprasetyo19
- https://fbrss.com/feed/6009f36b4453aff3508cd06c4615daeee8b15f0d.xml?me

Sebagai info, link-link tersebut memang tidak live 100%, karena gratis, jadi butuh waktu beberapa menit hingga beberapa jam untuk mensinkronkan isinya dengan akun socmed kita.

Setelah teman-teman mendapatkan feed dalam bentuk url yang berisi live XML sekarang tinggal dirender ke HTML. Atau bagi yang belum tau caranya, bisa ke http://feed.mikle.com/
Disitu anda bisa pasang widget update RSS feed dari social media anda.


Berikut contohnya :

Copy url feed milik anda lalu taruh di bagian field add feed.


Ini setting lebih lanjutnya, silahkan berkreasi sesuai dengan selera anda :)


Sekarang tinggal pasang widget di blog / website anda dengan cara mengcopy code yang telah di-auto generated. Mudah bukan?

Sabtu, 07 Mei 2016

Tutorial Lengkap Membuat Blog / Website Menjadi Aplikasi Android APK



Jasa Konversi website ke Aplikasi Android

Pemberitahuan: 

 Bagi teman-teman yang merasa kesulitan / butuh bantuan untuk project,
Saya terbuka menerima jasa pembuatan Blog/Web menjadi aplikasi android APK
Ataupun pembuatan aplikasi android hybrid (non-native)

+ Bisa Custom template
+ Custom fitur
+ Standard / Full feature android seperti fitur Notification, Location, GPS, Email dsb.
+ Playstore ( mendukung format .aab )

Contoh Fitur Notifikasi (dengan suara/sound), cocok untuk promosi produk dan berita terkini untuk membantu pengguna aplikasi selalu up-to-date :





WA: 08977791190  (David)
email: davidpras1994@gmail.com

Terima jasa konversi upload google playstore dalam format AAB
* Format AAB adalah kebijakan format terbaru Google Playstore mulai Agustus 2021 dimana format APK tidak lagi bisa diterima.
--------

Banyak tutorial yang beredar di Internet, untuk membuat website atau blog menjadi apk (aplikasi android) sangat mudah. Yaitu hanya tinggal meletakan url web/blog kita, lalu dikonversi menjadi APK. Yang perlu teman-teman tahu bahwa sebenarnya itu hanyalah semacam internet shortcut untuk menuju ke website yang dituju. Maka jika diperhatikan, ukuran aplikasinya sangat kecil Hanya dibawah 50 Kb.

Sudah banyak application generator yang bertebaran seperti www.appsgeyser.com . Dan sekali lagi perlu diperhatikan bahwa aplikasi yang dihasilkan adalah hanya sebuah internet shortcut.

Tidak salah memang, hanya saja cara tersebut terlalu instan, kurang elegan, kurang keren dan kurang tepat. Untuk itu, bagi teman-teman yang terbiasa membuat website dan familiar dengan HTML, CSS dan Javascript, teman-teman dapat melakukan development aplikasi android yang sekarang bisa dilakukan dengan metode Hybrid. Metode ini tidak menggunakan Java dan XML melainkan dengan HTML, CSS dan Javascript.


Contoh yang sudah jadi seperti davidprasetyo.com versi android yang dapat didownload di SINI


Demo App

Penasaran bagimana cara pembuatannya? Berikut langkah-langkahnya :

1. Siapkan apache sebagai web server. Untuk mempermudah, kita bisa menggunakan XAMPP. Download XAMPP disini

2. Install XAMPP, Lalu Start Apache Service

3. pada folder htdocs, misal C:\xampp\htdocs  beri folder baru misalkan projectwebdroid


4. Siapkan Template. Bagi teman-teman yang tidak sempat membuat template android, silahkan search di google "template android HTML". Mau cari gratis atau mau berbayar silahkan. Atau download contoh template disini atau jika tidak mau repot saya sudah siapkan dan tinggal Download PROJECT JADI disini


5. Download template yang disukai, lalu taruh di folder projectwebdroid tadi.

6. Pastikan ada index.html serta folder css maupun js (javascript). Jika ada folder bootstrap atau pendukung images jangan ketinggalan juga.



7. Pastikan service apache pada XAMPP sudah menyala.

8. Buka Browser (Lebih baik pakai chrome). Masuk ke developer tools (ctrl+shift+i)

9. Untuk mensimulasikan device mobile maka pilih Toggle device mode

10. Disitu juga ada pilihan penyesuaian besar layar. Teman-teman bisa mengeksplor itu nanti


11. Untuk mengetes template yang barusan diunduh, ketik di address bar browser http://localhost/projectwebdroid 

12. Jika tampilan sudah berhasil muncul, maka saatnya berkarya mengintegrasikan aplikasi kita dengan blog / Website. Sebelumnya akan saya sampaikan dulu bahwa aplikasi android berbasis web dasar datanya adalah API atau yang umum disebut orang sebagai FEED. API / FEED bertugas mengambil data dari database server dan umumnya ditampilkan dalam bentuk JSON. contoh pada blogspot :


alt=json-in-script sedangkan myFunc adalah fungsi yang akan dipanggil untuk merender data JSON

baca juga documentation API blogspot disini :

Untuk pengguna wordpress, penggunaan JSON API bisa dilihat disini :


Untuk Pengguna Joomla :

Untuk Pengguna Drupal :

13. Selanjutnya kita harus merender JSON ke dalam website kita.
Contohnya seperti ini : Ini adalah sample kode index.html aplikasi blog saya :

Sample Code  (Klik untuk melihat source code)

davidprasetyo.com ganti dengan url blog anda.

14. Buat Function Javascript untuk merender data :

15. Sisanya teman-teman hanya perlu berkreasi seperti mendevelop web dengan client-side-scripting dengan angularJS, maupun JQuery. Dengan CSS anda dapat menentukan warna dan design.

16. Berikut ini style sidebar menunya jika sudah jadi


17. Sekarang saatnya mengubah Project tadi menjadi APK dengan cepat dan instan.
Caranya adalah download website 2 apk builder

18. Install lalu jalankan aplikasinya

19. Isi yang perlu diisi sesuai dengan keinginan anda. Disini yang penting adalah :
- website type to convert = Local HTML Website
- directory of local website = tempat project anda barusan (htdocs/projectwebdroid atau www/projectwebdroid )


20. Klik Generate APK. Setelah digenerate, biasanya installer apk ada di desktop. Pindahkan ke device mobile anda dengan kabel data atau bluetooth, lalu install dan jalankan. Aplikasi Android berbasiw web anda sudah jadi.


21. Alternatif lain :




22. Tips dan Trik
- Gunakan css dan js file lokal. Kalau bisa image pun juga lokal. Hal ini untuk menghindari loading page yang terlalu berat.
- Gunakan localStorage pada javascript untuk menyimpan value-value secara permanen.
- Gunakan sqlite jika ingin memakai database

Kira begitu untuk membuat aplikasi android tanpa perlu menggunakan SDK JDK eclipse dan semacamnya. Teknik ini memang ada kekurangan dan kelebihannya, tapi untuk sebuah project yang skalanya pribadi dan sederhana, teknik ini sangat cepat dan dapat diandalkan.

Tambahan :

Karena Banyak pertanyaan tentang teknis, saya share saja ya source code nya yang sudah berjalan :
https://github.com/davithace/davidwebapp

Preview :
http://davithace.github.io/davidwebapp/

Minggu, 13 Maret 2016

Contoh Aplikasi Manajemen Booking Hotel dengan Laravel

Contoh Aplikasi Manajemen Booking Hotel dengan Laravel

Untuk mempermudah Hotel dalam melakukan manajemen terhadap tamu, ruangan, layanan, karyawan dan lain sebagainya, maka diperlukan sebuah sistem informasi manajemen hotel yang dapat mengakomodir segala kebutuhan hotel. Sistem ini dibuat dengan menggunakan Laravel 4 dengan database MySQL.

Fitur :
Catalog (Referensi)
AJAX option
Booking & Payment
Print Report Booking & Financial

Cara install :
- ekstrak folder ke htdocs (jika menggunakan apache web server/ XAMPP/ folder www jika pakai WAMPP). Buat folder dengan nama myhotel. Lalu ekstrak semua file disitu.
- buat database dengan nama myhotel
- import hoteldb.sql ke dalam database (Proses import agak lama karena banyaknya data yang menjadi sample)
- akses melalui : http://localhost/myhotel/public/

Login :
username : naruto
password : 123


Screenshoot :

Contoh Algoritma RSA dengan PHP

Algoritma RSA dengan PHP
Algoritma RSA dengan PHP

RSA merupakan algoritma kriptografi asimetri, dimana kunci yang digunakan untuk mengenkripsi berbeda dengan yang digunakan untuk mendekripsi. Kunci yang digunakan untuk mengenkripsi disebut dengan kunci public, dan yang digunakan untuk mendekripsi disebut dengan kunci privat. RSA adalah salah satu algoritma kriptografi yang menggunakan konsep kriptografi kunci publik. RSA membutuhkan tiga langkah dalam prosesnya, yaitu pembangkitan kunci, enkripsi, dan dekripsi. Proses enkripsi dan dekripsi merupakan proses yang hampir sama. Jika bilangan acak yang dibangkitkan kuat, maka akan lebih sulit untuk melakukan cracking terhadap pesan. Parameter kuat tidaknya suatu kunci terdapat pada besarnya bilangan acak yang digunakan.

Untuk contoh penerapannya bisa dalam aplikasi web yaitu dengan bahasa pemrograman PHP dengan framework codeigniter. Source code bisa didownload disini :



Demo Aplikasi :

Minggu, 06 Maret 2016

6 Tips Menjaga PC Windows Supaya Tidak Lemot



Mungkin anda pernah mengalami lag atau lemot pada komputer atau laptop ber-OS windows jika sudah lama dipakai. Solusi tercepat menurut anda mungkin "ah, install ulang aja deh, ini pasti udah banyak virusnya" Ya, bisa saja dugaan anda benar. Tapi tunggu dulu, apa anda mau mengorbankan data-data anda yang sudah rapi? apa anda ingin membayar tukang service lagi? Kalo ya silahkan saja, tapi ada kok caranya supaya PC kita kembali seperti sediakala, mirip saat pertama kali diinstall ulang.

Sebelumnya kita harus tau dulu, apa sih yang membuat komputer kita lemot. Saat menyalakan pc pertama kali misalnya, atau saat membuka program. Perlu diketahui bahwa kejadian lemot atau lag diakibatkan karena (umumnya) banyaknya proses aplikasi yang sedang berjalan tidak sebanding dengan kemampuan/kapasitas hardware (CPU, RAM, Hardisk atau VGA). Lalu bagaimana cara mengetahui proses yang sedang berjalan dan cara mengatasi jika terjadi 'lemot'?

1. Cek Task Manager
Kalau windows gampang ya, search saja 'task manager' di start menu. Atau klik kanan di taskbar (bar yang sebaris dengan icon start, biasanya dibawah), lalu task manager.



Task manager akan memberikan informasi tentang jumlah pemakaian resource pada PC. Asalkan tidak ada resource diatas 80%, PC kita bisa dibilang aman. Jika ada, pilih proses yang paling besar dan sedang tidak dipakai. Klik kanan lalu End Task.

2. Cek Services Manager
Caranya tekan icon windows + R kalu ketik 'services.msc', lalu enter. Atau search 'view local services' atau 'services'. Disini anda akan melihat services apa saja yang berjalan pada PC anda.'

 

Kita bisa melakukan 'stop' jika ada service yang tidak dibutuhkan (click icon stop). Atau bisa mensetting automatic menjadi manual supaya tidak dijalankan saat startup. Atau jika sangat tidak penting kita bisa memilih disable. Caranya klik kanan pada services item, pilih properties, ganti startup type-nya.

3. Install CCleaner dan Manfaatkan
Kita bisa melakukan pembersihan file-file 'sampah' yang umumnya berupa file cache dan temporary files pada PC. Beberapa fitur yang bisa dimanfaatkan untuk menjaga performa antara lain :

Cleaner.
Bermanfaat untuk membersihkan file temporary maupun cache pada komputer anda. Hal ini bertujuan untuk menjaga dan menghemat space disk anda.

Registry.
Registry adalah "ingatan" dari OS windows. Berisi ribuan informasi yang dibutuhkan untuk menjalankan aplikasi-aplikasi. Jika diumpamakan registry ini adalah otak kita, bagaimana jika otak kita penuh dan banyak yang mesti diingat? Pasti akan pusing. Begitu juga komputer. Jika ada registry yang tidak terpakai, maka kemampuan "otak" komputer akan tidak optimal.

Tools -> Startup
Seringkali kita tidak peduli apa saja program-program yang berjalan ketika pertama kali komputer dihidupkan. Jika anda merasa komputer anda lama sekali masuk ke desktop, maka anda perlu memperhatikan startup. Disable program yang kira-kira tidak perlu di-load saat pertama kali menyala.

4. Gunakan Browser yang Sesuai
Browser adalah aplikasi yang cukup banyak memakan memori saat sedang melakukan browsing internet. Jika RAM anda 2 GB kebawah, baiknya menggunakan Mozilla Firefox dibanding Chrome. Bisa dibilang, Chrome paling boros untuk memory dan cache, namun performanya paling apik. Jika anda pakai chrome dengan RAM pas-pasan, RAM anda bisa-bisa terpakai setengahnya sendiri untuk chrome.

5. Perhatikan Virus dan Adware
Saya menyarankan ESET sebagai antivirus yang paling baik untuk digunakan personal. Selain ringan, tidak rewel dan tidak perlu pengaturan yang ribet alias serba otomatis, eset juga sangat lengkap fiturnya. Setelah memasang antivirus, kita belum dipastikan bebas virus dan adware. Seringkali kita lalai asal klik dan install, terutama dari situs download yang tidak jelas. Nah hal ini diperlukan untuk menjaga performa PC kita. Contoh simple adware adalah saat browser halaman awalnya menjadi iklan, atau software-software china seperti baidu search, dan sejenisnya. Pastikan halaman awal adalah default (google) atau sesuai keinginan kita yang sudah kita set. Jika terlanjur terkena adware segera bersihkan dengan adwcleaner

6. Perhatikan Notification Area
Hal ini mungkin sering luput, padahal ini adalah area paling mudah untuk melihat aplikasi yang sedang berjalan di process background . Selalu jaga agar area ini bersih (lebih sedikit icon nya), usahakan jangan lebih dari 9 icon. Untuk mengaturnya kita bisa lihat di CCleaner startup, atau kita bisa langsung klik kanan close aplikasi yang tidak dibutuhkan.


Nah, kira-kira itu dia beberapa tips cara menjaga performa PC anda. Sebenarnya masih ada beberapa cara lain, namun dengan menjaga 6 hal itu saja saya yakin sudah cukup. Jangan sampai karena PC anda lemot, pekerjaan jadi terganggu dan menambah stress. Semoga sajian kali ini bermanfaat bagi para pembaca sekalian.
Langganan: Postingan ( Atom )