Membuat Flat Design Kucing

                     Assalamu'alaikum wr.wb

         

A. Pendahuluan
Kali ini, saya akan memposting tentang tutorial membuat flat design  kucing menggunakan salah satu software vector open source yang bernama inkscape.
B. Latar Belakang

  Pembuatan flat design ini dilatar belakangi atau didasari oleh mengingat banyaknya desainer yang menggunakan flat design sebagai salah satu karyanya dan banyaknya minat masyarakat akan hal ini membuat saya tertarik juga membuat karya ini karena agar tidak terbelakang oleh desainer lain.

 Flat design adalah desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi.
C. Maksud Dan Tujuan
 

D. Pembahasan 

1. Buka software inkscape di laptop atau komputer anda masing-masing
2.  Menggunakan bezier tool, Buat garis sesuai arah yang anda inginkan
3. Dan inilah hasilnya
   
4. Kemudian export dengan cara klik shift+ctrl+e
   

E. Kesimpulan
  Inilah hasil design saya sendiri.
F. Penutup 
  Cukup sekian yang dapat saya post kurang dam lebihnya saya mohon ma'af apabila ada kesalahan kata atau kalimat.. semoga bermanfa'at.

                      Wassalamu'alaikum wr.wb

Read More

Pengenalan Framework Codeigniter

                    Assalamu'alaikum wr.wb

A. Pendahuluan
   Alhamdulillah kali ini saya akan membahas sedikit pengenalan tentang Framework Codeigniter.

B. Latar Belakang
  Code Igniter adalah sebuah framework PHP. Framework itu sendiri adalah suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file php yang menyediakan class libraries, helpers, plugins dan lainnya . Framework menyediakan konfigurasi dan teknik coding tertentu.

C. Maksud Dan Tujuan
  Supaya lebih paham tentang Framework Codeigniter.
D. Pembahasan

1.  Konsep Model-View-Controller (MVC)
   Konsep MVC adalah konsep pemisahan antara logic dengan tampilan dan database. Manfaat konsep ini adalah, membuat coding logic lebih simple, karena sudah di pisah dengan code untuk tampilan dan membuat programmer dapat bekerja secara terpisah dengan designer. Programmer mengerjakan logic, sedangkan designer berkutat dengan design dan tampilan.
   Model → Merupakan code struktur data. Model berisi fungsi di dalam pengolahan database. Script Sql masuk di sini.
   View → Merupakan code untuk menampilkan tampilan suta program. Tampilan dapat berupa web page, header, footer dan apa saja yang berjenis tampilan.
   Controller → Merupakan code untuk logic, algoritma dan sebagai penghubung antara model, view, dan sumber lain yang di perlukan untuk mengolah HTTP request dan generate web page.
   CI menerapkan pola MVC yang flexible, karena model dapat tidak di gunakan.
   Anda dapat hanya menggunakan Controller dan View saja dalam menggunakan CI tanpa Model. Jika anda tidak memerlukan pemisahan di dalam struktur data dan database atau menganggap penggunaan model hanya menambah kompleks aplikasi dengan keuntungan yang kurang sebanding, maka anda dapat tidak menggunakan model.
2. Struktur file CI

    CI adalah sebuah php framework yang berupa kumpulan folder dan file php, java script,css,txt dan file berbasis web lainnya dengan setting tertentu untuk menggunakannya dan menyediakan library dan helper yang dapat dimanfaatkan di dalam pemrograman php.
    CI di jalankan under web dan harus dengan web server. Program CI cukup di letakkan dibawah folder directory web server anda.
Berikut adalah struktur file CI :

E. Kesimpulan
 Inilah sekilas tentang pengenalan Framework Codeigniter.

F. Refrensi
  -
G. Penutup 
 Cukup sekian yang dapat saya share kan. Mohon ma'af apabila ada kesalahan kata atau kalimat semoga dapat bermanfa'at.

                           Wassalamu'alaikum wr. wb

Read More

Sharing Bersama Mas Aji kamaluddin |Linux Basic

                               Assalamu'alaikum wr.wb
                      
                               

A. Pendahuluan
 Alhamdulillah kali ini kita bisa bertemu kembali meski lewat ketikan tulisan. Hari ini saya akan sharing tentang Linux Basic yang akan dibawakan oleh mas Aji Kamaluddin.
B. Latar Belakang
  

C. Maksud Dan Tujuan
   Untuk Mengetahui lebih jauh tetntang komponen dalam linux basic.
D. Alat Dan Bahan
  -Laptop/Pc
  -Terminal
E. Pembahasan
     Mari Kita simak dengan baik materinya berikut:

   
1.Apa Itu Linux?
       Linux adalah  Nama yang diberikan kepada sistem operasi yang bertipe Unix. Linux merupakan salah satu contoh hasil pengembangan perangkat lunak bebas dan sumber terbuka utama. Seperti perangkat lunak bebas dan sumber terbuka lainnya pada umumnya, kode sumber Linux dapat dimodifikasi, digunakan dan didistribusikan kembali secara bebas oleh siapa saja. 
 2.Sejarah Linux
    Nama "Linux" berasal dari nama pembuatnya, yang diperkenalkan tahun 1991 oleh Linus Torvalds. Sistemnya, peralatan sistem dan pustakanya umumnya berasal dari sistem operasi GNU, yang diumumkan tahun 1983 oleh Richard Stallman. Kontribusi GNU adalah dasar dari munculnya nama alternatif GNU/Linux.
  Sistem operasi Unix dikembangkan dan diimplementasikan pada tahun 1960-an dan pertama kali dirilis pada 1970. Faktor ketersediaannya dan kompatibilitasnya yang tinggi menyebabkannya dapat digunakan, disalin dan dimodifikasi secara luas oleh institusi-institusi akademis dan pada pebisnis.
    Logo Linux (Tux) dimulai saat Linus Torvalds sedang berjalan-jalan di taman Perth. Saat sedang berjalan itu lah Linus Torvalds di patok oleh seekor Pinguin dan demam selama berhari-hari. Ia berpikir bahwa karakter pinguin cocok untuk menjadi logo dari sistem operasi barunya itu. Maka diadakan sebuah kompetisi untuk mendesain Logo Linux yang baru, dan kompetisi itu dimenangkan oleh Larry Ewing yang berhasil menggambarkan seekor pinguin yang sedang duduk.
3.Distro Linux
   Singkatan dari (distribusi Linux) adalah sebutan untuk sistem operasi komputer dan aplikasinya, merupakan keluarga Unix yang menggunakan kernel Linux. Distribusi Linux bisa berupa perangkat lunak bebas dan bisa juga berupa perangkat lunak komersial seperti Red Hat Enterprise, SuSE, dan lain-lain.   
  Untuk yang ingin tahu lebih jelas tentang gambar Distro Linux bisa ikuti Link dibawah.
   https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg    
F. Kesimpulan
 Itulah sekilas pembahasan yang dapat saya share kan.
G. Refrensi
    https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg
https://id.wikipedia.org/wiki/Linux

H. Penutup
  Sekian pembahasan yang dapat saya share kan. Semoga dapat bermanfa'at buat kita semua.

                                Wassalamu'alaikum wr.wb

Read More

PERKENALAN FLAT DESIGN | APA ITU FLAT DESIGN?

Assalamu’alaikum Wr. Wb.

  A. Pendahuluan

  Hai teman-teman pembaca blog semua! Bertemu lagi di blog saya yang apa adanya ini, kali ini, saya akan memposting tentang Apa sih itu flat design? Teman-teman sudah ada yang tau belum tentang flat design? Nah, jika belum, selamat membaca blog saya, ya!

   Pengertian

  Flat design adalah desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi.

B. Latar Belakang

  Di masa lalu, web desainer menempatkan fokus mereka khusus untuk memamerkan keterampilan mereka dengan mengemas situs dengan ilustrasi yang mencolok dan animasi yang seharusnya memukau pengunjung mereka. Kemudian datang sebuah pergeseran kearah desain skeuomorphic, yang berusaha untuk membawa kehidupan nyata ke layar komputer kita dengan tekstur faux-realistis, menambahkan bayangan dan karakteristik objek nyata. Gaya desain ini membuat objek menjadi tampak lebih hidup. Tapi sekarang hampir semuanya sudah beralih ke tren Flat Design, yang melawan berbagai teknik desain tiruan yang mendukung kesederhanaan, estetika klasik digital. Jika anda sedang mencari bagaimana tren gaya desain yang sedang terjadi saat ini, mungkin flat design adalah jawabannya.

C. Maksud dan Tujuan

  Tujuan utama dari jenis model ini adalah fokus pada fungsi/kegunaannya tetapi tetap menarik bagi user. Juga agar mudah dilihat dan dicerna oleh pembaca terhadap informasi yang dilihatnya.

D. Pembahasan

1. Sejarah Flat Design

  Awalnya flat design merupakan seni terapan yang berasal dari Swiss atau Swiss Design yang diperkenalkan dan terkenal sekitar tahun 1940-1950an. Seni Desain Swiss ini memfokuskan diri dari beberapa aspek desain yaitu Grid, Typography sans-serif, dan tata letak yang bersih. Desain ini di tampilkan secara sederhana. Seiring perkembangan zaman pada tahun 1980 desain ini mengalami perubahan dan perkembangan sehingga pada tahun ini mulailah muncul Flat Desain. Flat desain mulai tampil pertama kali pada tahun 1980 ini. Sampai pada tahun 2014 mulai berkembang lebih pesat dan lebih terkenal serta banyak digunakan dalam desain desain website, poster, karakter, UI mobile, aplikasi, dan lainnya.

2. Jenis-jenis flat desgin

1) Brosur Flat Design

 

Brosur (Brochure) adalah lembaran kertas yang digunakan untuk menyampaikan atau emmpromosikan sebuah informasi, jasa, atau produk kepada khalayak ramai.

3) Icon Flat Design

Flat design jenis ini sangat sering kita jumpai dalam aplikasi gadget ataupun di internet. Flat design sekarang membuat icon lebih simple dengan teknik design cirikhasnya yang diterapkan pada objek icon tersebut. Membuat kita sekarang tidak sakit mata ketika melihat icon pada aplikasi maupun di internet. Bahkan tema pada handphone sekarang rata-rata iconnya menggunakan teknik flat design.

3) Karakter Flat Design

adalah jenis flat design yang sering muncul pada video animasi yang sudah dikembangan oleh animator-animator yang melihat bahwa flat design juga bisa diterapkan pada animasi dan membuat animasi itu lebih simple dan efisien sangat muda dicerna oleh pembaca terhadap informasi yang disampaikan.

4) Infographic Flat Design

 Infographic flat design ini sangat jarang kita lihat dan saya sendiri melihat bahwa infographic sering digunakan pada berita-berita yang dimana menyampaikan informasi menggunakan infographics. Dan salah satu nya ada di CNN Indonesia di TV. Dan menurut saya jenis flat design ini sering dimasukkan ke dalam design CV untuk menarik pembaca termasuk salah satu faktor akan penerimaan pekerjaan terhadap CV yang kita buat.

5) Object Flat Design.

Menurut saya, jenis flat design ini adalah Flat design yang sangat dasar, yang dimana flat design ini adalah design yang dimana membuat objek yang kita buat dengan simpel dilihat layaknya flat design. Dimana object flat design yang dapat dikembangan menjadi infographic flat design, icon flat design, bahkan cv flat design.

6) CV Flat Design

CV flat design adalah jenis flat design yang sangat banyak digemari oleh designer-designer vektor, yang dimana flat design jenis ini sangat mudah untuk di inovasi maupun di variasikan ke dalam banyak tampilan design CV. Bukan hanya itu, CV yang kita terapkan kedalam flat design ini sangatlah mudah untuk ditelaah informasi pada dalam CV yang kita cantumkan kedalam CV tersebut

3. Software Pembuat Flat Design

Membuat flat design itu slit-sulit gampang, karena peletakan layout dan sudut pandang yang dimana menjadi letak suatu ciri khas dari flat design ini. Jika salah maka fatal lah akibatnya. 90% Design berjenis vektor dan pembuatannya harus dibuat dari software berbasis vektor. Berikut ini adalah software yang bagus dan sering digunakan para pembuat flat design

1) Adobe Illustrator

Adobe Illustrator adalah salah satu software keluaran adobe, dan software ini berbasis vektor. Software ini memiliki 2 jenis yaitu CS dan CC. Software ini sering digunakan oleh professional designer. Termasuk membuat flat design yang dimana memiliki fitur dan tools yang lengkap untuk mempermudah dalam pembuatan design simpel ini. Tetapi dalam interface pada software ini kurang friendly untuk pemula jadi harus mengerti terlebih dahulu dari tampilan sampai ke fungsi tools pada software ini.

2) CorelDRAW

Corel Draw adalah software yang dibuat oleh corel untuk membuat design-design vektor dan melukis digital. Dan software ini sangat friendly untuk pemula. Dan tools yang sangat mudah dimengerti. Tetapi kelemanannya menurut saya adalah pewarnaan di software ini kalah jauh dari illustrator dalam pembuatan fllat design.

3) Inkscape

Software ini juga termasuk spftware vektor yang sering digunakan oleh designer selain dari kedua diatas tadi. Dan software ini tentunya Opensource alias gratis. Dan tentu saja kita menggunakannya secara legal. Interface software inkscape hampir mirip dengan CorelDRAW. Hanya saja CorelDRAW sangat kaya dengan tools dan fitur yang mempermudah dalam mendesign. Tetapi inkscape tidak kalah juga dalam membuat flat design apalagi pemula yang menggunakannya.

4. Kelebihan dan Kekurangan Flat Design

Kelebihan	Kekurangan
Maksimal untuk teknologi responsif web design	Mengurangi karakter suatu web, karena terlalu sederhana
Pengguna mudah memahami dan melakukan navigasi	Semua desain memiliki kemiripan
Tata letaknya terstruktur dan visual yang minimalis	Mudah bosan
Waktu loading lebih cepat	Sulit dalam menentukan kombinasi warna yang sesuai dan mudah dipahami bagi pengguna
Fokus pada struktur yang jelas dan kegunaan yang baik

5. Warna pada flat design

Dalam hal warna, flat design dapat disesuaikan dengan berbagai warna, tetapi desainer pada umumnya memilih untuk menggunakan warna yang berani dan cerah.

Apakah hal lainnya yang membuat flat design berbeda dalam hal warna? Desainer memperluas palet warna dari hanya satu atau dua warna menjadi tiga, empat atau lebih banyak lagi warna. Sebagian besar dari pilihan ini adalah warna cerah, bahkan warna yang jenuh pun kadang-kadang diatasi dengan menggunakan warna abu-abu atau hitam.

Apa yang kita lihat lebih banyak antara flat design dan warna adalah pencocokan tone dan saturasi. Pada saat desainer memilih untuk menggunakan beberapa warna, mereka sering akan mencocokkan warna yang satu dengan yang lainnya untuk mendapatkan kombinasi warna yang sesuai

E. Kesimpulan

  Ciri utama flat design yaitu, flat design adalah gambar yang dibuat sangat simple dan seminimalis mungkin, flat design tidak ada gradasi, sudut gambar flat design biasanya lancip/persegi, warna yang digunakan di dalam menggambar flat design menggunakan warna kontras/jelas, flat design tidak ditemukan adanya efek bevel, efek emboss, efek tekstur, efek 3 dimensi dan jika gambar flat design menggunakan shadow tentunya shadow jenis flat seperti long shadow yang diutamakan di dalam flat design adalah typography.

F. Referensi

• http://info-menarik.net/yang-dimaksud-dengan-flat-design/
• https://kelasdesain.com/apa-itu-flat-design/
• https://www.ngodingoo.com/flat-design-adalah/
• http://www.goesjournal.net/2017/08/penjelasan-tentang-flat-design.html
• http://www.pindexain.com/apa-itu-flat-design/

G. Penutup
  Sekian dari postingan blog saya kali ini, apabila terdapat salah kata saya mohon maaf. Semoga dapat bermanfa'at.

Wassalamu'alaikum Wr. Wb.

Read More

Membuat Flat Design Wanita Berhijab

                     Assalamu'alaikum Wr. Wb.

     

A. Pendahuluan
Kali ini, saya akan memposting tentang tutorial membuat flat design wanita berhijab menggunakan salah satu software vector open source yang bernama inkscape.
B. Latar Belakang

  Pembuatan flat design ini dilatar belakangi atau didasari oleh mengingat banyaknya desainer yang menggunakan flat design sebagai salah satu karyanya dan banyaknya minat masyarakat akan hal ini membuat saya tertarik juga membuat karya ini karena agar tidak terbelakang oleh desainer lain.

 Flat design adalah desain dengan pendekatan minimalis yang menekankan kegunaan, dengan desain yang bersih tanpa ada bevel, bayangan, tekstur, berfokus pada tipografi, warna-warna cerah dan ilustrasi dua dimensi.
C. Maksud Dan Tujuan
  Agar menarik user bagi yang pecinta design atau gambar.
D. Pembahasan 

1. Buka aplikasi inkscape yang ada di laptop atau pc kalian
2. Kemudian membuat bentuk lingkaran buat kepala
3. Setelah itu buat bagian seperti gambar dibawah
4. Kalau sudah lanjutkan dengan bentuk seperti digambar
5. Dan inilah hasil akhirnya   #BEFORE 
   
   
   
   #AFTER
   
   E. Kesimpulan
      Membuat flat design sesungguhnya sulit-sulit susah, tergantung niat dan usaha yang ingin membuatnya, karena sudah banyak referensi yang ada di google
   F. Penutup
     Sekian yang dapat saya share kan mohon ma'af apabila ada kesalahan kata atau kalimat,semoga dapat bermanfa'at.
      

                     Wassalamu'alaikum wr.wb

   
   
   
   

Read More

Membuat Form Pendaftaran

                             Assalamu'alaikum wr.wb

                            

A.Pendahuluan
   Dalam kesempatan ini saya akan sharing tentang tutorial membuat Form pendaftaran buat Sekolah.
B.Latar Belakang

   Form Pendaftaran adalah alat atau benda yang digunakan untuk mendaftarkan diri disebuah organisasi atau sekokah.

C.Maksud Dan Tujuan
Tujuannya membuat Form pendaftaran ini adalah untuk menuliskan identitas diri dan mendaftarkan diri.
D.Alat Dan Bahan
  -Text Editor
  -Koneksi Internet
E.Pembahasan
   Mari kita simak cara membuat Form pendaftarannya:
  1.Buka Text editor
  2.Lalu ketikkan scrit Seperti dibawah:
 <html>
<head>
<title>Pendaftaran</title>
</head>

<body bgcolor="white">
<img src="SMK.png" width="130px"height="130px"style="float:left" /><h1><center> SMK HASAN KAFRAWI MAYONG </center></h1>
<p><h5><i><center>Pancur, Mayong, Hutan Jati, Pancur, Mayong, Kabupaten Jepara, Jawa Tengah 59465<center></i></h5></p>
<p><h2><center>FORMULIR PENDAFTARAN</center></h2></p>
<hr width="100%">

<table border="0" style="center; color:#000000">
<tr>
    <td>No.pendaftaran</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>

<tr>
    <td>Nama Lengkap</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>NISN</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Tempat Lahir</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Tanggal Lahir</td>
    <td>:</td>
    <td><input type="Date"></td>
</tr>
<tr>
    <td>Agama</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Kewarganegaraan</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Anak No</td>
    <td>:</td>
    <td><select>
      <option>Pilih</option>
      <option>1</option>
     <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      </select></td>
</tr>
<tr>
    <td>Jenis Kelamin</td>
    <td>:</td>
    <td><input type="radio"/>Laki-Laki
    <input type="radio"/>Perempuan</td>
</tr>

<tr>
    <td>Alamat</td>
    <td>:</td>
    <td><textarea cols="22" rows="3" ></textarea></td>
</tr>

<tr>
    <td>E-mail</td>
    <td>:</td>
    <td><input type="email"></td>
</tr>

<tr>
    <td>No Hp</td>
    <td>:</td>
    <td><input type="number"></td>
</tr>

<tr>
    <td>Kota</td>
    <td>:</td>
    <td><select>
      <option>Pilih Kota</option>
      <option>Pancur</option>
     <option>Mayong</option>
      <option>Bandung</option>
      <option>Rajekwesi</option>
      <option>Tamansari</option>
      <option>Kajok</option>
      <option>Randubango</option>
      <option>Mbomo</option>
      <option>Datar</option>
      <option>Jebol</option>
      <option>Batealit</option>
      <option>Bungu</option>
      </select></td>
</tr>
<tr>
    <td>Jumlah nilai UN</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Tahun kelulusan</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Jurusan</td>
    <td>:</td>
    <td><select>
      <option>pilih jurusan</option>
     <option>RPL</option>
      <option>MM</option>
      </select></td>
</tr>
<tr>
    <td>Nama Ayah</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td><tr>
    <td>Pekerjaan Ayah</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>No Telp</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Alamat Ayah</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Nama ibu</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Pekerjaan ibu</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>No Telp</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Alamat Ibu</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Asal Sekolah</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>Alasan Mendaftar SMK</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="simpan"/>
    <input type="reset" name="reset" value="Batal"/></td>
</tr>
</table>
</body>
</html> 

    3.Jika ingin menyisipkan Gambar, maka sisipkan sesuai dengan gambar yang  anda inginkan masukkan dalam satu folder tersebut, tetapi harus berexstensi JPG.PNG.JPEG.
   4.Kemudian jalankan di browser.
   5.Jika berhasil maka akan muncul seperti Gambar dibawah:
         

F.Kesimpulan
 Itulah tutorial tentang pembuatan Form pendaftaran sekolah.
G.Refrensi
 https://www.jotform.com/form-templates/formulir-pendaftaran-peserta-nsc-2017
H.Penutup
  Sekian tutorial yang dapat saya share kan semoga dapat bermanfa'at buat semuanya.

                           Wassalamu'alaikum wr.wb

Read More

Installasi File AutoIndex

                          Assalamu'alaikum wr.wb

A.Pendahuluan
  Kali ini saya akan memberikan sebuah tutorial tentang Bagaimana cara mengisi File Autoindex dengan beberapa Ebook-Ebook atau materi pelajaran tentang sekolah tersebut.
B.Latar Belakang

C.Maksud Dan Tujuan
  Dengan Tujuan memudahkan Siswa Guru atau orang lain untuk mendownload tentang Materi yang diinginkan .
Ya mari kita simak bareng-bareng tutorialnya: tetapi kita harus siapkan beberapa Alat dan bahannya supaya lancar dalam menginstall File Autoindex.
D.Alat dan  Bahan

• PC / Laptop
• Terinstall Lamp Server
• File Autoindex download disini

E.Pembahasan
 Inilah langkah-langkah dalam installasinya:

1.Siapkan file AutoIndex, jika belum punya bisa Download disini

2.Buka terminal(ctrl+alt+T) lalu masuk pada root

3.Setelah itu kita masuk ke directory tempat penyimpanan file autoindex tersebut. dengan mengetikkan perintah #cd /home/user/Downloads/ dan

4.Setelah itu kita copykan file autoindex ke /var/www/html, dengan mengetikkan perintah #cp Autoindex-2.2.4.zip /var/www/html seperti pada gambar dii bawah ini.

5.Setelah itu kita masuk ke direktory html dan perintah #ls untuk melihat apakah sudah ada di direktory html atau belum.
6.Setelah itu kita Extract file nya dengan perintah #unzip Autoindex-2.2.4.zip
7. Setelah selesai kita beri hak askses dan hak milik dengan mengetikkan perintah
#chown -R www-data:www-data Autoindex-2.2.4

#chmod -R 755 Autoindex-2.2.4

8.Kemudian setelah memberi hak askses dan hak milik maka selanjutnya kita rename file tersebut, disini saya mengganti namanya menjadi Database
#mv Autoindex- 2. 2. 4 database
9.Jika sudah maka kita masuk ke web browser dan ketik localhost/Database
maka akan muncul tampilan seperti pada gambar isikan data anda yang dibutuhkan,

Klik Configure

Jika sudah selesai dan berhasil maka tampilannya akan sepertii pada gambar di bawah ini, kemudian kita klik continue.

 

10.Maka kalau sudah berhasil layar yang awanya putih akan Berubah menjadi seperti gambar dibawah.

F.Kesimpulan
  Itulah tutorial dalam menginstall File AutoIndex yang dapat saya sharing kan.
G.Refrensi
  https://pestailmu.wordpress.com/2010/12/20/membuat-file-manager-dengan-autoindex/
H.Penutup
  Sekian Tutorial yang dapat saya share_kan semoga Dapat bermanfa’at buat semuanya.
                                        
                  Wassalamu’alaikum wr.wb

Read More