BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer - Aplikasi Editor HTML Menggunakan Visual Basic 2010
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.) 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 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 “informasi yang disiapkan untuk atau disimpan oleh komputer”. 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.
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.
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 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
(tulis sekali, jalankan di mana saja), yang dapat diartikan satu bahasa Java
anywhere
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 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.
Gambar 2.1 Start Page Visual Basic 20102.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,
, form, Toolbox, Windows Project, dan Windows Properties.
Solution Explorer
Gambar 2.2 Tampilan visual basic 2010Mengenal 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 :
Gambar 2.3 Tittle Bar2. 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. 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.
3. Toolbars pada aplikasi windows lainnya yang berisi tombol
Toolbars
- –tombol yang mewakili suatu perintah tertentu yang sering digunakan untuk keperluan dalam pemrograman dan lain-lain, Toolbars dapat kita lihat dalam bentuk ikon.
4. Solution Explorer adalah jendela yang menyimpan Informasi mengenai Solution,
Solution Explorer 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
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
Form Designer 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 garis putus-putus disekelilingnya, hanya dengan men-Drag Form ke kiri, kanan, atas, ataupun bawah, maka ukuran Form akan berubah.
Gambar 2.7 Form DesignAlur pembuatan aplikasi hingga aplikasi tersebut dijalankan dan perbedaannya dengan Visual Basic 6 dapat dilihat pada gambar di bawah ini.
Source code program VB6 diubah menjadi Visual Basic Source instruksi x86 (disebut juga kode ‘native’ atau Code ‘mesin’).
Visual Basic Compiler x86 instructions
Gambar 2.8 Alur Pembuatan Program pada Visual Basic 6.0Kode Program yang kita tulis dengan Visual Basic 2010 Visual Basic 2010 Source Code Visual Basic 2010 Compiler
Compiler menghasilkan file *exe dengan instruksi MSIL yang belum dimengerti Microsoft oleh mesin/prosesor. Intermediate Languange (MSIL)
Common Languange Runtime Setiap kali file *exe MSIL dijalankan akan (CLR) melewati CLR. CLR adalah .NET Visual Basic 2010
Compiler
Gambar 2.9 Alur Pembuatan Program pada Visual Basic 20102.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 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.
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 2010NO Operator Keterangan 1 ^ Perpangkatan 2 -
Negatif Pengurangan 3 * Perkalian
4 / Pembagian 5 \ Pembagian Integer 6 + Penjumlahan
7 Mod Modulo(sisa hasil pembagian)
2. Operator Assignment Assignment merupakan proses pemberian nilai pada suatu variabel.
Tabel 2.2 Operator Assignment di Visual Basic 2010NO Operator Keterangan
Operator penugasan sederhana, Menetapkan nilai dari operan sisi kanan ke sisi kiri operan C = A + B akan memberikan nilai A + B menjadi C
1 = Perpangkatan dan operator penugasan. Ini menimbulkan operan kiri dengan kekuatan operan kanan dan menugaskan hasilnya ke 2 ^= operan kiri. C ^ = A setara dengan C = C ^ A
pengurangan dan operator penugasan, Ini mengurangi hak operan dari operan kiri dan menetapkan hasil untuk operan kiri C - = A setara
dengan C = C - A
3 -=
perkalian dan operator penugasan, Hal mengalikan kanan operan dengan operan kiri dan menetapkan hasil untuk operan kiri C * = A setara dengan C = C * A
4 *=
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
5 /=
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
6 \=
Tambah dan operator penugasan, Ia menambahkan hak operan ke operan kiri dan menetapkan hasil untuk operan kiri C + = A setara dengan C = C + A
7 +=
Pergeseran Kanandan operator penugasan C >> = 2
8 >>= adalah sama dengan C = C >> 2
Kiri pergeseran DAN operator penugasan C << = 2 adalah sama dengan C = C << 2
9 <<=
Gabungkan ekspresi String ke variabel String atau properti dan memberikan hasilnya ke variabel atau 10 &= properti. Str1 str2 = & sama seperti Str1 = str1 str2 &
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 2010NO Operator Keterangan
1 = Sama dengan 2 <> Tidak Sama dengan 3 >= Lebih besar Sama dengan 4 <= Lebih kecil Sama dengan 5 > Lebih besar 6 < lebih Kecil
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 2010NO 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 :
Tabel 2.5 Simbol-simbol Flowchart No. Gambar Nama Simbol Keterangan1 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 Digunakan untuk mewakili data masuk, atau data keluar.
Keluaran Data
5 Garis alir Menunjukkan arah aliran proses atau algoritma.
6 Preparation Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.
7 Connector Menghubungkan bagian alir pada halaman yang sama.
Simbol ini digunakan untuk menghindari terlalu banyak anak panah yang saling melintang.
8 Off-page Menghubungkan bagian alir Connector 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 Rincian operasi berada di tempat Process lain.
11 Anotasi Tambahan penjelasan deskriptif atau keterangan, atau catatan sebagai klasifikasi.
12 Pita Magnetik Input-output yang menggunakan pita magnetic.