Archive for December 2017

Menulis Formula Matematika di Blog dengan MathJax

Matematika, Siapa yang tidak mengenal materi satu ini? Mungkin bagi sebagian orang masih menganggap matematika itu sulit dipahami karena terlalu banyaknya rumus dengan cara penyelesaiannya yang berbelit-belit. Padahal Matematika itu menyenangkan dan mudah untuk dipelajari asal ada kemauan dan usaha untuk bisa pasti sedikit demi sedikit akan paham dengan sendirinya.

Jika membahas mengenai Fibonacci memang sangat luar biasa,mengapa demikian?. selain dikenal dengan angka tuhan oleh para ilmuwan, juga angka fibonacci ini berhubungan dengan alam semesta, misalnya jumlah daun bunga dan tubuh manusia pasti jumlahnya sesuai dengan angka fibonacci. Yang jelas masih banyak misteri dan rahasia mengenai angka fibonacci ini.

Email tentu saja sudah menjadi kebutuhan sehari-hari dalam dunia internet, terutama dalam mengirim surat elektronik ke email si penerima membuat email menjadi sangat penting terutama dalam perkantoran, pendidikan, dan lainnya. Dengan mengirim via email akan semakin mudah dan cepat dalam mengirim suatu informasi.

Pada kesempatan kali ini saya akan berbagi trik mengirim email text (hanya teks) dengan PHP, semua website saat ini terutama situs penyedia email telah terintegrasi dengan bahasa pemograman terutama php. sebelum mengikuti step/langkah-langkahnya, yang harus kita perlukan ada dua yaitu text editor dan hosting. Kenapa harus menggunakan hosting?kenapa tidak menggunakan xampp? karena kita akan mengirim email secara offline dan harus terkoneksi dengan internet agar bisa bekerja.

Pada tutorial ini, saya menggunakan gmail dan email sendiri yang akan menerima email versi teksnya. Berikut Langkah-langkahnya :

Buka Editor Teks, disini saya menggunakan Notepad++ (bisa menggunakan editor teks lainnya).

Buat file dengan nama mail.php dengan skrip seperti berikut.


<?php
//email yang dituju
$untuk = "trixngrh999@gmail.com";

//judul/subjek email
$judul="Assalamu'alaikum";

//isi pesan
$pesan="Halo Dunia\n\nSemoga pagi ini menyenangkan";

//identitas si pengirim
$pengirim="From: trixnan.com <no-reply@trixnan.com>";
?>

tambahkan skrip berikut sebelum ?>

mail($untuk,$judul,$pesan,$pengirim);

Skrip inilah yang akan mengirim email ke email tujuan kita.

Jadi skrip lengkapnya seperti berikut.


<?php
//email yang dituju
$untuk = "trixngrh999@gmail.com";

//judul/subjek email
$judul="Assalamu'alaikum";

//isi pesan
$pesan="Halo Dunia\n\nSemoga pagi ini menyenangkan";

//identitas si pengirim
$pengirim="From: trixnan.com <no-reply@trixnan.com>";

//mengirim email teks yang dituju
mail($untuk,$judul,$pesan,$pengirim);
?>

lalu save

Lalu upload file mail.php ke hosting kita (disini saya menggunakan 000webhost).
Buka filenya di alamat hosting kita, jika kosong tandanya kita telah berhasil mengirimnya.
Masuk ke Email Tujuan untuk mengecek apakah benar terkirim atau belum

maka email yang telah dibuat dari php telah terkirim.

mudah bukan? silahkan bisa kalian lakukan sendiri dengan email kalian maupun email teman.

Masih Bingung dengan Cara diatas?Kalian bisa mempraktekkannya lebih jelas melalui video berikut:

Menggunakan Font Awesome 5 secara Offline

Berawal dari keisengan saya mengunjungi fontawesome.io, tiba-tiba saja saja ada notifikasi header adanya font awesome 5, disitulah rasa penasaran saya untuk mengunjungi situsnya di fontawesome.com , terlihat jelas perbedaan dari versi sebelumnya dan untuk font awesome 5 memiliki setidaknya 2.181 icons (904 icons free, 1278 icons pro) tentu inilah yang harus diperhatikan pada penggunaannya.

Pada Font Awesome 5 ini setiap iconsnya memiliki 4 jenis yaitu solid, light, reguler dan brands dan tentunya ini penting sekali sehingga icons ini terlihat lebih indah dari versi sebelumnya (fontawesome 4.7), mudah digunakan dan simple namun pro. font awesome 5 ini tentu saja akan membuat project maupun website kita menjadi lebih menarik dengan penggunaan iconnya.

disini saya akan membagikan trik menggunakan font awesome 5 ini secara offline. offline? bukankah font awesome hanya bisa untuk online saja? pada font awesome 5 ini kita dapat menggunakannya secara offline, sehingga akan semakin mudah menggunakannya secara offline, terutama dalam membuat project di xampp. semakin mantap dan lancar dalam menggunakan icons ini. kita langsung saja cara menggunakannya :

download package font awesome 5 di website fontawesome.com , klik download free

buat folder dengan nama test di directory mana saja (disini saya buat di local disk E)

Setelah download selesai, ekstrak packagenya dengan extract files dan pilih folder test pada directory yang dibuat lalu klik ok (rename foldernya dengan nama fontawesome5)

Pilih Teks Editor apa saja (disini saya menggunakan atom), lalu klik File -> Add Project Folder -> Pilih Folder test -> Select Folder

Klik kanan folder test lalu buat file dengan nama index.html dengan scriptnya sebagai berikut:

index.html
```
<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>Font Awesome 5</title>

    <script defer src="fontawesome5/svg-with-js/js/fontawesome-all.min.js"></script>

  </head>

  <body>

    <i class="fas fa-coffee"></i>

    <i class="fab fa-whatsapp"></i>

  </body>

</html>
```
Perlu diperhatikan :
- Sesuaikan pemanggilan script fontawesome 5 terutama pada folder-foldernya
- Pada jenis font-awesome dalam penggunaan class pada tag i yaitu : fas (fontawesome solid), far (fontawesome reguler), fab (fontawesome brands), fal (fontawesome light)
Lihat hasil index.html pada browser,

maka icons yang kita panggil akan muncul sesuai dengan jenis font awesomenya dan terbukti bahwa penggunaan fontawesome 5 secara offline berhasil.

Masih bingung dengan cara di atas? bisa kalian praktekkan dengan lebih jelas melalui video berikut:

Membuat Editor Text WYSIWYG Dengan TinyMce

Dalam membuat sebuah project aplikasi tentunya kita sering melihat form yang terlihat seperti inputan pada microsot word, open office dll. Inputan seperti inilah yang dinamakan editor text. Editor Text merupakan suatu jenis perangkat lunak komputer (software) yang digunakan untuk menyunting teks. Dengan Editor Text kita dapat mengkustomisasi teks/tulisan sesuai dengan kebutuhan yang diperlukan. Editor yang terdapat sebuah aplikasi website saat ini disebut Editor Text WYSIWYG (What You See Is What You Get) yang artinya apa yang kamu lihat adalah apa yang kamu dapatkan.

Disini saya akan membagikan tips dalam membuat Editor Text WYSIWYG, Salah satu Editor Text yang sering digunakan developer yaitu TinyMce karena sangat simple dan mudah digunakan. TinyMce adalah plugin javascript yang digunakan untuk mengubah textarea menjadi Editor Text yang memiliki banyak fitur. Dengan menggunakan TinyMce kita dapat dengan mudah dalam menyunting text dan setiap diformat dapat dilihat langsung hasilnya. Langsung saja kita membuat Editor Text WYSIWYG dengan TinyMce, yaitu :

Silahkan download plugin TinyMce disitus www.tinymce.com
Akan ada 2 pilihan yaitu TinyMce Community dan TinyMce Dev Package, gunakan TinyMce Community
Extract plugin TinyMce yang telah didownload, lalu rename nama folder menjadi tinymce
Buat folder di directory mana saja dengan nama tinymcedit, lalu copy folder tinymce ke dalam folder tinymcedit

Buat file html bernama index.html lalu simpan ke dalam folder tinymcedit, dengan skripnya seperti berikut:

index.html


<html>
<head>
<title&gtTinyMce</title>
</head>
<body>
<textarea>Ini adalah Editor Text TinyMce, Sangat Cocok digunakan dalam membuat aplikasi</textarea>
</body>
</html>

Tambahkan javascript untuk mengubah textarea menjadi Editor TinyMce sebelum tag <head>


<script src="tinymce/js/tinymce/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>


<html>
<head>
<title&gtTinyMce</title>
<script src="tinymce/js/tinymce/tinymce.min.js"></script>
<script>tinymce.init({ selector:'textarea' });</script>
</head>
<body>
<textarea>Ini adalah Editor Text TinyMce, Sangat Cocok digunakan dalam membuat aplikasi</textarea>
</body>
</html>

Jalankan index.html pada browser, lalu kita lihat hasilnya

Maka Textarea telah berubah menjadi Editor Text TinyMce

Masih bingung dengan cara diatas? kalian bisa mempratekkan dengan lebih jelas melalui video berikut :

Mengubah Postingan Blog menjadi Offline

Seringkali kita berkunjung ke sebuah blog baik dari postingan teman, grup blog di social media maupun dari search engine pastinya untuk mencari informasi yang terdapat lewat tulisan yang disebut postingan. Mencari informasi lewat internet telah menjadi suatu kebutuhan sekarang ini, dan blog merupakan platform yang paling banyak dicari dalam search engine karena gratis, mudah dan praktis, serta dapat digunakan kapan saja dan dimana saja.

Namun setiap kali mencari postingan blog yang dituju, kita sering menemukan situs blog yang memiliki artikel postingan sangat panjang dan tak beraturan (tidak rapih) sehingga hal ini yang membuat si pengunjung merasa malas untuk membacanya apalagi dalam mencari blog bertema tutorial, cerita dan pelajaran pastinya kita mencopas postingan tersebut ke word agar dapat dibaca dan dipraktikkan di kemudian hari. tapi cara copas seperti ini tidak dibenarkan karena dapat disebut penyalahgunaan blog.

Bagaimana caranya agar kita dapat membaca postingan blog tanpa mencopasnya? caranya adalah menjadikan postingan blog tersebut menjadi pdf, memang bisa? tentu saja, dan cari ini afdol daripada kita harus mencopas tanpa seizin pemiliknya. langsung saja inilah caranya :

Kunjungi Situs blog yang dituju, misal disini mencari postingan blog dari search engine (google).

Setelah membuka postingan blog tersebut scroll sampai akhir agar dapat menjadi print pdf.

Tekan tombol keyboard ctrl+p untuk print.
disini kita ganti destination menjadi "Microsoft Print for Pdf" dengan klik change ataupun bisa menggunakan yang lain