Jendela Teknologi

Perkembangan dunia IT yang begitu pesat memaksa siswa –siswi SMK harus dapat beradaptasi dengan perkembangan teknologi informasi saat ini. Dan SMK Negeri 2 Bangkalan menjawab hal itu dengan menambah Program Keahlian didalamnya yaitu RPL atau Rekayasa Perangkat Lunak. Hal ini direspon sangat baik oleh masyarakat, terbukti dengan banyaknya siswa yang berminat untuk memilih jurusan baru ini. Tapi hal itu tidak mudah karena setiap siswa yang ingin masuk RPL harus menjalani seleksi yang sangat ketat.

SMK Negeri 2 Bangkalan sudah membuka jurusan ini pada penerimaan siswa baru tahun angkatan 2008/2009 lalu. Jadi berbanggalah bagi temen-temen yang sudah terpilih menjadi siswa kelas X RPL. Selain itu juga karena jurusan ini masih baru mengakibatkan materi, referensi, modul tentang ini sulit didapat. Araska menyediakan materi buat kalian siswa SMK jurusan RPL, tidak hanya untuk SMK Negeri 2 Bangkalan, tapi juga buat seluruh siswa SMK dimanapun berada. Meski hanya sedikit semoga bermanfaat.

Materi kelas X RPL dapat di download disini

Materi kelas XI RPL dapat di download disini

Materi kelas XII RPL dapat di download disini

Apakah anda seorang programmer? ataukah anda seseorang yang hobby mengutak-atik coding bahasa pemrograman? Jika ya..maka software Notepad++ ini bisa anda gunakan sebagai pengganti Notepad default bawaan dari Windows komputer anda.

Seperto kita ketahui, setiap sistem operasi windows sudah terinstall dengan notepad, software text editor yang sering juga digunakan untuk mengedit baris coding oleh beberapa programmer. Namun bagi anda yang memang menginginkan fitur yang lebih daripada sekedar text editor, maka anda bisa menginstall Notepad++ , sebuah software code editor yang juga gratis dengan fitur yang teroptimasi untuk para programmer atau orang yang suka mengutak-atik coding.

Sebelum anda memutuskan untuk menginstall notepad++ atau tetap menggunakan notepad, maka ada baiknya anda mengetahui terlebih dahulu apa saja perbedaan mendasar antara Notepad dan Notepad ++ :

1. Jika Notepad adalah text editor maka Notepad++ adalah code editor.

2. Notepad tidak support syntax highlighting, sedangkan Notepad++ support syntax highlighting untuk ASP, Ada, ASCII art, Assembly, AutoIt (Limited support for AutoHotKey), BAT, C, C#, C++, Caml, CSS, doxygen, FORTRAN, HTML, Haskell, Java, JavaScript, KiXtart, Lisp, Lua, makefile, Matlab, Objective-C, Pascal, Perl, PHP, PostScript, Python, Ruby, Scheme, Unix Shell Script, Smalltalk, SQL, Tcl, TeX, Verilog, VHDL, VB/VBScript, dan XML.

3. Pada notepad tidak mendukung Compiler Integration sedangkan Notepad++ memiliki Compiler Integration.

4. Notepad tidak mendukung code folding sedangkan Notepad++ sudah mendukung code folding.

5. Notepad tidak memiliki fitur spell checking sedangkan Notepad++ sudah dilengkapi spell checking.

6. Notepad tidak mendukung text folding sedangkan Notepad++ mendukung text folding.

7. Notepad tidak mendukung Auto completion sedangkan Notepad++ mendukung Auto completion.

8. Notepad tidak mendukung Auto Indentation sedangkan Notepadd++ mendukung Auto Indentation.

9. Notepad tidak mendukung Bracket Matching sedangkan Notepad++ mendukung bracket matching.

Dari fitur- fitur tersebut dapat diketahui bahwa notepad++ memang dioptimasi untuk mempermudah para programmer atau coder dalam mengedit baris-baris kode.

klik gambar dibawah ini buat download notepad.

HyperText Mark Up Languange (HTML) merupakan aplikasi pertama yang digunakan untuk membuat web dengan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). World Wide Web atau biasa kita sebut dengan Web merupakan salah satu sumber daya Internet yang berkembang pesat.

Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain PHP dan ASP sedangkan contoh yang berupa objek antara lain Applet(Java).

HTML merupakan bahasa pemrograman yang dipahami oleh semua computer yang dipakai di dunia atau internet. Perintah HTML harus berada didalam tanda <..>, yang digunakan untuk menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya.

Dinamakan Hypertext karena kita bias membaca isi dari sebuah dokumen/berita tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu topic ke topic lainnya.

Dinamakan MarkUp Languange karena HTML mengandung tanda atau perintah tertentu untuk menentukan tampilan teks, gambar, dsb beserta fungsi – fungsi yan diinginkan.

Contoh : Desain dan Pemrograman Web

Perintah ini menyebabkan tulisan diatas menjadi tebal (Bold) ketika ditampilkan di browser. Browser (Pencari,pembuka situs) merupakan sarana yan digunakan untuk membuka website. Jadi HTML memiliki perintah khusus yang disebut elemen, dan elemen – elemen itu berada di antara tag awal< dan tag akhir>

Membuat Homepage Sederhana

Dalam pembuatah sebuah homepage, ada beberapa software yang dapat digunakan antara lain:

1. Notepad

Program teks sederhana milik Windows yang dapat digunakan untuk mengetikkan perintah HTML. Jika kita menggunakan Linux atau unix, maka kita bisa menggunakan vi atau pico sebagai pengganti Notepad.

2. Pembuat Grafis

Untuk membuat gambar yang menarik perhatian. Seperti Adobe Photoshop, CorelDraw, dsb.

3. Browser

Untuk melihat hasil/tampilan homepage dari program -program HTML yang telah kita ketikkan di Notepad. Yang kita gunakan kali ini adalah Microsoft Internet Explorer.

Adapun langkah kerja membuat homepage dengan menggunakan Notepad adalah:

- Klik Start pada menu utama Windows

- All Programs

- Accessories

- Notepad

Tips:

Ada 2 hal penting yang perlu kita ketahui yaitu fasilitas View Source dan Refresh yang berguna mempercepat pekerjaan jika kita menggunakan Internet Explorer.

1. View Source, untuk melihat source (isi perintah HTML) dari sebuah dokumen HTML. Pada browser internet explorer,jika mengklik View lalu pilih Source, maka akan terlihat source dari dokumen tersebut seperti pada Notepad. Sehingga kita akan lebih mudah melakukan perubahan/edit dengan cepat

2. Refresh, melihat dengan cepat tampilan baru dokumen HTML yang telah di ubah. Dengan cara mengklik symbol refresh atau tekan F5.

Kerangka Dasar Homepage

Berikut ini adalah kerangka dasar dokumen HTML yang merupakan aturan dari W3 Consortium

***bagian dari head***EAD>

***bagian dari body***

Untuk lebih jelasnya sekarang saatnya praktikum

Buka Notepad dan ketikkan source program berikut

Belajar Desain WEB dengan HTML

HTML adalah dasar pembuatan website,

dimana perintah – perintah HTML dapat diketik

pada notepad (bila menggunakan S.O Windows) atau

Vi(bila menggunakan Linux).

Simpan dengan nama Source1.htm dengan memilih type All files. Kemudian buka dengan Browser dan lihat hasilnya.