technotechno

Postingan

Menampilkan postingan dari Juni, 2019

Cara Membuat QRCode Mengunakan PHPQRCode

QRCode merupakan sebuah code yang dibuat menjadi sebuah gambar, sehingga untuk membaca kode yang ada pada gambar tersebut dibutuhkan scan khusus QRCode. Teman-teman yang masih bingung apa itu QRCode bisa melihat contohnya pada gambar di bawah ini : Pada gambar tersebut berisikan kata "codingrakitan.blogspot.com". Jika kalian hendak membuat kode QRCode anda bisa menggunakan bantuan library PHP yaitu PHPQRCode. Diakhir postingan saya akan memagikan hasil project yang telah dibuat beserta library PHPQRCode. Untuk membuat sebuah QRCode dengan bantuan library ini anda perlu mendeklarasikan kode seperti : buat_code.php <?php include 'include/phpqrcode/qrlib.php'; $tmp = "asset/gambar_kode/"; $isi = $_POST['isi']; $kualitas = "H"; $ukuran = 10; $padding = 2; $nama = "nama_gambar".".png"; QRCode::png($isi, $tmp.$nama, $kualitas, $ukuran, $padding); ?> "QRCode::png($isi, $tmp.$nama, $kualitas, $ukuran, $padding);&qu

Baca selengkapnya

Membuat Tampilan Seperti WhatsApp Web dengan HTML dan CSS

WhatsApp merupakan salah satu aplikasi chat yang sngat populer di Indonesia. Selain bisa digunakan di Smartphone, WhatsApp juga dapat dinikmati via WEB. Alamat resminya adalah https://web.whatsapp.com/ . Pada postingan kali ini saya akan membagikan tutorial tentang cara membuat tampilan web seperti pada halaman WhatsApp Web. Disini saya hanya akan membuat tampilan saja, untuk web dengan aksinya akan saya ajarkan pada postingan selanjutnya. Hasilnya nanti akan tampak seperti gambar dibawah : Langsung saja dua code yang harus anda perhatikan adalah "index.html" dan "css.css" yang ada pada folder "asset/css/css.css". index.html <!DOCTYPE html> <html> <head> <title>Belajar Membuat QR Code</title> <link rel="stylesheet" type="text/css" href="asset/css/css.css"> <link id="favicon" rel="shortcut icon" type="image/png" href="asset/icon/icon.png"> &

Baca selengkapnya

Cara Membuat Output C++ Menggunakan Fungsi Cout

C++ merupakan salah satu bahasa pemrograman yang cocok bagi teman-teman yang baru meluncur dalam dunia pemrograman. Fungsi paling dasar yang harus teman-teman ketahui adalah fungsi Output atau menampilkan. Dalam C++ digunakan cout untuk menampilkan kata, kalimat, huruf, dll. Cara penggunaan cout sendiri sangat sederhana teman-teman hanya tinggal menuliskan kode seperti berikut : cout<<"Saya belajar bahasa pemrograman"; Pada kode diatas kata yang berada dalam tanda petik yaitu "Saya belajar bahasa pemrograman" akan ditampilkan ketika program di jalankan. Hasil dari kode di atas akan nampak seperti gambar di bawah ketika di jalankan menggunakan aplikasi Dev-C++. Agar cout dalam C++ kita perlu memanggil file header c++ yaitu "iostream". Sehingga untuk menjalankan program di atas kode lengkapnya akan menjadi seperti ini : #include <iostream> using namespace std; main(){ cout<<"Saya belajar bahasa pemrograman"; } Seki

Baca selengkapnya

Cara Membuat Tampilan Login Seperti Facebook Lite di Android Studio

Facebook merupakan salah satu sosial media paling banyak digunakan di Indonesia. Facebook kini memiliki aplikasi mobile yang diberi nama facebook lite, aplikasi ini dikhususkan untuk pengguna yang menginginkan performa cepat dengan ukuran ringan. Pada postingan kali ini saya ingin membagikan desain tampilan login dari Facebook lite yang telah saya buat. Berikut bentuk tampilan yang telah saya buat : Untuk membuat tampilan seperti di atas anda hanya perlu mengedit layout teman-teman dengan kode seperti berikut : <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <LinearLayout android:layout_width=&q

Baca selengkapnya

Membuat Aplikasi untuk Membuka USB Debug Menggunakan Android Studio

USB Debug diperlukan ketika developer atau pengembang ingin menjadikan HP smartphone sebagai media uji coba aplikasi yang sedang dibuat. Hanya dengan mengaktifkan fitur ini kemudian menyambungkan kabel USB ke pc atau laptop, teman-teman sudah bisa build aplikasi langsung kedalam smartphone teman-teman. Permasalahan yang biasa di hadapi adalah letak menu USB Debug ini yang tidak banyak diketahui. Untuk itu kali ini saya akan berbagi sebuah tutorial membuat sebuah aplikasi untuk membuka USB Debug menggunakan bantuan aplikasi Android Studio. Langsung saja langkah pertama silahkan buka aplikasi Android Studio teman-teman dan buat project baru dengan nama "USB Debug". Berikut konfigurasi pada project baru yang saya buat : Chose your project : Empty Activity Name : USB Debug Package Name : com.codingrakitan.usbdebug Minimum API Level : API 17 Setelah project baru selesai dibuat sekarang saatnya teman-teman melakukan proses ngoding pada file "MainActivity.java" serta "

Baca selengkapnya

Cara Membuat Menu Seperti Facebook dengan CSS, Jquery, dan HTML

Hai teman-teman kali ini saya akan berbagi mengenai bagaimana cara membuat menu yang mirip dengan menu milik sosial media terkenal. Apalagi kalau bukan Facebook, saya akan membagikan project yang telah saya buat di akhir postingan. Hasil tampilan nantinya akan nampak seperti gambar berikut. File utama yang harus anda perhatikan, ada pada file index.php dan css.css dalam folder "asset/css/". Untuk anda yang sudah terbiasa dengan dunia pemrograman web tentunya sudah paham dengan kode-kode yang akan saya bagikan. Bagi yag baru belajar silahkan dalami dulu tentang HTML dan juga CSS. Index.php <!DOCTYPE html> <html> <head> <title>Coding Rakitan</title> <link rel="stylesheet" type="text/css" href="asset/css/css.css"> <script type="text/javascript" src="asset/js/jq.js"></script> <script type="text/javascript" src="asset/js/js.js"></script> </head

Baca selengkapnya

Cara Membuat Scroll Auto Load More Data dengan Menggunakan Php, dan Jquery

Halo teman-teman sekarang saya akan membagikan sebuah cara membuat auto load more ketika scroll halaman mencapai batas bawahnya. Untuk lebih mengetahui bagaimana Scroll Auto Load ini anda bisa melihat contohnya seperti di bawah ini. Pada pembuatan tampilan seperti di atas kita hanya akan menggunakan data manual bukan dari database. Untuk membuat scroll auto load ini kita juga membutuhkan jquery, serta jquery inview yang dapat anda download melalui tautan di bawah. Jquery Jquery Invew Setelah selesai mendownload file di atas sekarang buatlah sebuah folder baru di localhost anda dan pastikan XAMP anda telah di aktifkan. Lanjut buat folder dengan nama disesuaikan dengan keinginan teman-teman saya sendiri memberi nama folder dengan "coba". Setelah itu buat direktori dengan susunan seperti berikut : Untuk file-file tambahan nantinya akan saya sertakan pada link download project di bawah. Yang perlu teman-teman ketahui disini adalah file "index.php", dan "data.php&qu

Baca selengkapnya

Cara Membuat Swipe Refresh di Android Studio

Pernahkah sobat mendapati ada aplikasi yang ketika kita tarik layar kebawah maka akan muncul widget refresh seperti gambar di bawah ini. Jika sobat tertarik untuk membuat aplikasi dengan tambahan fitur tersebut teman-teman bisa mengikuti tutorial yang akan saya berikan. Pertama tama silahkan buat sebuah project baru dengan nama "SwipeRefresh" atau anda ganti sesuai dengan keinginan anda. Detail lainnya seperti berikut : Empty Activity Language Java Minimum API Level : API 17 Setelah selesai membuat prohect baru silahkan edit file "MainActivity.java" serta "activity_main.xml" seperti di bawah : 1. activity_main.xml <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipe" android:layout_width="match_parent" android:layout_height="wrap_content">  </android.sup

Baca selengkapnya