Memahami cara kerja Font Awesome

Cara kerja icon pada Font Awesome adalah setiap icon diperlakukan sebagai karakter sehingga kamu dapat mengubah ukuran dan warna nya seperti karakter teks. Kamu dapat melihat seluruh icon di website Font Awesome, mengambil karakter unicode dari icon yang diinginkan dan meletakan karakter unicode tersebut pada Textview, setelah itu meminta Android untuk merender karekter unicode menjadi grafis/icon.

Melakukan Import berkas font .ttf ke project android

1. Pastikan kamu telah menyiapkan project android baru ataupun project android yang pernah dibuat sebelumnya.

2. Unduh Font Awesome gratis untuk web versi terbaru (6.2.1) di situs web resmi Font Awesome, file yang terdownload berformat .zip

3. Lakukan ekstrak pada file .zip tersebut,

4. Cari file font aweseome di dalam folder hasil ekstrak, letak nya ada di fontawesome-free-x.y.x-web/webfonts/, copy file yang bernama fa-solid-900.ttf lalu paste ke dalam folder project android tepatnya di app/src/main/assets/fonts/ (buat folder baru apabila folder assets dan folder fonts belum ada).

Membuat Aplikasi Android yang menampilkan icon Font Awesome

1. Pada android studio, buat kelas baru bernama FontManager.kt , tulis kode seperti dibawah ini

2. buat file resource baru di folder …/res/values/ dengan nama icons.xml, file ini akan menyimpan daftar karakter unicode setiap icon yang digunakan pada aplikasi android, contohnya:

Pada contoh kali ini, saya akan menggunakan 8 icon: flask, fish, gear, cow, tree, gem, bread slice, dan plane. Kamu dapat memperoleh unicode dari icon yang diinginkan di website Font Awesome.

3. buat activity_main.xml menjadi seperti ini

Kita menggunakan TextView untuk menampilkan icon, nantinya android akan merender widget TextView tersebut menjadi icon sesuai value teks yang ditentukan.

4. edit file MainActivity.kt menjadi seperti ini

5. Jalankan project tersebut ke perangkat Android

Icon-icon tersebut dapat diubah ukuran dan warna nya sesuai keinginan dengan cara mengubah value attribut textColor dan textSize pada textview. Terlihat icon tersebut tidak pecah karena icon tersebut adalah gambar vector dan bukan gambar bitmap. Selesai.

sumber: How to Use FontAwesome in an Android App by Gianluca Segato

The post Cara Menggunakan Font Awesome di Aplikasi Android [2023] appeared first on berqas.

Langkah-langkah nya:

1. Download installer xampp di website resmi apache, Pilih installer untuk Linux

2. Jika proses download telah selesai, file installer secara default akan berada di folder Downloads.

3. Buka terminal dengan cara klik kanan pada space kosong didalam folder Downloads

4. Jendela Terminal khas ubuntu desktop akan terbuka seperti ini

5. Tulis perintah dibawah ini, tujuannya agar file installer dapat di execute. (nama file installer akan berbeda bergantung pada versi xampp yang didownload, sesuaikan dengan versi xampp yang didownload)

sudo su
chmod +x xampp-linux-x64–7.4.5–0-installer.run
./xampp-linux-x64–7.4.5–0-installer.run

TIPS: setiap akan menuliskan nama file yang panjang, tulis beberapa huruf awal dari nama file tersebut lalu tekan tombol TAB, nama file akan otomoatis tertulis

6. Jendela installer xampp akan terbuka

7. Tekan tombol Next > dan Next> terus

8. Tunggu proses instalasi sampai selesai

9. Jika sudah selesai, tekan tombol finish

10. Pada jendela Xampp Control Panel, pilih tab Manage Server, nyalakan Apache Web Server, lalu tutup jendela XAMPP

11. Buka Web browser, akses link http://localhost/dashboard/

XAMPP sukses terinstall di Ubuntu

CATATAN: XAMPP terinstal di folder /opt/lampp

13. Untuk mengatur start/stop apache maupun mysql melalui XAMPP Control Panel, buka terminal lalu ketikan command berikut

sudo /opt/lampp/manager-linux-x64.run

sekian dari saya, terima kasih

The post Cara Install XAMPP di Ubuntu 20.04 appeared first on berqas.

Pada artikel ini saya akan menuliskan langkah – langkah dalam menambahkan library POI kedalam IntelliJ IDEA. Beberapa langkah disertai gambar, harapannya teman-teman yang baru menggunakan IntelliJ IDEA tidak kesulitan. Pastikan teman – teman memiliki kuota/koneksi internet.

Langkah – langkahnya

1. Download library POI versi terbaru 4.1.1 (20 Oktober 2019) di website Apache POI (link download). berkas yang di download berformat .zip dan berukuran 38.6 Megabyte

2. Lakukan Ekstrak file yang didownload, terdapat folder poi-4.1.1 yang berukuran hingga 148 Megabyte yang didalamnya terdapat berkas berformat .jar . Disarankan folder poi-4.1.1 diletakan pada partisi disk permanent (bukan pada Removable Disk / Flash Disk / External Hardisk).

3. Buka aplikasi IntelliJ IDEA, Buat project baru dengan nama bebas, saya menamai nya POIexample , centang Kotlin/JVM library karena nanti saya akan menggunakan bahasa pemprograman Kotlin.

4. Setelah project dibuat. Pilih menu File > Project Structure (CTRL+ALT+Shift+S)

5. Pada jendela Project Structure, pilih menu Libraries, kilk tombol plus (+) lalu pilih Java seperti pada gambar

6. Arahkan pada folder poi-4.1.1, pilih semua file .jar yang berada didalam folder termasuk yang didalam folder lib dan ooxml-lib

7. Setelah library ditambahkan, edit Nama library tersebut menjadi poi-4.1.1

Library POI berhasil ditambahkan di IntelliJ IDEA, sekarang saat nya melakukan uji coba

1. Buat file kotlin dengan nama Main.kt didalam folder src

2. Copy seluruh kode dibawah dan paste ke dalam file Main.kt yang baru dibuat

kode diatas adalah contoh implementasi generate file Office: docx, xlsx, pptx pada sistem operasi Windows dan menuliskan teks kedalam masing-masing file berupa teks hello world, setelah itu membaca isi teks didalam file – file tersebut lalu mencetak nya ke terminal/console

3. Klik Add Configuration… Pada jendela Run/Debug Configurations klik tanda plus (+)/Add New Configuration > Pilih Kotlin, pada kolom nama isi menjadi app, lalu pada kolom Main class: isi dengan MainKt > Tekan OK

4. Setelah itu tekan tombol RUN / Shift+F10

file tersebut berhasil digenerate dan disimpan pada path C:/Users/Public/Documents/

File – file tersebut dapat dibuka dengan aplikasi Office

Cara Setup Versi Video

The post Cara Setup Apache POI di IntelliJ IDEA appeared first on berqas.

Yang perlu disiapkan:

• PyCharm IDE https://www.jetbrains.com/pycharm/download
• Python yang telah terinstall (Install python di Windows 10)
• pip yang telah terinstall (Install pip di Windows 10)
• Web Browser

Langkah – langkah nya:

1. Buat project baru di PyCharm dengan nama pythonWeb

2. Buka Terminal pada PyCharm

3. Jalankan perintah dibawah ini untuk menginstall Flask

pip install -U Flask

4. buat file baru dengan nama helloworld.py

from flask import Flask

app = Flask(__name__)

@app.route("/")
def helloWorld():
    return "Hello, World!"

5. Pada terminal, jalankan perintah dibawah ini

set FLASK_APP=helloworld.py |flask run

6. Buka web browser, akses alamat http://127.0.0.1:5000/

Aplikasi web sederhana yang ditulis dengan python berhasil dijalankan

refrensi: https://github.com/pallets/flask

The post Membuat Website Sederhana Menggunakan Python appeared first on berqas.

Yang perlu disiapkan:

• Python yang telah terinstall pada Windows (Cara Install Python di Windows 10)
• Koneksi Internet

Langkah – langkah nya:

1. Download get-pip.py dan simpan pada sebuah folder di komputer anda

2. Buka Command Prompt dan navigasikan ke folder yang didalamnya terdapat get-pip.py

3. Jalankan perintah dibawah ini

python get-pip.py

4. pip telah berhasil di install, jalankan perintah dibawah untuk memeriksa

pip -V

refrensi: https://www.liquidweb.com/kb/install-pip-windows/

The post Cara Install pip di Windows 10 appeared first on berqas.

Instalasi python sangat mudah dan cepat serta dapat berjalan pada berbagai macam sistem operasi seperti Windows, MacOS, dan Linux.

Langkah – langkah instalasi python :

1. Download installer python .exe di website resmi (versi terbaru adalah 3.8.1 per 18 Desember 2019) https://www.python.org/downloads/release/python-381/

2. Jalankan installer nya, pilih Install Now. centang Install Launcher for all users dan Add Python 3.8 to PATH

3. tunggu sampai proses instalasi python 3..8.1 selesai

4. Python telah berhasil di install di Windows 10

Uji coba Python di Windows 10

1. Buka Teks Editor Visual Studio Code

2. Pilih Open Folder…

3. Buat folder baru dengan nama helloworld, lalu arahkan/select pada folder helloworld

4. Pilih New File

5. tulis satu baris kode dibawah

print("Hello, World!")

6. Simpan file tersebut, Tekan CTRL + S, lalu beri nama app.py

7. Buka terminal pada Visual Studio Code (Ctrl+shift+`)

8. Ketikan perintah dibawah

python .\app.py

program hello world sederhana berhasil dijalankan

refrensi: https://en.wikipedia.org/wiki/Python_(programming_language)

The post Cara Install Python 3 di Windows 10 appeared first on berqas.

Postman dapat digunakan secara gratis dan instalasi nya sangat mudah, cepat dan dapat berjalan pada sistem operasi Windows, Linux, ataupun MacOS.

langkah – langkah instalasi (3 Steps):

1. Download file installer nya di website resmi postman https://www.getpostman.com/downloads/

2. Jalankan file installer nya yang berformat .exe

3. Buat akun postman baru atau masuk dengan akun postman (anda dapat melewati nya tanpa masuk akun)

The post Cara Install Postman di Windows 10 appeared first on berqas.

Langkah – langkahnya

A. Install Arduino IDE di Windows 10

1. Menuju website arduino untuk mendownload file installer nya https://www.arduino.cc/en/Main/Software

2. Setelah download, jalankan file installer .exe nya

3. Ikuti step step instalasi nya, lalu tunggu sampai instalasi selesai

4. Buka aplikasi Arduino IDE melalui shortcut yang telah dibuat pada saat instalasi

Untuk dapat mengunggah kode ke papan NodeMCU membutuhkan add-on ESP8266, cara install nya adalah sebagai berikut:

B. Install ESP8266 Add-on di Arduino IDE

1. Pada Arduino IDE, Menuju menu File > Preferences (atau tekan CTRL+comma)

2. Pada jendela Preferences, masukan http://arduino.esp8266.com/stable/package_esp8266com_index.json pada “Additional Boards Manager URLs” seperti pada gambar dibawah ini

3. Buka Boards Manager, Tools > Board > Boards Manager

4. Cari ESP8266 pada kotak pencarian, klik tombol intall pada esp8266 by ESP8266 by Community

pastikan koneksi internet tersedia karena untuk mendownload dan install paket yang dibutuhkan, jika sudah maka akan muncul tulisan Installed pada esp8266

Uji Coba setelah instalasi

1. Siapkan papan NodeMCU dan Kabel USB

2. Hubungkan NodeMCU dengan Laptop menggunakan Kabel USB

3. Buka Arduino IDE

4. Buka File > Examples > 01.Basics > Blink , untuk membuka contoh projek blink sederhana.

5. Buka Tools > Board, pilih NodeMCU 1.0 (ESP-12E Module)

6. Buka Tools > Port , pilih port serial yang tersedia

7. Setelah itu lakukan klik tombol upload

8. Jika berhasil maka akan muncul tulisan Done Uploading dan papan NodeMCU akan berkedip tiap detik sesuai kode example blink

refrensi: https://randomnerdtutorials.com/how-to-install-esp8266-board-arduino-ide/

The post Cara Install Arduino IDE di Windows 10 dan Install ESP8266 Add-on di Arduino IDE appeared first on berqas.

Magic Square pernah dipopulerkan pada acara – acara hiburan seperti ajang pencarian bakat, kontes sulap, dan lain-lain. Cara memainkan atau rumusnya telah banyak beredar di internet, sehingga siapapun dapat mencoba nya

Kali ini saya akan membuat aplikasi sederhana berbasis web untuk melakukan generate angka – angka tersebut secara terprogam (Magic Square Generator).

Yang perlu disiapkan adalah:

1. Text Editor: Visual Studio Code
2. Web Browser: Google Chrome

Langkah – langkahnya:

1. buat folder kosong dimanapun dengan nama magicsquaregen

2. buat file index.html didalam folder magicsquaregen

pada file index.html kita membuat sebuah tabel dengan 4 kolom dan 4 baris, lalu terdapat 1 kotak input angka dan 1 tombol untuk menghitung

3. buat file style.css didalam folder magicsquaregen

pada style.css kita mengatur warna background, letak teks, dan ukuran teks pada sel

4. buat file script.js didalam folder magicsquaregen

pada script.js kita memasukan rumus magic square pada fungsi hitung() untuk memproses inputan angka dari pengguna

5. Buka browser lalu drag file index.html ke browser untuk menampilkan web nya. Tidak memerlukan web server karena html, css, dan javascript berjalan pada sisi client

6. Coba masukan angka antara 15 sampai 99999 pada kotak input lalu klik tombol hitung, maka angka – angka akan muncul pada tabel berwarna merah. Jika dijumlahkan secara horizontal, vertikal, diagonal, maupun kombinasi 4 angka lainnya maka akan memiliki hasil yang sama sesuai dengan angka yang diinputkan

Magic Square Generator dengan javascript berhasil kita buat

The post Membuat Magic Square Generator dengan Javascript appeared first on berqas.

Pada postingan kali ini, saya akan membuat sebuah web sederhana untuk membuktikan bahwa PHPOffice dapat bekerja atau memberi sedikit gambaran kepada para pengembang web yang belum pernah mencoba nya sama sekali. Pastinya saya akan menggunakan bahasa pemprograman PHP dan menggunakan framework CodeIgniter untuk mempermudah saja. PHPOffice dapat bekerja pada framework PHP apapun.

Hal – hal yang perlu disiapkan adalah:

1. XAMPP yang terdiri dari Apache HTTP Server dan PHP versi 7 keatas
2. Text Editor seperti Visual Studio Code
3. CodeIgniter versi terbaru yaitu 3.1.11
4. Composer, sebagai manajer paket library PHP
5. Web Browser (Mozilla Firefox atau Google Chrome)

Langkah – langkah:

1. Menyiapkan project CodeIgniter yang masih fresh, menamai project/folder tersebut dengan nama ciphpoffice, meletakan nya kedalam folder xampp/htdocs, setelah itu membuka project tersebut dengan Visual Studio Code

2. Membuka terminal dari Visual Studio Code, terlatak pada menu Terminal – New Terminal

3. ketikan 3 perintah dibawah satu per satu

composer require phpoffice/phpword

composer require phpoffice/phpspreadsheet

composer require phpoffice/phppresentation

Kenapa harus satu per satu, karena masing – masing perintah akan melakukan download library – library yang dibutuhkan, dan waktu nya bergantung pada kecepatan koneksi internet.

4. Kita edit file config.php, letaknya di application/config/config.php , ganti baris config composer_autoload menjadi

 $config['composer_autoload'] = 'vendor/autoload.php'; 

Tujuannya agar memerintahkan CodeIgniter untuk mencari script auto-loader paket composer yang terletak pada vendor/autoload.php .

5. Kita edit file autoload.php, letaknya di application/config/config.php , ganti baris autoload helper menjadi

 $autoload['helper'] = array('url'); 

Tujuannya agar kita mudah dalam memanggil URL aplikasi yang kita buat

6. Membuat view baru dengan nama home_view.php letaknya di application/views/home_view.php

kode diatas adalah view/tampilan sederhana website yang kita buat, terdapat 3 tombol masing-masing akan mengarahkan pada link tertentu yang akan di proses pada controller

7. Membuat Controller baru dengan nama Home.php , letaknya di application/controllers/Home.php

kode diatas adalah controller yang berisi fungsi – fungsi dasar untuk generate file Office, masing – masing fungsi diatas menentukan nama dan format berkas yang akan di generate, dan sebuat teks yang akan disisipkan ke dalam berkas yaitu helloword seperti biasa

8. Cobalah mengakses aplikasi melalu browser dengan alamat http://127.0.0.1/ciphpoffice/index.php/home (IP localhost dapat diganti dengan Private/Public IP PC anda)

9. Klik 3 tombol pada website satu per satu maka browser akan mendownload file yang telah digenerate

10. Anda dapat membuka file – file tersebut dengan aplikasi Office yang tersedia pada PC anda contoh nya Microsoft Office, LibreOffice, iWork, WPS Office, OnlyOffice, dll.

Terbukti sudah bahwa PHP dapat melakukan generate file Office dengan bantuan PHPOffice, thanks to PHPOffice https://github.com/PHPOffice

The post Membuat File docx, xlsx, pptx Secara Terprogram dengan CodeIgniter dan PHPOffice appeared first on berqas.