Pengertian Notepad++ -...

8
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Pengertian Notepad++ Elita Ratnasari [email protected] Abstrak Untuk para pemula yang baru mengenal website dan ingin membuat halaman website sebenarnya sangat mudah. Bahkan kita hanya perlu Notepad++. Disini kita akan mengenal HTML dengan memulai dari yang sederhana. Notepad++ adalah salah satu aplikasi text editor HTML yang ringan dan mudah untuk digunakan, notepad++ juga memiliki fitur yang cukup banyak, dengan fitur tersebut kita akan memudahkan penulisan HTML. Kata Kunci: Pemrograman, Aplikasi, Notepad++

Transcript of Pengertian Notepad++ -...

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pengertian Notepad++

Elita Ratnasari

[email protected]

Abstrak

Untuk para pemula yang baru mengenal website dan ingin membuat halaman website

sebenarnya sangat mudah. Bahkan kita hanya perlu Notepad++. Disini kita akan

mengenal HTML dengan memulai dari yang sederhana. Notepad++ adalah salah satu

aplikasi text editor HTML yang ringan dan mudah untuk digunakan, notepad++ juga

memiliki fitur yang cukup banyak, dengan fitur tersebut kita akan memudahkan penulisan

HTML.

Kata Kunci: Pemrograman, Aplikasi, Notepad++

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pendahuluan

Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan di

sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat

menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa

pemrograman.

Notepad++ memiliki keunggulan Dalam Software Web Programming yaitu; Simple,

Ringan dan Cepat dibandingkan dengan text editor lainnya, notepad++ tidak perlu

menunggu loading opening library, terlebih seperti pada software adobe dreamweaver

dan eclipse apa lagi untuk PC / Laptop yang memiliki specification yang rendah.

Pembahasan

Notepad++ adalah sebuah penyunting teks dan penyunting kode sumber yang berjalan di

sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat

menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa

pemrograman.

Pengembang Don Ho

Rilis perdana 24 November 2003

Repositori github.com/notepad-plus-plus/notepad-plus-plus

Bahasa Pemrograman C++

Sistem Operasi Microsoft Windows

Ukuran ~5.5 MB

Ketersediaan Bahasa Multilingual (49)

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Jenis Source code editor

Lisensi GNU General Public License

Situs Web www.notepad-plus-plus.org

Notepad++ didistribusikan sebagai perangkat lunak bebas. Proyek ini dilayani

oleh Sourceforge.net dengan telah diunduh lebih dari 27 juta kali[1][2] dan dua kali

memenangkan penghargaan SourceForge Community Choice Award for Best Developer

Tool.

Bahasa pemrograman yang didukung oleh Notepad++. Didukung dalam hal ini adalah

dimengerti dan diterjemahkan menjadi teks oleh Notepad++. Misalnya pada C++,

fungsi-fungsinya akan di masukan kedalam daftar fungsi dan kata-katanya akan berubah

warna sesuai dengan makna kata tersebut di C++.

Berikut sejumlah bahasa pemrograman yang didukung oleh Notepad++ sejak versi 5.9.3:

ActionScript, Ada, ASP, Assembler, autoIt

Batch

C, C++, C#, Caml, Cmake, COBOL, CSS

D, Diff

Flash ActionScript, Fortran

Gui4CLI

Haskell, HTML

Berkas INI, InnoSetup

Java, Javascript, JSP

KiXtart

LISP, Lua

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Makefile, Matlab, MS-DOS

NSIS

Objective-C

Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python

R, Resource file, Ruby

Shell, Scheme, Smalltalk, SQL

TCL, TeX

Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python

XML

YAML

Ada beberapa fungsi yang terdapat di dalam Notepad++, berikut penjelasannya:

Bracket Matching atau bisa dibilang mengumpulkan yang sesuai

(berpasangan),biasanya digunakan pada saat menuliskan syntax

percabangan,perulangan dan bagian utama program. Fungsi ini berguna untuk kita

jika menuliskan block program yang panjang dan terkadang kita lupa untuk

menutup block program yang telah kita buat

Syntax Highlighting tampilan source code,disini kita bisa melihat warna pada

setiap fungsi dari syntax. Jadi kita tidak bingung menggolongkan kegunaan syntax

yang kita tulis dan dapat dibaca dengan mudah. Contoh tulisan yang berwarna

hijau biasanya terdapat pada statment jika kita menuliskan komentar pada sebuah

program.

Syntax Folding atau melipat source code, ini hampir sama seperti bracket

matching sebelumnya. Jika bracket matching digunakan untuk menunjukan awal

dan akhir suatu block program. Syntax Folding disini tidak jauh beda tetapi,

digunakan untuk menyembunyikan block program tertentu agar terlihat lebih

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

ringkas tampilannya agar programmer tidak perlu melihat seluruh syntaxnya apa

lagi jika sudah sampai lebih 1000 baris lebih.

Quick Color Picker++ fungsi ini berguna pada saat kita menuliskan kode warna

pada html atau pun CSS tetapi tidak harus menuliskan kodenya terlebih jika kita

lupa kode pada warna yang kita inginkan, biasanya akan muncul kotak dengan

banyak aneka warna yang kita tinggal pilih,setelah memilih nanti kode warna

tersebut akan muncul.

FingerText, biasa digunakan untuk menuliskan bahasa PHP di notepad++,fungsi

ini berfungsi untuk memudahkan pengetikan syntax dengan kata tertentu sebagai

pemicu/trigger dan menggantikannya dengan menekan tombol TAB. Contoh kata

g akan berubah menjadi $_GET.

Jika belum tahu bagaimana cara menggunakannya, berikut adalah langkah menggunakan

aplikasi Notepad++.

Cari di PC, aplikasi NotePad++. Kemudian ketik sama persis dengan yang di

bawah ini.

<HTML>

<HEAD>

<TITLE>Belajar menulis dengan HTML</TITLE>

</HEAD>

<BODY>

<H1>Selamat Datang</H1>

<HR>

<P>Ini adalah halaman web pertama saya. Hore... Saya

bisa!!</P>

<HR>

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

</BODY>

</HTML>

Jika sudah, simpan itu di folder dengan pilihan:

File Name : contoh.html

Save as type: All files

Untuk menuliskan paragraf-paragraf, awali selalu dengan tag <P> dan tutup dengan </P>.

Jika ingin meng-editnya, cukup klik kanan pada file html, point to open with, pilih

NotePad++. Sebagai bahan untuk belajar buat Anda, masih pada halaman ini, silahkan

ketik CTRL + U - jika Anda menggunakan Mozila FireFox, atau pilih menu View

kemudian Source - jika Anda menggunakan IE. Nah jika ingin membuat link atau

navigasi, ini penjelasannya.

- Cara Membuat Link atau Navigasi

Edit dengan NotePad file contoh.html kemudian tambahkan isi sebagai berikut:

<HTML>

<HEAD>

<TITLE>Belajar menulis dengan HTML</TITLE>

</HEAD>

<BODY>

<H1>Selamat Datang</H1>

<HR>

<P><a href="contoh.html">Home</a> | <a href="contoh2.html">Halaman 2</a> |

<a href="contoh3.html">Halaman 3</a></P>

<HR>

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

<P>Ini adalah paragraf pertama dari halaman homepage. Belajar HTML itu mudah

dan tidak susah apalagi harus pake kursus, ngga banget lah yah...</P>

</BODY>

</HTML>

Jika Sudah, klik SAVE. Masih pada jendela NotePad++ yang sama, ubah paragraf dengan

kalimat sendiri, kemudian SAVE AS sebagai contoh2.html. Jangan ditutup dulu, ubah

lagi paragrafnya untuk menandakan itu halaman ke-tiga dengan kalimat sendiri,

kemudian SAVE AS sebagai contoh3.html.

Sekarang buka salah satu file HTML yang dibuat kemudian coba klik pada navigasi / link

yang baru dibuat. Jika linknya bekerja, berarti sudah berhasil. Selamat!

Penutup

Itulah penjelasan tentang Notepad++, sekian dari saya, dan semoga dapat bermanfaat bagi

para pembaca.

Referensi

http://rubi98.blogspot.co.id/

https://www.duniailkom.com/

https://www.id.m.wikipedia.org/

https://www.jagowebdev.com/

https://www.fikranwildannugraha.com/

Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org

Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),

dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak

diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Biografi

Nama : Elita Ratnasari

Email : [email protected]

No. Telp : 0857 14904018

Nama saya Elita Ratnasari. Saya kuliah di salah satu Perguruan Tinggi Swasta Kota

Tangerang. Saya gemar membaca, melukis, berenang dan melakukan aktivitas yang

berhubungan dengan komputer. Ini saja Biografi saya, untuk lebih lanjutnya silakan kontak email, atau

nomor telepon. Terima Kasih.