TUGAS AKHIR HERVERY DIKXON SIHOMBING

Transkripsi

1 APLIKASI EDITOR HTML MENGUNAKAN VISUAL BASIC 2010 TUGAS AKHIR HERVERY DIKXON SIHOMBING PROGRAM STUDI D3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013

2 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 PROGRAM STUDI D3 TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013

3 ii PERSETUJUAN Judul : APLIKASI EDITOR HTML MENGUNAKAN VISUAL BASIC 2010 Kategori : TUGAS AKHIR Nama : HEVERY DIKXON SIHOMBING Nomor Induk Mahasiswa : 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 NIP

4 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

5 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.

6 v Demikian Tugas Akhir ini saya buat, semoga tulisan ini bermanfaat bagi kita semua. Medan, Juni 2013 Penulis Hervery Dikxon Sihombing

7 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.

8 viii Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar DAFTAR ISI Halaman ii iii iv vi viii x xi Bab 1 Pendahuluan Latar Belakang Rumusan Masalah Batasan Maslah Maksud dan Tujuan Metodologi Penelitian Sistematika Penulisan 5 Bab 2 Landasan Teori Pengertian Komputer Data Aplikasi HTML Editor HTML Visual basic Pengenalan Microsoft Visual Basic Menjalankan Microsoft Visual Basic Lingkungan di Microsoft Visual Basic Variabel di Microsoft Visual Basic Operator di Microsoft Visual Basic Flowchart 26 Bab 3 Perancangan Sistem Gambaran Umu Perancangan Sintem Flowchar dari Sistem Algoritma Pemrograman Sistem Pembuatan Aplikasi Berdasarkan Flowchart dan Algoritma Pembuatan Form Utama Pembuatan Form Isi 44 Bab 4 Implementasi Sistem Defenisi Implementasi Sistem Tujuan Implementasi Tampilan Tampilan Menu Utama Tampilan Menu File Tampilan Menu Edit Tampilan Default Aplikasi Editor Tampilan Eksekusi HTML 52

9 ix Tampilan Form dalam Beberapa Tab Tampilan About 54 Bab 5 Kesimpulan dan Saran Kesimpulan Saran 56

10 vii DAFTAR TABEL Tabel 2.1 Operator Aritmatika di Visual Basic Tabel 2.2 Operator Assignment di Visual Basic Tabel 2.3 Operator Perbandingan di Visual Basic Tabel 2.4 Operator Logika di Visual Basic 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

11 xi DAFTAR GAMBAR Gambar 2.1 Start Page Visual Basic Gambar 2.2 Tampilan Visual Basic Gambar 2.3 Tampilan Title Bar Visual Basic Gambar 2.4 Tampilan Menu Bar Visual Basic Gambar 2.5 Tampilan Toolbars Visual Basic Gambar 2.6 Tampilan Solutionvisual Basic Gambar 2.7 Tampilan Form Design Visual Basic Gambar 2.8 Alur Pembuatan Program pada Visual Basic Gambar 2.9 Alut Pembuatan Program pada Visual Basic 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