Wednesday, August 30, 2017

WorkShop Bersama Bapak Natan Gusti Ryan ( Virtualisasi dan Data Center).



PengertianVirtualisasi adalah istilah umum yang mengacu kepada abstraksi dari sumber daya komputer. Sedangkan Data Center adalah suatu fasilitas yang digunakan untuk menempatkan sistem komputer dan komponen-komponen terkaitnya, seperti sistem telekomunikasi dan penyimpanan data.

Latar BelakangBapak Natan Gusti Ryan sendiri berasal dari Kalimantan Utara dan pada tahun 1999 di Yogyakarta. Beliau datang ke BLC Telkom karena beliau mampir sekaligus ingin bertemu dengan anak didik Mbah Suro dan ingin menemui Mbah Suro untuk bersilaturahmi, karena sudah lama beliau tidak bertemu dengan Mbah Suro.


Maksud dan TujuanSelain ingin bersilaturahmi dengan Mbah Suro, Bapak Natan juga diminta oleh Mbah Suro agar memberi motivasi kepada anak didik Mbah Suro agar menjadi lebih baik. Dan kami juga dikenalkan dengan apa itu virtualisasi dan data center.

Hasil yang DiharapkanDapat memahami apa itu virtualisasi dan data center dan dapat membuatnya sendiri dan mengerti cara pembuatannya dan teknik-tekniknya. Selain itu, juga agar kami mengetahui fitur-fitur yang ada pada virtualisasi dan data center.


Alat dan Bahan
  • VMWare.
  • Komputer/Laptop.
  • Operting System (OS) untuk menjalankan virtualisasi.
  • Alat-alat yang digunakan untuk data center (misalnya lantai lescure, dinding kaca, AC, Patriot dll).
Jangka Waktu Pelaksanaan3 jam.


Tahapan Pelaksanaan/UraianData CenterFasilitas ini biasanya mencakup juga catu daya redundan atau cadangan, koneksi komunikasi data redundan, pengontrol lingkungan (mis. AC, ventilasi), pencegah. Denah ruang data center didesain seperti rumah yang kemudian nanti didalam ruangan tersebut terdapat ruangan lagi yang didesain seperti kamar yang didalamnya terdapat data center.

Di dalam kamar tersebut juga terdapat patriot yaitu alat yang digunakan untuk mendeteksi asap dan memberikan cairan yang disebut dengan liquid. Selain patriot, di dalam kamar tersebut juga terdapat lantai lescure. Lantai lescure itu sendiri adalah lantai yang digunakan khusus untuk data center yang berfungsi untuk menahan beban  hingga dua ton.Lantai lescure dibangun dengan cara disangga menggunakan kaki besi. Sehingga lantai lescure tersebut memiliki lorong dibawahnya.

Lorong tersebut berfungsi untuk memberi jalur pada kabel yang terhubung dengan data center dan sebagai ventilasi udara dan pengatur suhu. Berikut adalah beberapa akses data center, antara lain :

  • Keamanan (security).
  • Lantai lescure.
  • Mempunyai power sendiri.
  • Mempunyai UPS.
  • Standart server umum, minimal 5 network.

Berdasarkan fungsinya, data center dibagi menjadi 2 kategori umum yaitu:1. Internet Data Center : hanya untuk mendukung aplikasi terkait dengan Internet saja, biasanya dibangun dan dioperasikan oleh service provider atau perusahaan yang memiliki model bisnis berdasarkan pada Internet commerce.
 2. Corporate/Enterprise Data Center : mendukung semua fungsi yang memungkinkan berbagai model bisnis berjalan pada layanan Internet, intranet, dan keduanya.Di Data Center terdapat beberapa fitur-fitur antara lain report center yaitu fitur yang berfungsi untuk menggabungkan laporan keuangan menjadi satu, ada juga remote server yaitu untuk meremot banyak server yang aplikasinya disimpan di remote desktop.

Keuntungan dari data center antara lain adalah lisensinya hanya satu dan jika kita ingin menggunakan satu data untuk digunakan bersama dengan teman kita, kita hanya membutuhkan satu data saja dan minimal untuk 150 client.

VirtualisasiDefinisi lainnya adalah "sebuah teknik untuk menyembunyikan karakteristik fisik dari sumber daya komputer dari bagaimana cara sistem lain, aplikasi atau pengguna berinteraksi dengan sumber daya tersebut.

Berikut beberapa jenis virtualisasi, antara lain :
  • Perangkat Keras
  • Perangkat Lunak
  • Memori
  • Pemasaran
  • Data
  • Jaringan
Hasil yang DidapatkanDapat lebih memahami tentang Virtualisasi dan Data Center.


Referensi

Tuesday, August 29, 2017

Dasar PHP


Muhammad Aqshol Rifanza - Setelah mengetahui apa itu PHP sekarang kita belajar dasar-dasar PHP. Oke kita mulai sekarang.

Dasar PHP
Seperti pada judul di atas, kita akan mempelajari dasar - dasar pada bahasa pemrograman PHP, muali dari peulisan syntax, disimpan dengan ektensi apa dan dimana lokasi kita mentimpan file PHP ini. Saya menyarankan untuk sobat membaca tutorial PHP Part 1 terlebih dahulu sebelum menginjak tutorial yang ke dua

Untuk tahap awal akan dijelaskan terlebih dahulu tentang cara penulisan syntax PHP "<?php diakhiri dengan penutup ?> " dan yang harus kita ingat - ingat adalah setiap akhir baris dari syntax kita akhiri dengan tanda semicolon " ; " . Pertama silahkan ketik syntax berikut ini di text editor sobat dan simpan di direktori localhost sobat

<?php echo "Hallo Dunia !"; ?>
Seperti yang kita lihat pada syntax di atas. Penulisan syntax PHP diawali dengan tag pembuka dan ditutup dengan tag penutup. Dan diakhir baris syntax php harus diakhiri dengan tanda semicolon atau titik koma ( ; ) . Ada juga yang menulis syntax PHP diawali dengan <? dan diakhiri dengan ?>. Tetapi penulisan syntax tersebut tidak sesuai atau salah dengan aturan dasar dari PHP sendiri. Jadi sebaiknya mengikuti cara penulisan tag PHP yang baik dan benar yaitu "<?php ?>"



Selanjutnya file tersebut kita simpan dengan ektensi .php ( dot php ).

Sekian postingan kali ini dan jika ada komentar silahkan komentar dibawah

Monday, August 28, 2017

Kondisi IF dan ELSE Pada PHP


Muhammad Aqshol RifanzaKondisi if Else bisa sobat ibaratkan dengan pengecekan jika maka pada kenyataanya. Fungsi if else sangat dibutuhkan pada saat sobat ingin memeriksa sebuah kondisi. Pada setiap logika terkadang kita memerlukan pengecekan suatu nilai yang jika terpenuhi untuk melakukan suatu dan jika pengecekan pertama tidak terpenuhi maka ada pengecekan kedua yaitu else.

Kondisi IF dan ELSE

Kondisi if Else bisa sobat ibaratkan dengan pengecekan jika maka pada kenyataanya. Fungsi if else sangat dibutuhkan pada saat sobat ingin memeriksa sebuah kondisi. Pada setiap logika terkadang kita memerlukan pengecekan suatu nilai yang jika terpenuhi untuk melakukan suatu dan jika pengecekan pertama tidak terpenuhi maka ada pengecekan kedua yaitu else. Dapat kia bayangkan tentang kondisi if else ini seperti misalnya sobat memiliki seorang teman. Jika nama teman anda adalah adi maka dia adalah laki - laki bukan perempuan. Mungkin sedikit sulit jika dijelaskan, Akan sangat membantu sobat untuk memahami logika kondisi if else ini menggunakan contoh yang saya sediakan

Persyaratan

  • IF - mengeksekusi beberapa kode jika salah satu kondisi benar
  • ELSE - mengeksekusi beberapa kode jika kondisi benar dan kode lain jika kondisi itu adalah palsu / salah
  • ELSEIF - mengeksekusi kode yang berbeda selama lebih dari dua kondisi






Perhatikan pada contoh di atas. Kita memiliki sebuah variabel yang bernama teman. Kemudian isi dari teman adalah "Aqshol". Jadi logikanya seperti ini, Jika variabel teman memiliki nilai "Aqshol" maka akan muncul kata "Dia adalah temanku" jika tidak maka akan muncul "Dia bukan temanku" . Berhubung isi dari variabel adalah Aqshol maka muncul kata "Dia adalah temanku".

Kesimpulan

Oke jadi kesimpulanya PHP memiliki fungsi untuk cek meng cek kondisi suatu nilai . Kita bisa menggunakan If Else dan juga Else if seperti yang sudah dijelaskan di atas. Tetapi contoh di atas adalah contoh yang sangat sederhana, Website - website besar memiliki kondisi if else yang sangat wow. Jadi kondisi if else sangat penting kita terapkan dalam website atau aplikasi yang akan kita buat.

Sunday, August 27, 2017

Mengenal PHP


Muhammad Aqshol Rifanza - Kali ini saya akan sharing mengenai PHP. Apa itu PHP ? Ada yang berfikir PHP itu Pemberian Harapan Psu ? hahahahhah, bukan ya PHP adalah sebuah bahasa pemrograman.

Pengertian
PHP Adalah singkatan dari Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan pada HTML. Apa itu Bahasa Skrip ? Bahasa skrip (bahasa Inggris: scripting language) merupakan bahasa pemrograman yang menyediakan fasilitas penerjemahan serta kompilasi kode dalam satu rangkaian proses secara integratif sehingga memungkinkan kode dibuat dapat langsung dijalankan sebagai program secara dinamis.

PHP Memiliki sifat server side karena PHP dijalankan atau dieksekusi di sisi server. Maksud dijalankan pada sisi server adalah PHP dijalankan pada komputer server bukan dari sisi komputer client. PHP ini hanya dapat dijalankan ketika file PHP tersebut diletakkan di folder webserver. Di Windows kita mengenal Xampp untuk menjalankan PHP dan di linux menggunakan LAMP Server. HTML dapat dijalankan di folder mana saja tetapi PHP hanya bisa dijalankan ketika kita meletakkanya di file webserver. PHP dapat digunakan untuk membuat CMS dan website - website besar lianya, seperti Facebook,Twitter,Instagram,Wikipedia dan lain - lain. Website dapat dikatakan website Dinamis jika ditanamkan script PHP di dalamnya

PHP Mulai dikembangkan pada tahun 1995 oleh Ramsus Lerdorf yang Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal) Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web. Untuk situs resmi dari PHP sobat dapat mengunjunginya di www.php.net . Sebelum mengenal lebih dalam mengenai PHP adakalanya kita mengetahui keunggulan dan fungsi dari PHP ini.


Kelebihan PHP dibandingkan bahasa pemrograman yang lain.
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

  1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.
  2. Web Server yang mendukung PHP dapat ditemukan di mana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
  3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.
  4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.
  5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.
Fungsi PHP
Jika diibaratkan sebuah rumah untuk gambaran dari fungsi PHP ini. HTML adalah sebagai pondasi dari sebuah bangunan tersebut. Pasti rumah tersebut memiliki penampilan yang kurang menarik karena hanya sebuah pondasi maka rumah tersebut diberikan cat agar terkesan lebih hidup,itulah CSS. Lalu dimana letak kegunaan PHP ? PHP Seperti filter untuk menyaring siapa saja yang boleh masuk di rumah tersebut, siapa saja yang dapat membuang dan mengolah isi dari rumah,menyimpan,menambah barang - barang yang ada di rumah. Itulah fungsi dari PHP. Jadi PHP berfungsi untuk membuat aksi dari rumah tersebut jika diemplementasikan di dunia nyata

Penulisan Sintax PHP
Untuk penulisan syntax PHP diawali oleh (<?php) dan diakhiri dengan tag penutup (?>) syntax PHP dapat disisipkan di dalam bagian - bagan HTML. Kemudian diakhir syntax php diakhiri dengan tanda semicolon atau titik koma (;).
<?php
echo "Hallo Dunia !!!";
?>
Dapat dilihat pada syntax di atas. Script PHP diawali dengan <?php dan diakhiri ?> dan diperhatikan dari setiap baris syntax diakhiri dengan tanda semicolon atau titik koma (;).

Syntax echo adalah berguna untuk menampilkan data. Baik itu input maupun output. Yang dihasilkan dari contoh di atas adalah Hallo Dunia !!! .

Referensi
  • http://www.script-kiddies.org

Modal Bootstrap


Muhammad Aqshol Rifanza - Kesempatan ini saya akan membuat modal dengan bootstrap...

Pengertian
Modal adalah sebuah kotak dialog atau sering disebut dengan popup yang menampilkan pesana atau konfirmasi untuk suatu aksi, misalnya sobat ingn mebuat aksi menghapus data maka akan muncul kotak dialog yang kurang lebihnya seperti ini " Apakah anda ingin menghapus data ini ? " Banyak lagi yang dapat dilakukan oleh modal karna modal juga dapat menampilkan data dalam bentuk modal

Bootstrap memberikan plugin yang berfungsi untuk membuat modal, modal yang dihasilkan cukup bagus dan cara membuatnya pun mudah.




Kesimpulan
Bootstrap menyediakan fasilitas modal yang responsive dan mudah untuk digunakan. Kita tidak perlu susah payah membuat plugin modal tinggal memanggil classnya saja kita dapat membuat modal tersebut dan yang dihasilkan pun memuaskan

Referensi
  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com

Friday, August 25, 2017

Carrousel / Slideshow Bootstrap


Muhammad Aqshol Rifanza - Kali ini saya akan berbagi cara membuaut carrosel atau slideshow dengan menggunakan bootstrap.

Pengertian
Carousel atau sering disebut oleh kebanyakan orang slideshow merupakan sebuah proses penampilan gambar yang diberi efek slide yaitu gambar dapat berubah sesuai dengan waktu yang ditentukan atau kita dapat menggeser gambar menjadi gambar yang lain. Sangat banyak website yang menggunakan carousel atau slideshow pada website mereka untuk mempromosikan produk unggulan atau untuk tujuan lainya. Biasanya carousel diletakkan pada halaman depan seuah website dengan tampilan yang menarik agar pengunjung tertarik dan betah mengunjungi website tersebut.

Sangat susah untuk membuat carousel dengan cara manual. Dengan adanya class carousel pada Bootstrap kita dapat dengan mudah membuat carousel. Kita juga dapat menambahkan caption pada carousel kita dengan tujuan promosi atau tujuan lainya dan pastinya tampilan dari carousel tersebut mewah dan responsive.

Yang harus kita lakukan pertama kali adalah menyiapkan beberapa file gambar yang akan kita gunakan menjadi gambar yang muncul pada carousel. Disini saya sudah menyediakan 3 file gambar untuk saya jadikan gambar yang muncul pada carousel.

Siapkan gambar pada folder dengan nama images, simpan gambar pada follder images tersebut.




Kemudian Masukkan Script berikut



Carrouselnya sudah jadi, taraaa. Kemudian tambahkan class grid untuk mengatur ukuran gambar dan mengatur letak dari gambar tersebut jika sobat tidak membutuhkan class tersebut hapus saja karena grid tidak wajib diletakkan pada carousel
<div class="col-md-8 col-md-offset-2">
Lalu untuk  menambahkan indicator dari carouselnya sobat harus menambahkan class berikut
<!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
Sobat Bisa sobat otak atik sendiri, silahkan ganti gambarnya pada tag img-src dan masukkan nama gambar, slahkan ganti <h3> dan <p> sesuai keinginan sobat
 <div class="carousel-inner" role="listbox">
                <div class="item active">
                <img src="Images/1.jpg" alt="SCRIPT_KIDDIES">
                <div class="carousel-caption">
                <h3>SCRIPT_KIDDIES</h3>
                <p>Tutorial Pemrograman Web, Mobile dan Design</p>
                </div>
                </div>
Untuk membuat icon panah dan ketika panah tersebut kita klik maka gamar tersebut akan berubah gunakan class berikut ini
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
        </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
        </a>
    </div>
    </div>
Dan hasilnya akan



Kesimpulan
Dengan adanya class carousel pada Bootstrap ini kita dimudahkan untuk membuat carousel / slideshow karena kita tinggal memanggil class Bootstrap dan memahami arti dari setiap class tersebut. hmm tetapi menurut saya dibandingkan dengan class Bootstrap yang lain carousel ini yang paling susah dari pada membuat class Bootstrap yang lain.

Referensi
  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com

Thursday, August 24, 2017

Pindahan BLC Telkom ke RSPD Klaten



Muhammad Aqshol Rifanza -  Hari Sabtu, tanggal 25 Agustus 2017 BLC Telkom Klaten pindah kre RSPD Klaten yang berada di dekat alun-alun klaten. Saya dan teman-teman BLC Telkom lainnya sedikit membantu kepindahan BLC Telkom.

Untuk Hari Sabtu saya berada di BLC Telkom yang lama, saya dan sebagian kecil teman-teman BLC menjaga barang barang yang akan dipindahkan ke RSPD, karena bertahap kepindahannya pun memakan waktu yang cukup lama. Kami juga membawa barang-barang masuk kedalam mobilnya Mbah Suro Dhemit.
















Form Bootstrap


Muhammad Aqshol Rifanza - Kali ini saya akan berbagi cara membuat form dengan bootstrap.

Membuat Form Pada Bootstrap
Ada tiga model form :
  • Form dengan model Vertikal
    Form dengan model vertikal ini merupakan form default Bootstrap
  • Form dengan model Inline
    Form dengan model inline adalh sebuah form yang label dan form inputnya terletak sebaris
  • Form dengan model Horizontal
    Form dengan model horizontal merupakan form yang memiliki bentuk horizontal. Artinya posisi label dan input form terletak Horizontal
Untuk membuat form dengan Bootstrap sobat dapat menggunakan class "form-control" pada tag <input>, <textarea>, <select> dan element form yang bisa digunakan lainya.

Membuat Form Vertikal




Membuat Form Inline



Membuat Form Horizontal



Kesimpulan
Bootstrap telah menyediakan class form yang responsive dan terlihat modern dan kita tinggal mengkreasikanya sesuai kita.

Referensi
  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com

Wednesday, August 23, 2017

Navigasi Bar Bootstrap


Muhammad Aqshol Rifanza - Untuk membuat navigation bar dengan Bootstrap tidaklah sulit. Seperti pada tutorial - tutorial Bootstrap sebelumnya sobat hanya perlu menambah class - class yang sudah di sediakan oleh Bootstrap. Navigation bar Bootstrap dibuat dengan menggunakan tag <nav>. Dan diletakkan dalam tag <body> html paling atas 

Membuat Navigasi Bar





Dari gambar diatas, disitu dijelaskan masing-masing kegunaan dari class-class yang dalam membuat navigator Bootstrap. Dapat dilihat pada contoh diatas untuk membuat menu navigation Bootstrap gunakan class
<nav class="navbar navbar-default">
class "navbar-default" digunakan untuk membuat navigation bar dengan model standart. Sobat bisa menggantinya dengan "navbar-inverse" untuk membuat menu navigation bar Bootstrap dengan model gelap.
<div class="container-fluid">
Digunakan untuk membuat sisi menu navigation penuh atau full. Sobat bisa menggantinya menjadi
<div class="container">
Untuk membuat sisi menu navigation bar tidak penuh dapat kita gunakan class
<div class="navbar-header">
Digunakan untuk membuat bagian header dari menu navigation Bootstrap. "nabar-header" untuk mendefinisikan bagian header menu navigation. dan "navbar-brand" digunakan untuk mendefinisikan judul webiste.
<ul class="nav navbar-nav">
                <li class="active"><a href="http://www.script-kiddies22.blogspot.co.id">Home</a></li>
                <li><a href="#">Profil</a></li>
                <li><a href="#">Tentang Kami</a></li>
                <li><a href="#">Tutorial</a></li>
            </ul>
Class diatas digunakan untuk membuat menu navigation.
<ul class="nav navbar-nav navbar-right">
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> Daftar</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
            </ul>
Class diatas digunakan untuk membuat link menu yang terletak pada bagian sebelah kanan dari menu navigation bar Bootstrap.

Membuat Dropdown Pada Navigasi Bar





Membuat Navigasi Responsive





Kesimpulan
Dengan adanya class nav pada Bootstrap ini kita dimudahkan untuk membuat navigation bar pada sebuah website dan kita suguhkan dengan tampilan yang rapi dan modern dan tentunya responsive di semua resolusi layar.

Referensi

  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com