Workshop Pre-MTCNA Dan CENTOS

Assalamualaikum Wr.Wb

Pada hari jumat 21 April 2017 INTRA Training Center bekerja sama dengan  BLC Telkom Klaten mengadakan sebuah training gratis yang bertempat di gedung BLC Telkom.acara ini dibuka untuk umum dan siapapun boleh ikut dalam acara ini , termasuk kami siswa yang sedang prakerin di BLC Telkom Klaten. Acara ini dilasanakan mulai tanggal 21 April - 25 April 2017 yang akan memberikan training mengenai MikroTik Pre-MTCNA dan Centos.

INTRA adalah lembaga training dan IT solution yang berdomisili di Bekasi, Jawa Barat. Dengan segala kemampuan yang dimiliki, INTRA telah dipercaya sebagai perusahaan untuk memberikan training, konsultasi, dan implementasi oleh personal, instansi swasta ataupun pemerintah.

Dengan motto “The Path of Development”, INTRA berkomitmen memberikan layanan terbaiknya untuk student & IT engineer.

INTRA awalnya hanyalah komunitas belajar yang ingin melakukan pengembangan, Terutama pengembangan diri sendiri sehingga dapat menjadi IT Professional. Dengan segala sumber yang ada (knowledge & skill) yang kami miliki, kami tetap riset dan mengembangkan untuk menjadi yang berkualitas. Walaupun kami sadari, “di atas awan ada awan lagi”, kita menyadari bahwa bukan terbaik di dunia tetapi hanya ada yang lebih baik.

Pada hari pertama training , acara dibuka oleh pak Denny Darmawan sekaligus membawakan materi untuk PRE-MTCNA .pertama pak Denny Darmawan memperkenalkan diri.Di awal training pak Denny mengajarkan GNS3 untuk simulasi,dia juga menekankan kepada para peserta training walaupun sekarang sudah ada winbox untuk konfigurasi mikrotik tetapi kita juga harus tau bagaimna cara konfigurasi mikrotik melalui CLI. untuk konfigurasi melalui CLI pak Denny mengatakan "kita tidak harus menghafal , tapi paham".

Untuk ingin Modul Workshopnya silahkan download di sini

Berikut adalah dokumentasi kegiatannya  

 

  

 

 

Ya mungkin sekian dulu berbagi cerita tentang workshop Pre-MTCNA Di BLC Telkom Klaten.

Wassalamualaikum Wr.Wb 

Instalasi Slims 8 Di Linux Mint 17.3

Assalamualaikum Wr.Wb
Pada kesempatan kali ini saya akan berbagi tutorial instalasi slims 8 pada Linux Mint 17.3

Latar Belakang

Tidak bisa di pungkiri bahwa perkembangan di dunia teknologi memang sangat pesat,salah satunya munculnya sistem management perpustakaan berbasis web yang mungkin akan semakin memudahkan untuk sistem pengelolaan perpusakaan misalnya slims ini.Dan dengan adanya tutorial ini di harapkan akan membantu teman semua yang sedang mencari tentang tahapan intalasi slims.

Pengertian

Senayan, atau lengkapnya Senayan Library Management System (SLiMS), adalah perangkat lunak sistem manajemen perpustakaan (library management system) sumber terbuka yang dilisensikan di bawah GPL v3. Aplikasi web yang dikembangkan oleh tim dari Pusat Informasi dan Humas Departemen Pendidikan Nasional Republik Indonesia ini dibangun dengan menggunakan PHP, basis data MySQL, dan pengontrol versi Git. Pada tahun 2009, Senayan memenangi INAICTA 2009 untuk kategori open source.

• Jangka Waktu

10 - 15 Menit

• Alat Dan Bahan

• File Slims yang akan di instal (saya menggunakan Slims 8) untuk mendownload silahkan kunjungi websitenya di sini.
• Laptop atau komputer yang akan di instal slims
   

Tahap Penyelesaian Cara Menginstall Slims 8 di Linux Mint

• Jika sudah di download silahkan untuk di ekstrak
• Letakkan file hasil ekstrak tadi ke direktori var/www/html

• Setelah itu kita beri hak akses dengan cara buka terminal masuk Super User Lalu ketik 

chmod -R 755 /var/www/html/slims8/

•  Jangan Lupa beri hak milik

chown -R www-data:www-data /var/www/html/slims8/

• Setelah itu kita buat Database untuk slims yang akan kita instal

• Setelah itu buka browser lalu ketik http://localhost/slims8

• Klik start lalu akan muncul tampilan seperti di bawah ini lalu klik "New Install"

• Langkah Selanjutnya kita atur Database,Username,Password dll.Lalu klik Next

• Instalasi sudah selesai,setelah itu jangan lupa hapus folder instal.

• Dan inilah tampilan dari slims yang sudah kita install

• Kesimpulan

Instalasi slims tidaklah sulit dan prosesnya tidak lama selain itu dengan kita mengintsall slims maka mangement perpustakaan akan menjadi lebih mudah karena fiturnya juga lumayan lengkap.

• Referensi 
• https://id.wikipedia.org/wiki/Senayan_(perangkat_lunak) 
• https://slims.web.id/web/ 

sekian dulu postingan saya kali ini semoga bermanfaat terima kasih sudah berkunjung.

Wassalamualaikum Wr.Wb 

Membuat Form Postingan Dengan Ckeditor

Assalamualaikum Wr.Wb

Banyak sekali manfaat Ckeditor selain membuat tampilan website yang kita buat menjadi lebih menarik Ckeditor juga bisa memudahkan kita jika ingin membuat tulisan miring, tebal,garis bawah dan sebagainya bisa menggunakan ckeditor ini.Ckeditor adalah semacam library yang di bangun meggunakan JavaScript untuk memudahkan kita dalam membuat form posting/text editor pada form.Lalu bagaiman cara kita menggunakannya? mari kita bahas.

• Download dulu ckeditor klik link ini pada kesempatan ini saya menggunakan ckeditor yang versi full,teman - teman bisa mendownload sesuai keinginan.
• Kita buat halaman di mana kita akan menampilkan ckeditornya,di sini saya menggunakan HTML

<!DOCTYPE html>
<html>
<head>
    <title>Membuat Form Posting Dengan CKEditor</title>   
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
   
</head>
<body>

       <div class="kotak">
        <h2>Di Bawah ini contoh hasil form input dengan ckeditor</h2>
        <h2>Saya menggunakan ckeditor yang versi ful</h2>
        <textarea class="ckeditor" id="ckedtor"></textarea>
        <br/>
        <button class="tombol">Simpan</button>
    </div>

</body>
</html>

Kita buat script untuk menghubungkan ckeditor

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

Lalu untuk menampilkannya kita tinggal memanggilnya saja,gunakan text area agar tampilan lebih terlihat pas.

<textarea class="ckeditor" id="ckedtor"></textarea>

Dan inilah hasilnya

Referensi:

• http://www.malasngoding.com/cara-membuat-form-posting-dengan-ckeditor/
• http://ckeditor.com/

Wassalamualaikum Wr.Wb

Tutorial Instalasi Owncloud Di Linux Mint 17.3

Assalamualaikum Wr.Wb

• Pengertian

ownCloud merupakan suatu perusahaan dengan proyeknya yaitu ownCloud project. Slogan perusahaan ini adalah Your Cloud, Your Data, Your Way!. ownCloud yang merupakan salah satu perangkat lunak berbagi berkas gratis dan bebas seperti Dropbox, menyediakan pengamanan yang baik, memiliki tata cara yang baik bagi pengguna aplikasi untuk membagi dan mengakses data yang secara lancar terintegrasi dengan perangkat teknologi informasi yang tujuannya mengamankan, melacak, dan melaporkan penggunaan data.

• Latar Belakang

Dengan semakin pesatnya perkembangan di dunia IT termasuk penyimpanan awan seperti Google Drive misalnya yang sering kita jumpai terutama bagi pengguna android.Nah owncloud ini juga hampir sama dengan google drive tetapi owncloud ini lebih bebas jika kita ingin mengaturnya,misalkan kita ingin membuat penyimpanan khusus untuk penyimpanan di sekolah kita,jadi kita bisa memanfaatkan owncloud ini dengan mudah dan bisa kita atur sesuai keinginan kita baik itu dari pengaturan kapasitas penyimpanan dan lain - lain.Untuk itu adanya tutorial kali ini semoga bisa membantu teman - teman semua.

• Jangka Waktu 

15 Menit.

• ALat Dan Bahan

• File Owncloud download di sini.
• Laptop atau komputer.
• Lamp Server.

•  Tahap Penyelesaian
• Ektrak file owncloud yang telah di download.

• Pindah file hasil ektrak tadi ke direktori /var/www/html.

• Buka terminal lalu masuk super user.
• Sekarang kita beri hak akses

• Selanjutnya kita beri hak milik

• Selanjutnya kita buat DataBase untuk owncloud nya

• Setelah itu kita buka browser dan ketik:http://localhost/owncloud/(sesuai nama folder)

• Isi username dan password untuk admin

 

• Konfigurasikan Databasenya lalu klik Finish setup

• Dan inilah tampilan awalnya,maka anda sudah otomatis login sebagai admin.

•  Hasil Dan Kesimpulan

Menginstal owncloud ternyata tidaklah sulit dan waktu yang di butuhkan juga tidak terlalu lama,setelah penginstalan kita langsung bisa memanfaatkan fitur - fiturnya termasuk membuat user baru,membatasi penyimpanan setiap user dan lain sebagainya.

• Referensi
• https://id.wikipedia.org/wiki/OwnCloud 
• https://owncloud.org/ 

 Sekian dulu postingan kali ini semoga bermanfaat bagi teman - teman semua sekian terimakasih.

Wassalamualaikum Wr.Wb

Membuat Input Hanya Angka Dengan JavaScript

Assalamualaikum Wr.Wb

Pada postingan kali ini saya akan mencoba membuat input tetapi hanya khusus angka dan juga nanti kita coba untuk membatasi jumlah karakter yang akan di inputkan.Terkadang dalam sebuah website di perlukan sebuah inputan tetapi misalnya inputan tersebut hanya angka yang di perlukan,untuk mencegah supaya user tidak salah memasukkan data misal.Tapi di sini saya akan mencoba membuatnya dengan sederhana saja.

Disini saya akan menerapkannya pada HTML supaya lebih mudah untuk di praktekkan

<!DOCTYPE html>

<html>

<head>

<title>Membuat Inputan Angka</title>

</head>

<body>

<h1>Membuat Inputan Hanya Angka Dengan JavaScript</h1>

<h2>Tuliskan Angka Pada Form Di Bawah</h2>

<input type="text" onkeypress="return angka(event)"/>

<script>

function angka(evt){

var char = (evt.which) ? evt.which : event.keyCode

if (char > 31 &&(char < 48 || char > 57)) 

return false;

return true;

}

</script>

</body>

</html>

 Sekarang mari coba sedikit kita bahas contoh input angka di atas

• Buat dulu form biasa seperti pada HTML tetapi kita beri event onekeypress="" untuk membuat aksi saat form ini di beri input.

<input type="text" onkeypress="return angka(event)"/>

• Setelah itu kita buat pengecekan bahwa yang di inputkan adalah angka.

function angka(evt){

var char = (evt.which) ? evt.which : event.keyCode

if (char > 31 &&(char < 48 || char > 57)) 

return false;

return true;

}

 Sekarang mari kita coba jalankan

Seperti gambar di atas kita hanya bisa menginputkan angka,untuk lebih jelasnya bisa di coba sendiri.Lalu selanjutnya kita coba untuk membatasi jumlah karakter yang di inputkan.

Tinggal kita rubah pada script inputnya,di sini saya membatasinya menjadi 3 karakter saja

 <input type="text" maxlength="3" onkeypress="return angka(event)"/>

Maka hasilnya akan seperti gambar di bawah

Mungkin cukup sekian postingan kali ini semoga bermanfaat bagi teman - teman semua..!

Referensi:http://www.malasngoding.com/membuat-inputan-hanya-angka-dengan-javascript/

Wassalamualaikum Wr.Wb

Mengenal perulangan for Pada JavaScript

Assalamualaikum Wr.Wb

Pada postingan kali ini saya akan membahas tentang perulangan for pada JavaScript.Fungsi For pada semua bahasa pemrograman berfungsi untuk membuat perulangan. dengan membuat perulangan kita bisa membuat semua nya secara berulangang-ulang. baik itu menampilkan string secara berulangang-ulang, angka dan fungsi method secara berulang-ulang.

Misalnya jika kita ingin menampilkan string secara berulang-ulang. jika kita ingin menampilkan sebuah kalimat sebanyak 100 kali. tidak mungkin kita menulis sebanyak 100 kali. jadi solusi di dalam pemrogrman nya adalah menggunakan perulangan for (for loop).Perulangan for  tidak hanya string, kita juga bisa menjalankan sebuah method secara berulang-ulang.

Baiklah mari kita mulai di sini saya mempunyai contoh  sebuah tombol yang di klik maka akan menjalankan function perulangan() .

<!DOCTYPE html>
<html>
<head>
    <title>Perulangan For Pada Javascript</title>
</head>
<body>
    <h1>Perulangan For Pada Javascript</h1>
    <h2>Klik Tombol Di Bawah Untuk Melihat perulangan</h2>

    <center>
    <button onclick="perulangan()">TOMBOL</button> 
    </center>
    <center>
    <div id="hasil"></div><!-- ouput akan tampil di sini -->
    </center>

    <script>
        function perulangan() {
            var text = "";
            var x;
            for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }
            document.getElementById("hasil").innerHTML = text;
        }
    </script> 
</body>
</html>

Perulangan for pada javascript  cara penulisanya sama dengan membuat perulangan for pada php.

{
            var text = "";
            var x;
            for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }
            document.getElementById("hasil").innerHTML = text;
 }

Maka hasilnya akan seperti di bawah
 

Sekarang mari kita coba membuat perulangan hingga 100 kali

Tinggal ubah

for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }

Menjadi seperti di bawah ini

 for (x = 0; x <= 100; x++) {
                text += "Angka " + x + "<br>";
            }

Maka hasilnya akan seperti di bawah

 Referensi:

• http://www.malasngoding.com/belajar-javascript-part-11-perulangan-for-pada-javascript/
• https://www.w3schools.com 

Wassalamualaikum Wr.Wb

           

Mengenal Switch Case Pada JavaScript

Assalamualaikum Wr.Wb

Switch Case Adalah fungsi yang berguna untuk membuat pengecekan sebuah nilai.Dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu.

Sekarang mari kita coba membuat pengecekan sebuah variabel warna yang berisi merah dan kemudian cek isi variabel warna ini.

<!DOCTYPE html>
<html>
<head>
    <title>Mengenal Switch Case Pada Javascript</title>
</head>
<body>
    <h1>Data Case akan muncul di bawah</h1>

   
    <div id="hasil"></div><!-- Output akanmuncul di sini -->

    <script>
  
        var warna = "merah";

        switch (warna){
            case "hitam":
                teks = "warna hitam";
                break;
            case "merah":
                teks = "Warna merah";
                break;
            case "hijau":
                teks = "Warna hijau";
                break;
            default:
                teks = "Warna tidak terdeteksi";
        }      
      
        document.getElementById("hasil").innerHTML = teks;
    </script>
</body>
</html>

Kemudian kita coba cek isi variabel warna

switch (warna){
            case "hitam":
                teks = "warna hitam";
                break;
            case "merah":
                teks = "Warna merah";
                break;
            case "hijau":
                teks = "Warna hijau";
                break;
            default:
                teks = "Warna tidak terdeteksi";
        }

Jika data data case yang sesuai dengan variabel telah di temukan maka proses akan di hentikan,pada contoh di atas data telah di temukan di pengecekan ke dua yaitu merah.Dan selanjutnya data akan di tampilkan ke dalam HTML

document.getElementById("hasil").innerHTML = teks;

Maka hasilnya akan seperti ini

Sekian postingan kali ini semoga bermanfaat bagi teman - teman semua,terima kasih dan sampai jumpa di postingan berikutnya.

Referensi: http://www.malasngoding.com/belajar-javascript-part-10-switch-case-di-javascript/

Wassalamualaikum Wr.Wb