Post Top Ad

Post Top Ad

Feb 23, 2017

February 23, 2017

Membuat Aplikasi Android dengan Ionic 2


Halo semua, pada artikel kali ini kita akan membahas sebuah framework yang sedang hangat di kalangan mobile app developer yaitu Ionic. Ionic merupakan sebuah framework aplikasi hybrid yang memiliki tampilan layaknya native app. Jadi walaupun aplikasi yang dibuat dengan Ionic merupakan aplikasi hybrid, tetapi tampilan aplikasi tersebut terlihat seperti dibuat secara native.

Sebelum lebih jauh lagi, ada baiknya kita mengetahui dulu apa itu aplikasi native, dan hybrid. Aplikasi natiive adalah sebuah apliksi yang dibuat dengan bahasa pemograman tertentu untuk os tertentu. misalnya, aplikasi android dibuat dengan menggunakan bahasa pemograman java, sedangkan aplikasi IOS dibuat dengan bahasa pemograman swift. Aplikasi Hybrid adalah sebuah aplikasi yang merupakan gabungan antara native dan webview. lalu apa itu aplikasi webview ? aplikasi webview adalah aplikasi yang hanya menampilkan sebuah halaman website / html. Jadi intinya, aplikasi hybrid adalah penggabungan antara aplikasi native sehingga aplikasi dapat memiliki akses ke berbagai hardware android dengan aplikasi webview sehingga dapat dibuat dengan menggunakan pemogramman web.

Kembali lagi ke Ionic, Ionic menggunakan AngularJS pada pemogramannya. Selain itu, Ionic juga menggunakan SASS sebagai pengganti CSS. Selanjutnya pada ionic versi 2 yang belum lama ini rilis. Ionic menggunakan Angular versi 2 yang telah meninggalkan javascript dan menggantinya menjadi typescript. Menurut yang dilansir dari blog resminya Ionic, Ionic hanya akan mengembangkan Ionic versi 2 saja, jadi tidak akan ada ionic versi ke-3.

Setelah bicara panjang lebar tentang Ionic dan Aplikasi Hybrid, langsung saja kita mulai membuat Aplikasi Androidnya. Disini saya tidak akan mengetikan langkah-langkahnya satu persatu, disini saya sudah membuat video yang bisa kalian ikuti. Pada video ini saya menunjukan cara penginsatallan Ionic, cara membuat projectnya, cara menjalankannya, sampai cara membuat APKnya. OK selamat mencoba. Harap dimaklumi, soalnya ini video pertama saya yang pakai bicara, biasanya pakai ketik.



OK, sekian dari saya terima kasih.

Feb 9, 2017

February 09, 2017

"Mengintip" Teknologi Yang Digunakan Website SMK Negeri 7 Pontianak


Halo semua, hari ini saya akan membahas tentang teknologi yang digunakan website SMK Negeri 7 Pontianak. Saya akan mengunakan beberapa alat untuk menganalisa teknologi yang digunakan website SMK tersebut. OK, langsung saja kita mulai. 

Alat Pembuatan Website

Website SMK Negeri 7 Pontianak menggunakan WordPress dalam pembuatan websitenya. Hal ini dipertegas dalam tool is it WordPress. WordPress yang digunakan disini bukanlah WordPress.com yang biasanya digunakan untuk pembuatan blog, tapi yang digunakan disini adalah WordPress.org yang merupakan CMS (Content Management System) yang populer saat ini. Selain itu website SMK Negeri 7 Pontianak juga menggunakan salah satu plugins wordpress yaitu Visual Composer. Menurut pengalaman saya Visual Composer bisa dikatakan sebagai editornya WordPress, dengan plugin ini kita dapat mendesign halaman wordpress hanya dengan cara Drag and Drop. 

Tampilan Website

Dengan menganalisa sedikit html dari website SMK Negeri 7 Pontianak, saya dapat menemukan template yang digunakan website tersebut. Website SMK Negeri 7 Pontianak menggunakan template Newsmag yang merupakan salah satu template wordpress yang merupakan template dari tim tagDiv yang dijual seharga $ 49 diThemeforest

Domain dan Hosting

Menurut who.is, website SMK Negeri 7 Pontianak menggunakan hosting dari QWORD. selain itu menurut informasi who.is website SMK Negeri 7 Pontianak akan expired pada 2018 tepatnya tanggal 10 Januari (saat saya membuat postingan). Website SMK Negeri 7 Pontianak menurut who.is terdaftar atas nama Mutia Atmaja yang merupakan salah satu guru di SMK Negeri 7 Pontianak

oke, analisa ini belum tentu 100% benar karena saya mendapatkan informasi ini dari tools yang ada di internet bukan dari orang yang membuat website ini, sekian dari analisa saya hari ini, terima kasih. 

Jan 26, 2017

January 26, 2017

Membuat Layout Website Responsive dengan CSS


Hello semua, hari ini saya akan membuat tutorial tentang css. ok tanpa basa basi lagi, langsung saja kita mulai.

Pertama, buat sebuah halaman html yang harus memiliki beberapa tag div dengan class : head, body, side, dan foot. sebagai contoh perhatikan html dibawah ini.

 

ok, jika sudah hubungkan html dengan css, lalu buat css dengan kode sebagai berikut.

setelah membuat html dan cssnya hubungkan css dan tambahkan tag meta seperi dibawah ini

Masukan kode tersebut dibagian head htmlnya. pastikan kedua file yang dibuat tadi disimpan di folder yang sama !
Oke, Sekian dari saya terima kasih.

Jan 19, 2017

January 19, 2017

Belajar HTML Untuk Pemula


Hello, hari ini saya akan membuat artikel tentang Belajar HTML Untuk Pemula. HTML atau HyperText Markup Language adalah bahasa pemograman yang biasanya digunakan untuk membuat website. Sebelum mempelajari HTML kita harus mengetahui cara penulisan, dan kode dasar HTML.

Cara penulisan kode HTML
penulisan kode HTML dituliskan dangan pembuka dan penutup tag dan isinya berada diantara keduanya. suatu tag selalu didalam kurung siku (<nama tag>), dan tutup tag selalu diberi garis miring didalam kurung siku (</nama tag>). contoh : <title>Ini Website pertama saya</title> (* contoh tersebut adalah tag "title" yang fungsinya menuliskan title di browser. )

Kode dasar HTML
Untuk menuliskan HTML kita harus mengetahui kode dasar HTML. Kode dasar html adalah kode HTML yang dituliskan agar browser mengenali kode yang kita gunakan adalah html. kode dasarnya adalah :
<html>
<head>
<title>title yang kita inginkan</title>
untuk di isi script seperti CSS dan JavaScript
<head>
<body>
isi dari web
</body>
</html>

Tag pada HTML
Agar dapat dengan mudah mengubah bentuk, atau warna pada tulisan, dan agar dapat memasukan gambar pada web kita perlu mempelajari tentang tag - tag pada html. pada tag html kita mengenal yang namanya atribut. atribut adalah informasi tambahan pada suatu tag html, misalnya saat memasukan gambar kita ingin gambar yang kita masukan memiliki panjang 200 pixel, maka pada tag <img> (tag untuk memasukan gambar pada html) tambahkan atribut width="200px", penjelasan atribut : width adalah nama informasi yang ditambahkan, 200px (px artinya pixel) adalah isi dari informasi yang sudah ditambahkan tadi. Cara penulisan atribut yaitu dengan cara menuliskannya disebelah nama tag, dan isi atribut selalu diberi tanda petik dua, contoh <img src="gambar.jpg"/>(src adalah atribut sumber yang biasa digunakan untuk menambah sumber gambar) untuk penulisan dua atribut atau lebih dapat digunakan spasi sebagai pemisahnya. contoh <img src="gambar.png" width="500px">. Ada beberapa tag dan atributnya yang biasa digunakan, yaitu :
  • <p>...</p> berfungsi untuk menulis kalimat.
    • align, mengatur rata kiri, kanan atau tengah
  • <b>...</b> berfungsi untuk menebalkan teks
  • <i>...</i> berfungsi untuk memiringkan teks
  • <u>...</u> berfungsi untuk memberi garis bawah pada teks
  • <center>...</center> berfungsi untuk menengahkan teks
  • <font>...</font> berfungsi untuk memodifikasi teks
    • color mengubah warna tulisan (masukan warna dalam bahasa inggris)
    • face mengubah bentuk tulisan
  • <h1>....</h1> berfungsi untuk mengubah besar tulisan. dapat digunakan hingga <h6> atau heading 6 yaitu ukuran terkecil dari heading
  • <ol>....</ol> berfungsi membuat daftar berurutan (Ordered List)
  • <ul>...</ul> berfungsi membuat daftar takberurutan (Unordered List)
  • <li>....</li> berfungsi sebagai isi dari list (List Item) yang terletak di tag ol atau ul
  • <img/> berfungsi untuk memasukan gambar ke html
    • src yaitu sumber gambar bisa file, bisa juga url
    • width mengatur panjang gambar
    • height mengatur tinggi gambar
Oke, mungkin hanya itu saja yang dapat saya bagikan, jika ada masalah mengenai web (HTML) bisa berkomentar dibawah dan insyallah saya jawab.

Jan 11, 2017

January 11, 2017

Belajar Percabangan di Pemograman PHP


Halo ! hari ini saya akan membuat tutorial belajar percabangan di PHP dari mulai if, case, dll. Jika anda belum pernah menggunakan PHP sama sekali anda dapat membaca Belajar Membuat Website dengan PHP. Sebelum memulai kita harus mengetahui terlebih dahulu apa itu percabangan. Secara sederhana percabangan bisa dibilang pemilihan satu pilihan dari dua atau lebih pilihan yang ada. Oke langsung saja kita mulai.

Dalam percabangan kita perlu mengetahui operator pembanding dan operator logika.
Operator Pembanding adalah operator yang digunakan untuk membandingkan dua pernyataan yang akan menghasilkan nilai benar atau salah. Dalam PHP kita mengenal 6 operator pembanding yaitu :

lebih dari (>)
kurang dari (<)
samadengan (==)
lebihdari samadengan (>=)
kurangdari samadengan (<=)
tidak samadengan (!=)
Contoh penggunaan operator pembanding:
(4 > 5) //akan berniai benar
(4 == 5) // akan bernilai salah


Operator Logika adalah operator yang digunakan untuk membandingkan dua kondisi logika yang bernilai benar atau salah menjadi satu nilai benar atau salah. Dalam PHP kita mengenal 4 operator logika yaitu

AND (and / &&) bernilai benar jika kedua pernyataan benar
OR (or / ||) bernilai benar jika salah satu dari pernyataan benar
XOR (xor) bernilai benar jika HANYA salah satu dari pernyataaan benar
NOT (!) bernilai benar jika pernyataan salah
Contoh penggunaan operator logika :
(4 > 5 and 5==5) //akan bernilai salah
(4 > 5 or 5==5) //akan bernilai benar
(5!=2 && 5!=3) //akan bernilai benar
(!5>3) //akan bernilai salah


Penggunaan IF
Dalam penggunaan if strukturnya adalah
<?php
if(pernyataan){
yang dikerjakan jika pernyataan benar;
}
?>

Contoh :
<?php
if(4>3){
echo "4 lebih besar dari 3";
}
?>


Selain if ada juga if-else dan strukturnya adalah
<?php
if(pernyataan){
yang dikerjakan jika pernyataan benar;
}
else{
yang dikerjakan jika pernyataan salah;
}
?>

Contoh :
<?php
if(4>3){
echo "4 lebih besar dari 3";
}
else{
echo "4 lebih kecil dari 3";
}
?>


Selain keduanya ada juga if-elseif-else. dalam penggunaan elseif, elseif dapat digunakan sebanyak mungkin dan strukturnya adalah
<?php
if(pernyataan 1){
yang dikerjakan jika pernyataan 1 benar;
}
elseif(pernyataan 2){
yang dikerjakan jika pernyataan 2 benar; }
elseif(pernyataan 3){
yang dikerjakan jika pernyataan 3 benar;
}
...
else{
yg dikerjakan jika semua pernyataan salah;
}
?>

Contoh :
<?php
if(4>3){
echo "4 lebih besar dari 3";
}
elseif(4==3){
echo "4 sama dengan 3";
}
else{
echo "4 lebih kecil dari 3";
}
?>


Penggunaan Switch
Penggunaan switch digunakan untuk membandingkan suatu variabel yang operator pembandingnya adalah samadengan (==). Struktur switch adalah :

<?php
$cek = "cek";
switch ($cek){
case "nilaicek":
yg dikerjakan jika $cek == "nilaicek";
break;
case "nilaicek2":
yg dikerjakan jika $cek == "nilaicek2";
break;
default:
yg dikerjakan jika tidak ada yg sama;
break;
}
?>

Contoh :

<?php
$a=5;
switch($a){
case 1:echo "Januari";break;
case 2:echo "Februari";break;
case 3:echo "Maret";break;
case 4:echo "April";break;
case 5:echo "Mei";break;
case 6:echo "Juni";break;
case 7:echo "Juli";break;
case 8:echo "Agustus";break;
case 9:echo "September";break;
case 10:echo "Oktober";break;
case 11:echo "November";break;
case 12:echo "Desember";break;
default:echo "Kiamat";break;
}
?>

Metode Ternary
cara ini adalah cara mudah menyingkat percabangan, dan strukturnya adalah :

<?php
(perintah pernyataan) jika benar jika salah;
?>
Contoh

<?php
echo 5>5?"lima lebih dari lima":"lima tidak lebih dari lima";
?>

bisa juga digunakan untuk menetapkan variable :

<?php
$a = 5>5?"lima lebih dari lima":"lima tidak lebih dari lima";
echo $a;
?>

Oke sekian dari saya, terima kasih