Pertemuan ketiga Pemrograman Web (Step By Step Editing Template)

Assalamualaikum wr. wb.

kali ini saya akan membahas tentang cara edit template menggunakan sublime, awal kita harus sudah menginstal aplikasi servernya bisa menggunakan appserv maupun xampp dan aplikasi lainya, disini sata menggunakan appserv, selanjutnya kita juga sudah menyiapkan template yang akan kita edit. jika semua sudah terpenuhi kita dapat langsung mengeksekusinya.

 

pertama : kita buka browser kita dan ketikan http://localhost/templatekhafid/ dan enter.

 

 

 

 

 

kedua :  Mengubah navigasi pada wesite tersebut dimana diwebsite asli terdapat home page, style demo, full width, dropdown, line text. saya ingin mengubahnya dari kata home page menjadi beranda, style demo menjadi demo gaya, full width menjadi lebar penuh, sedangkan kata dropdown dan line text tetap.

ini codingan pada sublime text yang sudah dirubah.

 

 

 

dan ini hasilnya.

 

 

 

sementara selesai sampai disini untuk artikel saya, pantengin terus postingan yang ada di blog saya, oke.

 

semoga bermanfaat untuk kalian, mohon maaf klo ada kesalahan dan kekurangan saya.

Waalaikumsalam wr. wb.

 

 

Pertemuan kedua pemrograman web Instalasi Template dan Code Perubahan

Instalasi Template dan Code Perubahan

Postingan kali ini saya akan membagikan cara instalasi Template Web dan Code Perubahannya. Mari kita simak dengan postingan dibawah ini 

1. Download Template Web sesuai yang anda suka, banyak sekali di Google anda bisa mencari dan mendownloadnya sendiri, alangkah baiknya cari saja yang gratis, kalau anda ingin tema yang seperti saya bisa di download di https://www.free-css.com/

2. Extract terlebih dahulu Template yang sudah anda download

3. Setelah di extract copy semua file ke Local Disk (C:) --> AppServ --> www --> dan buatlah folder baru, disini saya buat folder dengan nama templatekhafid, setelah itu taruh semua file yang sudah di copy di folder tersebut

4. Setelah itu kita panggil melalui servernya yaitu http://localhost/templatekhafid/ tampilannya seperti dibawah ini

5. Seperti inilah code dari Template yang belum diubah, selanjutnya kita akan mengubah code dari template menggunakan Sublime Text 3

6. Inilah code Template yang sudah diubah bagian pembukanya

7. Dan seperti inilah tampilan Templatenya 

Selamat mencoba, semoga bermanfaat untuk kalian.

Instalasi Sublime Text

Assalamu'alaikum wr.wb.

A. Latar Belakang

    Sublime Text adalah teks editor berbasis Python yang elegan, kaya akan fitur, cross-platform, mudah dan simpel yang cukup terkenal di kalangan pengembang, penulis dan desainer dalam sistem operasi open source. Sublime Text Editor dirilis pertama kali tanggal 18 januari 2008 dan sekarang versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada tanggal 29 januari 2013.

  

    Sublime Text mendukung operation system seperti Linux, Mac Os X, dan juga windows. Sangat Banyak fitur yang tersedia pada Sublime Text Editor diantarnya minimap, membuka script secara side by side, bracket highlight sehingga tidak bingung mencari pasangannya, kode snippets, drag and drop direktori ke sidebar terasa mirip dengan TextMate untuk Mac OS.

B. Alat dan Bahan

• Laptop
• OS linux mint
• Koneksi Internet

C. Tujuan

       Yaitu agar kita dapat lebih mudah melakukan pengcodingan dengan bahasa PHP di Linux.

D. Tahap Pelaksanaan 

  

    Dalam pelaksanaan install sublime text ada 2 cara yaitu

1.  Lewat Software Manage

• Buka menu dan search "software manager"
• Kalau sudah ketemu lalu buka software managernya
  
•  Double klik Programming atau langsung ketikkan sublime text pada search.
• Setelah muncul apa yang kita cari, dan akan muncul tampilan seperti dibawah ini pilih dan double klik.
  
  
• Setelah double klik akan muncul tampilan untuk kita menekan install dan software akan terinstall. 

                                                        

• Klik button install dan tunggu.

                                                       

• Setelah loading sampai penuh 100% maka sublime text sudah terinstall

                             

    2.  Lewat Terminal

• Unduh file installer yang berekstensi .deb "sublime-text_build-3103_i386.deb".
• Buka terminal dan masuk sebagai root dengan mengetikkan sudo su
• Ketikkan dpkg -i sublime-text_build-3103_i386.deb di terminal
• Instalasi selesai dan bisa dibuka di menu ketikkan sublime text.
• Jika tadi terjadi kesalahan dalam penginstalan langsung ketikkan saja apt- get -f install.

E. Kesimpulan 

    Dari penjelasan yang saya sharing kan tadi dapat disimpulkan bahwa dalam instalasi Sublime Textpun bisa menggunakan perintah-perintah dasar linux, maka dari itu kita harus mengerti dasar-dasar linux terlebih dahulu sebelum menginstall apapun. Dan sublime text digunakan oleh user untuk membuat coding bahasa pemrograman PHP dan hampir sama dengan Notepad++ yang ada di windows.

F. Referensi

• http://tyaskusumaningrum.blogspot.co.id/
• http://pemulabelajar.com/2016/03/pengertian-sublime-text-editor.html
• https://www.egiesem.net/cara-install-sublime-text-di-linux-mint/ 

Sekian dan Terimakasih.

 Wasalamu'alaikum wr.wb.

Tutorial Cara Menginstall Notepad++ v6.9 Terbaru dengan Gambar

Notepad++ merupakan salah satu program aplikasi pengembang yang berguna untuk mengedit teks dan bahasa pemrograman. Versi terbaru program ini adalah Notepad++ versi 6.9.

Alat :
- Leptop atau komputer (pastinya).

Bahan :
- Notepad++ Installer v6.9.exe [ Download Disini ]

Langkah-langkah install :

1. Download Notepad++ Installer v6.9.exe. Atau jika sudah ada, double klik npp.6.9.Installer.exe nya.

2. Pilih Bahasa yang anda ingin gunakan. Saya pilih Bahasa Indonesia. Lalu pilih OK.

3. Kemudian Klik Lanjut.

4. Selanjutnya akan tampil persetujuan lisensi. Klik Saya Setuju untuk melanjutkan.

5. Kemudian muncul jendela untuk memilih tempat penyimpanan hasil instalasi.
Secara otomatis akan masuk ke Folder C:\Program Files\Notepad++(Jika OS anda 32bit) atau C:\Program Files(x86)\Notepad++(Jika OS anda 64bit). lalu Klik Lanjut untuk melanjutkan.

6. Akan muncul jendela seperti dibawah ini kemudian Klik Lanjut.

7. Tidak perlu di ubah langsung saja, klik Install.

8. Maka akan melakukan proses Instalasi seperti berikut. Tunggu hingga selesai.

9. Klik Finish untuk menyelesaikan Insatalasi.

10. Jika Instalasi berhasil, maka akan langsung membuka tampilan Notepad++ seperti berikut ini. dan siap digunakan untuk ngoding. :-)

Sekian dari tutorial ini.
Semoga bermanfaat bagi anda. :-)