Membuat Template Login

Kali ini  saya akan memposting tentang template hotspot login mikrotik.

Karena login hotspot rumit oleh karena itu saya mendownload dulu template kemudian saya mengeditnya dan mempercantik tampilan.


Ini adalah tampilan awal dari tamplate tersebut. sumber : http://www.mikrotik-template.com/2012/11/buyung-net.html

 

Dan tampilan di bawah ini adalah tampilan setelah saya edit, saya menambahkan backdround slide, text shadow dan opacity.

Template lainya bisa download disini

Nah mungkin itu postingan kali inisemoga bermanfaat guys.

Read more ...

Install OwnCloud

Assalamualaikum wr. wb. 

Kali ini saya akan berbagi tentang cara instalasi owncluod. Nah, langsung saja kita ke pembahasannya atau materinya.

 

A. Pengertian

OwnCloud adalah merupakan salah satu Content Management System (CMS) sumber terbuka (open source) yang dikhususkan untuk membuat layanan Cloud Storage seperti Dropbox, Google Drive, Microsoft OneDrive dan sebagainya yang dapat anda gunakan untuk keperluan pribadi, kelompok, organisasi, lembaga, perusahaan, pemerintah atau yang lainnya.

 

B. Latar Belakang

Dengan adnya aplikasi OwnCloud Kita bisa menyimpan data, Shering data kepada orang lain melalaui apalikasi ini.  

 

3. Maksud dan Tujuan

Owncloud dapat di jadikan sebagai penyimpanan foto, music, video, file, folder, audio, kalender atau jenis dokumen lain.

C. Hasil yang Diharapkan

Bisa menyimpan data-data penting di owncloud.

D. Alat dan Bahan

-Laptop/pc

-Lamp Server

-File Owncloud klik untuk download https://owncloud.org/

E. Jangka Waktu Pelaksanaan

 5 menit

F. Tahap Pelaksanaan

1. Jika file sudah di download, pindah file owncloud di "/var/www/html".

2. Buka terminal anda "(Ctrl+Alt+T)", dan masuk ke root dulu dengan perintah "sudo su".

3. Kemudian masuk ketik "cd /var/www/html" dan di "ls".

4. Setelah itu, unzip file dengan perintah "unzip nama file".

5. Beri hak akses "chmod 755 owncloud" dan "chown -R www-data:www-data owncloud".

6. Buat database di phpmyadmin.

7. Buka web browser "localhost/owncloud".

8. Inilah tampilan owncloud yang atas dan yang bagian bawah isi data tersebut sesuai data anda. Jangan lupa klik "finish setup".

9. Dan inilah tampilan owncloud.

G. Kesimpulan

Jadi, owncloud bisa dijadikan sebagai penyimpanan.

H. Referensi

http://www.banjaranyar.net

http://nurhidayahtkj.blogspot.co.id

http://www.pinter-net123.com

I. Penutup

Sekian postingan kali ini semoga bermanfaat.

Wassalamualaikum wr. wb.

Read more ...

Pengenalan OwnCloud

Assalammu'alaikum wr. wb.

A. Pengertian
OwnCloud adalah sebuah perusahaan yang mempunyai proyek bernama OwnCloud Project. slogan dari perusahaan ini adalah Your Cloud, Your Data , Your Way!. own cloud ini mirip dengan DropBox tapi OwnCLoud ini adalah open source dan gratis. jadi semua orang bisa bebas mendownload dan menginstal pada pc servernya.


B. Latar Belakang
Ide mengenai ownCloud muncul pada Januari 2010. Saat itu Frank Karlitschek menginginkan perangkat lunak gratis dan bebas untuk dijadikan sebagai solusi untuk permasalahan pada kala itu. Karlitschek merasa bahwa dunia membutuhkan sesuatu yang mudah digunakan, aman, fleksibel dalam mengatur berkas, dan tanpa mengalami kemunduran pada tempat penyimpanannya.

C. Maksud dan Tujuan
menciptakan perangkat lunak yan gratis yang mudah di gunakan aman, fleksibel dalam mengatur dan memanagement berkas tanpa mengalami kemunduran pada tempat penyimpanannya.

D. Alat dan Bahan
Ebook tentang owncloud.

E. Jangka Waktu Pelaksanaan
30 menit

F. Uraian
 

Sejarah
Pada tahun 2010 , Frank Karlitschek pengembang software KDE mengumumkan pengembangan proyek owncloud. hal ini dilakukan dalam rangka memberikan pengganti perangkat lunak bebas untuk penyedia layanan penyimpanan. Perusahaan ini didirikan pada tahun 2011.

Perusahaan bernama OwnCloud Inc. yang dibangun oleh Karlitschek ini telah menarik dana dari investor dan termasuk suntikan dana sebesar 6,3 juta US dollar pada tahun 2014.
pada tahun 2016 Karlitschek dan 12 kontributor meninggalkan OwnCloud yang berakibat ditutupnnya operasi OwnCloud di AS. Kemudian mereka memulai sebuah proyek baru yang bernama NextCloud.

Desain 
OwnCloud ini dapat dijalankan pada sistem operasi Windows,OS X,Free BSD,atau linux. dan dapat juga dijalankan melalui perangkat iOS dan Android. File dan data lainnya dapat dikelola,diakses, dan diupload melalui web browser tanpa software tambahan.
OwnCoud ini dibuat menggunakan bahasa scripting PHP dan JavaScript.OwnCloud dirancang untuk bekerja dengan beberapa sistem manajemen database, diantaranya SQLite,MaiaDB,Oracle Database, dan PostgreSQL.

Fitur 
File OwnCloud disimoan dalam struktur direktori konvensional, dan dapat dakses melalui WebDAV jika perlu.file akan dienkrpsi baik saat istirahat maupun selama transit. OwnCloud dapat meakukan sinkronasi dengan klien lokal dengan sistem operasi Windows,OS X,ataupun berbagai distribusi linux.

Distrbusi 
OwnCloud server dan Client dapat didownload di website OwnCloud dana dapat juga melalui Googke Play dan Spple iTunes, dan repositori yang dikelola oleh ditribusi linux.
ownCloud ini telah terintegerasi dengan desktop GNOME.

G. Kesimpulan
Owncloud ini merupakan OpenSource dan gratis, software ini dapat digunakan untuk penyimpanan file, foto, dll.

H. Referensi
https://en.wikipedia.org/wiki/OwnCloud
http://adelanfri.blogspot.co.id 

I. Penutup

Sekian postingan kali ini semoga bermanfaat.

Wassalammu'alaikum wr. wb.

Read more ...

Langkah-langkah Pemrograman Komputer

Assalammu'alaikum wr. wb.

A. PengertianLangkah-langkah atau proses yakni urutan pelaksanaan atau kejadian yang saling terkait yang bersama-sama mengubah masukan menjadi keluaran. Pemrograman komputer merupakan suatu proses iteratif penulisan dan penyuntingan kode sumber sehingga membentuk sebuah program.
   

B. Latar Belakang   

Dalam menentukan program komputer kita harus terlebih dahulu memahami bagaimana kita dalam mengenali dan menyelesaikan masalan, dan menentukan bagaimana cara penyelesaiannya.

C. Maksud dan Tujuan

• Menjadikan pemikiran kita menjadi terstruktur
• Menjadikan pikiran kita menjadi terarah

D. Tahapan Pelaksanaan

1. Mendefinisikan masalah, Langkah pertama ini sering kali tidak dilakukan oleh banyak pemrogram. Begitu mendapat perintah untuk membuat suatu program, mereka langsung menulis programnya tanpa mendefinisikan masalahnya terlebih dahulu. 

 2. Menentukan solusi, Setelah masalah didefinisikan dengan jelas, masukan apa yang diberikan sudah jelas, keluaran apa yang diinginkan sudah jelas, langkah selanjutnya adalah mencari jalan bagaimana masalah tersebut diselesaikan. Apabila permasalahan terlalu kompleks, biasanya kita harus membaginya ke dalam beberapa modul kecil agar lebih mudah diselesaikan.  
3. Memilih algoritma, Langkah ini merupakan salah satu langkah penting dalam pemrograman komputer. Pemilihan algoritama yang salah akan menyebabkan program tidak dapat berjalan dengan baik. 
4. Menguji program, Setelah program selesai ditulis, program tersebut harus diuji. Pengujian meliputi : keberhasilan kompilasi, keberhasilan output dan keberhasilan pemecahan kasus.
5. Menulis dokumentasi, Hal ini biasanya dilakukan bersamaan dengan menulis program. Artinya pada setiap baris program , atau setiap beberapa baris program dilakukan penulisan komentar. Dokumentasi merupakan hal yang sangat penting.Dokumentasi diperlukan terutama pada saaat akan melakukan perubahan program atau membaca program yang sudah ada. Komentar-komentar oendek pada program biasanya sudah cukup. Namun akan lebih baik jika dituliskan pada file terpisah untuk kemudian dicetak diatas kertas bilamana perlu.
6. Perawatan, Langkah ini dilakukan setelah program selesai dibuat dan sudah digunakan oleh pengguna. Hal yang paling sering terjadi disini adalah munculnya bug yang sebelumnya tidak terdeteksi. Atau mungkin juga pengguna ingin menambahkan fisilitas baru. Apabila hal seperti ini terjadi harus dilakukan revisi terhadap program.

E. Kesimpulan

Sebelum melakukan pemrograman dan membuat program serta penentuan flowchart kita harus mengetahui bagaimana langkah-langkah yang harus kita lakukan.

Langkah-langkah tersebut harus dilakukan secara berurutan, jangan meloncat-loncat.

F. Referensi

• http://materi-dasar-dan-pemrograman-komputer.blogspot.co.id/2015/10/dasar-dasar-pemrograman-komputer.html

• https://id.wikipedia.org/wiki/Program_komputer  

• http://iuminaroh.blogspot.co.id/2017/10/langkah-langkah-dalam-pemrograman.html

G. Penutup

 

 Wassalammu'alaikum wr. wb.

Read more ...

Script Membuka File Ekstensi PDF dengan PHP

Dalam kesempatan yang baik ini, saya akan posting tentang Script Membuka File Ekstensi PDF dengan PHP.

Pengertian

PDF merupakan kependekan dari Portable Document Format, adalah sebuah format berkas yang dibuat oleh Adobe Systems pada tahun 1993 untuk keperluan pertukaran dokumen digital. Format PDF digunakan untuk merepresentasikan dokumen dua dimensi yang meliputi teks, huruf, citra dan grafik vektor dua dimensi. Pada Acrobat 3-D, kemampuan PDF juga meliputi pembacaan dokumen tiga dimensi. PDF telah menjadi standar ISO pada tanggal 1 Juli 2008 dengan kode ISO 32000-1:2008.

Berkas PDF dapat disandingkan untuk dapat membuka atau mengeditnya diperlukan katakunci tertentu. Penyandingan berkas PDF dilakukan dalam dua tingkat, yakni 40-bit dan 128-bit dengan menggunakan sistem sandi kompleks RC4 dan MD5. Berkas PDF juga dapat diberi pembatasan DRM untuk membatasi aktivitas penggandaan, penyuntingan, maupun pencetakan berkas tersebut.

Alat dan Bahan

1. Komputer atau laptop.
2. Sublime text atau text editor lainnya.
3. File dengan ekstensi PDF.
4. Database phpmyadmin.

Tahap Pelaksanaan

Berikut tahapan dan penjelasannya :
1. Tahap pertama, pastikan anda sudah mengikuti tutorial yang saya posting sebelumnya, yaitu

2. Tuliskan kode berikut, fungsinya adalah agar file PDF dapat anda lihat.

<?php
  $file = 'filesaya.pdf';
  $filename = 'tmp_filesaya.pdf';
  header('Content-type: application/pdf');
  header('Content-Disposition: inline; filename="' . $filename . '"');
  header('Content-Transfer-Encoding: binary');
  header('Accept-Ranges: bytes');
  @readfile($file);
?>

3. Sesuaikan script di atas dengan nama file anda dan database anda. Selain dapat melihat, anda pun dapat mendownload file PDF tersebut ketika membukanya. Terdapat fitur download di pojok kanan atas, fitur tersebut sudah bawaan.

Referensi

https://id.wikipedia.org/
http://blog.waroengweb.co.id/

Penutup

Terimakasih telah menyimak postingan saya hari ini, dan terimakasih telah berkunjung di blog saya. Sampai jumpa di postingan selanjutnya.

Read more ...

Membuat Dan Source Code Portal Sekolah

Sedikit sharing dari saya bagaimana cara membuat portal sekolah

MAKSUD ADANYA SOURCE CODE PORTAL
Source code ini berfungsi untuk memudahkan masyarakat dalam membuat PORTAL kususnya untuk Sekolah. Tetapi yang saya harapkan tidak hanya itu, saya berharap rekan semua juga mengembangkan Source ini dan mempelajari isinya ^_^

FITUR - FITUR
Berikut adalah fitur - fitur dari Portal yang saya buat

• Responsive
• Tampilan Flat
• Script mudah dipahami
• Support hampir semua web browser
• Background slideshow
• Dilengkapi animasi
• Ringan

 
PRIVIEW
Penampakan dari portal sekolah yang saya buat seperti berikut

 Source kode ini bisa didownload disini

KESIMPULAN
Source code ini bersifat gratis dan tidak untuk diperjual belikan.

REFRENSI
http://script-kiddies.org/

PENUTUP
Sekian postingan kali ini semoga bermanfaat.

Read more ...

Membuat Kalkulator Sederhana dengaan PHP

Pada postingan kali ini saya akan share kepada sobat semua Cara Membuat Kalkulator Sederhana Dengan PHP. Sebelum kita belajar cara menggunakan bahasa pemrograman PHP kita harus mengetahui apa itu PHP. PHP / Hypertext Preprocessor Adalah bahasa skrip yang dapat ditanamkan atau diselipkan dalam HTML. Kalkulator Sederhana adalah bahasa pemrograman dasar dalam PHP jadi jangan terlalu bangga jikalau sobat sudah bisa membuat Kalkulator Sederhana.

A. Pendahuluan

1. Pengertian
Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjumlahan, pengurangan, perkalian dan pembagian sampai kepada kalkulator sains yang dapat menghitung rumus matematika tertentu. Pada perkembangannya sekarang ini, kalkulator sering dimasukkan sebagai fungsi tambahan daripada komputer, handphone, bahkan sampai jam tangan.

2. Latar Belakang
Di masa globalisasi seperti sekarang ini, banyak sekali perkembangan yang terjadi pada teknologi yang dapat mempermudah kegiatan manusia dalam segala hal. Salah satunya adalah pada bidang teknologi komunikasi yang dinilai paling cepat perkembangannya.

3. Maksud dan Tujuan
Sebagai alat bantu manusia dalam menghitung.

B. Alat dan Bahan

• Pc/Laptop
• Sublime text / Text Editor

C. Jangka Waktu Pelaksanaan

-
D. Tahapan Pelaksanaan

File Yang Harus di Buat :

• kalkulator.php
• style.css

kalkulator.php

<?php
 if (isset($_POST['proses'])) {
 $pertama = $_POST['pertama'];
 $kedua = $_POST['kedua'];
 $operasi = $_POST['operasi'];
  switch ($operasi) {
   case 'tambah':
    $hasil = $pertama + $kedua;
   break;
   case 'kurang':
    $hasil = $pertama - $kedua;
   break;
   case 'kali':
    $hasil = $pertama * $kedua;
   break;
   case 'bagi':
    $hasil = $pertama / $kedua;
   }
}
 ?>
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <title>Ipin Boys Kalkulator Sederhana</title>
  <link href="css/style.css" rel="stylesheet" type="text/css">

 <body>
 <div class="kalkulator">
  <h1>KALKULATOR</h1>
  <form action="" action="" method="post">
   <input class="number" type="number" name="pertama" placeholder="Masukkan Bilangan Pertama">
   <input class="number" type="number" name="kedua" placeholder="Masukkan Bilangan Kedua">
   <select class="option" name="operasi">
    <option value="tambah">+</option>
    <option value="kurang">-</option>
    <option value="kali">x</option>
    <option value="bagi">/</option>
   </select>
   <input type="submit" name="proses" class="tombol" value="Hitung">
  </form>

  <?php if(isset($_POST['proses'])){ ?>
   <input type="text" value="<?php echo $hasil; ?>" class="number">
  <?php }else{ ?>
   <input type="text" value="0" class="number">
  <?php } ?> <br>
    <a class="sumber" href="https://muhammadainularifin.blogspot.co.id/" target="_blank">IPIN BOYS</a>
</div>
 </body>
 </html>

style.css

body{
 background: skyblue;
 font-family: "Times New Roman" times, serif;
}
.kalkulator{
 width: 360px;
 background: darkblue;
 margin: 130px auto;
 padding: 10px 20px 60px 20px;
 border-radius: 8px;
 box-shadow: 0px 10px 10px 0 #D1D1D1;
}
.number{
 width: 330px;
 margin: 5px;
 border: none;
 font-size: 16pt;
 border-radius: 5px;
 padding: 10px;
}
.option{
 font-size: 20pt;
 width: 180px;
 margin: 5px;
 border: 20px;
 border-radius: 5px;
 padding: 10px;
}
.tombol{
 background: crimson;
 border-top: 2px solid white;
 border-left: 2px solid white;
 border-right: 2px solid white;
 margin-left: 13px;
 border-radius: 10px;
 padding: 12px 30px;
 font-size: 25px;
 color: #fff;
 border-bottom: 2px solid white;
 cursor: pointer;
}
h1{
 text-align: center;
 font-family: sans-serif;
 color: #fff;
}
.sumber{
 text-decoration: none;
 font-family: sans-serif;
 text-align: right;
 color: white;
 float: right;
 padding: 10px;

}

Setelah itu kita cek di localhost/kalkulator.php

E. Kesimpulan

perlu ketelitian dalam membuat source code dan jangan mudah menyerah apabila mendapat suatu error
F. Refrensi

http://www.script-kiddies.org

G. Penutup 
Sekian postingan kali ini semoga bermanfaat guys.

Read more ...