X

Tuesday, December 29, 2020

Menghilangkan Index.php pada url Codeigniter

Bagi anda pengguna baru Codeigniter mungkin risih dengan adanya embel-embel index.php pada url ketika hendak mengakses controller lain. Misalnya url yang di inginkan adalah http://localhost/webku/auth/login namun yang dapat di akses adalah http://localhost/webku/index.php/auth/login.

Untuk menghilangkan embel-embel index.php ini sangat mudah anda bisa menggunakan bantuan .htaccess, untuk caranya silahkan ikuti langkah-langkah di bawah :

Langkah pertama buka dan edit file config.php pada directory application/config/config.php kemudian cari "$config['index_page'] = 'index.php';" dan hilangkan index.php sehingga menjadi "$config['index_page'] = '';".

Langkah kedua buat file baru dengan nama .htaccess di directory utama project anda, kemudian isi file tersebut dengan kode dibawah :

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
Langkah ketiga , silahkan tes dengan mengakses url yang awalnya terdapat embel-embel index.php, sekarang hapus index.php tersebut pada url. Jika berhasil maka website akan menampilkan sesuai dengan yang di inginkan.

Sunday, December 13, 2020

CARA IMPORT DATA DARI EXCEL KE DATABASE MENGGUNAKAN CODEIGNITER

Menginput satu persatu data kedalam database merupakan hal yang melelahkan apalagi ketika data yang di input berjumlah ratusan atau bahkan ribuan. Untuk mengatasi hal ini bisa menggunakan file excel, dimana terlebih dahulu data di buat dalam bentuk excel kemudian di upload ke WEB yang nantinya akan otomatis di masukkan kedalam database.

Pada postingan kali ini menggunakan framework Codeigniter dan menggunakan library PhpSpreadsheet. Jadi sebelum memulai bergelut dengan pembuatan, silahkan download terlebih dahulu library PhpSpreadsheet dengan menggunakan bantuan composer. Ketikkan perintah dibawah untuk mendownlaod

composer require phpoffice/phpspreadsheet


Berikut adalah contoh penggunaan Import Data Dari Excel Ke Database Menggunakan Codeigniter, dimana pada contoh ini menggunakan struktur database seperti pada gamabar.






<?php
defined('BASEPATH') OR exit('No direct script access allowed');
require 'vendor/autoload.php';

use PhpOffice\PhpSpreadsheet\Spreadsheet;
use PhpOffice\PhpSpreadsheet\Reader\Csv;
use PhpOffice\PhpSpreadsheet\Reader\Xlsx;

class Contoller extends CI_Controller {

public function aksi()
{
$file_mimes = array('application/octet-stream', 'application/vnd.ms-excel', 'application/x-csv', 'text/x-csv', 'text/csv', 'application/csv', 'application/excel', 'application/vnd.msexcel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');

if(isset($_FILES['file']['name']) && in_array($_FILES['file']['type'], $file_mimes)) {

$arr_file = explode('.', $_FILES['file']['name']);
$extension = end($arr_file);

if('csv' == $extension) {
$reader = new \PhpOffice\PhpSpreadsheet\Reader\Csv();
} else {
$reader = new \PhpOffice\PhpSpreadsheet\Reader\Xlsx();
}

$spreadsheet = $reader->load($_FILES['file']['tmp_name']);

$sheetData = $spreadsheet->getActiveSheet()->toArray();

for($i = 1;$i < count($sheetData);$i++)
{
$nama = $sheetData[$i]['0'];
$username = $sheetData[$i]['1'];
$password = $sheetData[$i]['2'];

$nra_fix = str_replace(' ', '', $nra);


$ar = array(
'nama' => $nama,
'username' => $username,
'password' => $password
);

$a = $this->Modelku->get('user', "username='$username'")->result_array();
if (count($a)==0) {
$this->Modelku->insert('user', $ar);
}
}

}
}
}
Perlu diperhatikan kode di atas menggunakan sebuah model dengan nama "Modelku", jadi silahkan buat model dengan nama yang sama terlebih dahulu kemudian tambahkan fungsi berikut.

function insert($table, $data)
{
	$this->db->insert($table,$data);
	return $this->db->insert_id();
}
function get($tabel, $where)
{
	$this->db->select("*");
	$this->db->from($tabel);
	$this->db->where($where);
	return $this->db->get();

}

Friday, December 11, 2020

Membuat Background Tools Auto Show Ketika ScrollView di Scroll


 

Pada postingan kali akan membahas bagaimana caranya membuat tools ataupun menu atas transparant yang mana apabila di scroll akan kembali memberikan background yang sudah di tentukan sebelumnya. Kurang lebih aplikasi akan tampak seperti pada gambar dibawah.





Penggunaan menu seperti ini akan memberikan tampilan yang menarik pada aplikasi. Tampilan yang menarik akan membuat pengguna aplikasi menjadi betah menggunakan aplikasi.

Langsung saja untuk cara pembuatannya silahkan ikuti langkah di bawah ini.

Tambahkan Gambar dan Icon ke Drawable

Untuk melengkapi tampilan layout yang akan dibuat, silahkan tambahkan 3 gambar format jpg dan 3 gambar icon ke res -> drawable. Gambar jpg bebas seusai keinginan. Untuk iconnya bisa di ambil melalui vector asset, baca Cara Menggunakan Icon Vector Asset bawahan Android Studio. Nantinya drawabel akan terisi beberapa file seperti berikut.







color.xml

Buka file color.xml di folder res -> values -> colors.xml kemudian buat edit kode menjadi seperti berikut :
	
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
<color name="transparan">#6D000000</color>
<color name="abu_abu">#D6D6D6</color>
<color name="putih">#FFFFFF</color>
<color name="biru_tua">#0770cc</color>
<color name="hijau">#00a651</color>
<color name="biru">#00BCD4</color>
</resources>

activity_main.xml

Salin dan paste kode dibawah ke activity_main.xml.


<?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">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ScrollView
android:id="@+id/scrll_post"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="none">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="250dp"
android:orientation="vertical">

<ImageView
android:id="@+id/imageView34"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:foreground="@color/transparan"
android:scaleType="centerCrop"
app:srcCompat="@drawable/img" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="1dp"
android:orientation="horizontal">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginRight="0.5dp"
android:layout_weight="1"
android:orientation="vertical">

<ImageView
android:id="@+id/imageView38"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:adjustViewBounds="true"
android:scaleType="fitXY"
app:srcCompat="@drawable/bc" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginLeft="0.5dp"
android:layout_marginRight="0.5dp"
android:layout_weight="1"
android:orientation="vertical">

<ImageView
android:id="@+id/imageView37"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:adjustViewBounds="true"
android:scaleType="fitXY"
app:srcCompat="@drawable/bc" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginLeft="0.5dp"
android:layout_marginRight="0.5dp"
android:layout_weight="1"
android:orientation="vertical">

<ImageView
android:id="@+id/imageView36"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:adjustViewBounds="true"
android:scaleType="fitXY"
app:srcCompat="@drawable/bc" />
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_marginLeft="0.5dp"
android:layout_weight="1"
android:orientation="vertical">

<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
android:id="@+id/imageView35"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_weight="1"
android:adjustViewBounds="true"
android:foreground="@color/transparan"
android:scaleType="fitXY"
app:srcCompat="@drawable/bc" />

<TextView
android:id="@+id/textView37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:maxWidth="50dp"
android:text="Lihat Semua"
android:textColor="@android:color/white" />
</FrameLayout>

</LinearLayout>

</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/abu_abu"
android:orientation="vertical"
android:paddingBottom="1dp">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/putih"
android:orientation="vertical"
android:padding="20dp">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical">



<TextView
android:id="@+id/textView39"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:text="Tiket Aquaria KLCC"
android:textColor="@android:color/black"
android:textSize="18sp"
android:textStyle="bold" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">


<TextView
android:id="@+id/textView40"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="8.3 Baik"
android:textColor="@color/biru_tua"
android:textSize="10sp" />

<TextView
android:id="@+id/textView41"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:text="( dari 8632 review )"
android:textSize="10sp"
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>


</LinearLayout>
</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="1000dp"
android:background="@color/abu_abu"
android:orientation="vertical"
android:paddingBottom="1dp">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/putih"
android:orientation="vertical"
android:padding="20dp">

<TextView
android:id="@+id/textView43"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:text="Fitur"
android:textColor="@android:color/black"
android:textSize="14sp"
android:textStyle="bold" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"
android:orientation="horizontal">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">


<TextView
android:id="@+id/textView42"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Konfirmasi Instan"
android:textColor="@color/hijau"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/abu_abu"
android:orientation="vertical"></LinearLayout>

</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>

<LinearLayout
android:id="@+id/tlbar4"
android:layout_width="match_parent"
android:layout_height="55dp"
android:background="@color/biru"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:orientation="horizontal">

<ImageView
android:id="@+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="10dp"
android:src="@drawable/ic_arrow_back_black"
android:tint="@color/putih" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="7dp"
android:layout_marginTop="7dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="7dp"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical" />

<ImageView
android:id="@+id/imageView15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
android:tint="@color/putih"
app:srcCompat="@drawable/ic_bookmark_border_black"
tools:ignore="VectorDrawableCompat" />

<ImageView
android:id="@+id/imageView33"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="20dp"
android:tint="@color/putih"
app:srcCompat="@drawable/ic_more_vert_black"
tools:ignore="VectorDrawableCompat" />

</LinearLayout>
</LinearLayout>

</RelativeLayout>

MainActivity.java

Salin dan paste kode dibawah ke MainActivity.java.

package id.kanre.toolbartransparent;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;

public class MainActivity extends AppCompatActivity {

private ImageView back;
private ScrollView scrll;
private LinearLayout tol;
private int nl = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
getSupportActionBar().hide();
setContentView(R.layout.activity_main);

back = findViewById(R.id.back);
scrll = findViewById(R.id.scrll_post);
tol = findViewById(R.id.tlbar4);
tol.getBackground().setAlpha(0);

AksiScroll();
}
private void AksiScroll() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
scrll.setOnScrollChangeListener(new View.OnScrollChangeListener() {
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
int op = NilaiAksiScroll(scrollY, 500);
tol.getBackground().setAlpha(op);
}
});
}
}

public int Bulatkan(double f) {
int c = (int) ((f) + 0.5f);
double n = f + 0.5f;
return (n - c) % 2 == 0 ? (int) f : c;
}
public double CariPersen(double b, double a) {
double hasil = (a/b)*100;
return hasil;

}

public int NilaiAksiScroll(int scrollY, double batas){
if (scrollY> 0&&scrollY<batas) {
double c = CariPersen(batas, scrollY);
int aa = Bulatkan(c);
double y = (aa/100.0) * 255.0;
int op = Bulatkan(y);
nl = op;
}else if (scrollY>batas){
nl = 255;
}else{
nl = 0;
}
return nl;
}

}

Jalankan Aplikasi

Jalankan dan lihat bagaimana tampilan aplikasi akan tampak seperti pada gambar di bawah.





Penjelasan Kode


private void AksiScroll() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
scrll.setOnScrollChangeListener(new View.OnScrollChangeListener() {
@Override
public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
int op = NilaiAksiScroll(scrollY, 500);
tol.getBackground().setAlpha(op);
}
});
}
}
Kode di atas akan berfungsi ketika aplikasi menjalankan class MainActivity.java, dimana dalam kode tersebut menginstruksikan program apabila scrll melakukan aksi scroll maka ambil nilai scroll dari scrollY dan tentukan kemudia masukkan kedalam method "NilaiAksiScroll()" ditambah batas dari scroll view akan mencapai nilai 100% dalam hal ini "500" sehingga menjadi NilaiAksiScroll(scrollY, 500);. Method "NilaiAksiScroll" kemudian mengembalikan nilai yang di masukkan kedalam variabel op (dalam hal ini tingkat transparansi).

Variabel op inilah yang kemudian digunakan untuk mengatur tingkat transparansi dari tool atau menu, dengan code tol.getBackground().setAlpha(op);. Perlu diperhatikan bahwa sebelumnya tool telah dibuat menjadi transparan dengan menggunakan kode "tol.getBackground().setAlpha(0);".

Perhatian

Kode if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) { menandakan bahwa fungsi tersebut hanya bisa berjalan di android Marshmallow (6.0) atau yang paling terbaru.

Sunday, December 6, 2020

Cara Merubah Integer Menjadi Angka Romawi di PHP

Angka romawi kerap kali digunakan pada saat membuat website. Angka romawi ini bisa di tuliskan secara manual, hanya saja yang menjadi masalah ketika yang ditampilkan nantinya menggunakan perulangan atau memiliki banyak data yang mana datanya hanya berupa tipe data integer. Untuk mengakali hal ini bisa dilakukan dengan membuat function yang dapat merubah tipe data integer menjadi angka romawi.

Berikut fungsi untuk Merubah Integer Menjadi Angka Romawi di PHP.

function figureRomawi($angka)
    {
     $angka = intval($angka);
     $result = '';
     
     $array = array('M' => 1000,
     'CM' => 900,
     'D' => 500,
     'CD' => 400,
     'C' => 100,
     'XC' => 90,
     'L' => 50,
     'XL' => 40,
     'X' => 10,
     'IX' => 9,
     'V' => 5,
     'IV' => 4,
     'I' => 1);
     
     foreach($arrat as $roman => $value){
      $matches = intval($angka/$value);
     
      $result .= str_repeat($roman,$matches);
     
      $angka = $angka % $value;
     }

     return $result;
    }

Contoh penggunaannya seperti berikut :

<?php
function angkaRomawi($angka)
{
$angka = intval($angka);
$result = '';

$array = array('M' => 1000,
'CM' => 900,
'D' => 500,
'CD' => 400,
'C' => 100,
'XC' => 90,
'L' => 50,
'XL' => 40,
'X' => 10,
'IX' => 9,
'V' => 5,
'IV' => 4,
'I' => 1);

foreach($array as $roman => $value){
$matches = intval($angka/$value);

$result .= str_repeat($roman,$matches);

$angka = $angka % $value;
}

return $result;
}

$no = 0;
for ($i=0; $i < 100; $i++) {
$no++;
echo "angka romawi dari $no = ".angkaRomawi($no)."<br>";
}
?>
Hasil dari kode contoh di atas akan tampak seperti pada gambar di bawah :





Wednesday, December 2, 2020

REACTJS #2 MEMBUAT COMPONENT


 

Component dalam dunia pemrograman bisa di artikan sebagai bagian-bagian yang tersusun satu kesatuan dengan fungsi teretentu. ReactJS sebagai front end dari website mengadopsi sistem component, dimana website di bagi menjadi beberapa component kemudian digabungkan dalam satu frame. Component ini seperti navigasi, header, footer, content, dan lain sebagainya.

Menariknya component yang dibuat pada ReactJS dapat digunakan berulang kali di tempat manapun. Contohnya ketika membuat sebuah card view , programer hanya perlu membuat satu component card view kemudian memanggilnya berulang kali sesuai yang di inginkan.

Lalu bagaimana cara memulai membuat componetn di ReactJS ?
Mari simak langkah-langkah di bawah ini.

1. Buka project yang telah di buat

Bagi yang belum tahu cara membuat project baru ReactJS silahkan ikuti tutorial dari awal Cara Install ReactJs dengan Mudah.

2. Buat folder component

Buka project baru yang telah dibuat lalu buat folder baru dengan nama component pada directory src.





3. Buat file component baru

Pada folder component buat file baru dengan nama Component1.js. Isi file ini dengan kode berikut :


import React, {Component} from 'react';



class Component1 extends Component {

render(){

return(
<div>
<h1>Mencoba membuat Component</h1>
<p>Ini adalah contoh pembuatan Component</p>
</div>
);
}

}
export default Component1;

4. Panggil component ke App.js

App.js merupakan file utama yang akan tampil saat aplikasi dijalanka. Tambahkan component yang telah dibuat dengan terlebih dahulu melakukan import dengan code "import Component1 from './component/Component1';". Nama "Component1" harus sesuai dengan nama kelas dari component. Kode lengkap App.js seperti berikut.


import React, {Component} from 'react';

import Component1 from './component/Component1';



class App extends Component {
render(){
return (
<component1/>
);
}

}

export default App;
Hasilnya akan tampak seperti berikut :





Component ini dapat dipanggil berulang kali tanpa menuliskan ulang code html pad component, cukup dengan memanggil tag Component1 contohnya kode App.js seperti berikut:

import React, {Component} from 'react';

import Component1 from './component/Component1';



class App extends Component {
render(){
return (
  <div>
<component1/>
<component1/>
<component1/>    </div>
);
}

}

export default App;

Maka hasilnya seperti berikut :





Kemudian muncul pertanyaan bagaimana ketika bila ingin mengganti data di setiap component ?
Pertanyaan ini akan di jawab pada postingan selanjutnya di REACTJS #3 MENGIRIM DAN MENAMPILKAN DATA KE COMPONENT.

 

 

Monday, November 30, 2020

Cara Mengatasi Cleartext HTTP traffic not permitted in Android Studio

Cleartext HTTP traffic not permitted yang apabila diterjemahkan kedalam bahasa Indonesia berarti "Lalu lintas HTTP cleartext tidak diizinkan". Ini merupakan salah satu permasalahan yang biasa ditemukan ketika hendak mengambil data dari web service. 

Pemberitahuan error berupa : Exception: IOException java.io.IOException: Cleartext HTTP traffic to * not permitted atau jika menggunakan volley error com.android.volley.NoConnectionError: java.io.IOException: Cleartext HTTP traffic to * not permitted. Tanda * adalah nama webservice.

Ada beberapa cara untuk mengatasi masalah tersebut. Berikut beberapa cara Mengatasi Cleartext HTTP traffic not permitted in Android Studio

Cara 1

Cara pertama sangat mudah, jika webservice yang digunakan menggunakan https://, silahkan ganti menjadi http://. Jika masih belum berhasil silahkan gunakan cara lain.

Cara 2

Tambahkan kode android:usesCleartextTraffic="true" pada tag application di AndroidManifest.xml, Contohnya seperti berikut:

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
<uses-permission android:name="android.permission.INTERNET" />
<application
...
android:usesCleartextTraffic="true"
...>
...
</application>
</manifest>


Cara 3

Jika pada tag memiliki android:targetSandboxVersion maka kurangi menjadi 1 sehingga kode seperti berikut :


<?xml version="1.0" encoding="utf-8"?>
<manifest android:targetsandboxversion="1">
<uses-permission android:name="android.permission.INTERNET">
...
</uses-permission></manifest>
Pada kasus penulis error com.android.volley.NoConnectionError: java.io.IOException: Cleartext HTTP traffic to * not permitted dapat teratasi dengan menggunakan cara ke 2. Jika setelah mencoba semua cara di atas, namun hasilnya tetap sama silahkan baca https://stackoverflow.com/questions/45940861/android-8-cleartext-http-traffic-not-permitted.

 

 

 

Sunday, November 29, 2020

REACTJS #1 MEMBUAT TAMPILAN HELLO WORLD!

 

Menampilkan tulisan ataupun tag HTML merupakan hal utama yang perlu diketahui dalam ReactJS. Seperti halnya ketika pertama kali mempelajari pemrograman bahasa lain akan diajarkan cara menampilkan tulisan. Pada pembelajaran pertama REactJS ini juga akan di ajarkan cara menampilkan tulisan berupa kata "Hello World!".

Sebelumnya pastikan untuk membuat project baru terlebih dahulu. Untuk cara pembuatan project baru ReactJS silahkan baca Membuat dan Menjalankan Project Baru ReactJS.

Selanjutnya ikuti langkah-langkah dibawah ini untuk memulai menampilkan tulisan.

1. Edit file App.js

File JS utama yang pertama kali akan di eksekusi ketika program dijalankan adalah App.js yang berada di directory src -> App.js. Secara default untuk versi terbaru kodenya akan tampak seperti berikt :


import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}

export default App;
Pada kode di atas terdapat tag html yang berada di dalam function App. Secara default fungsi App ini akan dijalakan ketika file App.js di eksekusi. Untuk membuat tampilan "Hello World!" silahkan rubah code yang ada dalam tag return(); dengan kode html yang di inginkan. Contohnya seperti berikut.

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
return (
<h1>Hello World!</h1>
);
}

export default App;

2. Jalankan aplikasi

Tampilan dari kode di atas ketika di jalankan maka tampak seperti pada gambar.





Perhatian :

Satu fungsi pada reactjs hanya bisa menjalankan satu paket tag html. Jadi misalnya kode html yang ingin dijalankan seperti ini.

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
return (
<h1>Hello World!</h1>
<h2>Selamat datang di Coding Rakitan</h2>
);
}

export default App;
Program akan menampilkan error seperti berikut :





Jadi pastikan kode html tidak terbagi menjadi dua tag. Caranya dengan memasukkan 2 tag tersebut kedalam 1 tag html, seperti berikut.

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
return (
<div>
<h1>Hello World!</h1>
<h2>Selamat datang di Coding Rakitan</h2>
</div>
);
}

export default App;
Maka hasilnya akan seperti berikut :





Friday, November 27, 2020

RUBY ON RAILS #2 PASSING DATA DARI CONTROLLER KE VIEW


 

Passing data dari controller ke view merupakan sebuah proses pengiriman data dari controller sehingga data nantinya bisa ditampilkan pada halaman web. Passing data ini akan banyak dipergunakan ketika membuat sebuah website. Terutama dalam urusan menampilkan data dari database. Namun pada postingan ini data yang akan dicontohkan masi berupa data statis dalam bentuk array.

Sebelumnya pastikan untuk membuat controller dan view terlebih dahulu. Untuk cara pembuatan controller silahkan buka postingan sebelumnya Ruby On Rails #1 Membuat Controller dan View.

Langsung saja berikut cara untuk melakukan passing data dari controller ke view Ruby On Rails.

1. Definisikan data pada Controller

Buka controller app -> controllers -> nama controller, kemudian definisikan data yang akan di kirim ke view. Misalnya data yang akan dikirim berupa string, maka tulis kodenya seperti dibawah:

class WelcomeController< ApplicationController
def index
@title = 'Ini adalah blog codingrakitan.blogspot.com'
end
end

2. Tampilkan data pada View

Selanjutnya buka view html yang terhubung dengan controller. Kemudian tambahkan kode seperti berikut :

<h1>Welcome</h1>
<p><%= @title %></p>
Hasil tampilan dari kode tersebut akan tampak seperti gambar dibawah.





Jadi untuk menampilkan data yang telah dikirim dari Controller digunakan <%= @title %> dimana "@title" merupakan nama data yang telah didefinisikan pada controller. Nama data ini bisa di atur sesuai keinginan, dan mengandung tipe data seperti int, string, array dan lain-lain. 

 

 

Thursday, November 26, 2020

Memasang Lebih dari Satu Versi PHP pada XAMPP


 

Bahasa pemrograman php terus berkembang hingga sekarang, versi paling terbaru saat ini adalah versi 7.4.13 (saat tulisan ini dibuat). Terdapat plus dan minus dengan munculnya versi-versi terbaru dari sebuah bahasa pemrograman. Salah satu yang menjadi minus atau masalah kebanyakan programer adalah integrasi antara versi sebelumnya dengan versi terbaru.

Terkadang bila aplikasi yang dibuat sebelumnnya menggunakan versi lama kemudian dijalankan pada versi terbaru memrlukan pengaturan tertentu. Bahkan bisa samapai aplikasi tidak bisa dijalankan. Apalagi ketika aplikasi dibangun menggunakan sebuah framework yang berbeda versi.

Untuk mengatasi hal ini bisa diakali dengan memasang versi php atau istilahnya multiple php yang di inginkan pada komputer. Seperti kita ketahui ketika menginstall XAMPP versi terbaru, versi bawahan php yang terpasang juga yang terbaru. Pada postingan kali ini akan diajarkan bagaimana cara memasang php versi 5.4 pada XAMPP versi terbaru dimana versi bawahannya adalah php versi 7.3.

1. Download versi php 5.4

Karena yang dipasang adalah 5.4 maka terlebih dahulu download file php v 5.4 dengan format zip disini. Pilih file dengan nama php-5.4.17-Win32-VC9-x86.zip.

2. Buat folder baru pada xampp

Buat sebuah folder baru pada xampp dengan nama php54




3. Extract file hasil download

Extract file hasil download pada langkah pertama kedalam folder yang telah dibuat pada langkah kedua.

4. Atur file php.ini

Setelah extract selesai masuk kedalam folder php54 tadi kemudian cari file php.ini. Jika tidak ada silahkan copy file php.ini-development kemudian paste dan ganti namanya menjadi php.ini.





Lanjut buka file php.ini menggunakan notepad++ kemudian cari code ; extension_dir = "ext". Hilangkan tanda ; diawal sehingga baris ini bisa aktif. Nantinya akan tampak seperti gambar dibawah, lalu save.





5. Atur httpd.conf pada xampp


Buka xampp kemudian klik config pada bagian apache -> httpd.conf.





Copy dan tambahkan code berikut pada baris paling bawah di http.conf


        ScriptAlias /php54 "E:/xampp/php54"
<Directory "E:/xampp/php54">
AllowOverride None
Options None
Require all denied
<Files "php-cgi.exe">
Require all granted
</Files>
</Directory>
Jangan lupa untuk menyesuaikan folder "E:/xampp/php54" sesuai dengan directory xampp pada komputer.

6. Atur httpd-xampp.conf pada xampp


Masih pada aplikasi xampp silahkan klik pada bagian apache -> config -> httpd-xampp.conf.





Kemudian copy dan paste kode berikut pada baris paling bawah.

        Listen 8054
<VirtualHost *:8054>
UnsetEnv PHPRC
<FilesMatch "\.php$">
php_flag engine off
SetHandler application/x-httpd-php54
Action application/x-httpd-php54 "/php54/php-cgi.exe"
</FilesMatch>
</VirtualHost>
Pengaturan diatas merupakan pengaturan untuk menentukan di port mana versi PHP ini akan dijalankan. Port yang digunakan untuk menjalakan php v5.4 yang telah terpasang adalah "8054" (port ini dapat diatur sesuai keinginan pengguna).

7. Jalankan XAMPP


Jalankan xampp seperti biasa dengan start apache dan mysql. Selanjutnya buka browser dan masuk ke link http://localhost/dashboard/phpinfo.php maka informasi versi php bawahan akan muncul seperti pada gambar.





Untuk menggunakan versi php versi 5.4 yang telah dipasang tambahkan port pada link, sehingga menjadi http://localhost:8054/dashboard/phpinfo.php





Jadi ketika hendak menjalankan aplikasi dengan php bawahan masuk dengan link localhost/nama_web lalu kitaka hendak menggunakan versi 5.4 yang telah dipasang masuk dengan link localhost:8054/nama_web.

 

 

Monday, November 23, 2020

Ruby On Rails #1 Membuat Controller dan View

 

Controller merupakan sebuah class yang berfungsi menghubungkan antara model database dengan view. Controller juga berfungsi mengarahkan url yang masuk dengan view tujuan, serta menangkap request seperti POST dan GET. Fungsi controller banyak di adopsi oleh framework MVC seperti Laravel, dan Codeigniter. Model View Controller ini juga di adopsi oleh Ruby On Rails, sehingga memudahkan bagi para programmer yang sudah terbiasa dengan Laravel ataupun Codeigniter untuk mempelajarinya.

Untuk membuat controller dan view di Ruby On Rails, bisa menggunakan 2 cara yaitu dengan bantuan CMD, atau membuat secara manual. Berikut kami paparkan 2 cara tersebut :

1. Cara pertama menggunakan CMD

Berikut cara membuat controller dan view menggunakan CMD

1. Buka dan arahkan CMD anda ke folder utama project
2. Ketikkan perintah

rails generate controller Welcome index

"Welcome" merupakan nama controller yang akan dibuat dan "index" merupakan nama viewnya. Nantinya akan muncul controller baru di folder app -> controllers -> welcome_controller.rb, dengan kode berisi.

welcome_controller.rb

class WelcomeController < ApplicationController
  def index
  end
end

Serta view akan baru akan muncul pada app -> views -> welcome -> index.html.erb. Folder welcomes otomatis dibuat menyesuaikan nama controller. Isi default dari view index ini seperti berikut.

index.html.erb

<h1>Welcome#index</h1>
<p>Find me in app/views/welcome/index.html.erb</p>
Ketika controller selesai dibuat, akan muncul get baru pada config -> routes.rb, dimana get ini menafsirkan untuk mengarahkan url "localhost:3000/welcome/index" untuk menjalankan controller yang tadinya dibuat.
routes.rb

Rails.application.routes.draw do
  get 'welcome/index'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end



2. Cara manual

Berikut cara manual untuk membuat controller dan view di Ruby on Rails :

1. Buat file baru dengan nama + extensi ".rb" misalnya controller Home, maka buat file baru di app -> controllers -> home_controller.rb. Kemudian isi kodenya dengan code di bawah :

home_controller.rb

class HomeController < ApplicationController
    def index
    end
  end

Perhatikan kode "class HomeController < ApplicationController" terdapat nama class yaitu HomeController, nama ini harus sesuai dengan nama file controller yang dibuat, jika nama controller home_controller.rb kemudian nama kelasnya dituliskan hanaya "class Home < ApplicationController", nantinya akan terjadi error. 

Serta perlu diperharikan untuk menyertakan nama+_controller.rb pada saat membuat controller, sebab telah kami uji coba membuat controller dengan nama "home.rb" dan hasilnya program tidak membaca file controller tersebut. Begitu 





2. Buat folder baru di view dengan nama "home" kemudian buat file index baru di dalamnya nantinya akan tampak seperti ini app -> views -> home -> index.html.erb





Isi kode html sesuai dengan kode yang di inginkan misalnya.

<h1>Home#index</h1>
<p>Find me in app/views/home/index.html.erb</p>
3. Tahap selanjutnya menambah get pada routes sehingga ketika url "localhost:3000/home/index" diakses, program akan mengarahkan ke controller home. Caranya tambahkan tag get 'home/index' seperti pada gambar.





Saran :

Ketika sudah mengetahui cara membuat controller secara manual, selanjutnya direkomendasikan untuk membuat controller menggunakan cara pertama untuk pembuatan project-project selanjutnya. Selain karena mempermudah, dan menyingkat waktu pembuatan, cara ini juga menghindarkan dari kesalahan. Permasalahan yang biasa muncul seperti nama file tidak sesuai, nama kelas tidak sesuai, hingga nama folder tidak sesuai.

Perhatian :

Untuk mengatur controller mana yang ingin dijalankan pertama kali ketika aplikasi dibuka silahkan tambahkan root 'welcome#index' pada routes, dimana welcome#index adalah nama view dari controller yang ingin dijalankan. 

 

 

Membuat dan Menjalankan Project Baru ReactJS


 

Sebelumnya kita telah belajar mengenai bagaimana cara menginstall ReactJS pada postingan Cara Install ReactJs dengan Mudah. Kali ini kita akan mulai membuat project baru menggunakan ReactJS. Berikut langkah-langkah yang perlu anda lakukan.

  • Buka CMD dan arahkan ke directory tempat anda ingin membuat project reactjs. Misalnya jika anda ingin menyimpan pada directory "D:/belajar_react/" anda bisa mengeetikkan perintah pada cmd cd D:/belajar_react/ kemudian tekan enter.
  • Selanjutnya ketikkan perintah create-react-app project_baru, perintah ini untuk membuat project baru dengan nama "project_baru". Nantinya pada directory D:/belajar_react/ tadi akan muncul folder baru dengan nama "project_baru"
  • Melakukan penginstalan library/komponen yang dibutuhkan, caranya arahkan cmd ke folder "project_baru" kemudian ketikkan perintah npm install (pastikan terhubung dengan internet).
  • Menjalankan project dengan melakukan perintah npm start terlebih dahulu anda haru masuk kedalam folder project anda yaitu "project_baru" agar bisa dijalankan.
  • Buka browser dan arahkan ke localhost:port, port disesuaikan dengan port yang muncul ketika anda menjalankan npm start. Port default biasanya adalah 3000 sehingga kita tulisakan localhost:3000.
Tampilan pertama ReactJs akan tampak seperti berikut.





Sekarang kita sudah bisa bereksperimen dengan ReactJs.

Sunday, November 22, 2020

Cara Install ReactJs dengan Mudah


 

Sebelumnya kita telah membahas tentang apa itu ReactJs pada postingan Mengenal Apa itu React Js. Untuk itu pada postingan kali ini kita akan memulai langkah pertama untuk bisa mempraktekkan langsung atau membuat project dengan ReactJS. Langkah pertama yang harus dilakukan adalah memasang ReactJs, dimana anda memerlukan NPM. Baca lebih jauh menegenai Apa itu NPM.

Adapun Langkah-langkah sebelum anda dapat menginstall ReactJs adalah sebagai berikut : 1. Install Node js -> Baca disini

2. Pastikan NPM sudah terinstall (NPM satu paket ketika Node js di install), cara mengeceknya dengan membuka CMD dan ketikkan perintah npm -v, jika muncul versi NPM seperti pada gambar dibawah, berarti NPM sudah siap digunakan.





3. Install create-react-app caranya buka CMD dan ketikkan perintah npm install -g create-react-app kemudian tunggu hingga proses selesai. Pastikan anda memiliki koneksi internet sebab program akan mendownload beberapa file.

Sampai disni anda sudah berhasil memasang dan sudah dapat membuat project baru dengan ReactJS. Cara membuat project baru sangat mudah cukup ketikkan perintah create-react-app diikuti nama project anda. Misalnya saya ingin membuat project baru dengan nama "hello_world", perintahnya menjadi create-react-app hello_world.

Untuk menjalankan app silahkan arahkan CMD ke folder project yang telah dibuat. Kemudian ketikkan perintah npm install kemudian npm start, program akan otomatis membuka browser dan menjalankan web anda pada port 3000.





Tampilan pertama project anda akan nampak seperti ini :





Tuesday, November 17, 2020

Cara Menyembunyikan Link URL Penting di Android Studio

Salah satu hal yang menjadi incaran utama para hacker ketika berhasil membongkar aplikasi android adalah link url. Mengapa demikian ??

Sebab aplikasi android berbasis online melakukan pertukaran data ke internet melalui link url. Dengan mengetahui link API seseorang dapat mempelajari kode untuk nantinya mencuri atau merusak data yang telah disimpan di database.

Sangat penting untuk mengamankan Link url aplikasi agar tidak bisa ditemukan walaupun aplikasi berhasil di decompile.

Link atau kode api bisa kita pasang pada gradle.properties kemudian deklarasikan pada build.gradle agar nantinya bisa di panggil pada program android studio. Agar lebih jelas silahkan ikuti langkah di bawah ini.

1. Buat link pada gradle.properties

Buka file gradle.properties kemudian tambahkan kode url atau link yang ingin anda amankan. Contohnya seperti pada gambar di bawah :





2. Buat kode pemanggilan pada Build.gradle

Tidak hanya sampai pada gradle.properties anda harus membuat kode pada build.gradle agar nantinya url dapat dipanggil pada program anda. Tambahkan kode di bawah setelah buildTypes.

buildTypes.each {
    it.buildConfigField "String", "ILY", mySecretLink
}

Nantinya kode build.gradle anda akan tampak seperti berikut :

apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services'

android {
    ...
    defaultConfig {
        ...
    }
    buildTypes {
        release {
            ...
        }
    }
    buildTypes.each {
        it.buildConfigField "String", "URL", mySecretLink
    }
}
dependencies {
    ...
}


Perlu anda perhatikan mySecretLink harus sesuai dengan nama variabel yang ada di gradle.properties, "URL" bisa anda tentukan sendiri, kemudian ada "String" yang menandakan bahwa data tersebut bertipe String.

3. Panggil kode pada program

Untuk memanggil url yang telah sembunyikan anda bisa menggunakan perintah BuildConfig.URL, dimana URL merupakan merupakan nama configurasi yang telah di atur pada nomor 2. Contoh penggunaanya seperti berikut:

textView.setText(BuildConfig.URL); // akan menampilkan url pada text view

Demikian tutorial tentang Cara Menyembunyikan Link URL Penting di Android Studio, semoga bermanfaat.

Thursday, November 12, 2020

Membuat Program Pertama dengan Golang



Akhirnya kita telah sampai pada tahap yang dinantikan setelah sebelumnya berhasil menginstall golang. Sekarang kita akanmemulai untuk membuat program sederhana menggunakan golang. Program pertama yang biasa diajarkan pada saat mempelajari bahasa pemrograman adalah membuat HelloWorld.

Pada kesempatan kali kita juga akan membuat sebuah program yang menampilkan tulisan "Hello world!". Ada beberapa point yang akan anda ketahui setelah mengikuti artikel ini diantaranya :

  • Letak anda haru membuat program
  • Format file untuk golang
  • Cara menjalankan program

Memulai pembuatan program baru dengan golang

1. Buat folder baru bernama "golang" dimanapun anda mau, entah itu di D:\, C:\, atau E:\. Kemudian buat file baru di dalam folder tersebut dengan nama "HelloWorld.go", .go merupakan extensi untuk program golang.




2. Buka file "HelloWorld.go" tadi pada text editor anda (sublime text, visual studio, notepad, dll). Kemudian tuliskan kode berikut.

package main
 
import "fmt"
 
func main() {
	fmt.Println("Hello World!")
}

3. Jalankan program dengan membuk CMD atau terminal kemudian arahkan ke folder lokasi HelloWorld.go. Untuk menjalankan program golang digunakan perintah go run nama_file, nama file ganti dengan nama program anda. Jadi untuk menjalankan hello world tadi ketikkan perintah go run HelloWorld.go di CMD. Nantinya akan muncul hasil seperti pada gambar.




Wednesday, November 11, 2020

Mengenal Bahasa Pemrograman Go atau Golang


 

Jika sebelumnya kita telah membahas tentang bahasa Scala sekarang kita akan mempelajari bahasa pemrograman Go atau Golang. Apa itu Golang ??

Go atau Go Language biasa disingkat Golang merupakan bahasa pemrograman yang dibuat dan dikembangkan oleh tim Google. Bahasa ini dibuat oleh tim pengembang google pada tahun 2007 dan dirilis ke publik pada tahun 2009. Pembuatan golang didasari dari bahasa C dan C++. Hal inilah yang menyebabkan golang dan C memiliki sintax yang cukup mirip. Berbeda dengan kebanyakan bahasa pemrograman baru, golang tidak mengadopsi Object Oriented ataupun Generic programing.

Bahasa ini awalnya di buat hanya untuk internal perusahaan Google akan tetapi pada tahun 2009 golang akhirnya di rilis ke public secara open-source yang dalam artian kodenya bersifat terbuka, dapat di tulis, dimodifikasi, serta didistribusikan ulang.

Salah satu anggota pengembang Golang yang terkenal adalah (Ken Thompson), seorang ilmuan komputer yang dikenal juga sebagai pengembang sistem operasi Unix. Anggota lainnya dalam tim ini ada Robert Griesemer, dan Rob Pike.

Apa yang bisa dibuat dengan Golang ?

Golang dapat digunakan sebagai bahasa beck end untuk program apa saja, baik itu website, mobile, dan lainnya. Bahasa ini biasanya digunakan untuk membuat RestAPI, dikarenakan sintaks yang lebih ramah, serta efisiensi yang tidak kalah dengan bahasa C. Seperti kita ketahui efisiensi menjadi salah satu hal penting dalam memilih bahasa pemrograman. Dalam dunia pemrograman efisiensi merupakan sebuah proses dimana sedikit sumber daya yang digunakan untuk mencapai hasil yang diharapkan.

Berikut beberapa aplikasi yang dibuat menggunakan golang :

  • Monzo - Sebuah aplikasi bank online yang berbasis di Ingris Raya.
  • Allegro - Aplikasi Toko Online di Polandia
  • SoundCloud - Aplikasi distribusi suara secara online yang memungkinkan kolaborasi, promosi, dan distribusi rekaman suara.
  • Bado - Layanan jejaring sosial berbasis biro jodo multi bahasa.
  • Uber - Aplikasi Layanan Transportasi asal San Francisco (Pernah beroperasi di Indonesia sebelum akhirnya Uber yang beroperasional di Asia Tenggara di akuisisi Grab).

Kelebihan Golang

Sama halnya seperti bahasa pemrograman lainnya, golang tentunya memiliki keunggulan dibandingkan bahasa pemrograman lainnya. Berikut beberapa keunggulan yang dimiliki oleh Golang :

  • Mudah dipelajari - Sintaks yang dimiliki golang lebih kecil sehingga membuatnya lebih mudah dipelajari.
  • Memiliki concurrency - Concurency merupakan kemampuan terbagi menjadi bagian-bagian lebih kecil yang bisa berfungs sendiri.
  • Memiliki garbage collector - Garbage collector adalah sebuah fitur untuk mengatur alokasi memory.
  • Lebih cepat - Golang termasuk bahasa yang cepat sebab dikompile kedalam kode mesin, berbeda dengan kebanyakan bahasa pemrograman lain yang bekerja dengan virtual runtime.
  • Melengkapi kekurangan bahasa sebelumnya - Setiap bahasa pemrograman baru tentunya hadir dengan tujuan memperbaiki kekurangan dari bahasa sebelumnya. Beberapa kekurangan yang dapat di atasi oleh golang seperti kurangnya dukungan multicore, kurangnya dukungan komputasi paralel, sistem tipe yang rumit, hingga pengelolaan memori yang rumit.

Aturan Penulisan Golang

Setiap bahasa pemrograman tentunya memiliki struktur dan aturan penulisan yang berbeda-beda. Berikut beberapa aturan penulisan serta penggunaan fungsi tertentu pada golang.

Method main


package main

import "fmt"

func main(){
	// kode disini
}

Import package di Golang

Package digunakan untuk menggunakan fungsi-fungsi tertentu. Misalnya pada kode dibawah menunjukkan import "fmt" digunakan agar program dapat menggunakan package fmt.

package main

import "fmt" // kode import

func main(){
	// content main
}

Menampilkan tulisan


package main

import "fmt"

func main(){
	fmt.Println("Halo dunia!")
}

Untuk menampilkan tulisan pada program golang digunakan kode fmt.Println("Tulisan disini"), dimana sebelumnya kita harus mengimport package fmt agar dapat menggunakan Pintln("").

Tipe Data dan Variabel

Secara garis besarnya di golang terdapat tiga jenis tipe data yaitu number, string, boolean. Type data number adalah tipe data yang mengandung angka yang mana terbagi menjadi dua yaitu integer (bilangan bulat), dan floating point (desimal). Integer sendiri terbagi lagi menjadi :
  • uint - tipe data angka yang isinya tidak boleh negatif
  • int - boleh angka positif ataupun negatif
Selain dua jenis Integer diatas masih ada byte namun jenis integer ini jarang digunakan. Untuk lebih memahami tentang tipe data berikut contoh program yang menggabungkan antara variabel dengan tipe data.

package main
 
import "fmt"
 
func main() {
    a := "Codingrakitan.blogspot.com" 
    b := 7 
    c := true 
    fmt.Println("a = ", a)
    fmt.Println("b = ", b)
    fmt.Println("c = ", c)
}

Kode di atas akan menampilkan program seperti pada gambar :





Kondisi if else


package main

import "fmt"

func main(){
	a := 10
	
	if a > 10 {
		fmt.Println("Nilai a lebih besar dari 10")
	}else{
		fmt.Println("Nilai a tidak lebih besar dari 10")
	}

}

Kode di atas menunjukkan kondisi dimana apabila a > 10 maka tampilkan tulisan Nilai a lebih besar dari 10 jika tidak atau selain itu maka tampilkan tulisan Nilai a tidak lebih besar dari 10.

Perulangan For

Berikut adalah contoh program menggunakan sistem perulangan for :

package main

import "fmt"

func main(){
	for i := 0; i < 5; i++ {
    fmt.Println("Nilai = ", i)
}


Kode di atas akan menampilkan tulisan nilai sebanyak lima kali dengan nilai i berganti ganti dari 0 - 4. Mengapa mulai dari 0 sebab pada variabel i awalnya di rumuskan i := 0, lalu mengapa hanya sampai angka 4 sebab i < 5 artinya i kurang dari 5.

Menuliskan komentar

Komentar sangat berguna untuk menandai sekaligus memeberi informasi pada bagian tertentu. Penggunaan komentar pada program sangat berguna apabila aplikasi yang dibuat sudah mencakup banyak kode, serta membantu programer dalam melakukan kerja tim. Ada dua jenis komentar pada golang, yaitu komentar inline (satu baris) dan komentar multi line (banyak baris). Komentar inline menggunakan tanda // sedangkan komentar multi line menggunakan tanda pembuka baris /* dan tanda penutup baris */. Agar lebih paham lihat contoh di bawah :


package main

import "fmt"

func main(){
	// ini adalah komentar inline
}



package main

import "fmt"

func main(){
	/* ini adalah 
	jenis
	komentar multi line */
}



Pada situs resminya golang.org anda dapat melihat bahwa golang dapat di install di Platform Windows, MacOS, ataupun Linux. Untuk cara penginstalan golang di windows dapat anda lihat pada postingan Cara Install Golang di Windows.

Referensi :
https://dasarpemrogramangolang.novalagung.com/A-struct.html
https://kodingin.com/struktur-dan-aturan-penulisan-golang/

Keywords :
apa itu go, apa itu golang, bahasa pemrograman go, golang, pengertian golang, pengertian go.

Cara Install Golang di Windows

Postingan ini merupakan lanjutan dari postingan sebelumnya Mengenal Bahasa Pemrograman Go atau Golang. Kali ini kita akan menginstall golang pada perangkat komputer. Tutorial ini akan menggunakan sistem operasi Windows, tapi untuk sistem operasi lain langkah-langkahnya hampir sama.

Langsung saja yuk simak Cara Install Golang di windows.

1. Download Golang

Pertama-tama yang harus dilakukan adalah mengunduh file aplikasi golang di https://golang.org/dl/. Silahkan pilih file Microsoft Windows, ukurannya kurang lebih 115 mb.





2. Install hasil download

Buka file hasil download tadi kemudian klik dua kali, kemudian klik next pada tampilan yang muncul.





Klik I accept the terms in the license Agreement lalu next





Pada tampilan berikutnya anda bisa mengatur folder lokasi anda ingin menginstall golang. Caranya klik Change kemudian pilih foldernya. Namun nantinya ada juga harus mendaftarkan PATH go di Environment. Jika anda memasang pada folder default C:\Go\, PATH sudah otomatis di tambahkan ke Environment.





Klik Install dan tunggu hingga proses instalasi selesai.





3. Cek Golang di CMD

Pastikan bahwa golang benar-benar telah terpasang. Caranya buka CMD kemudian ketikkan perintah go version, jika muncul informasi mengenai versi maka golang sudah terpasang dan siap digunakan.





Perhatian Jika anda memasang golang pada folder lain anda harus melakukan pengaturan pada PATH environtment. Contohnya anda mesang di folder D:\Go\ maka copy alamat bin dari golang yaitu D:\Go\bin\ kemudian masuk ke Control Panel -> System -> Advanced System settings kemudian di layar baru klik tab Advanced -> Environment Variabel . Pada System variables cari Path kemudian edit dan tambahkan D:\Go\bin\ (sesuai loksi bin golang anda) pada baris terakhir kemudian tekan oke.