Instalasi Gimp di XUbuntu 16.10

                                        Assalamu'alaikum wr.wb.

A. Pengertian

   Menurut wikipedia bahasa Indonesia, GNU Image Manipulation Program atau yang lebih dikenal dengan sebutan GIMP adalah perangkat lunak untuk manipulasi grafik berbasis raster.

    GIMP berjalan pada desktop GNOME dan dirilis dengan lisensi GNU General Public License.[3] GIMP pada awalnya dikembangkan untuk desktop X11 yang berjalan di platform Unix.[3] Namun saat ini peranti lunak ini sudah diporting ke beberapa platform sistem operasi yang lain yaitu MS Windows dan Mac OS.

B. Latar Belakang

    Latar belakang dari permasalahan ini yaitu bagaimana cara instalasi aplikasi menggunakan terminal.

C. Alat dan Bahan

• OS XUbuntu 16.10
• Koneksi Internet
• Terminal Emulator'
• Web Browser 

D. Tujuan

     Bertujuan untuk mengetahui bagaimana cara instalasi gimp melalui terminal.

E. Tahap Pembahasan

• Buka Terminal di Menu -> Ketikkan pada pencarian "Terminal Emulator".
• Kita masuk super user dan masukkan passwordnya.

• Pastikan teman-teman terhubung dengan internet. Kita bisa mendownload aplikasi Gimp melalui terminal yaitu dengan memasukkan perintah "sudo add-apt-repository ppa:oto-kesselgulasch/gimp". Tekan enter.

 

•  Akan muncul seperti dibawah ini dan tekan Enter lagi.

•  Setelah selesai prosesnya kita akan langsung menginstall gimp nya yaitu dengan memasukkan perintah "sudo apt-get install gimp". Dan tekan Enter.

• Akan muncul seperti dibawah ini dan langsung tekan Enter saja.  Dan tunggu sampai proses selesai.

• Setelah proses selesai kita akan update yaitu dengan memasukkan perintah "sudo apt-get update".

•  Cek di Menu , ketikkan pada pencarian yaitu Gimp dan akan muncul seperti dibawah ini.

 

• Gimp siap untuk dipakai.

F. Kesimpulan

      Dari pembahasan diatas dapat ditarik kesimpulan bahwa instalasi Gimp atau aplikasi lain dapat diinstall melalui terminal dengan perintah dasar linux.

G. Referensi

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

Sekian dan Terimakasih.

SMK Bisa!!

Wasalamu'alaikum wr.wb.

Read More

Cara Memasang Tema Wordpress

Assalamualaikum wr.wb

Kali ini saya akan membagikan cara memasang tema di Wordpresss
dalam pemasangan tema ada dua cara yaitu secara offline dan secara online

1.Pengertian

tampilan dari woordpress tersebut yang dapat dipasang supaya memperindah tampilan tanpa mengubah kontent secara manual

2.Maksud dan Tujuan 

• ditujukan agar bisa mempermudah dalam mempercantik tampilan woordpress

3.Alat dan Bahan

• Komputer atau Laptop yang sudah terinstall wordpress
• jaringan internet 

4.Waktu Pengerjaan

• 10-15 menit 

5.Proses

Langkah pertama buka wordpress admin kalian dengan mengetikan localhost/wordpress/wp-admin di url web browser kalian

• login dulu

• pilih Appereance dan Themes

 

• disini ada dua cara memasang tema pertama secara online

pertama add new

• disini ada banyak pilihan tinggal pilih salah satu yang kalian suka

setelah itu klik install

•  setelah terinstall klik Active untuk

   itu untuk secara online secara offline pun bisa pertama-tama Download temanya dulu di wordpress.org filenya berformat zip

• pertama pilih add new seperti di atas lalu pilih upload file
  

•  lalu choose file cari lokasi tema dan klik install now

• setelah terinstall pilih active untuk memasng temanya

6.Kesimpulan
tema dari wordpress ini sangat membantu dalam membuat web untuk tampilanya dan sangat mempermudah membuat cantik web 
 
itu saja yang bisa saya bagikan , semoga bermanfaat

                                         Wassalamualaikum wr.wb

Read More

Install ownCloud di Linux

Assalamualaikum wr.wb

1.pendahuluan
Kali ini saya akan membagikan cara menginstall ownCloud di Linux
loud
2.Pengertian
     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.
Sumber:Wikipedia

3.Maksud dan tujuan

• dimaksudkan untuk memepermudah penginstallan ownCloud
• lebih mengenal ownCloud

4.Alat dan Bahan

• Laptop atau Komputer 
• File ownCloud bisa di download di owncloud.org

5.Waktu Pengerjaan

10-15 menit 
6.Proses

Pertama-tama taruh file ownCloud di Directory /var/www/html
extract file ownCloud tersebut

beri Hak Acces lewat terminal

• chown www-data:www data ownCloud
• chmod -R 755 ownCloud/
  

pertama-tama buat dulu database untuk ownCloudnya di phpmy admin
lalu buka web browser dan ketik di urlnya localhost/owncloud

isilah data yang diminta sesuai yang telah ditentukan

ini adalah tampilan owncloud

nah itulah cara install ownCloud ,mungkin itu saja yang dapat saya bagikan
semoga bermanfaat , jika ada kesalahan saya mohon maaf

7.Kesimpulan
owncloud adalah media penyimpanan yang sangat berguna karena dapat diacces banyak orang dan aman
 

Wassalamualaikum wr.wb

Read More

Install Moodle di Linux

Assalamualaikum wr.wb

Kali ini saya akan membagikan cara install moodle di Linux

1.Pengertian
     Moodle (singkatan dari Modular Object-Oriented Dynamic Learning Environment) adalah paket perangkat-lunak yang diproduksi untuk kegiatan belajar berbasis internet dan situs web yang menggunakan prinsip social constructionist pedagogy. MOODLE merupakan salah satu aplikasi dari konsep dan mekanisme belajar mengajar yang memanfaatkan teknologi informasi, yang dikenal dengan konsep pembelajaran-elektronik atau e-learning. Moodle dapat digunakan secara bebas sebagai produk sumber terbuka (open source) di bawah lisensi GNU. Moodle dapat diinstal di komputer dan sistem operasi apapun yang bisa menjalankan PHP dan mendukung database SQL.
 Sumber:Wikipedia.org

2.Maksud dan Tujuan
      dimaksudkan untuk bisa membuar e-learning dan bisa menerapkanya setelah menginstal moodle ini

3.Alat dan Bahan

• Komputer/Laptop
• File moodle bisa download di moodle.com
• phpmyadmin
• Browser

4.Waktu Pelaksanaan 

• 10-30 menit

5.Proses

   Seperti menginstall cms atau sejenisnya taruh file moodle di directory /var/www/html

  1.lebih baik kita buat databasenya dulu di phpmyadmin


  2.beri hak acces terlebih dahulu terhadap file moodle tadi
 di terminal masuk sudo su dan ketik

chmod -R 755 /var/www/html
chown -R www-data:www-data /var/www/html

3.lalu masuk ke web browser dan ketik du url localhost/moodle

4.pilh bahasa lau klik next

 disini kita disuruh unutk membuat folder bernama moodledata di directory www

ketik saja diterminal

• cd /var/www
• mkdir moodledata 
• chmod -R 755 moodledata
• chown -R www-data:www-data moodledata 

5.kalau sudah klik saja next

6.disini pilih maria db

7. isi sesuai data kalian

8. klik saja continue

9.selanjutnya kita chek jika sudah ok semua klik continue

10.selanjutnya adalah installation, ini membutuhkan waktu agak lama jika sudah selesai klik continue saja di bawah

11isilah data diatas dengan baik dan benar setelah itu klik update profile

12.isilah data diatas juga nama panjang dan nama pendek setelah itu klik save changes

13.ini adalah tampilan awalnya

6.Kesimpulan
     Jadi tidak terlalu sulit unruk menginstal moodle dan jika sudah bisa mengkonfigurasinya moodle akan sangat berguna

itu saja yang bisa saya bagikan kepada kalian kurang dan lebihnya saya mohon maaf jika ada salah kata dan ketidak nyamanan saya pribadi meminta maaf sedalam dalamnya.

                                      Wassalamualaikum wr.wb

Read More

Menggunakan dataTables

Assalamualaikum wr.wb

Kali ini saya akan membagikan cara menggunakan datatable untuk mempermudah membuat fungsi pencarian dan pagination

1.Pengertian

DataTables adalah plugin jQuery yang dapat memberikan banyak fungsi untuk tabel HTML.
sumber:wikipedia.org

2.Maksud dan Tujuan

• Mempermudah pembuatan website
• efisiensi pembuatan website

3.Alat dan Bahan

• Komputer/Laptop
• File datatables bisa di download :datatables.net
• Sublime-text

4.Waktu Pengerjaan

10-15 menit 
5.Proses dan Penerapan

untuk proses bisa lihat script di bawah ini

untuk lihat fungsinya bisa kalian coba sendiri

keteranagan:

• Document bernama contoh html
• berada di Directory Data-Tables

6.Kesimpulan

data tables ini sangat membantu dan mempermudah untuk membuat sebuah website karena mudah dipergunakan

7.Referensi

• https://datatables.net 

wasalamualaikum.wr.wb 

Read More

Tutorial Instal Wordpress Di Linux

Assalamualaikum Wr.Wb

1.pendahuluan

      Pada postingan kali ini saya akan membahas tutorial tentang istalasi wordpress di linux,di sini saya menggunakan linux mint 17.3.Menurut saya wordpress temasuk salah satu cms terpopuler untuk membuat website,tapi sebelumnya saya mohon maaf karena saya tidak begitu jago menggunakan terminal atau CLI jadi saya akan menggunakan cara yang paling mudah menurut saya. 

2.Pengertian 

       Wordpress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer di gunakan sebagai mesin blog (blog engine).Wordpress di bangun dengan bahasa pemrograman php dan basis data (database) MySQL.PHP dan MySQL,keduanya merupakan perangkat lunak sumber terbuka (open source).
Selain sebagai blog,Wordpress juga mulai di gunakan sebagai CMS (Contain Management System) karena kemampuannya untuk di modifikasi dan di sesuaikan dengan kebutuhan penggunanya.
3.Latar Belakang 

       Karena sekarang banyak yang mulai menggunakan wordpress baik untuk kebutuhan blog maupun pembuatan website karena lebih mudah dan banyak plugin dan tema,maka dengan adanya tutorial ini semoga bisa bermanfaat terutama bagi pengguna linux baru seperti saya.

4.Alat Dan Bahan

1. File wordpress
2. Laptop atau pc yang akan di gunakan untuk menginstal Wordpress

5.Jangka Waktu Pelaksanaan 

15 Menit

6.Tahap Penyelesaian

•  Ekstrak file wordpress yang telah di downlod
• Buka terminal ketik perintah  sudo caja lalu masukkan password anda

• Lalu pindah file wordpress tadi ke File system -> var->www->html(letakkan di sini) ini wordpressnya sudah saya ubah namanya menjadi 'website' jadi silakan di sesuaikan dengan kengininan masing - masing.

• Lalu buka PhpMyAdmin untuk membuat Database.Klik menu Database lalu isikan nama database yang ingin kita buat dan klik create,di sini saya membuat database yang namanya sama dengan folder saya tadi yaitu 'website' nama database tidak harus sama dengan folder tadi yang penting nanti tinggal konfigurasi saat penginstalan.

• Kemudia kita beri hak akses dan hak kepemilikan tuliskan chmod -R 755 website (untuk hak akses) dan chown -R www-data:www-data website (untuk hak milik). Untuk tulisan biru klsesuaikan dengan nama folder wordpress yang tadi,lebih jelasnya lihat gambar di bawah ini.

• Buka browser lalu ketik di url:localhost/website.Untuk tulisan merah sesuaikan dengan nama folder wordpress yang akan kita panggil.Setelah muncul tampilan seperti di bawah klik Let's go! untuk konfigurasi dan memulai penginstalan.

• Isi sesua nama dan identitas Database yang telah kita buat,untuk username isikan saja root dan untuk password beserta yang lainnya silakan di sesuaikan dengan Database masing - masing.

• Setelah di klik submit maka akan muncul tampilan seperti di bawah klik saja Run the instal.

• Isikan nama website juga username dan password untuk login serta jangan lupa isi email juga lalu klik instal.

• Login sesuai dengan username dan password sesuai yang anda isikan tadi.

•  Dan setela login langsung menuju Dashboard sehingga bisa teman semua untuk memulai membuat website termasuk memasukkan konten,mengganti tema dan lain sebagainya.

• Dan ini tampilan awal website dengan tema bawaan

7.Hasil Dan Kesimpulan  

    Menginstal wordpress tidak membutuhkan waktu yang begitu lama dan membuat website dengan worpres termasuk salah satu jalan yang paling mudah,terlihat setelah penginstalan selesai tampilan awal website sudah tergambar walaupun masih belum terdapat isi maupun konten.

Demikian tutorial menginstal wordpress di linux mint semoga bermanfat. 

8.Referensi

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

Wassalamualaikum Wr.Wb

Read More

Membuat Backgroud Paralax

Assalamualaikum Wr.Wb

1pendahuluan dan penjelasan
       Pada postingan kali saya akan berbagi tutorial membuat Backgroud Parallax,yaitu sebuah background yang posisinya akan fixed atau berhenti saat kita scrol halaman web ke bawah.Parallax background di biasanya banyak di gunakan untuk sebuah website one page yaitu website yang hanya memiliki satu halaman saja.Di sini saya membuat 2 file yang satu untuk file style.css dan yang satunya paralax.html,baiklah mari kita mulai.

2.Alat dan Bahan

• PC atau Laptop
• Sublime text
• Gambar atau Foto
• Browser

3,langkah pembuatan 

• Style.css

tuliskan scipt di bawah untuk stylenya simpan dengan nama style.css.

 .container {
  max-width: 960px;
  margin: 0 auto;
}
section.section:last-child {
  margin-bottom: 0;
}
section.section h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.section p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.section p:last-child {
  margin-bottom: 0;
}
section.section.content {
  padding: 40px 0;
}
section.section.parallax {
  height: 600px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.section.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  margin: 0 auto;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.section.parallax-1 {
  background-image: url("1.jpeg");
}
section.section.parallax-2 {
  background-image: url("2.jpeg");
}
section.section.parallax-3 {
  background-image: url("3.jpeg");
}

@media all and (min-width: 600px) {
  section.section h2 {
    font-size: 42px;
  }
  section.section p {
    font-size: 20px;
  }
  section.section.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.section.parallax h1 {
    font-size: 160px;
  }
}

• Paralax

Untuk menampilkan paralax saya gunakan html,tuliskan script di bawah lalu simpan dengan paralax.html

<!DOCTYPE html>
<html>
<head>
  <title>Tutorial Parallax Scrolling</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body style="margin:0 auto;">
  <section class="section parallax parallax-1">
  <div class="container">
  </div>
</section>

<section class="section content">
  <div class="container">
    <h2>lorem1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
</section>

<section class="section parallax parallax-2">
  <div class="container">
  </div>
</section>

<section class="section content">
  <div class="container">
    <h2>lorem 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
</section>

<section class="section parallax parallax-3">
  <div class="container">
  </div>
</section>

<section class="section content">
  <div class="container">
    <h2>lorem 3</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
</section>
</body>
</html>

Untuk tulisan berwarna biru di gunakan untuk memanggil style.css yang telah kita buat tadi.

Dan inilah hasilnya

sebelum di scroll

 
 Jika di scroll akan seperti ini

4.Kesimpulan

mungkin dari praktek di atas kita dapat membuat wesite yang cukup sederhana tapi terkesan hidup di dalam dunia website.

    Oke mungkin cukup sekian postingan kali ini semoga bermanfaat,terimakasih sudah berkunjung sampai jumpa di postingan berikutnya.

5.Refrensi: 

• https://trustme.co.id/parallax-scrolling-tutorial-menggunakan-css/

Wassalamualaikum Wr.Wb

Read More