• Tidak ada hasil yang ditemukan

BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer - Aplikasi Editor HTML Menggunakan Visual Basic 2010

N/A
N/A
Protected

Academic year: 2019

Membagikan "BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer - Aplikasi Editor HTML Menggunakan Visual Basic 2010"

Copied!
22
0
0

Teks penuh

(1)

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,

(2)

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

Pengertiandata 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

(3)

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

(4)

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

(5)

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

(6)

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.

(7)

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

(8)

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,

(9)

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 :

(10)

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

(11)

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.

(12)

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,

Projectproject, beserta file-file, formform ataupun resource yang digunakan pada program aplikasi. Pada bagian atas jendela Solution Explorer terdapat

(13)

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

(14)

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 instruksi x86 (disebut juga kode ‘native’ atau ‘mesin’).

Visual Basic Source Code

Visual Basic Compiler

(15)

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.

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

7 Connector Menghubungkan bagian alir

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

Gambar

Gambar 2.1 Start Page Visual Basic 2010
Gambar 2.2 Tampilan visual basic 2010
Gambar 2.5 Toolbars
Gambar 2.6 Solution Explorer
+7

Referensi

Dokumen terkait

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

Microsoft Visual Basic 6.0 menyediakan berbagai perangkat kontrol yang dapat digunakan untuk membuat program aplikasi dalam sebuah form baik aplikasi kecil,..

Seri Panduan Pemrograman Microsoft Visual Basic 6.0.. Aplikasi Basis Data dengan Visual Basic

akhirnya membuat BASIC versi Windows yang dikenal dengan Microsoft

Operator perbandingan digunakan untuk membandingkan suatu data dengan data lain yang menghasilkan nilai logika benar atau salah.Tentu saja antara dua data yang dibandingkan

Microsoft Visual Basic .NET adalah sebuah alat untuk mengembangkan dan membangun aplikasi yang bergerak di atas sistem .NET Framework, dengan menggunakan

Access juga dapat digunakan sebagai sebuah basis data untuk aplikasi Web dasar yang disimpan di dalam server yang menjalankan Microsoft Internet Information Services (IIS) dan

Bahasa pemrograman yang tersedia di dalam Access adalah Microsoft Visual Basic for Applications (VBA), seperti halnya dalam beberapa aplikasi Microsoft Office..