APLIKASI EDITOR HTML MENGUNAKAN 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
APLIKASI EDITOR HTML MENGUNAKAN VISUAL BASIC 2010 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
ii 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
iii 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
iv 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. 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,. 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. 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 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.
v Demikian Tugas Akhir ini saya buat, semoga tulisan ini bermanfaat bagi kita semua. Medan, Juni 2013 Penulis Hervery Dikxon Sihombing
vi 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.
viii Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar DAFTAR ISI Halaman ii iii iv vi viii x 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 4.3.5 Tampilan Eksekusi HTML 52
ix 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 5.2 Saran 56
vii 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 Tabel 3.7 Properti untuk formisi 44
xi 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 Gambar 4.7 Tampilan About 54