Aplikasi Editor HTML Menggunakan Visual Basic 2010
TUGAS AKHIR
HERVERY DIKXON SIHOMBING
102406281
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(2)
TUGAS AKHIR
Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi DIII Teknik Informatika
HERVERY DIKXON SIHOMBING
102406281
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(3)
PERSETUJUAN
Judul : APLIKASI EDITOR HTML MENGUNAKAN
VISUAL BASIC 2010
Kategori : TUGAS AKHIR
Nama : HEVERY DIKXON SIHOMBING
Nomor Induk Mahasiswa : 102406281
Program Studi : D3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juli 2013
Diketahui : Disetujui :
Ketua Departemen Matematika FMIPA USU Pembimbing Utama/ Penanggung jawab
Prof. Dr. Tulus, Msi., Ph.D. Drs. Sawaluddin, M.I.T NIP. 19620901 198803 1 002 NIP. 195912311998021001
(4)
PERNYATAAN
APLIKASI EDITOR HTML MENGUNAKAN VISUAL BASIC 2010
TUGAS AKHIR
Saya menyatakan bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan da ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2013
HERVERY DIKXON SIHOMBING 102406281
(5)
PENGHARGAAN
Puji syukur atas kehadirat Tuhan yang maha kuasa, dimana atas kuasanya pembuatan aplikasi Editor HTML yang penulis buat bisa selesai.
Tugas ini disusun sebagai salah satu syarat unutk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Dalam tugas akhir ini, penulisan banyak mendapatkan masukan dan serta dukungan dari berbagai pihak.
Secara khusus penulis menyampaikan rasa terima kasih yang sedalam-dalamnya kepada orang tua terlebih kepada ayah penulis yaitu Lumba Sihombing dan ibu penulis Midaria Sianturi yang telah mendidik dan membesarkan penulis dengan segala pengorbanan dan kasih sayang tulus yang tak terhitung harganya. Serta selalu memberikan doa dan dukungan baik moril dan materil, sehingga penulis dapat mengikuti kuliah diploma(D3) Teknik Informatika dan menyelesaikan tepat pada waktunya. Semoga Tuhan membalas selalu menyertai mereka. Dan kepada Solperino Lumban Gaol dan Sitti Sihombing selaku wali dari penulis selama mengikuti kuliah D3 Teknik Informatika, Universitas Sumatera Utara.
Dalam kesempatan ini juga penulis mengucapkan terima kasih kepada :
1. Bapak Drs. Sawaluddin, M.I.T selaku dosen pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada saya selama menyusun tugas akhir ini.
2. Bapak Dr.Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Prof. Dr. Tulus, Vordipl.Math. M.Si., Ph.D. selaku ketua Departemen Matematika.
4. Bapak Syahril Efendi, S.Si,M.IT dan Syahriol Sitorus S.Si,M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika.
5. Seluruh dosen program studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara yang telah memberikan ilmu pengetahuan kepada penulis selama masa perkuliahan.
6. Para Pegawai FMIPA USU yang telah banyak membantu saya.
7. Sahabat-sahabat penulis yang selalu memberikan semangat/motivasi yang baik bagi penulis.
8. Teman seperjuangan di D3 Teknik Informatika USU
Pada penulisan Tugas Akhir ini, penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnaan. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan Tugas Akhir ini, untuk itu saya mengharapkan kritik dan saran dari pembaca sekalian demi penyempurnaan Tugas Akhir ini.
(6)
Demikian Tugas Akhir ini saya buat, semoga tulisan ini bermanfaat bagi kita semua.
Medan, Juni 2013
Penulis
(7)
ABSTRAK
Pada penulisan tugas akhir ini, penulis membuat aplikasi Editor HTML yang merupakan salah satu perangkat lunak yang digunakan untuk membuat, memperbaharui dan menyimpan file web yang berekstensi html ataupun htm. Untuk pembuatan program aplikasi ini, penulis menggunakan Microsoft Visual Basic 2010 karena program tersebut dirasakan cocok serta mudah dalam penggunaannya. Metode penelitian yang digunakan penulis adalah studi pustaka yaitu mengambil bahan dari buku-buku dan internet.
(8)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftar Isi viii
Daftar Tabel x
Daftar Gambar xi
Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Maslah 3
1.4 Maksud dan Tujuan 3
1.5 Metodologi Penelitian 4
1.6 Sistematika Penulisan 5
Bab 2 Landasan Teori 7
2.1 Pengertian Komputer 7
2.2 Data 8
2.3 Aplikasi 9
2.4 HTML 10
2.5 Editor HTML 10
2.6 Visual basic 2010 11
2.6.1 Pengenalan Microsoft Visual Basic 2010 11 2.6.2 Menjalankan Microsoft Visual Basic 2010 13 2.6.3 Lingkungan di Microsoft Visual Basic 2010 14 2.6.4 Variabel di Microsoft Visual Basic 2010 21 2.6.5 Operator di Microsoft Visual Basic 2010 23
2.7 Flowchart 26
Bab 3 Perancangan Sistem 29
3.1 Gambaran Umu Perancangan Sintem 29
3.2 Flowchar dari Sistem 32
3.3 Algoritma Pemrograman Sistem 35
3.4 Pembuatan Aplikasi Berdasarkan Flowchart dan Algoritma 36
3.4.1 Pembuatan Form Utama 37
3.4.2 Pembuatan Form Isi 44
Bab 4 Implementasi Sistem 46
4.1 Defenisi Implementasi Sistem 46
4.2 Tujuan Implementasi 46
4.3 Tampilan 47
4.3.1 Tampilan Menu Utama 48
4.3.2 Tampilan Menu File 49
4.3.3 Tampilan Menu Edit 50
4.3.4 Tampilan Default Aplikasi Editor 51
(9)
4.3.6 Tampilan Form dalam Beberapa Tab 53
4.3.7 Tampilan About 54
Bab 5 Kesimpulan dan Saran 55
5.1 Kesimpulan 55
(10)
DAFTAR TABEL
Tabel 2.1 Operator Aritmatika di Visual Basic 2010 23 Tabel 2.2 Operator Assignment di Visual Basic 2010 24 Tabel 2.3 Operator Perbandingan di Visual Basic 2010 25 Tabel 2.4 Operator Logika di Visual Basic 2010 26
Tabel 3.1 Properti untuk semua menu File 39
Tabel 3.2 Properti untuk Menu Edit 40
Tabel 3.3 Properti untuk Menu View 40
Tabel 3.4 Properti untuk Menu Editor 41
Tabel 3.5 Properti untuk Menu toolbar 42
Tabel 3.6 Properti untuk tab page 44
(11)
DAFTAR GAMBAR
Gambar 2.1 Start Page Visual Basic 2010 14
Gambar 2.2 Tampilan Visual Basic 2010 15
Gambar 2.3 Tampilan Title Bar Visual Basic 2010 15 Gambar 2.4 Tampilan Menu Bar Visual Basic 2010 16 Gambar 2.5 Tampilan Toolbars Visual Basic 2010 18 Gambar 2.6 Tampilan Solutionvisual Basic 2010 19 Gambar 2.7 Tampilan Form Design Visual Basic 2010 20 Gambar 2.8 Alur Pembuatan Program pada Visual Basic 6.0 20 Gambar 2.9 Alut Pembuatan Program pada Visual Basic 2010 21
Gambar 3.1 Tampilan untuk Jendela Editor 30
Gambar 3.2 Halaman Utama 30
Gambar 3.3 Halaman Editor yang akan dibuat 31
Gambar 3.4 Flowchart untuk Halaman Utama 32
Gambar 3.5 Flowchart untuk Menu new 33
Gambar 3.6 Flowchart untuk Menu Edit 34
Gambar 3.7 Membuat Proyek Aplikasi Windows` 37
Gambar 3.8 Jendela Form Baru 38
Gambar 3.9 Menempatkan Menu 38
Gambar 3.10 Tampilan Menu File dan Sub Menu 39
Gambar 3.11 Tampilan Menu Edit 40
Gambar 3.12 Tampilan Menu View 41
Gambar 3.13 Tampilan Menu Edit 41
Gambar 3.14 Tampilan Untuk Membuat Toolbar 42
Gambar 3.15 Tampilan Untuk Toolbar yang Sudah Dibuat 42
Gambar 3.16 Membuat Tab 43
Gambar 3.17 Membuat Tab Kosong 43
Gambar 3.11 Membuat Form Isi 45
Gambar 4.1 Tampilan Menu Utama 48
Gambar 4.2 Tampilan Menu File 49
Gambar 4.3 Tampilan Menu Edit 50
Gambar 4.4 Tampilan Default Editor HTML 51
Gambar 4.5 Tampilan Hasil Eksekusi 52
Gambar 4.6 Tampilan Form dalam Beberapa Tab 53
(12)
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perangkat lunak merupakan suatu rangkaian program yang dibuat dan dipasangkan pada suatu perangkat keras, agar perangkat keras tersebut dapat berjalan sesuai dengan fungsinya. Perangkat lunak ini dapat dibagi menjadi 3 jenis yaitu program aplikasi(application program misalnya Microsoft Office), sistem operasi (operating system misalnya Microsoft Windows), dan bahasa pemrograman (yang dibagi lagi atas bahasa pemrograman tingkat tinggi seperti Pascal dan bahasa pemrograman tingkat rendah yaitu bahasa rakitan).
Perkembangan teknologi pada masa sekarang ini sangatlah pesat, ini dapat dilihat dari kemunculan berbagai aplikasi-aplikasi komputer yang dapat memudahkan pengguna, dengan menggunakan berbagai macam teknik, bahasa pemrograman dalam pembuatan perangkat lunak. Dari sinilah perluasan penggunaa, maupun pembuatan perangkat lunak komputer yang semula hanya diketahui sebagian kecil orang sekarang menjadi universal dan umum.
Penulis akan membangun sebuah Aplikasi Editor HTML digunakan dalam mengedit file yang memiliki ekstensi HTML atau HTM. Tidak hanya itu Editor HTML juga dapat menulis file web dari aplikasi ini. Banyak sekali ragam HTML Editor yang
(13)
lainnya. Penulis memilih judul “APLIKASI EDITOR HTMLMENGGUNAKAN VISUAL BASIC 2010 “ untuk membantu para pembuat web dalam membangun sebuah website.
1.2 Rumusan Masalah
Para mahasiswa atau pengembang web lainnya pasti menggunakan editor dalam pembuatan website. Setiap pembuat web pasti membutuhkan aplikasi editor HTML yang dapat membantu dalam pembuatan website secara mudah dan praktis.
Maka permasalahannya yaitu:
1. Bagaimana cara membuat suatu aplikasi Editor HTML dengan menggunakan Visual Basic 2010.
2. Bagaimana membuat aplikasi Editor HTML yang dirancang tersebut dapat dipakai dengan mudah.
3. Bagaimana penulis membuat aplikasi tersebut.
1.3 Batasan Masalah
Supaya penelitian dalam tugas akhir ini lebih terarah dan memudahkan dalam pembahasan, maka perlu adanya pembatasan masalah, yaitu :
(14)
a. Perancangan sistem aplikasi ini dirancang untuk mengedit file HTML tanpa toolstools yang diperlukan untuk membangun sebuah web. Aplikasi ini digunakan untuk mengedit secara manual dengan mengetik kode pada skrip HTML pada tempat penulisan skrip HTML.
b. Bahasa pemrograman yang digunakan penulis dalam membangun sistem aplikasi ini adalah Microsoft Visual Basic 2010.
1.4 Maksud dan Tujuan
Maksud dari penelitian ini adalah membuat aplikasi Editor HTML yang digunakan sebagai aplikasi untuk mengedit file HTML. Adapun tujuan perancangan aplikasi ini adalah:
a. Membangun dan mendesain sistem aplikasi yang menarik.
b. Memberikan kemudahan kepada orang lain yang ingin menggunakan sistem aplikasi ini ketika dibutuhkan.
c. Membuka sistem aplikasi untuk dapat memanfaatkan sumber daya komputer yang ada dalam membantu membangun web.
(15)
Penelitian ini akan dilaksanakan dengan mengikuti beberapa langkah yang akan digunakan penulis, yaitu:
a. Penelitian pustaka (Library Research)
Penelitian yang dilakukan penulis di perpustakaan untuk mendapatkan data yang teoritis. Dalam hal ini yang harus diperhatikan adalah subyek yang diteliti, yaitu buku bacaan yang menjadi pembahasan dalam membuat aplikasi Editor HTML.
b. Membuat Rancangan Aplikasi
Proses pembuatan ini meliputi pembuatan rancangan aplikasi dan pembuatan
user interface aplikasi.
c. Pengujian Aplikasi
Menguji apakah aplikasi yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error pada aplikasi.
d. Implementasi aplikasi
Penerapan aplikasi yang dirancang setelah melalui tahap pengujian telah berjalan dengan baik.
e. Penyusunan dan pengadaan laporan
(16)
1.6 Sistematika Penulisan
Dalam penulisan ini, penulis membentuk suatu sistematika yang bertujuan untuk menggambarkan secara ringkas bab-bab yang mencakup hal-hal sebagai berikut:
BAB 1 : PENDAHULUAN
Bab ini berisikan mengenai latar belakang, identifikasi masalah, batasan masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan tugas akhir.
BAB 2 : LANDASAN TEORI
Bab ini memaparkan tentang teori-teori yang mendasari pembuatan konsep ataupun bagian-bagian dari tugas akhir ini, mulai dari penjelasan mengenai aplikasi, HTML, data, visual basic 2010 dan flowchart
BAB 3 : PERANCANGAN SISTEM
Bab ini membahas tentang pembuatan aplikasi Editor HTML dengan visual basic 2010 dan gambaran umum rancangannya.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini membahas tentang pembahasan aplikasi Editor HTML yang dirancang, yang terdiri dari pembuatan aplikasi yang diajukan, tampilan dari program, dan pengujian aplikasi.
(17)
Bab ini berisi kesimpulan dari bab-bab yang ada, sehingga dari kesimpulan ini penulis mencoba untuk memberikan saran yang berguna untuk melengkapi dan menyempurnakan pengembangan aplikasi ini untuk kedepannya.Serta kesimpulan dan saran mengenai penyusunan tugas akhir.
(18)
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti sedikit berbeda dalam mendefinisikan termininologi komputer.
Fuori berpendapat bahwa komputer adalah suatu pemroses data yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan aritmatika dan operasi logika, tanpa campur tangan dari manusia. (William M. Fuori, Introduction to the Computer: The Tool of Business (3rd Edition), Prentice Hall, 1981.)
Menurut Blissmer, komputer adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut: menerima input, memproses input tadi sesuai dengan programnya, menyimpan perintah-perintah dan hasil dan pengolahan, menyediakan output dalam bentuk informasi. (Robert H. Blissmer, Computer Annual, An Introduction to Information Systems l985-1986 (2nd Edition), John Wiley & Sons, 1985.)
(19)
Sedangkan menurut Hamacher, komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan di memorinya, dan menghasilkan output berupa informasi. (V. Carl Hamacher, Zvonko G. Vranesic, Safwat G. Zaky, Computer Organization (5th Edition), McGrawHill, 2001.)
2.2 Data
Pengertian data adalah kumpulan kejadian yang diangkat dari suatu kenyataan (fakta), dapat berupa angka-angka, huruf, simbol-simbol khusus, atau gabungan dari ketiganya. Data masih belum dapat ‘bercerita’ banyak sehingga perlu diolah lebih lanjut untuk mendapatkan sebuah kesimpulan, suatu kesimpulan yang diolah dari data-data yang dikumpulkan akan didapat sebuah informasi.Pengertian data-data juga bisa berarti kumpulan file atau informasi dengan tipe tertentu, baik suara, gambar atau yang lainnya.
Menurut kamus oxford definis data adalah “facts or information used in deciding or discussing something”. Terjemahan bebasnya: “fakta atau informasi yang
digunakan dalam menentukan atau mendiskusikan sesuatu”. Juga bisa berarti “information prepared for or stored by a computer” dalam bahasa Indonesia berarti
(20)
Menurut Kamus Besar Bahasa Indonesia pengertian data adalah keterangan yang benar dan nyata. Atau keterangan atau bahan nyata yang dapat dijadikan bahan kajian (analisis atau kesimpulan).
2.3 Aplikasi
Ada banyak pengertian mengenai aplikasi oleh para ahli dalam situs http://www.ilmukomputer.com/ yaitu:
1. Aplikasi adalah satu unit perangkat lunak yang dibuat untuk melayani kebutuhan akan beberapa aktivitas (Buyens, 2001).
2. Aplikasi adalah sistem lengkap yang mengerjakan tugas spesifik (Post, 1999). 3. Aplikasi basis data terdiri atas sekumpulan menu, formulir, laporan dan program
yang memenuhi kebutuhan suatu fungsional unit bisnis/organisasi/instansi (Kroenke, 1990).
Dari banyak pengertian tentang aplikasi dapat disimpulkan bahwa aplikasi adalah sebuah program komputer yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu.
(21)
2.4 HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web(WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm. Dokumen terdiri dari tags.
Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Google Chrome, Mozilla Firefox,Safari, Opera atau Microsoft Internet Explorer maupun browser lain yang bisa dibuka diberbagai system operasi. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web(wwww)
2.5 Editor HTML
Html editor adalah aplikasi yang digunakan untuk membuat ataupun mengolah halaman web. Meskipun tag html sebuah web dapat ditulis menggunakan editor apapun, html editor khusus menyediakan kenyamanan dan fungsionalitas yang baik. Sebagai contoh, beberapa html editor bekerja tidak hanya dengan html, tapi juga dengan teknologi yang berhubungan seperti PHP, JSP, CSS, XML dan Javascript.
(22)
Pada beberapa kasus mereka juga mengatur komunikasi dengan web server melalui FTP dan Webdav, serta manajemen versi seperti CVS atau Subversion
2.6 Visual basic 2010
Bahasa pemrograman Visual Basic merupakan salah satu bahasa yang sangat populer hingga kini dan merupakan salah satu solusi untuk menciptakan aplikasi pada sistem operasi Windows, baik Windows 8, windows 7, Windows Server 2008, dan Windows Mobile 6.1 . Hal ini dikarenakan kemudahan yang diberikan Visual Basic dan IDE Visual Studio yang digunakan untuk menciptakan sebuah aplikasi.
2.6.1 Pengenalan Microsoft Visual Basic 2010
Visual Studio 2010 merupakan edisi terbaru dari Visual Studio sebelumnya, yaitu Visual Studio 2008. Visual Studio merupakan sebuah lingkungan kerja (IDE - Integrated Development Environtment) yang digunakan untuk pemrograman. NET yang dapat digunakan untuk beberapa bahasa pemrograman, seperti Visual Basic (VB), C# (baca C Sharp), Visual C++, J# (baca J Sharp), F# (baca F Sharp), dan lain-lain.
Sejak kemunculan .NET hingga sekarang, banyak orang yang masih belum tahu apa itu .NET. Apa bedanya dengan Visual Basic edisi sebelumnya (VB6). Setelah kesuksesan pemrograman Java oleh Sun Microsystem dengan teknologi Java Virtual
(23)
Machine (JVM) atau Java Runtime Environment (JRE) dan peruhahan paradigma pemrograman dari pemrograman prosedural menjadi pemrograman berorientasi objek, Microsoft menjawabnya dengan memunculkan .NET. Teknologi .NET sendiri dapat dikatakan sebagai desain ulang dari Java dengan prinsip yang sama namun mempunyai tujuan yang berbeda. Apabila Java mempunyai slogan write one, run anywhere (tulis sekali, jalankan di mana saja), yang dapat diartikan satu bahasa Java untuk banyak platform, maka .NET juga menganut prinsip ini dengan tujuan yang berbeda, yaitu many language, one platform, yang artinya sebuah aplikasi Windows
dapat dibangun dengan banyak bahasa. Namun sekarang telah dan sedang dikembangkan proyek implementasi .NET pada platform Linux, yaitu Mono, yang dapat diikuti pada URL www.go-monoxom, sehingga ke depan .NET aka mengikuti prinsip many language, many platform.
Teknologi .Net Framework adalah sebuah Application Programming Language
(API), yaitu kumpulan kelas atau sebuah pustaka inti yang digunakan untuk melakukan pemrograman .NET. Kelas-kelas core (inti). .NET ini menyediakan berbagai macam kelas yang berfungsi untuk melakukan apapun yang diinginkan di lingkungan Windows, ataupun lingkungan web, mulai dari bekerja dengan data hingga bekerja dengan form (jendela) dan kontrol.
Berbeda dengan API Win32, seperti VB6 ke bawah yang bersifat prosedural, kini .NET bersifat object oriented penuh (OOP). Apapun yang akan Anda lakukan pada .NET, Anda harus membuat sebuah objek dari kelas yang mempunyai fungsi tertentu. Kelas-kelas ini dapat diakses melalui bahasa pemrograman .NET apapun. .NET mendukung multi languages sehingga bahasa menjadi masalah seni dan
(24)
kesukaan saja karena yang diakses adalah pustaka API. Semua objek yang dipanggil dengan bahasa .NET tertentu akan mempunyal method, properti, dan event yang sama. Hasil akhir dari semua bahasa pemrograman .NET juga sama, yaitu bahasa Intermediate Language (IL) atau Microsoft Intermediate Language (MSIL), yaitu sebuah bahasa pertengahan yang dapat diakses oleh bahasa .NET dan dapat diterjemahkan oleh CLR atau dijalankan.
2.6.2 Menjalankan Visual Basic 2010
Setelah Anda melakukan instalasi Visual Basic 2010, Anda dapat menjalankan aplikasi tersebut dengan langkah sebagai berikut:
1. Klik menu Start. 2. Klik all Programs.
3. Klik Microsoft Visual Basic 2010. 4. Klik Microsoft Visual Basic 2010.
5. Selanjutnya akan muncul splash screen Visual Basic 2010 Professional 6. Setelah muncul splash screen, akan muncul IDE Visual Basic 2010 seperti pada Gambar 1 .6. Anda akan melihat pada IDE Visual Basic 2010 yang muncul dengan Start Page yang berisi informasi dan panduan untuk memulai Visual Basic 2010.
(25)
Gambar 2.1 Start Page Visual Basic 2010
2.6.3 Lingkungan di Microsoft Visual Basic 2010
Jendela Visual Basic atau sering juga disebut lingkungan kerja Visual Basic mempunyai tampilan yang hampir sama dengan tampilan jendela program aplikasi Windows yang sudah kita kenal, seperti Word, Excel, dan Power Point. Di aplikasi visual basic terdapat menu-menu dan toolbar yang memuat ikon - ikon dan tombol-tombol untuk menjalankan perintah - perintah. Perbedaannnya, Visual Basic mempunyai beberapa tambahan komponen, yaitu title bar, menu bar, Toolbars,
(26)
Gambar 2.2 Tampilan visual basic 2010
Mengenal tampilkan visual basic 2010 yang terdapat beberapa bagian yaitu: 1. Tittle bar
Tittle bar adalah tempat untuk menampilkan nama project yang sedang dibuat.Contohnya seperti pada gambar dibawah ini :
(27)
2. Menu bar
Sebelum menulis kode, sebaiknya mengenal dahulu IDE atau lingkungan kerja yang digunakan, sehingga anda tidak bingung saat bekerja dengan IDE Visual Studio 2010.
Gambar 2.4 Menubar Visual Studio 2010
a. File, di sini tersedia menu untuk menutup aplikasi, membuka, membuat, menutup, dan menyimpan file Visual Basic atau proyek Visual Studio 2010.
b. Edit, menyediakan fungsi umum pada item tertentu, seperti Undo, Redo, Cut, Copy, Paste, dan Delete.
c. View, menyediakan akses cepat untuk membuka dan menutup jendela yang ada pada IDE, seperti jendela Solution Explorer, jendela Properties, jendela Output, jendela Toolbox, dan lain sebagainya. Apabila Anda membutuhkan jendela yang belum nampak pada IDE, Anda dapat membukanya melalui menu View.
d. Project, menu Project menyediakan bermacam-macam file untuk aplikasi Anda, misalnya form dan class.
(28)
e. Build, menu ini sangat penting ketika Anda telah menyelesaikan aplikasi yang Anda buat dan ingin menjalankannya tanpa IDE Visual Basic 2010, seperti aplikasi lain dalam bentuk *.exe.
f. Debug, menu ini menyediakan tool untuk menjalankan (start) dan menghentikan (stop) aplikasi dengan IDE Visual Basic 2010. Selain itu Anda juga dapat mencari kesalahan dan melihat apa yang terjadi pada kode yang Anda tulis.
g. Data, Anda membutuhkan menu ini jika ingin berhubungan dengan database. Anda dapat mengelola data source dan preview data.
h. Tools, menu ini menyediakan perintah untuk melakukan konfigurasi IDE Visual Studio 2010.
i. Test, menu ini menyediakan pilihan untuk menciptakan dan melihat unit percobaan untuk aplikasi yang Anda kembangkan sebagai bahan latihan penulisan source code pada bermacam-macam situasi.
j. Window, menu Window menjadi standar pada sebuah aplikasi yang mengijinkan membuka jendela pada satu waktu seperti word dan excel. Anda dapat berganti jendela yang aktif melalui menu ini.
k. Help, menu Help menyediakan akses untuk membuka dokumentasi Visual Studio 2010, dan informasi lain seperti jendela About, dan lain-lain.
(29)
3. Toolbars
Toolbars pada aplikasi windows lainnya yang berisi tombol–tombol yang mewakili suatu perintah tertentu yang sering digunakan untuk keperluan dalam pemrograman dan lain-lain, Toolbars dapat kita lihat dalam bentuk ikon.
Gambar 2.5 Toolbars
4. Solution Explorer
Solution Explorer adalah jendela yang menyimpan Informasi mengenai Solution,
Project – project, beserta file-file, form – form ataupun resource yang digunakan pada program aplikasi. Pada bagian atas jendela Solution Explorer terdapat
Toolbox yang digunakan untuk menampilkan jendela Properties, menampilkan semua file, melihat Design form, Refresh dan View code, untuk melihat kode program. Pada Solution Explorer juga kita dapat menambahkan class, module, windows form baru, dan sebagainya. Jika pada saat kita mengaktifkan Visual
(30)
Studio 2010 jendela Solution Explorer tidak ada, kita dapat menampilkannya dari
menu bar View, Solution Explorer atau menggunakan tombol Ctrl + Alt + L.
Gambar 2.6 Solution Explorer
4. Form Designer
FormDesigner merupakan suatu objek yang digunakan untuk merancang tampilan program. Form Designer juga dapat dikatakan sebagai objek utama pada pemrograman Visual Basic karena pada form inilah nantinya Komponen dan kontrol Toolbox diletakan dan diatur sebagus mungkin. Form dapat diatur melalui jendela Properties. Ukuran Form Designer ini juga dapat diubah tinggi dan lebarnya, dengan cara mengklik pada Form Designer tersebut, sehingga tampak
(31)
garis putus-putus disekelilingnya, hanya dengan men-Drag Form ke kiri, kanan, atas, ataupun bawah, maka ukuran Form akan berubah.
Gambar 2.7 Form Design
Alur pembuatan aplikasi hingga aplikasi tersebut dijalankan dan perbedaannya dengan Visual Basic 6 dapat dilihat pada gambar di bawah ini.
Gambar 2.8 Alur Pembuatan Program pada Visual Basic 6.0
Source code program VB6 diubah menjadi
i struksi x86 disebut juga kode ative atau esi .
Visual Basic Source Code
Visual Basic Compiler
(32)
Gambar 2.9 Alur Pembuatan Program pada Visual Basic 2010
2.6.4 Variabel Microsoft Visual Basic 2010
Variabel adalah sesuatu yang digunakan untuk menyimpan sebuah nilai. Variabel terdiri dari 3 unsur, yaitu nama, tipe data, dan nilai. Nama dan tipe data Anda deklarasikan saat pembuatan variabel tersebut, sedangkan pemberian nilai dapat
Kode Program yang kita tulis dengan Visual Basic 2010
Compiler menghasilkan file *exe dengan instruksi MSIL yang belum dimengerti oleh mesin/prosesor.
Setiap kali file *exe MSIL dijalankan akan melewati CLR. CLR adalah .NET
Visual Basic 2010 Source Code
Visual Basic 2010 Compiler
Microsoft Intermediate Languange (MSIL)
Common Languange Runtime
(CLR)
Visual Basic 2010 Compiler
(33)
dilakukan kapanpun, bahkan saat aplikasi anda sedang berjalan Anda dapat memberikan nilai melalui kontrol TextBox dan yang sejenisnya.
Penulisan variabel biasanya diawali dengan Dim, seperti deklarasi di bawah ini: Dim namaVariabel As TipeData
Nama variabel selalu dimulai dengan huruf dan diikuti huruf atau angka. Sedangkan tipe data apabila anda tidak memberikan jenis tipe data secara spesifik, maka Visual Basic 2010 akan menganggapnya sebagai sebuah tipe Object. Tipe data akan dibahas pada subbab selanjutnya.
Contoh:
Dim angkal As Integer Dim nama As String
Dim tanggal As Date
Anda dapat meringkas penulisan deklarasi variabel tersebut dengan penambahan pada akhir nama variabel dengan sebuah karakter yang mewakili tipe data tertentu.
(34)
2.6.5 Operator Microsoft Visual Basic 2010
Operator adalah sebuah tanda/notasi yang digunakan untuk melakukan operasi/manipulasi sebuah nilai atau variabel, atau lebih. Nilai atau variabel yang dimanipulasi disebut operand.
Seperti bahasa pemrograman lainnya, Visual Basic 2010 juga mempunyai berbagai jenis operator, antara lain:
1. Operator Aritmatika
Operator Aritmatika ini digunakan untuk melakukan operasi perhitungan, seperti penjumlahan, perkalian, mencari sisa hasil bagi (modulus) dan lain sebagainya. Nah, terdapat beberapa perbedaan antara operator aritmatika visual basic dengan C++. Berikut adalah operator-operator aritmatika yang terdapat dalam visual basic
Tabel 2.1 Operator Aritmatika di Visual Basic 2010 NO Operator Keterangan
1 ^ Perpangkatan
2 - Negatif
Pengurangan 3 * Perkalian
4 / Pembagian
5 \ Pembagian Integer
6 + Penjumlahan
(35)
2. Operator Assignment
Assignment merupakan proses pemberian nilai pada suatu variabel. Tabel 2.2 Operator Assignment di Visual Basic 2010
NO Operator Keterangan
1 =
Operator penugasan sederhana, Menetapkan nilai dari operan sisi kanan ke sisi kiri operan C = A + B akan memberikan nilai A + B menjadi C
2 ^=
Perpangkatan dan operator penugasan. Ini menimbulkan operan kiri dengan kekuatan operan kanan dan menugaskan hasilnya ke operan kiri. C ^ = A setara dengan C = C ^ A
3 -=
pengurangan dan operator penugasan, Ini mengurangi hak operan dari operan kiri dan menetapkan hasil untuk operan kiri C - = A setara dengan C = C - A
4 *=
perkalian dan operator penugasan, Hal mengalikan kanan operan dengan operan kiri dan menetapkan hasil untuk operan kiri C * = A setara dengan C = C * A
5 /=
pembagian dan operator penugasan, Ini membagi operan kiri dengan operan kanan dan menugaskan hasil untuk operan kiri (divisi floating point) C / = A setara dengan C = C / A
6 \=
pembagian dan operator penugasan, Ini membagi operan kiri dengan operan kanan dan menugaskan hasil untuk operan kiri (divisi Integer) C \ = A setara dengan C = C \ A
7 +=
Tambah dan operator penugasan, Ia menambahkan hak operan ke operan kiri dan menetapkan hasil untuk operan kiri C + = A setara dengan C = C + A
8 >>=
Pergeseran Kanandan operator penugasan C >> = 2 adalah sama dengan C = C >> 2
9 <<=
Kiri pergeseran DAN operator penugasan C << = 2 adalah sama dengan C = C << 2
10 &=
Gabungkan ekspresi String ke variabel String atau properti dan memberikan hasilnya ke variabel atau properti. Str1 str2 = & sama seperti Str1 = str1 str2 &
(36)
3. Operator Perbandingan
Operator perbandingan adalah operator yang digunakan untuk mengetahui hasil perbandingan dua atau lebih bilangan, misalkan mencari bilangan terbesar dan lain sebagainya. untuk membandingkan bilangan, kedua bilangan harus memiliki tipe data yang sama. Berikut adalah operator perbandingan yang terdapat dalam visual basic
Tabel 2.3 Operator Perbandingan di Visual Basic 2010 NO Operator Keterangan
1 = Sama dengan 2 <> Tidak Sama dengan 3 >= Lebih besar Sama dengan 4 <= Lebih kecil Sama dengan 5 > Lebih besar
(37)
4. Operator Logika
Operator Keterangan/Logika Operator keterangan digunakan untuk menerangkan bilangan yang dimaksud. Juga digunakan untuk mengekspresikan dua data atau lebih. Berikut adalah jenis operator keterangan atau logika dalam visual basic:
Tabel 2.4 Operator Logika di Visual Basic 2010 NO Operator Keterangan
1 not tidak
2 or atau
3 and dan
4 xor exclusive or
5 eqv equivale
6 imp Implikasi
2.7 Flowchart
Diagram alir (flowchart) adalah suatu symbol-simbol grafis yang menggambarkan aliran algoritma serta menampilkan langkah-langkah pemecahan masalah di suatu program dari awal hingga akhir. Pada flowchart terdapat lambang atau symbol tertentu yang mempunyai arti tersendiri. Pengertian atau definisi dari symbol tersebut dapat dlihat pada tabel berikut :
(38)
Tabel 2.5 Simbol-simbol Flowchart
No. Gambar Nama Simbol Keterangan
1 Terminator Digunakan untuk memulai,
mengakhiri atau titik henti dalam sebuah proses atau program.
2 Proses Menyatakan kegiatan yang akan
ditampilkan dalam diagram alir. 3 Titik Keputusan Proses atau Langkah dimana
perlu adanya keputusan atau adanya kondisi tertentu. Di titik ini selalu ada dua keluaran untuk melanjutkan aliran kondisi yang berbeda.
4 Masukan atau
Keluaran Data
Digunakan untuk mewakili data masuk, atau data keluar.
5 Garis alir Menunjukkan arah aliran proses
atau algoritma.
6 Preparation Simbol untuk mempersiapkan
penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.
(39)
7 Connector Menghubungkan bagian alir pada halaman yang sama. Simbol ini digunakan untuk menghindari terlalu banyak anak panah yang saling melintang.
8 Off-page
Connector
Menghubungkan bagian alir pada halaman yang berbeda. Simbol ini digunakan untuk menghindari terlalu banyak anak panah yang saling melintang
9 Document Sebuah dokumen atau laporan.
dokumen dapat dibuat dengan tangan atau cetak oleh komputer.
10 Predifined
Process
Rincian operasi berada di tempat lain.
11 Anotasi Tambahan penjelasan deskriptif
atau keterangan, atau catatan sebagai klasifikasi.
12 Pita Magnetik Input-output yang menggunakan pita magnetic.
(40)
BAB 3
PERANCANGAN SISTEM
Html editor adalah aplikasi yang digunakan untuk membuat ataupun mengolah halaman web berupa file dengan ekstensi .html atau .htm. Untuk lebih jelasnya berikut adalah langkah-langkah yang dibuat oleh penulis dalam membuat perancangan aplikasi Editor HTML tersebut.
3.1 Gambaran Umum Perancangan Sistem
Perancangan sistern merupakan salah satu unsur atau tahapan dan keseluruhan pembangunan sistem komputerisasi. Perancangan sistem untuk pengembangan sistem memerlukan jangka waktu yang lebih lama dari pada pemecahan masalah pada umumnya. Salah satu unsur pokok yang harus dipertimbangkan dalam pembangunan sistem komputerisasi yaitu masalah perangkat lunak, karena perangkat lunak yang digunakan haruslah sesuai dengan masalah yang akan diselesaikan, disamping masalah perangkat itu sendiri.Inti dari perancangan sistem adalah berusaha memandang seluruh pengolahan secara terpadu serta untuk menilai pilihan-pilihan dalam rnelaksanakan studi kelayakan.
(41)
Sebelum melakukan peracangan sistem aplikasi , maka harus dilakukan analisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan dan kekurangan aplikasi yang sedang berjalan. Berikut ini merupakan gambaran aplikasi yang dibuat oleh penulis.
Membuat Gambaran Editor
Gambar 3.1 Tampilan untuk jendela editor
(42)
Menu ToolBar Tab text
Text Editor
N O
B A R I S
Browser
Gambar 3.3 Halaman editor yang akan dibuat
Halaman editor yang akan dibuat itu adalah gabungan antara gambar 3.1 dang gambar 3.2 dengan tab page yang berfungsi sewaktu kita mengedit ataupun membuka lebih dari satu file yang akan kita edit.
(43)
3.2 Flowchar dari Sistem
1. Flowchart halaman Menu Utama
START TAMPILAN MENU FILE ABOUT NEW NO YES PROSEDUR MEMBUAT HALAMAN BARU A CLOSE EXIT OPEN NO YES NO PROSEDUR MEMBUKA FILE B NO YES NO END YES Halaman about YES YES NO
(44)
2. Flowchart Menu NEW
Gambar 3.5 Flowchart Menu NEW
A
MEMBUAT KODE HTML
SIMPAN FILE ADA
PERBAHARUI
EXIT NO
YES
NO YES
C NO
TEXT
KOSONG END
KONFIRMASI SIMPAN
NO YES
YES
NO
NO
YES YES
(45)
3. Flowchart Menu EDIT
B
EDIT
UNDO
REDO
CLOSE TAB
TEXT BERTAMBAH/ BERKURANG
KONFIRMASI SIMPAN
END
PERBAHARUI FILE YANG DI
EDIT NO
NO
NO
YES YES YES
NO NO
NO YES
YES
NO
(46)
3.3 Algoritma Pemrograman Sistem
Algoritma adalah langkah-langkah penyelesaian dari suatu permasalahan dengan menggunakan kalimat logika yang diterima dalam membuat program. Algoritma Aplikasi Editor HTML adalah sebagai berikut:
a. Menampilkan MENU utama
Membuka program, maka menu utama akan secara langsung ditampilkan pada aplikasi editor HTML, dimana menu utama terdiri dari:
1. File 2. Edit 3. View 4. Editor
b. Bekerja dengan halaman Aplikasi Editor HTML Langkah 1: Membuka halama baru
Pilih Menu File New (CTRL+N) Langkah 2: Mengetikkan kode HTML
Langkah 3: Menyimpan kode HTML yang kita buat pilih Menu FileSave(CTRL+S)
(47)
Langkah 4: Melihat hasil dari kode HTML yang kita buat
1. Melihat kode program sama hasil dari kode HTML tersebut Pilih Menu viewEksekusi(F5)
2. Melihat hasil dari kode HTML Pilih tombol Hasil pada Menu toolbar Langkah 5:Menutup Tab yang terbuka
1. Menutup tab editor dari menu
Pilih Menu FileClose Tab(CTRL+SHIF+X) 2. Menutup tab editor menggunkan tombol
Pilih tab yang akan ditutup Tombol close tab
c. Menutup program
Langkah 1: Fileexit(ALT+F4)
3.4 Pembuatan Aplikasi berdasarkan Flowchart dan Algoritma
Dalam pembuatan aplikasi Editor HTML yang dibuat dalam TA ini meliputi tahap-tahap sebagai berikut.
(48)
3.4.1 Pembuatan Form Utama
Form utama untuk Editor HTML terdiri dari Menu, toolbar, dan tab. Langkah-langkah membuat Editor HTML.
1. Membuka proyek baru pilih Windows Form Aplication dan pada kotak isi Name kita isikan Nama rojrk yang akan kita buat. Untuk lebih jelasnya Kita lihat gambar
Gambar 3.7 Membuat Proyek Aplikasi Windows
2. Setelah Kita mengisikan proyek baru terbuka klik tombol OK maka akan terbuka sebuah form baru seperti pada gambar di bawah:
(49)
Gambar 3.8 Jendela Form Baru
3. Setelah form baru terbuka ubahlah property form baru tersebut dengan aturan propertinya sebagai berikut:
Name : FrmUtama Text : Editor Html
4. Kemudian Pada toobox pilih kontrol MenuStrip.
(50)
5. Kemudian isikan menu-menu yang akan dibuat dan atur propertynya sesuai tabel dibawah ini
Tabel 3.1 Properti untuk semua menu File
Gambar 3.10 Tampilan Menu File dan Sub Menu
No Text name shortcutKeys
1 &File FileToolStripMenuItem
2 New NewToolStripMenuItem CTRL+N 3 Open OpenToolStripMenuItem Ctrl+O 4 Save SaveToolStripMenuItem Ctrl+S
5 Save as SaveAsToolStripMenuItem Ctrl+SHIFT+S 6 Close
Tab TutupTabToolStripMenuItem Ctrl+SHIFT+X 7 Print
Preview PrintPreviewToolStripMenuItem
(51)
Tabel 3.2 Properti untuk Menu Edit
No Text name shortcutKeys
1 &Edit EditToolStripMenuItem
2 Undo UndoToolStripMenuItem CTRL+Z 3 Redo RedoToolStripMenuItem CTRL+Y 4 Copy CopyToolStripMenuItem CTRL+C 5 Cut CutToolStripMenuItem CTRL+X 6 Paste PasteToolStripMenuItem CTRL+v 7 Font FontToolStripMenuItem
Untuk Lebih jelasnya lihat hasil beriku
Gambar 3.11 Menu Edit
Tabel 3.3 Properti untuk Menu View
No Text Name shortcutKeys
1 View ViewToolStripMenuItem 2 Eksekusi HasliToolStripMenuItem F5
(52)
Tampilan hasil dari properti
Gambar 3.12 Menu View
Tabel 3.4 Properti untuk Menu Editor
No Text Name shortcutKeys
1 Editor EditorToolStripMenuItem 2 About AboutToolStripMenuItem
Tampilan Sesudah kita buat menu
(53)
6. Membuat Toolbar
Pada toobox pilih kontrol Toolstrip, letakkan di Form yang akan kita buat toolstrip
Gambar 3.14 Tampilan Untuk membuat Toolbar
Tabel 3.5 Properti untuk Menu toolbar
No Text Name komponen
1 Split BtnSplit ToolStripButton 2 Text btnText ToolStripButton 3 Hasil btnHasil ToolStripButton
(54)
7. Membuat Tab Page
Pada toolbox pilih Tabcontrol kemudian letakkan di form yang akan kita buat.
Gambar 3.16 Membuat tab
Kemudian Remove (hapus) semua tab, sehingga hasilnya sebagai berikut
(55)
Baru ubah property kontrol tab.
Tabel 3.6 Properti untuk tab page
No Kontrol property Nilai properti
1. TabControl1
Name TabControl1
Anchor Top, Bottom,
Left, Right
3.4.2 Pembuatan Form Isi
Untuk membuat FormIsi yang merupakan isi dari setiap tab page.
Tabel 3.7 Properti untuk formIsi
No Kontrol properties Nilai properti
1 Form2 Name formIsi
formBorderStyle None
2 Label Name LblNomor
Anchor Top, Bottom, Left
autoSize FALSE
3 richTextBox Name RtbEditor
Anchor Top, Bottom, Left, Right
(56)
4 webBrowser Name WBrHasil
Dock fill
5 SplitContainer Name SpCIsi
Dock fill
Orientation Horizontal
panel1 SpCIsi.Panel1
panel2 SpCIsi.Panel2
Untuk tampilannya adalah sebagai berikut ini:
(57)
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah langkah-langkah atau prosedur sistem yang dilakukan untuk menyelesaikan perancangan sistem yang telah disetujui seperti menguji, menginstal dan memulai menggunakan sistem yang baru atau sistem yang diperbaiki. Pada tahap implementasi, terlebih dahulu dilakukan pengujian sistem. Setelah terlihat ada kesalahan yang ditemukan di dalam pengujian maka sistem tersebut akan diperbaiki dan pengujian sistem dilanjutkan ke tahap operasi yang nyata.
4.2 Tujuan Implementasi
Tujuan Implementasi Sistem adalah :
a. Menyelesaikan desain sistem yang ada dalam dokumen desain sistem. b. Menguji dan mendokumentasikan program dan prosedur sistem.
(58)
d. Memperhitungkan bahwa sistem memenuhi permintaan user yaitu dengan menguji sistem secara menyeluruh.
e. Memastikan bahwa konversi ke sistem baru berjalan dengan benar yaitu dengan membuat rencana, mengontrol dan melakukan instalasi sistem baru dengan benar.
Langkah-langkah dalam mengimplementasikan sistem adalah sebagai berikut: 1. Pemilihan dan pelatihan user.
2. Menyelesaikan desain sistem.
3. Pemilihan tempat dan instalasi software dan hardware.
4. Menulis, menguji dan mengontrol dan mendokumentasikan program. 5. Menyelesaikan manual pemakai.
6. Konversi sistem.
4.3 Tampilan
Pembuatan program aplikasi Editor HTML dirancang dengan bahasa pemrograman Microsoft Visual Basic 2010.
(59)
Gambar 4.1 Tampilan Menu Utama
[Listing program ada pada lampiran 1]
Gambar 4.1 merupakan interfacemenu utama dari aplikasi Editor HMTL. Pada form ini berisikan menu – menu utama dari aplikasi.
(60)
4.3.2 Tampilan Menu File
Gambar 4.2 Tampilan Menu File
[Listing program ada pada Lampiran 1]
Gambar 4.2 merupakan tampilan sub menu dari menu File. Terdapat delapan sub menu yaitu New untuk membuka lembar editor yang baru, Open untuk membuka file yang telah tersimpan dalam direktori komputer kita, Save berfungsi menyimpan file kode html yang sudah tersimpan sebelumnya, Save As berfungsi menyimpan file dalam kedalam file dengan nama baru, Close Tab berfungsi menutup lembar Tap editor yang aktif, Print Preview digunakan sebagai mem-preview tampilan file sebelum dicetak, Print digunakan untuk mencetak kode program yang aktif dan Exit berfungsi untuk menutup aplikasi Editor HTML.
(61)
4.3.3 Tampilan Menu Edit
Gambar 4.3 Tampilan Menu Edit
[Listing program ada pada lampiran 1]
Gambar 4.3 merupakan tampilan sub menu dari menu Edit. Dalam sub menu ini terdapat sub menu Undu untuk membatalkan pegetikan kode yang yang salah sebelumnya, Redo berfungsi untuk membatalkan sub menu Undo, Copy digunaka untuk menyalin teks atau kode program yang diblok atau di highlight, Cut digunakan untuk memotong teks yang di blok atau highligth, Paste digunakan untuk memempelkan teks yang telah di Copy atau di Cut,
(62)
4.3.4 Tampilan Default Aplikasi Editor
Gambar 4.4 Tampilan Default Editor HTML
[Listing program ada pada lampiran 1]
Gambar ini merupakan tampilan default lembar kerja Editor HTMl. Dimana pengguna menuliskan kode program HMTL.
(63)
4.3.5 Tampilan Hasil Eksekusi HTML
Gambar 4.5 Tampilan Hasil Eksekusi
[Listing program ada pada lampiran 1]
Gambar ini merupakan Hasil eksekusi dari kode program yang yang dibuat oleh pengguna. Untuk melihat hasil dari kode program yang dibuat adalah dari menu View kemudian pilih Eksekusi atau bisa menekan tombol F5 pada Keyboard.
(64)
4.3.6 Tampilan Form dalam beberapa Tab
Gambar 4.6 Tampilan Form dalam beberap Tab
Gambar ini merupakan tampilan dari bebepara lembar kerja editor HTML. Lamam tab yang digunakan supaya user dapat membat atau mengubah kode program dalam satu aplikasi tanpa membuka aplikasi yang lain. Dengan fitur multitab ini maka user dapat membuka laman editor dalam satu aplikasi.
(65)
4.3.7 Tampilan About
Gambar 4.7 Tampilan About
Gambar 4.7 tampilan about merupakan tampilan mengenai aplikasi Editor HTML. Dan juga mengenai keterangan penulis yang merancang aplikasi ini
(66)
BAB 5
PENUTUP
5.1
Kesimpulan
Melalui pembahasan yang telah diuraikan pada bab sebelumnya, maka dapat ditarik beberapa kesimpulan yaitu:
1. Pentingnya program aplikasi dalam pembuatan sebuah web berupa editor html sehingga membuat penulis memikirkan membuat sebuah aplikasi yang dapat membuat, mengedit, menyimpan halaman web yang berupa HTML.
2. Dengan Visual basic 2010 kita dapat membuat program yang dapat kita gunakan untuk digunakan sendiri atau untuk dipublikasikan kepada orang banyak.
3. Aplikasi editor HTML yang dirancang oleh penulis dapat di-instal pada sistem operasi windows.
(67)
4. Aplikasi editor HTML yang dirancang oleh penulis dapat mengedit file text selain file text html.
5. Dalam membuat sebuah aplikasi Editor HTML yang sempurna diperlukan kemampuan dalam pemrograman baik pengetahuan tentang sintaks ataupun kemampuan seseorang untuk berpikir secara logis
5.2
Saran
Beberapa saran untuk pengembangan dan penelitian selanjutnya sebagai berikut:
1. Adanya pengembangan program aplikasi ini lebih lanjut
2. Diharapkan dengan program ini dapat membantu pengolahan halaman web mulai dari html dan file teks lainnya yang merupakan bagian dari sebuah web.
(68)
DAFTAR PUSTAKA
Hengky Alexander, dan Winpec. 2012. Membangun Aplikasi Sistem Informasi Manufaktur dengan Visual Basic 2010. Jakarta: PT Elex Media Komputindo. Kadir, Abdul. 2008. Mudah Menjadi Programmer VISUAL BASIC. Yogyakarta:
YESCOM.
Nikodemus. 2012. Aplikasi Database untuk Tugas Akhir Menggunakan Visual Basic 2010. Yogyakarta: Andi.
Sadeli, M. 2012. Aplikasi Penjualan dengan Visual Basic 2010 untuk Profesional. Palembang: Maxikom.
(69)
Private Sub updateNumberLabel() Dim i As Integer = 0
Dim pos As Point = New Point(i, 0) Dim firstIndex As Integer =
RtbEditor.GetCharIndexFromPosition(pos) Dim firstLine As Integer =
RtbEditor.GetLineFromCharIndex(firstIndex) pos.X = ClientRectangle.Width
pos.Y = ClientRectangle.Height Dim lastIndex As Integer =
RtbEditor.GetCharIndexFromPosition(pos) Dim lastLine As Integer =
RtbEditor.GetLineFromCharIndex(lastIndex)
pos = RtbEditor.GetPositionFromCharIndex(lastIndex)l LblNomor.Text = " "
For i = firstLine To lastLine + 1 LblNomor.Text += i + 1 & vbLf Next
End Sub
Private Sub RtbEditor_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RtbEditor.KeyDown
updateNumberLabel() End Sub
Private Sub rtb_VScroll(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RtbEditor.VScroll Dim d As Integer =
(RtbEditor.GetPositionFromCharIndex(0).Y Mod (RtbEditor.Font.Height + 1))
updateNumberLabel() End Sub
Private Sub RtbEditor_FontChanged_1(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RtbEditor.FontChanged
updateNumberLabel()
rtb_VScroll(Nothing, Nothing) End Sub
Private Sub RtbEditor_Resize_1(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles RtbEditor.Resize
(70)
Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs)
WBrHasil.DocumentText = RtbEditor.Text End Sub
Private Sub frmIsi_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
RtbEditor.Focus() End Sub
Private Sub RtbEditor_TextChanged(ByVal sender As
System.Object, ByVal e As System.Windows.Forms.KeyEventArgs) Handles RtbEditor.KeyDown
If e.KeyCode = Keys.Enter Then End If
End Sub End Class
(71)
Dim index As Integer = 0 Dim kata As String = ""
Private Sub ButtonCari_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonCari.Click
cari() End Sub Sub cari()
If Not (kata = txtKataCari.Text) Then Kembali(kata, FrmUtama.fIs.RtbEditor) findTextAndHighlight(txtKataCari.Text, FrmUtama.fIs.RtbEditor)
kata = txtKataCari.Text Else
findTextAndHighlight(txtKataCari.Text, FrmUtama.fIs.RtbEditor)
End If End Sub
Sub findTextAndHighlight(ByVal searchtext As String, ByVal rtb As RichTextBox)
Dim textEnd As Integer = rtb.TextLength
Dim fnt As Font = New Font(rtb.Font, FontStyle.Bold) Dim lastIndex As Integer =
rtb.Text.LastIndexOf(searchtext) If (index < lastIndex) Then If (index > 0) Then
rtb.Find(searchtext, index - 1, textEnd, RichTextBoxFinds.WholeWord)
rtb.SelectionFont = fnt
rtb.SelectionLength = searchtext.Length rtb.SelectionColor = Color.Black
rtb.SelectionBackColor = Color.White End If
rtb.Find(searchtext, index, textEnd, RichTextBoxFinds.WholeWord)
rtb.SelectionFont = fnt
rtb.SelectionLength = searchtext.Length rtb.SelectionColor = Color.Red
rtb.SelectionBackColor = Color.Cyan
(72)
FrmUtama.fIs.RtbEditor) index = 0 End If
End Sub
Sub findAll(ByVal searchtext As String, ByVal rtb As RichTextBox)
Dim textEnd As Integer = rtb.TextLength index = 0
Dim fnt As Font = New Font(rtb.Font, FontStyle.Bold) Dim lastIndex As Integer =
rtb.Text.LastIndexOf(searchtext) While (index < lastIndex)
rtb.Find(searchtext, index, textEnd, RichTextBoxFinds.WholeWord)
rtb.SelectionFont = fnt
rtb.SelectionLength = searchtext.Length rtb.SelectionColor = Color.Red
rtb.SelectionBackColor = Color.Cyan
index = rtb.Text.IndexOf(searchtext, index) + 1 End While
End Sub
Sub Kembali(ByVal searchtext As String, ByVal rtb As RichTextBox)
Dim textEnd As Integer = rtb.TextLength index = 0
Dim fnt As Font = New Font(rtb.Font, FontStyle.Regular)
Dim lastIndex As Integer = rtb.Text.LastIndexOf(searchtext) While (index < lastIndex)
rtb.Find(searchtext, index, textEnd, RichTextBoxFinds.WholeWord)
rtb.SelectionFont = fnt
rtb.SelectionLength = searchtext.Length rtb.SelectionColor = Color.Black
rtb.SelectionBackColor = Color.White
index = rtb.Text.IndexOf(searchtext, index) + 1 End While
index = 0 End Sub
(73)
FrmUtama.fIs.RtbEditor.SelectedText Txtcari.Text = txtKataCari.Text End Sub
Private Sub btnFindA_Click(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles btnFindA.Click
findAll(txtKataCari.Text, FrmUtama.fIs.RtbEditor) End Sub
Private Sub FrmCari_FormClosing(ByVal sender As System.Object, ByVal e As
System.Windows.Forms.FormClosingEventArgs) Handles MyBase.FormClosing
Kembali(txtKataCari.Text, FrmUtama.fIs.RtbEditor) Kembali(TxtGanti.Text, FrmUtama.fIs.RtbEditor) End Sub
Private Sub ButtonBatal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonBatal.Click
Me.Close() End Sub
Private Sub ButtonFinds_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
cari() End Sub
Private Sub ButtonReplace_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonReplace.Click
If ButtonReplace.Text = "Find" Then cari()
index = index - 1
ButtonReplace.Text = "Replace" Else
FrmUtama.fIs.RtbEditor.SelectedText = TxtGanti.Text
ButtonReplace.Text = "Find" index = index - 1
End If End Sub
(74)
ButtonReplaceA.Click
ReplaceAll(Txtcari.Text, FrmUtama.fIs.RtbEditor) End Sub
Sub ReplaceAll(ByVal searchtext As String, ByVal rtb As RichTextBox)
Dim textEnd As Integer = rtb.TextLength index = 0
Dim fnt As Font = New Font(rtb.Font, FontStyle.Bold) Dim lastIndex As Integer =
rtb.Text.LastIndexOf(searchtext) While (lastIndex > 0)
rtb.Find(searchtext, index, textEnd, RichTextBoxFinds.WholeWord)
rtb.SelectionFont = fnt
rtb.SelectionLength = searchtext.Length rtb.SelectionColor = Color.Red
rtb.SelectionBackColor = Color.Cyan rtb.SelectedText = TxtGanti.Text
lastIndex = rtb.Text.LastIndexOf(searchtext) End While
End Sub
Private Sub ButtonBatalR_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonBatalR.Click
Me.Close() End Sub
(75)
Dim Tab As TabPage Public fIs As frmIsi
Sub menuAksi(ByVal X As Boolean)
SaveAsToolStripMenuItem.Enabled = X SaveToolStripMenuItem.Enabled = X
PrintPreviewToolStripMenuItem.Enabled = X PrintToolStripMenuItem.Enabled = X
TutupTabToolStripMenuItem.Enabled = X HasliToolStripMenuItem.Enabled = X FindToolStripMenuItem.Enabled = X End Sub
Private Sub AddTab(Optional ByVal file As String = Nothing)
Dim lokasiFile As String = "" Dim NewTab As New TabPage Dim frm As New frmIsi frm.Dock = DockStyle.Fill frm.TopLevel = False
NewTab.Tag = frm
NewTab.BackColor = Color.DeepSkyBlue frm.Parent = NewTab
frm.Show()
Dim TabText As String = "Untitled" Dim RTBText As String = Nothing If Not IsNothing(file) Then
If My.Computer.FileSystem.FileExists(file) Then lokasiFile =
My.Computer.FileSystem.GetFileInfo(file).FullName TabText =
My.Computer.FileSystem.GetFileInfo(file).Name Dim reader As New
System.IO.StreamReader(file)
RTBText = reader.ReadToEnd reader.Close()
Else
MsgBox("Sorry that file doesn't exist") End If
End If
NewTab.Text = TabText
NewTab.ToolTipText = lokasiFile frm.RtbEditor.Text = RTBText
(76)
fIs = frm
btnTutuptab.Visible = True btnTutuptab.Enabled = True btnHasil.Enabled = True BtnSplit.Enabled = True btnText.Enabled = True End Sub
Private Sub NewToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
NewToolStripMenuItem.Click AddTab()
End Sub
Private Sub FrmUtama_FormClosing(ByVal sender As Object, ByVal e As System.Windows.Forms.FormClosingEventArgs)
Handles Me.FormClosing
While (TabControl1.TabCount > 0) tutuptab()
End While End Sub
Private Sub FrmUtama_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
AddTab()
Timer2.Enabled = True btnHasil.Enabled = False BtnSplit.Enabled = False btnText.Enabled = False menuAksi(True)
End Sub
Private Sub BtnSplit_Click(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles BtnSplit.Click
fIs.SpCIsi.Panel1Collapsed = False fIs.SpCIsi.Panel2Collapsed = False End Sub
Private Sub btnText_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnText.Click
fIs.SpCIsi.Panel1Collapsed = False fIs.SpCIsi.Panel2Collapsed = True End Sub
(77)
fIs.SpCIsi.Panel2Collapsed = False fIs.SpCIsi.Panel1Collapsed = True tampil()
End Sub
Private Sub Timer2_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer2.Tick
With fIs
If .RtbEditor.CanUndo Then
UndoToolStripMenuItem.Enabled = True Else
UndoToolStripMenuItem.Enabled = False End If
If .RtbEditor.CanRedo Then
RedoToolStripMenuItem.Enabled = True Else
RedoToolStripMenuItem.Enabled = False End If
If .RtbEditor.SelectedText.Length > 0 Then CopyToolStripMenuItem.Enabled = True CutToolStripMenuItem.Enabled = True Else
CopyToolStripMenuItem.Enabled = False CutToolStripMenuItem.Enabled = False End If
If My.Computer.Clipboard.ContainsText Then PasteToolStripMenuItem.Enabled = True Else
PasteToolStripMenuItem.Enabled = False End If
End With End Sub
Private Sub SaveToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
(78)
Dim reader As New System.IO.StreamReader(file)
Dim RTBCurText = reader.ReadToEnd reader.Close()
If Not fIs.RtbEditor.Text = RTBCurText Then Dim writer As New
System.IO.StreamWriter(file, False) writer.Write(fIs.RtbEditor.Text) writer.Close() End If Else simpan() End If Else simpan() End If End Sub
Private Sub SaveAsToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles SaveAsToolStripMenuItem.Click
simpan() End Sub
Sub simpan()
Dim saveas As New SaveFileDialog With saveas
.DefaultExt = ".html"
.Filter = ("HTML Files(*.html)|*.html|php
Files(*.php)|*.php|CSS(*.css)|*.css|js Files(*.js)|*.js|Text Documents(*.txt)|*.txt|INI Files(*.ini)|*.ini|BAT
Files(*.bat)|*.bat|SQL Files(*.sql)|*.sql|All Files(*.*)|*.*")
.Title = "Simpan Berkas" End With
If saveas.ShowDialog = DialogResult.OK Then Dim writer As New
System.IO.StreamWriter(saveas.FileName, False) writer.Write(fIs.RtbEditor.Text) writer.Close()
fIs.RtbEditor.Tag = saveas.FileName Tab.Text =
(79)
End Sub
Private Sub TabControl1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TabControl1.SelectedIndexChanged
If TabControl1.TabCount > 0 Then Tab = TabControl1.SelectedTab fIs = TabControl1.SelectedTab.Tag fIs.RtbEditor.Focus()
Timer2.Enabled = True menuAksi(True)
fIs.RtbEditor.Focus() Else
Timer2.Enabled = False
UndoToolStripMenuItem.Enabled = False RedoToolStripMenuItem.Enabled = False CopyToolStripMenuItem.Enabled = False CutToolStripMenuItem.Enabled = False PasteToolStripMenuItem.Enabled = False fIs.RtbEditor.Focus()
menuAksi(False) End If
End Sub
Private Sub TutupTabToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
TutupTabToolStripMenuItem.Click tutuptab()
End Sub
Private Sub OpenToolStripMenuItem_Click_1(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles OpenToolStripMenuItem.Click
Dim open As New OpenFileDialog With open
.DefaultExt = ".html"
.Filter = ("HTML Files(*.html)|*.html|php
Files(*.php)|*.php|CSS(*.css)|*.css|js Files(*.js)|*.js|Text Documents(*.txt)|*.txt|INI Files(*.ini)|*.ini|BAT
Files(*.bat)|*.bat|SQL Files(*.sql)|*.sql|All Files(*.*)|*.*")
.Title = "Buka Berkas" .Multiselect = True
(80)
AddTab(.FileNames(i)) Next
End If End With End Sub
Private Sub ExitToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
ExitToolStripMenuItem.Click Me.Close()
End Sub
Private Sub UndoToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
UndoToolStripMenuItem.Click fIs.RtbEditor.Undo() End Sub
Private Sub RedoToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
RedoToolStripMenuItem.Click fIs.RtbEditor.Redo() End Sub
Private Sub CopyToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
CopyToolStripMenuItem.Click fIs.RtbEditor.Copy() End Sub
Private Sub CutToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
CutToolStripMenuItem.Click fIs.RtbEditor.Cut() End Sub
Private Sub PasteToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
PasteToolStripMenuItem.Click fIs.RtbEditor.Paste() End Sub
(81)
Dim fn As New FontDialog With fn
.FontMustExist = True .MaxSize = 56
.MinSize = 8
.ShowApply = True .ShowEffects = True
If .ShowDialog = Windows.Forms.DialogResult.OK Then
fIs.RtbEditor.Font = .Font fIs.LblNomor.Font = .Font End If
End With End Sub
Sub tampil()
If Tab.ToolTipText = "" Then
If MsgBox("Anda belum menyimpan file. Silahkan pilih yes untuk menyimpan", vbYesNoCancel, "Konfirmasi") = vbYes Then simpan() End If Else fIs.WBrHasil.Navigate(Tab.ToolTipText) End If End Sub
Private Sub HasliToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
HasliToolStripMenuItem.Click tampil()
End Sub
Private Sub AboutToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
AboutToolStripMenuItem.Click about.Enabled = True about.Visible = True End Sub
Private Function PreparePrintDocument() As Printing.PrintDocument
(82)
End Function
Private Sub Print_PrintPage(ByVal sender As Object, ByVal e As System.Drawing.Printing.PrintPageEventArgs) Dim Page As String
Page = fIs.RtbEditor.Text
e.Graphics.DrawString(Page, fIs.RtbEditor.Font, Brushes.Black, 50, 50)
e.HasMorePages = False End Sub
Private Sub PrintPreviewToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles PrintPreviewToolStripMenuItem.Click
Dim Print_Preview As New PrintPreviewDialog Print_Preview.Icon = Me.Icon
Print_Preview.Document = PreparePrintDocument() Print_Preview.WindowState =
FormWindowState.Maximized
Print_Preview.ShowDialog() End Sub
Private Sub PrintToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
PrintToolStripMenuItem.Click
Dim Print_Dialog As New PrintDialog
Print_Dialog.Document = PreparePrintDocument() Print_Dialog.ShowDialog()
If Print_Dialog.ShowDialog = Windows.Forms.DialogResult.OK Then
Print_Dialog.Document.Print() End If
End Sub
Private Sub btnTutuptab_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTutuptab.Click
tutuptab() End Sub
Sub tutuptab()
If fIs.RtbEditor.Text = "" Then
TabControl1.TabPages.Remove(Tab) Else
(83)
to save
If msg = DialogResult.Yes Then simpan()
TabControl1.TabPages.Remove(Tab) ElseIf msg = DialogResult.No Then TabControl1.TabPages.Remove(Tab) End If
Else
Dim file As String = Tab.ToolTipText
If My.Computer.FileSystem.FileExists(file) Then
Dim reader As New System.IO.StreamReader(file)
Dim RTBCurText = reader.ReadToEnd reader.Close()
If Not fIs.RtbEditor.Text = RTBCurText Then
If MsgBox("Apakah anda ingin
menyimpan perubahan?", vbYesNo, "Konfirmasi") = vbYes Then Dim writer As New
System.IO.StreamWriter(file, False) writer.Write(fIs.RtbEditor.Text) writer.Close() TabControl1.TabPages.Remove(Tab) Else TabControl1.TabPages.Remove(Tab) End If End If End If TabControl1.TabPages.Remove(Tab) End If
If TabControl1.TabCount = 0 Then btnTutuptab.Enabled = False btnTutuptab.Visible = False btnHasil.Enabled = False BtnSplit.Enabled = False btnText.Enabled = False End If
End If End Sub
(84)
FrmCari.Enabled = True FrmCari.Visible = True End Sub
(85)
Private Sub about_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
' Set the title of the form. Dim ApplicationTitle As String
If My.Application.Info.Title <> "" Then ApplicationTitle = "About Editor HTML" Else
ApplicationTitle =
System.IO.Path.GetFileNameWithoutExtension(My.Application.In fo.AssemblyName)
End If
Me.Text = String.Format("About {0}", ApplicationTitle)
' Initialize all of the text displayed on the About Box.
' TODO: Customize the application's assembly information in the "Application" pane of the project
' properties dialog (under the "Project" menu). Me.LabelProductName.Text = "Editor HTML"
Me.LabelVersion.Text = String.Format("Version {0}", My.Application.Info.Version.ToString)
Me.LabelCopyright.Text =
"Copyright@herverydikxonsihombing2013" Me.LabelCompanyName.Text = "USU"
Me.TextBoxDescription.Text = "Program ini merupakan editor untuk berbagai file text, tapi kita mengutamakan untuk text dengan extensi html, Editor HTML ini dibuat sebagai syarat (TA) untuk diploma"
End Sub
Private Sub OKButton_Click(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles OKButton.Click
Me.Close() End Sub
(1)
.FileName = ""
If open.ShowDialog = DialogResult.OK Then For i = 0 To UBound(.FileNames)
AddTab(.FileNames(i)) Next
End If End With End Sub
Private Sub ExitToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
ExitToolStripMenuItem.Click Me.Close()
End Sub
Private Sub UndoToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
UndoToolStripMenuItem.Click fIs.RtbEditor.Undo() End Sub
Private Sub RedoToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
RedoToolStripMenuItem.Click fIs.RtbEditor.Redo() End Sub
Private Sub CopyToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
CopyToolStripMenuItem.Click fIs.RtbEditor.Copy() End Sub
Private Sub CutToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
CutToolStripMenuItem.Click fIs.RtbEditor.Cut() End Sub
Private Sub PasteToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
PasteToolStripMenuItem.Click fIs.RtbEditor.Paste() End Sub
(2)
Private Sub FontToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
FontToolStripMenuItem.Click
Dim fn As New FontDialog With fn
.FontMustExist = True .MaxSize = 56
.MinSize = 8
.ShowApply = True .ShowEffects = True
If .ShowDialog = Windows.Forms.DialogResult.OK Then
fIs.RtbEditor.Font = .Font fIs.LblNomor.Font = .Font End If
End With End Sub
Sub tampil()
If Tab.ToolTipText = "" Then
If MsgBox("Anda belum menyimpan file. Silahkan pilih yes untuk menyimpan", vbYesNoCancel, "Konfirmasi") = vbYes Then
simpan() End If
Else
fIs.WBrHasil.Navigate(Tab.ToolTipText) End If
End Sub
Private Sub HasliToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
HasliToolStripMenuItem.Click tampil()
End Sub
Private Sub AboutToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
AboutToolStripMenuItem.Click about.Enabled = True about.Visible = True End Sub
Private Function PreparePrintDocument() As Printing.PrintDocument
(3)
AddHandler Print_Document.PrintPage, AddressOf Print_PrintPage
Return Print_Document End Function
Private Sub Print_PrintPage(ByVal sender As Object, ByVal e As System.Drawing.Printing.PrintPageEventArgs) Dim Page As String
Page = fIs.RtbEditor.Text
e.Graphics.DrawString(Page, fIs.RtbEditor.Font, Brushes.Black, 50, 50)
e.HasMorePages = False End Sub
Private Sub PrintPreviewToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles PrintPreviewToolStripMenuItem.Click
Dim Print_Preview As New PrintPreviewDialog Print_Preview.Icon = Me.Icon
Print_Preview.Document = PreparePrintDocument() Print_Preview.WindowState =
FormWindowState.Maximized
Print_Preview.ShowDialog() End Sub
Private Sub PrintToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
PrintToolStripMenuItem.Click
Dim Print_Dialog As New PrintDialog
Print_Dialog.Document = PreparePrintDocument() Print_Dialog.ShowDialog()
If Print_Dialog.ShowDialog = Windows.Forms.DialogResult.OK Then
Print_Dialog.Document.Print() End If
End Sub
Private Sub btnTutuptab_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTutuptab.Click
tutuptab() End Sub
Sub tutuptab()
If fIs.RtbEditor.Text = "" Then
TabControl1.TabPages.Remove(Tab) Else
(4)
Dim msg As DialogResult =
MessageBox.Show("Would you like to save first?", "Save", MessageBoxButtons.YesNoCancel) 'Create a message box asking to save
If msg = DialogResult.Yes Then simpan()
TabControl1.TabPages.Remove(Tab) ElseIf msg = DialogResult.No Then TabControl1.TabPages.Remove(Tab) End If
Else
Dim file As String = Tab.ToolTipText
If My.Computer.FileSystem.FileExists(file) Then
Dim reader As New System.IO.StreamReader(file)
Dim RTBCurText = reader.ReadToEnd reader.Close()
If Not fIs.RtbEditor.Text = RTBCurText Then
If MsgBox("Apakah anda ingin
menyimpan perubahan?", vbYesNo, "Konfirmasi") = vbYes Then Dim writer As New
System.IO.StreamWriter(file, False)
writer.Write(fIs.RtbEditor.Text) writer.Close()
TabControl1.TabPages.Remove(Tab) Else
TabControl1.TabPages.Remove(Tab) End If
End If End If
TabControl1.TabPages.Remove(Tab) End If
If TabControl1.TabCount = 0 Then btnTutuptab.Enabled = False btnTutuptab.Visible = False btnHasil.Enabled = False BtnSplit.Enabled = False btnText.Enabled = False End If
End If End Sub
(5)
Private Sub FindToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
FindToolStripMenuItem.Click FrmCari.Enabled = True FrmCari.Visible = True End Sub
(6)
Form About
Public NotInheritable Class about
Private Sub about_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
' Set the title of the form. Dim ApplicationTitle As String
If My.Application.Info.Title <> "" Then ApplicationTitle = "About Editor HTML" Else
ApplicationTitle =
System.IO.Path.GetFileNameWithoutExtension(My.Application.In fo.AssemblyName)
End If
Me.Text = String.Format("About {0}", ApplicationTitle)
' Initialize all of the text displayed on the About Box.
' TODO: Customize the application's assembly information in the "Application" pane of the project
' properties dialog (under the "Project" menu). Me.LabelProductName.Text = "Editor HTML"
Me.LabelVersion.Text = String.Format("Version {0}", My.Application.Info.Version.ToString)
Me.LabelCopyright.Text =
"Copyright@herverydikxonsihombing2013" Me.LabelCompanyName.Text = "USU"
Me.TextBoxDescription.Text = "Program ini merupakan editor untuk berbagai file text, tapi kita mengutamakan untuk text dengan extensi html, Editor HTML ini dibuat sebagai syarat (TA) untuk diploma"
End Sub
Private Sub OKButton_Click(ByVal sender As
System.Object, ByVal e As System.EventArgs) Handles OKButton.Click
Me.Close() End Sub