BAB II LANDASAN TEORI

Ukuran: px
Mulai penontonan dengan halaman:

Download "BAB II LANDASAN TEORI"

Transkripsi

1 BAB II LANDASAN TEORI 2.1 Internet Internet adalah singkatan dari International Networking, yang artinya jaringan komputer berskala international/global yang dapat membuat masingmasing komputer saling berkomunikasi. 2.2 Web Browser Web browser merupakan software penterjemah file HTML menjadi satu halaman web dimana didalamnya terdapat gambar, teks yang ditampilkan dimonitor. 2.3 Teks Teks merupakan basis dari seluruh program pengolahan kata dan masih digunakan sebagai informasi yng sangat mendasar bagi program aplikasi. 2.4 Gambar Gambar atau foto merupakan tampilan diam, tidak ada pergerakkan. Dalam tipe gambar yang tampilannya bergerak, kalaupun terlihat seakan-akan ada pergerakkan hal itu karena efek yang memberikan pada saat penggabungan semua elemen atau programming. Gambar diam ini merupakan suatu elemen yang penting dalam tampilan. 2.5 WWW WWW adalah singkatan dari World Wide Web, atau lebih dikenal dengan nama web. Web adalah sebuah layanan yang dapat dibuat oleh pemakai komputer apabila komputer tersambung dengan internet. Dengan Web, pengguna komputer diseluruh dunia dapat saling berinteraksi dengan pengguna internet lainnya tanpa harus beranjak dari tempat dimana internet tersebut diakses 4

2 5 2.6 HTML HTML adalah Hyper Text Markup Language, yang artinya tata cara penulisan yang digunakan dalam dokumen web. Dokumern HTML adalah sebuah dokumen teks murni yang dapat dibuat dengan editor web sembarang seperti Notepad. Dokumen ini akan dieksekusi oleh sebuah browser (misal Internet Explorer), sehingga browser mampu menghasilkan suatu dokumen yang sesuai dengan keinginan seorang designer atau programmaer web. 2.7 Website Website adalah sekumpulan halaman web yang bisa diakses melalui browser web. Satu halaman disebut homepage, halaman ini adalah halaman yang pertama kali dilihat ketika seseorang mengunjungi website.dari homepage pengunjung dapat mengklik teks atau gambar untuk berpindah ke halaman lain dalam website tersebut atau kehalaman lain. Homepage berada pada posisi teratas dengan halaman-halaman terkait berada dibawahnya. 2.8 TCP/IP TCP/IP adalah Transmision Control Protocol/Internet protocol, artinya protokol yang terdiri dari sub-protokol, yang beroperasi pada lapisan yang berbeda. Ini merupakan standar protokol internet. Protokol ini memberikan nomor unik pada setiap komputer yang terkoneksi. 2.9 Macromedia Dreamweaver MX Dreamweaver MX adalah piranti yang digunakan untuk mendesain secara visual, menyunting suatu halaman Web, memasukkan teks, memformatnya, menyisipkan citra, membuat link, menyisipkan tabel dan mengelola web - web maupun halaman web. Pada dasarnya Dreamweaver MX editor berfungsi sama seperti pengolah kata, hanya perbedaannya pengolah kata menampilkan isi persis dokumen

3 6 terbuka sedangkan Dreamweaver MX editor seperti sebuah browser web yang menampilkan suatu interpretasi kode HTML yang tercakup di dalam file. Fasilitas-fasilitas yang di sediakan Dreamweaver antara lain: a. Fasilitas edit kode canggih 1. Toolbar Dreamweaver MX mengizinkan kita untuk mengganti tampilan desain, tampilan kode maupun keduanya. 2. Kita dapat mengedit kode secara langsung menggunakan Code Inspector. b. Desain halaman web lebih mudah 1. Tampilan layout mempercepat kita dalam mendesain web dengan menggambar kotak (tabel/sel) dimana kita akan menambahkan isi/objek ke dalamnya 2. Template yang semakin baik. c. Integrasi yang lebih canggih 1. Integrasi dengan berbagai aplikasi editor lainnya. 2. Web safe picker (memilih warna yang sesuai untuk web), mengizinkan kita untuk mengambil warna dari mana saja yang ada di layar. d. Cara kerja lebih di permudah 1. Assets panel, fasilitas untuk mengatur semua set dalam pembuatan web seperti image, warna, script dan media seperti flash shockwave,time dan item library dalam satu lokasi. 2. Komponen-komponen yang penting dalam Dreamweaver MX adalah toolbar, menu bar, property inspector, insertbar, code view, layout view, panels groups, site panel

4 7 ToolBar Menu Bar Property Inspector Insert Bar Code View Layout View Panel Groups Site Panel Gambar 2.1. Tampilan Macromedia Dreamweaver MX

5 8 1. Baris Menu : Merupakan baris perintah yang terdiri dari menu yang dapat anda akses dengan menekan menu bar tersebut sehingga akan tampil menu yang terdiri dari seluruh perintah yang ada dalam Dreamweaver MX. 2. Baris Insert Object : Merupakkan baris yang terdiri dari ikon-ikon yang mempercepat kerja anda melakukan penambahan obyek pada window dokumen yang berupa tabel, layer, image dan sebagainya. 3. Toolbar Dokumen : Berfungsi untuk menampilkan atau mengorganisasikan semua obyek yang ada dalam jendela dokumen. misalnya, anda dapat pindah dari tampilan web design ke areal yang bertugas untuk menampilkan kode dari situs atau bahkan anda dapat melihat sekaligus keduanya dalam waktu yang bersamaan. 4. Jendela Dokumen : Guna untuk menampilkan atau merupakan areal untuk membuat design dari Website anda. 5. Panel Group : Bagian ini terdiri dari beberapa buah panel yang dapat anda gunakan dalam membuat design web atau aplikasi data base. Panel group ini terdiri dari Design, Code, Application, Files dan Answers, 6. Panel Site : Merupakan salah satu bagian dari group panel dan berfungsi untuk mengorganisasikan file-file yang anda gunakan. 7. Tag Seleksi : Merupkan bagian dari dokumen sehingga apabila dokumen anda dalam keadaan kosong, maka tag seleksi ini tidak akan berisikan nilai apa-apa kecuali <BODY>. 8. PROPERTI : Guna untuk melakukan perubahan dari obyek yang ditampilkan.anda dapat mengatur properti atau kondisi dari semua obyek, baik itu image, tabel, animasi atau yang alinnya Sistem Hardware dan Sofware yang dibutuhkan Untuk dapat menjalankan program Macromedi Dreamweaver MX, minimal hardware dan software nanda memiliki klasifikasi sebagai berikut : 1. Processor Intel Pentium II DENGAN 300 Mhz atau lebih tinggi.

6 9 2. Sistem Windows 98, Windows 2000, Windows NT, Windows ME, atau Windows XP. 3. Menggunakn browser Netscape Navigator versi 4 atau yang lebih tinggi dan menggunakan Internet Explorer. 4. Minimal 96 MB RAM atau disarankanmengguanakan 128 MB RAM. 5. Kapasitas Hardisk 275 MB. 6. Minimal 256 warna dengan resolusi 800x600 pixel atau disarankan mengguankan monitor yang memiliki 1juta warna dengan resolusi 1024x786 pixel. 7. CD-ROM Komponen Ruang Kerja Insert Bar (Common) Komponen ini mengandung tombol-tombol untuk menyisipkan berbagai macam obyek seperti image, table layer kedalam dokumen. Setiap obyek adalah kutipan kide HTML yang memberikan fasilita untuk mengatur atribut dan bagaimana cara menyisipkannya. Adapun tampilannya sebagai berkut : Gambar 2.2 Insert Bar (Tab Common)

7 10 Tabel 1 ITEM KETERANGAN Hyperlink Untuk memberikan link pada obyek yang dipilih Link Untuk menempatkan Link pada titik insertasi Insert Table Untuk menempatkan named anchor pada titik insertasi Draw Layer Untuk membuat layer Image Untuk menyisipkan gambar pada titik insertasi tempat kursor berada ImagePlaceHolder Untuk menyisipkan image place holder pada titik insertasi FireWork HTML Untuk menempatkan file HTML yang dibuat dengan program aplikasi fire works Flash Untuk menempatkan flash movie pada titik inseratsi Rollover Untuk menentukan 2 buah file image yang masing-masing digunakan untuk membuat rolover (Perubahan obyek pada saat pointer berada diatasnya) Navigation Bar Horizontal rule Date Tabular data Comment Untuk menyisipkan 1 image yang berfungsi sebagai tombol navigasi didalam site Untuk menyisipkan garis horizontal pada titik insertasi Untuk menempatkan tanggal pada titik insertasi Untuk menempatkan tabel pada titik insertasi kemuidian diisi dengan data tabel dari suatu file, misalnya file yang diekspor dari program aplikasi microsoft excel Untuk menyisipkan dokumen HTML pada titik insertasi Tag Chooser tag yang akan disisipi, dari hirarki tag yang sudah dikategorikan Tabel 2.1 Insert Bar (Tab Common)

8 Insert Bar (Layout) Digunakan untuk menyisipkan layer dan memberikan fasilitas dimana tampilan biasa menjadi tampilan layout atau sebaliknya.layout juga berisikan tombol-tombol untuk membuat layout halaman. Adapun tampilannya sebagai berikut : Tabel 2 ITEM Tabel Draw tabel Standart view Layout view Gambar 2.3 Insert Bar (Layout) Keterangan Untuk menyisipkan tabel pada titik interasi Untuk membuat layer Untuk menampilkan tabel sebagai grid (garis yang terputusputus) Untuk menapilkan tabel sebagai kontak yang dapat di drag, diatur ulang ukurannya Draw layout cell Draw tabel Untuk membuat sel didalam tabel Untuk memuat keseluruhan tabel yang diperlukan didalam website Tabel 2.2 Insert Bar (Layout) Insert Bar (Text) Digunakan untuk menyisipkan text sesuai dengan format yang diinginkan. Misalnya bold, italic, heading, list dan lainnya. Pada Insert Bar (Text) ini, lebih banyak digunakan untuk melakukan editing pada sebuah text (Huruf tebal maupun bergaris bawah) serta memformat sebuah paragraf.adapun tampilannya sebagai berikut:

9 12 Gambar 2.4 Insert Bar (Text) Insert Bar (Table) Insert Bar (Table) ini berisikan tombol-tombol yang berfungsi untuk menyisipkan tag yang berkaitan dengan tabel.adapun tampilannya sebagai berikut: Gambar 2.5 Insert Bar (Table) Insert Bar (Frame) Digunakan apabila dalam pembuatan halaman web menggunakan frame. Pada insert bar frame berisi struktur frame set yang sering digunakan didalam dokumen halaman web. Nama frame tersebut, dari kiri kekanan adalah sebagai berikut: 1. Left frame 2. Right frame 3. Top frame 4. Bottom frame 5. Bottom and nested left frames 6. Bottom and nested right frames 7. Left and nested bottom frames 8. Right and nested bottom frames 9. Top and nested frames 10. Left nested top frames 11. Right and nested top frames

10 Top and nested left frames 13. Top and nested right frames Gambar 2.6 Insert Bar (Frame) Insert Bar (Form) Berisikan tombol-tombol untuk membuat form dan menyisipkan elemenelemen form. Adapun tampilannya sebagai berikut: Gambar 2.7 Insert Bar (Form) Tabel 3 ITEM Form Text field Hidden field Text area Check box Radio button Radio group List/menu KETERANGAN Untuk melakukan beberapa aktivitas antara sebuah situs dengan pengguna Untuk mengisi informasi yang kita butuhkan Untuk menyimpan informasi pada saat user masuk kehalaman tersebut, baik informasi tentang nama, , alamat, dll Untuk menampilkan elemen form dengan beberapa baris Untuk sebagai salah satu bentuk pemilihan terhadap suatu informasi yang ditampilkan dan dapat memilih lebih dari satu pilihan Sebagai salah satu bentuk pemilihan terhadap suatu informasi yang ditampilkan dengan hanya tersedia satu pilihan Untuk menempatkan tombol radio pada titik interasi Untuk memilih suatu pilihan dari suatu topik tertentu

11 14 Jump menu Image field File field Button Label Fieldset Untuk berpindah kehalaman tertentu yang telah anda definisikan Untuk memasukkan image kedalam layout Untuk membuat file upload, dimana dapat mempermudah melakukan sesuatu upload data dengan fasilitas browsernya Untuk menempatkan tombol secara default, nama tombol akan diisikan teks submit Untuk membuat label atau pengenal pada suatu form Untuk menyimpan tag bagi logical group dari berbagai elemen form Tabel 2.3 Insert Bar (Form) Insert Bar (Templates) Bersisikan tombo-tombol untuk menyimpan dokumen sebagai file template dan menyisipkan berbagai macam area kedalam file template.adapun tampilannya sebagai berikut: Gambar 2.8 Insert Bar (Template) Insert Bar (Characters) Dalam insert bar ini, berisikan karakter-karakter spesial seperti symbol copyright, trade mark, tanda petik dan lainnya serta berguna untuk menyisipkan karakter-karakter khusus yang dibutuhkan. Adapun tampilannya sebagai berikut: Gambar 2.9 Insert Bar (Characters)

12 15 Tabel 4 ITEM Line break Nonobreaking space Left quote Right quote Em-dash Pound Euro Yen Copyright Rgistered Trademark Other character KETERANGAN Untuk menempatkan pemisah baris pada titik insertasi Untuk menempatkan nonbreaking space pada titik insertasi Untuk menempatkan tanda kutip awal pada titik insertasi Untuk menentukan tanda kutip akhir pada titik insertasi Untuk menempatkan em-dash (garis penghubung) pada titik insertasi Untuk menempatkan symbol mata uang pound pad titik insertasi Untuk menempatkan symbol mata uang euro pada titk insertasi Untuk menempatkan symbol mata uang yen pada titik insertasi Untuk menempatkan symbol copyright pada titik insertasi Untuk menempatkan symbol registered pada titik insertasi Untuk menempatkan symbol trademark pada titik insertasi Untuk memilih spesial karakter seperti, kemudian menempatkannya pada titik insertasi Tabel 2.4 Insert Bar (Character) Insert Bar (Media) Digunakan untuk menyisipkan berbagai media seperti obyek flash, flash teks, flash button, applet, active X, shockwave maupun media lainnya. Adapun tampilannya sebagai berikut : Gambar 2.10 Insert Bar (Media)

13 Insert Bar (Heard) Berisikan tombol-tombol untuk menambahkan berbagai elemen head, seperti meta, keywords juga untuk menyisipkan elemen didalam tag <HEAD> Tabel 5 ITEM Meta Keywords Description Refresh Base Link Gambar 2.11 Insert Bar (Media) KETERANGAN Unutk menyisipkan meta tag kedalam kolom head Untuk menyisipkan keywords meta tag kedalam kolom head Untuk menyisipkan descripiton meta tag kedalam kolom head Untuk menyisipkan refresh meta tag kedalam kolom head Untuk menyisipkan base tag kedalam kolom head Untuk menyisipkan link tag kedalam kolom head Tabel 2.5 Insert Bar (Head) Insert Bar (Aplication) Berbagai icon yang terdapat pada insert bar Application digunakan untuk membuat aplikasi database dalam Macromedia Dreamweaver MX. Adapun tampilannya sebagai berikut : Gambar 2.12 Insert Bar (Aplication)

14 Insert Bar (script) Berisikan tombol-tombol untuk menyisipkan elemen-elemen yang berkaitan dengan skrip kedalam halaman. Gambar 2.13 Inert Bar (Script) Document Toolbar Komponen ini mengandung tombol-tombol dan menu pop-up yang menyediakan tampilan yang berbeda dari dokumen windows (seperti design dan code view), pilihan menampilkan ruler, grid dan beberap operasi umum, seperti preview di browser. Adapun tampilannya sebagai berikut: Gambar 2.14 Document toolbar Katagori-katagori yang ada dalam document toolbar adalah sebagai berikut : A. Show Code View : Untuk menampilkan kode didalam dokumen. B. Show code & Design View : Untuk menampilkan baik kode maupun desain. C. Show Design View : Untuk menampilkan hanya desain didalam dokumen. D. Document title : Untuk menampilkan judul (title) pada dokumen. E. File Management : Hanya untuk menampilkan status dari file. F. Priview / Debug In browser : Untuk melihat tampilan awal, dilink maka akan muncul menu pop-up, pilihlah tipe browser yang akan digunakan. G. Reference : Untuk mengakses panel reference yang berisikan informasi kode HTML, CSS dan Java script.

15 18 H. View Option : Untuk mengakses menu yang berisikan pilihan yang berbedabeda pada tiap tampilan Property Inspector Property Inspector memberikan fasilitas untuk melihat dan mengubah berbagai property obyek. Dan tempat pengaturan dari teks atau gambar yang digunakan dalam mendesain sebuah halaman dari Macromedia Dreamweaver MX dan setiap macam obyek memiliki property yang berbeda. Adapun tampilannya sebagai berikut: Gambar 2.15 Property Inspector 1. Format:Terdapat beberapa macam model paragraf yang digunakan. 2. Default font : Terdapat beberapa macam jenis teks/font yang tersedia 3. Size : Pengaturan ukuran teks yang digunakan 4. Bold : Untuk mempertebal tulisan/font 5. Italic : Untuk mengatur teks/font tampak miring 6. Pengaturan paragraf : Pengaturanjenis paragraf yang akan digunakan, misalnya align left (Rata kiri), align center(tengah), align right(rata kanan) and justify(ratakiri dan kanan) 7. Link : Untuk menentukan alamat link dari halaman satu ke halaman yang dituju atau penghubung antar halaman 8. Knordered List : Untuk memilihi jenis-jenis bullets yang akan dipakai 9. Ordered List : Untuk memilih urutan angka atau huruf yang digunakan 10. Text outdent :Untuk menarik teks kearah kiri 11. Text indent : Untuk menarik teks kearah kanan

16 Kelebihan dan kekurangan Macromedia Dreamweaver MX Macromedia Dreamweaver MX memiliki beberapa kelebihan, namun memiliki kekurangan pula,yaitu: Kelebihan Macromedia Dreamweaver MX 1. Memiliki fasilitas script yang lebih lengkap 2. Panel-panel seperti jendela properties, CSS style, HTML style dan jendela-jendela lainnya berada dalam satu kompleks dengan windows dan lainnya 3. Terdapat beberapa dokumen dalam 1 kompleks Kekurangan Macromedia Dreamweaver MX Kekurangan dari Macromedia Dreamweaver MX ini adalah memiliki ukuran dokumen window tempat mendesign web yang relative sempit Peta Navigasi Struktur navigasi termasuk struktur terpenting dalam pembuatan situs karena itu gambarannya harus sudah ada pada tahap perencanaan. Peta navigasi merupakan rencana hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen dengan pemberian perintah dan pesan. Peta navigasi juga memberikan kemudahan dalam menganalisa keinteraktifan seluruh obyek dan bagaimana pengaruh keinteraktifannya terhadap pengguna. Beberapa dasar struktur pembuatan navigasi seperti linear (menelusuri program secara berurutan), hirarki (percabangan), non linear (tanpa dibatasi rute). Pada situs ini digunakan struktur navigasi campuran yang dijadikan acuan dalam membuat peta navigasi Struktur Navigasi Linier Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut

17 20 urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Gambar 2.16 Struktur Navigasi Linier Struktur Navigasi Non Linier Struktur navigasi non linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada halaman utama pertama dan halaman pendukung. Gambar 2.17 Struktur Navigasi Non Linier.

18 Struktur Navigasi Hirarki Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai halaman utama, halaman utama ini mempunyai halaman percabangan yang disebut halaman pendukung. Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama halaman utama kedua, dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier. Gambar 2.18 Struktur Navigasi Hirarki.

19 Struktur Navigasi Campuran Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, nonlinier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan multimedia karena struktur ini dapat digunakan dalam pembuatan multimedia sehingga dapat memberikan interaksi yang lebih tinggi. Gambar 2.19 Struktur Navigasi Campuran.

20 23

21 Pengenalan MySQL MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya seperti tabel, baris, kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom Dasar MySQL Untuk mencoba sintaks-sintaks pemrograman MySQL, pertama-tama harus login ke server, selanjutnya, masuklah sebagai root atau user lain yang telah diberi otoritas untuk mengakses server database. Kebetulan, di server yang penulis gunakan penulis menggunakan login root. Setelah muncul perintah berikut: FreeBSD (robotweb.ee.itb.ac.id) (ttypo) login: adit password: ketikkan login dan password anda, setelah berhasil masuk ke server dan muncul shell. Lakukan login ulang dengan menggunakan perintah: $su

22 25 selanjutnya, muncul pesan: password: masukkan password root sehingga muncul shell berikut: robotweb# Meskipun demikian, Anda tidak harus menggunakan login root untuk mengakses server MySQL, namun bisa menggunakan login anda sendiri. Jadi, login hanya salah satunya saja. Di dalam direktori ini, ada dua file penting yang akan membantu kita dalam membangun aplikasi database dengan MySQL ini, yaitu mysqladmin dan msql. Perintah mysqladmin digunakan untuk fasilitas yang berhubungan dengan administrasi sistem server database, sedangkan mysql merupakan fasilitas yang berhubungan dengan administrasi data. Sebagai contoh, coba perintah: Muncul permintaan password. Perintah tersebut berani menjalankan program mysql dalam kapasitas sebagai root. Perintah p diperlukan karena user root saat ini telah memiliki password. Jika belum, perintah tersebut dapat diabaikan karena secara otomatis akan diisi null. Enter password: Perintah lain yang juga penting adalah mysqlshow yang berfungsi untuk melihat database yang ada di server anda. robotweb# mysqlshow u root p jadi, untuk membaca database sebagai root perlu melihat terlebih dahulu password anda sama dengan password root untuk mencegah user yang tidak diinginkan Administrasi Database Untuk melihat user yang sedang bekerja saat ini gunakanlah perintah: mysql> select user(): Sehingga, akan muncul tulisan:

23 26 user() host Membuat dan Menghapus Database Untuk mulai membuat sebuah database, cobalah perintah berikut ini: mysql>create DATABASE nama_database; Bahwa penulisan perintah di atas adalah case sensitif artinya anda harus menuliskan perintah diatas persis dengan huruf besar. Jika tidak persis, perintah tersebut akan dikenal sebagai perintah lain yang dapat saja tidak dikenali. Tanda ; digunakan untuk mengakhiri baris perintah. sebagai contoh, marilah bersamasama membuat sebuah database yang bernama belajar. Jalankan perintah seperti contoh: mysql>create DATABASE Deni; Jika benar akan muncul tulisan berikut yang menandakan bahwa database telah berhasil dibuat: Query OK, 1 row affected (0,10 sec) Untuk menghapus database yang baru anda buat dari server Anda, gunakan perintah berikut: mysql>drop DATABASE Deni; Query OK, 0 rows affected (0,04 sec) Menggunakan database Untuk mengarahkan di database manakah kita ingin bekerja, dapat digunakan perintah: mysql> USE Deni;

24 27 Database changed Perintah tersebut harus selalu dikerjakan untuk memberitahukan bahwa di database tersebut kita ingin memanipulasi data yang ada di dalamnya. jika anda lupa melakukan perintah ini, akan muncul pesan: ERROR 1064: you have an error in your SQL syntax near at line1 Membuat tabel Setelah berhasil membuat database dan menggunakannya, langkah selanjutnya adalah mengisi database tersebut dengan table-tabel yang kita inginkan. Perhatikan bahwa table dalam database tersebut masih belum terisi. Jangan lupa menggunakan perintah USE NAMA_TABEL; untuk mengarahkan didatabase mana table akan dibuat. mysql> SHOW TABLES; Empty set (0.00 sec) Berikutnya, kita akan membuat table di dalam database. Sebelumnya rancanglah terlebih dahulu isi dari table ini. Sebagai contoh, kita ingin membuat tabel dengan lima kolom seperti berikut: Tabel 2.5 Contoh pembuatan tabel Nama Alamat Barang Jumlah Tanggal Nama pemesan Alamat pemesan Nama barang yang dipesan Jumlah barang yang dipesan Tanggal pemesan

25 28 VARCHAR(8) VARCHAR(30) VARCHAR(8) VARCHAR(8) VARCHAR(8) Mengisi Tabel Sekarang, Anda dapat mengisi table yang baru anda buat sesuai yang Anda inginkan. Cara untuk mengisinya dapat dibedakan dalam dua cara, pertama dengan memasukkan data satu per satu untuk masing-masing baris, cara kedua yang lebih efektif adalah dengan mengubah file.txt yang berisi data yang diinginkan ke dalam table tadi. Sebagai contoh, Anda ingin memasukkan data berikut ke dalam tabel data: Tabel 2.6 Contoh pemasukan data Nama Alamat Barang Jumlah Tanggal Nama pemesan Alamat pemesan Nama barang Jumlah barang yang Tanggal pemesan yang dipesan dipesan Deni Jl.Bri No.12 Polar pop Anda dapat menggunakan perintah berikut ini: mysql> INSERT INTO pemesanan VALUES ( Deni, Jl Bri No.12,-, Polar pop, 25, ); perintah di atas berarti Anda menambahkan nilai, Deni, Jl Bri No 12, Polar pop, 25, secara berurutan ke kolom ke satu hingga lima ke dalam table bernama data. Jika ada data di sebuah kolom yang Anda ingin kosongkan, Anda dapat menggunakan NULL atau \N. Perhatikan bahwa format data DATE dalam MySQL adalah YYYY-MM-DD. Kita lihat apakah data tadi telah benar-benar tersimpan dalam table Pemesanan mysql> SELECT * FROM Pemesanan akan muncul:

26 Nama_pemesan Alamat Nama_barang Jumlah_barang Tanggal_pemesan K Perintah tersebut berarti menampilkan semua karakter (*) yang ada dalam table data. Jika Anda tidak tahu isi salah satu data di kolom serta tidak ingin mengisinya, gunakan NULL sebagai contoh perhatikan pemakaiannya dalam file.txt Anda seperti berikut: K7 Stiker Rp. 2000, \N Jadi, gunakanlah tanda \n untuk menuju ke data berikutnya. Untuk menghapus sebuah baris data dari table cobalah contoh perintah berikut: mysql>delete FROM barang WHERE kode= K5 ; Perintah tersebut berarti akan menghapus satu baris data yang mengandung kata K5 di kolom kode dari table bernama barang. Membaca dan Mengatur Isi Tabel Untuk membaca semua data dari sebuah table dapat digunakan perintah SELECT * FROM nama_table;. Untuk menampilkan data di dalam table yang sesuai dengan yang diinginkan di sebuah kolom gunakan perintah berikut: mysql> SELECT * FROM barang WHERE nama = penghapus ;

27 30 Di samping menampilkan seluruh data, MySQ1 juga memberikan kemudahan untuk menampilkan data berdasarkan kolom yang diinginkan saja. Sebagai contoh, perhatikan perintah berikut: mysql> SELECT nama,stok FROM barang; perintah tersebut berarti meminta program untuk menampilkan seluruh kolom nama dan stok dari table bernama barang. Hasil dari perintah tersebut dapat dilihat seperti berikut Nama Stok Buku tulis 100 Buku gambar 55 Penghapus 72 Bolpoint 130 Penggaris 6 salah satu bagian yang penting dalam sebuah data adalah pengurutan data. MySQL juga memiliki fasilitas dalam pengurutan data ini. Perintah yang digunakan untuk pengurutan data ini adalah ORDER. Dalam MySQL, tipe DATE merupakan tipe data yang istimewa. Untuk memeriksa bulan atau tahun dari barang, Anda dapat menggunakan perintah MONTH(). Salah satu hal yang juga sangat penting dalam administrasi sebuah table adalah perhitungan jumlah baris dalam sebuah table. Perintah yang dapat digunakan adalah: Mysq>SELECT COUNT(*) FROM barang; COUNT (*)

28 31

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer

Lebih terperinci

Ruang Kerja DREAMWEAVER MX 2004 :

Ruang Kerja DREAMWEAVER MX 2004 : 1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

Insert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters)

Insert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters) DAFTAR ISI Halaman Judul Lembar Pengesahan... i Abstraksi... ii Kata Pengantar... iii Daftar Isi... v Daftar Gambar... viii Daftar Tabel... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis

Lebih terperinci

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA. STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Sekilas Tentang Anggrek Anggrek salah satu angota famili Orchidacea yang beranggota sangat banyak. Di dalam famili itu terdapat lebih dari 30.000 spesies dan kurang lebih 800

Lebih terperinci

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

PRAKTIKUM SISTEM INFORMASI MANAJEMEN MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana

Lebih terperinci

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd. Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk

Lebih terperinci

BAB 2 TINJAUAN TEORI

BAB 2 TINJAUAN TEORI BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa

Lebih terperinci

Mengenal Dreamweaver MX 2004

Mengenal Dreamweaver MX 2004 Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver

Lebih terperinci

Komunikasi Multimedia

Komunikasi Multimedia Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1 Sejarah Internet Pada awalnya Internet merupakan koneksi dari DARPA (Defense of Advanced Research Project Agency) Pentagon, pada tahun 1969 dimulai dari proyek yang dinamakan

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 5 BAB II LANDASAN TEORI 2.1 Pengertian Internet Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan berbagai komputer dengan berbagai tipe yang membentuk sistem jaringan

Lebih terperinci

MAKALAH MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5

MAKALAH MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5 MAKALAH Makalah Ini Disusun Untuk Memenuhi Tugas Mata Pelajaran Pemrograman Web Design. Guru Pengampu : Yenny Oktafitriana Arbi, S.Pd Agus Giyanto, A.Md MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5 Disusun

Lebih terperinci

TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER

TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER Disampaikan dalam Kegiatan PPM dengan Judul Pelatihan Pembuatan Sumber Belajar Matematika Berbasis Web Dengan Menggunakan Perangkat Lunak Macromedia

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah   Website :http://dahlan.unimal.ac.id DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah

Lebih terperinci

MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004

MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start->Program->Macromedia- >Macromedia Dreamweaver MX2004 2. Tampilan awal biasanya

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Sekilas Tentang Hewan Langka Hewan langka merupakan hewan yang sudah jarang ditemukan, dan keberadaannya hanya terdapat di tempat-tempat tertentu. Hewan langka adalah hewan yang

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1 Internet Bisa di maklumi jika sampai saat ini banyak orang yang masih belum juga mengerti apa sebenarnya makna dari istilah internet. Sesungguhnya memang tidak ada jawaban yang

Lebih terperinci

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Area kerja. Gambar 1. Tampilan awal MS FrontPage Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,

Lebih terperinci

FLASH, FRAME, BEHAVIOR

FLASH, FRAME, BEHAVIOR FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label

Lebih terperinci

Cara Mengelola Isi Halaman Web

Cara Mengelola Isi Halaman Web Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana merancang dan membuat Web budi daya anggrek dengan menggunakan macromedia dreamweaver mx. Pembahasan ini akan dibagi menjadi beberapa

Lebih terperinci

Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6

Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6 Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6 Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi

Lebih terperinci

Prinsip Pembuatan Website

Prinsip Pembuatan Website Prinsip Pembuatan Website I Dalam dunia maya (internet) kita mengenal beberapa istilah tentang : web, www, website, web pages, dan homepage. www Web Website Web Pages Homepage (Word Wide Web) : merupakan

Lebih terperinci

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,

Lebih terperinci

BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga

BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah

Lebih terperinci

Kata Pengantar.

Kata Pengantar. Kata Pengantar Saat ini Dreamweaver MX telah menjadi program yang paling banyak di gunakan sebagai program pembuat web. Meskipun di pasaran telah banyak beredar web authoring yang lain, tetapi keberadaan

Lebih terperinci

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1. Sekilas Tentang Internet. Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana cara merancang dan membangun Website Yuni-Museum. Dalam pembuatan website ini, penulis lebih banyak bekerja dengan menggunakan

Lebih terperinci

1. MENGENAL VISUAL BASIC

1. MENGENAL VISUAL BASIC 1. MENGENAL VISUAL BASIC 1.1 Mengenal Visual Basic 6.0 Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh

Lebih terperinci

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>

Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag> Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan

Lebih terperinci

Index. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran)

Index. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran) 46 3.2 Struktur Navigasi Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur navigasi

Lebih terperinci

Pert 11 DASAR-DASAR WEB DESIGN

Pert 11 DASAR-DASAR WEB DESIGN Pert 11 DASAR-DASAR WEB DESIGN WEB DESIGN? Design merupakan hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem solving) www (world wide web) merupakan kumpulan web server

Lebih terperinci

PENGENALAN HTML dan TAG-TAG DASAR HTML

PENGENALAN HTML dan TAG-TAG DASAR HTML Pengenalan HTML dan Tag tag dasar HTML PENGENALAN HTML dan TAG-TAG DASAR HTML Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML,

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Sejarah Seluler di Indonesia Negara-negara maju di Eropa menerapkan teknologi seluler untuk komunikasi pada dekade 70-an, dan Indonesia baru memanfaatkan kecanggihan komunikasi

Lebih terperinci

DASAR-DASAR WEB DESIGN

DASAR-DASAR WEB DESIGN DASAR-DASAR WEB DESIGN Pengenalan website dan istilah-istilah internet By Reynaldi Wilianata Web Design? Asal Design hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem

Lebih terperinci

Modul 5 Macromedia Dreamweaver 8

Modul 5 Macromedia Dreamweaver 8 Tugas Pendahulan Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi

Lebih terperinci

E-trik Ajax. Database MySQL. Dedi Alnas

E-trik Ajax. Database MySQL. Dedi Alnas E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.

Lebih terperinci

Mengenal dan Mengedit HTML

Mengenal dan Mengedit HTML Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Aplikasi Berbasis Web Yang dimaksud dengan aplikasi web atau aplikasi berbasis web adalah aplikasi yang dijalankan melalui browser. Aplikasi seperti ini pertama kali dibangun hanya

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan Script. Definisi HTML 1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML

Lebih terperinci

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1 MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi

Lebih terperinci

1.1 Apa Itu Dreamweaver 8?

1.1 Apa Itu Dreamweaver 8? Student Guide Series: Macromedia Dreamweaver 8 1.1 Apa Itu Dreamweaver 8? Macromedia Dreamweaver 8, atau biasa disebut Dreamweaver 8, adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat

Lebih terperinci

HTML (Sindy Nova Si )

HTML (Sindy Nova Si ) HTML (Sindy Nova) Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog,

Lebih terperinci

MEMBUAT WEBSITE PERSONAL

MEMBUAT WEBSITE PERSONAL MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1

Lebih terperinci

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat

Lebih terperinci

MICROSOFT POWERPOINT. Pendahuluan

MICROSOFT POWERPOINT. Pendahuluan MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu

Lebih terperinci

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table Tabel, List 1. Tabel Tabel adalah objek yang terdiri dari kolom dan baris. Tabel dalam halaman / dokumen Web sebenarnya terdiri dari tag-tag HTML, yaitu tag , tag , tag . 1.1. Menyisipkan

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

Advantages. Keunggulan :

Advantages. Keunggulan : Advantages Keunggulan : Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai

Lebih terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web. Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya

Lebih terperinci

PRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da

PRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da Praktikum 10 Report Lanjutan A. TUJUAN 1. Menjelaskan tentang pengurutan dan pengelompokan data pada report 2. Menjelaskan tentang penambahkan header dan footer pada report 3. Menambahkan data dalam bentuk

Lebih terperinci

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for

Lebih terperinci

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Definisi Aplikasi Aplikasi merupakan sekumpulan elemen yang saling berinteraksi dan saling berketerkaitan antara satu dengan yang lainnya dalam melakukan suatu kegiatan secara

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah Komputer (Computer) diambil dari bahasa Latin Computare yang berarti menghitung (Compute). Jadi komputer adalah suatu alat hitung khusus yang mempunyai

Lebih terperinci

MAHIR DALAM 7 HARI. Macromedia Dreamweaver dengan ASP

MAHIR DALAM 7 HARI. Macromedia Dreamweaver dengan ASP MAHIR DALAM 7 HARI Macromedia Dreamweaver dengan ASP Kata Pengantar Syukur Alhamdullilah kami panjatkan kepada Tuhan Ynag Maha Esa atas terselesainya penulisan buku Mahir dalam 7 Hari Macromedia Dreamweaver

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

BAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.

BAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. BAB 2 LANDASAN TEORI 2.1. Visual Basic 6.0 Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem adalah suatu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu. Informasi

Lebih terperinci

Materi 1. Selamat Datang Di Frontpage 2000

Materi 1. Selamat Datang Di Frontpage 2000 Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage

Lebih terperinci

TUTORIAL PEMBUATAN WEBSITE Untuk Pengajar Tetap UK.Petra Pusat Komputer UK.Petra, Januari 2002

TUTORIAL PEMBUATAN WEBSITE Untuk Pengajar Tetap UK.Petra Pusat Komputer UK.Petra, Januari 2002 TUTORIAL PEMBUATAN WEBSITE Untuk Pengajar Tetap UK.Petra Pusat Komputer UK.Petra, 30-31 Januari 2002 Bagian Penyaji Informasi PetraNet Koordinator : Ido Priyana Hadi Editor Isi : Yokhanan Kristiono D (pengajar)

Lebih terperinci

Tutorial Pembuatan Website dengan Menggunakan Dreamweaver

Tutorial Pembuatan Website dengan Menggunakan Dreamweaver Mengenal tampilan dreamweaver Mendefinisikan Local site site Membuat halaman baru Membuat tabel,frame dan layer Memasukkan gambar Membuat rollover image Memasukkan flash button dan teks button Mendeteksi

Lebih terperinci

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013 1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.

Lebih terperinci

BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM

BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM 21 BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM 3.1. Gambaran Umum. Bisnis dunia seluler tak cuma milik provider dan vendor ponsel. Permain di kategori layanan konsumen juga ikut ramai. Apalagi pengguna

Lebih terperinci

Keterampilan Komputer. 8. Pengenalan HTML

Keterampilan Komputer. 8. Pengenalan HTML Keterampilan Komputer 8. Pengenalan HTML Table of Contents: World Wide Web (WWW) HyperText Markup Language (HTML) Browser dan Editor Tag-tag HTML Struktur HTML document Elemen Dasar HTML 2 Objectives Setelah

Lebih terperinci

Bab 9 Menggunakan Tabel

Bab 9 Menggunakan Tabel Bab 9 Menggunakan Tabel Webmaster Pro Front Page XP Daftar Isi Bab 9 1 Membuat sebuah tabel...284 1.1 Cara pertama membuat tabel... 284 1.2 Cara kedua membuat tabel... 286 1.3 Cara ketiga membuat tabel...

Lebih terperinci

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan.

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan. BAB 2 TINJAUAN TEORI 2.1 Data dan Informasi 2.1.1 Pengertian Data Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datim yang berarti fakta atau bahan-bahan

Lebih terperinci

Manual. webhosting.i2.co.id

Manual. webhosting.i2.co.id Manual webhosting.i2.co.id Disclaimer This document is provided for informational purposes only and net-dsign.com makes no warranties, either express or implied, in this document. Information in this document

Lebih terperinci

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen Membuat Tabel, Footnote, Komentar dan Mencetak pada Word 2007 Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen 36 JBK Microsoft Office 2007

Lebih terperinci

Desain Web Dengan Macromedia Dreamwever MX. Mendesain Situs

Desain Web Dengan Macromedia Dreamwever MX. Mendesain Situs Desain Web Dengan Macromedia Dreamwever MX Macromedia Dreamwever MX dirilis pada pertengahan tahun 2002, mengantikan Macromedia Dremwever MX. Software in merupakan software web design yang terbesar dan

Lebih terperinci

BAB III PEMBAHASAN 3.1 Struktur Navigasi Website

BAB III PEMBAHASAN 3.1 Struktur Navigasi Website BAB III PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun website Budaya Nusantara yang menampilkan pakaian dan rumah adat propinsi-propinsi di Indonesia dengan menggunakan Macromedia

Lebih terperinci

BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA

BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA Kompetensi Dasar : Mengidentifikasi menu ikon pada perangkat lunak pengolah kata Indikator : - Mengidentifikasi menu dan ikon pada: - Menu Bar - Standard

Lebih terperinci

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1 Definisi Aplikasi Aplikasi adalah penggunaan atau penerapan suatu konsep yang menjadi pokok pembahasan. Aplikasi dapat diartikan juga sebagai program komputer yang dibuat untuk

Lebih terperinci

BAB I PENDAHULUAN 1.1 Latar Belakang 1.2 Batasan Masalah 1.3 Tujuan Penulisan

BAB I PENDAHULUAN 1.1 Latar Belakang 1.2 Batasan Masalah 1.3 Tujuan Penulisan BAB I PENDAHULUAN 1.1 Latar Belakang Di era globalisasi seperti sekarang ini perkembangan Sistem Informasi berkembang dengan pesatnya,begitu juga dengan internet.hal ini ditandai dengan merebaknya Warnet-warnet

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI II.1. Data dan Informasi Secara umum data merupakan keterangan yang benar dan nyata. Pengertian Data menurut Jogiyanto H, M, Data merupakan bentuk yang masih mentah yang belum dapat

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

Dasar-dasar Dreamweaver

Dasar-dasar Dreamweaver FAUZAN SRIRADITYO UTOMO 08148102 TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisis dan perancangan terhadap situs web yang akan dibangun, tahapan selanjutnya adalah implementasi dan pengujian. Pada tahapan

Lebih terperinci

BAB VII PERANGKAT LUNAK PENGOLAH TEKS

BAB VII PERANGKAT LUNAK PENGOLAH TEKS BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana

Lebih terperinci

BAB 5 PROSES EDITING 5.1. EDITING AWAL

BAB 5 PROSES EDITING 5.1. EDITING AWAL BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih

Lebih terperinci

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 5 PENGANTAR KOMPUTER DAN TI PERTEMUAN 5 Struktur dokumen HTML Homepage Kepala Judul Homepage Tubuh Isi Teks Isi Tabel. Isi Audio, Video, dll.

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Pengertian Aplikasi Program aplikasi adalah program komputer yang dibuat untuk mengerjakan atau menyelesaikam masalah masalah khusus, seperti penggajian. 1 2.2 Pengertian Visualisasi

Lebih terperinci

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar 1. Memahami cara kerja world

Lebih terperinci