Senin, 09 Oktober 2017

Berkenalan dengan Flask aplikasi hello world


    Python Flask atau yang biasa disebut Flask adalah sebuah micro web framework yang di khususkan untuk programmer Python dan dibuat berdasarkan werkzeug toolkit dan template engine jinja2. Untuk lisensi, Flask menggunakan BSD(Berkely Software Distribution). Ada beberapa web besar yang menggunakan flask seperti Pinterest dan LinkedIn. Khusus di Indonesia Flask masih asing ditelinga para developer web, karena flask berdiri belum lama.

    Pada tahun 1 April 2010 Armin Ronecher merilis flask pada pertama kalinya. Mungkin pada saat itu flask masih versi 0.0.1 karena sampai saat ini flask masih belum mencapai versi 1 dan untuk rilis stabil flask sudah mencapai versi 0.12. Meskipun flask belum mencapai versi 1 tapi flask pernah menjadi sebuah web framework yang cukup populer pada pertengah tahun 2016 di Github.

   Cara implementasi flask pun tidak sulit sebagai contoh
buat file bernama index.py lalu isikan dengan kode di bawah ini.

Setelah selesai jalankan kode di atas dengan terminal atau cmd

lalu buka browser maka kalian akan melihat preview pada browser adalah hello world


Sabtu, 07 Oktober 2017

Cara membuat dynamic page dengan php

    Hypertext Prepocessor atau yang biasa dikenal dengan sebutan php adalah bahasa pemprograman yang cukup populer di kalangan developer web di indonesia hampir setiap web di indonesia menggunakan php. Tapi kali ini saya bukan membahas berapa banyak website yang menggunakan php tapi saya akan membahas dynamic page atau kalau menggunakan bahasa orang awan yaitu kita hanya membuat 1 file contoh index.php dan kita bisa meload semua data yang ada di database dengan menggunakan perintah query.

Persiapan
    Langkah yang harus kalian lakukan adalah menginstall php webserver dan mysql atau sqlite pada komuper atau android kalian. Jika kalian menggunakan android bisa membaca tutorial ini Cara install php di android Apabila sudah semua kita bisa memulai. Buka aplikasi editor text kalian bisa mennggunakan gedit pada linux atau notepad di windows.

Membuat Database
    Langkah kedua kalian harus membuat databases atau bisa menggunakan databases lama kalian disini saya akan membuat 2 versi databases yang pertama versi untuk sqlite3 dan yang kedua mysql server untuk linux. Apabila kalian menggunakan windows server kalian bisa cari tutorial di google.

Sqlite3 Database


Mysql Server Database


Php script
    Setelah kita selesai dengan database sekarang kita akan menghandle front-end dan back-end mulai dari tampilan utama yaitu index.php insert.php dan page.php.

index.php


page.php


insert.php


Setelah selesai saatnya kita menjalankan program yang kita. Tampilan utama dari project seperti di bawah


dan tampilan page.php seperti ini


   Jika kalian ingin mendownload source code dari project kalian bisa mendownload di link di bawah ini karena saya sudah menyematkan edit text juga untuk insert data ke database data juga di dalamnya.
Download

Selasa, 03 Oktober 2017

Cara membuat tab Layout pada android studio


    Tab layout android merupakan bagian dari style di android yang sering digunakan bahkan aplikasi besar seperti whatsapps bbm dan masih banyak lagi. Bagi developer android yang baru mungkin sering bertanya-tanya bagaimana cara membuatnya? Ada berbagai macam cara untuk membuat tab layout dan ada beberapa versi juga ada yang menggunakan string saja dan ada juga yang menggunakan icon saja. Seperti di bawah ini contoh string saja dan icon saja.


     Kali ini saya akan membahas tentang tab layout android dengan string saja, nanti saya akan bahas pada artikel selanjtunya. Langkah pertama buka aplikasi android studio lalu buat project baru jika sudah masuk ke build gradle lalu isikan dengan script seperti di bawah.


Layout

  Untuk membuat tab layout kita akan membutuhkan beberapa layout seperti layout main dan layout fragment minimal 2. Karena saya akan menggunkan 2 fragment saja dalam tab layout jadi saya akan membuthkan 3 layout saja.
activity_main.xml

fragment_satu.xml

fragment_dua.xml

Values

   Pada folder layout kita akan mengedit dan menabahkan script pada strings.xml dan styles.xml
strings.xml


styles.xml



Java
   Untuk java kita akan membutuhkan 4 file yang pertama MainActivity dua fragment class dan satu adapter.

MainActivity.java

FragmentSatu.java

FragmentDua.java

MainAdapter.java



Apabila sudah selesai sekarang jalankan aplikasi dengan klik run pada menu atau kalian bisa build dan install pada android kalian jika komputer kalian tidak mempuni untuk menjalankan virtual device.


  Dan ini adalah beberapa contoh screenshot dari tab layout



Ingin mendownload source code project ini silahkan klik di bawah 

Cara membuat toolbar di android studio

   Meskipun toolbar bukanlah hal yang baru pada android tapi apa salahnya jika kita bisa membuat toolbar dan sepertinya toolbar pun selalu digunkan pada hampir semua aplikasi android yang saya ketahui sampai saat ini semua aplikasi yang di buat oleh Google selalu menggunakan toolbar seperti Google adsense Blogger Play music dan masih banyak lagi.



   Sebenarnya sih membuat toolbar itu gampang-gampang sulit tergantantung pada kita sendiri tapi karna saya juga bukan seorang master android studio jadi saya anggap membuat toolbar itu tidak mudah. Seperti biasa kalian harus membuka aplikasi android studio dan menabahkan script pada build.gradle seperti di bawah  

Layout
   Untuk layout kali ini kita hanya akan membutuhkan satu file saja yaitu activity_main.xml, jika kalian ingin memahami cara membuat toolbar saya harap kalian tidak melakukan copy paste saja, dengan menulis ulang karna jika kalian menulis ulang kalian akan mengingat walaupun hanya sedikit.
activity_main.xml



Menu

    Membuat toolbar kita harus membuat folder baru yang bernama menu. Setelah selesai kalian juga harus membuat file bernama menu_toolbar.xml tapi untuk nama kalian bisa ganti dengan yang kalian inginkan.
menu_toolbar.xml


Java

     Pada java code kita tidak akan membuat banyak file atau script yang panjang hanya sedikit saja.
MainActivity.java




Penting untuk dibaca
    Pada project kali ini kita mempunyai hal yang penting yaitu pada tag, folder, dan java code
Tag pada activity_main.xml
pada file activity_main.xml kalian menemukan tag <android.support.v7.widget.Toolbar yang berfungsi untuk memanggil toolbar dan untuk membuat toolbar kalian bisa menambahkan tag    <android.support.design.widget.AppBarLayout untuk membungkus tujuannya adalah utnuk mendapatkan shadow pada toolbar tanpa harus menambahkan tag android:elevation untuk lebih jelasnya kalian bisa baca pada file tersebut.

Folder menu
    Sampai saat ini pun saya belum pernah mencoba membuat toolbar tanpa menggunakan folder menu pada project android studio saya. Pada folder menu tadi kalian sudah membuat file yang bernama menu_toolbar.xml pasti kalian bertanya-tanya kenapa file tersebut tidak di panggil pada activity main jadi apa gunanya? Memang tidak di panggil pada activity_main.xml tapi menu_toolbar di panggil pada java code yaitu pada function pubic boolean onCreateOptionsMenu()

Java code

    Pada java code semua terlihat seperti biasa saja memang biasa saja tapi kalian lihat lagi pada 2 function setelah function onCreate(). Yaitu public boolean onCreateOptionsMenu pada function ini kita melakukan deklarasi untuk file menu_toolbar.xml dan pada function public boolean onOptionsItemSelected() digunakan untuk melakukan deklasari onClick menu pada menu toolbar