BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

dokumen-dokumen yang mirip
BAB 2 LANDASAN TEORI. berinteraksi/bekerja sama membentuk suatu sistem kerja. Komputer berfungsi

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

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

HTML (HyperText Markup Language)

Pemrograman Basis Data Berbasis Web

Pemrograman Web Week 2. Team Teaching

BAB 2 LANDASAN TEORI

Modul Praktikum Desain Web 2015

BAB I PERKENALAN HTML

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :

Pengenalan Script. Definisi HTML

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web

P - 5 Bab 4 : HTML (Hypertext Markup Language)

BAB I PERKENALAN HTML

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI

BAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8

C. Ms Powerpoint D. Notepad E. Ms Acces

BAB 2 LANDASAN TEORI

BAB 2 TINJAUAN TEORI

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI

BAB 2. Kata komputer berasal dari bahasa Latin yaitu Computare yang artinya menghitung.

PENGANTAR KOMPUTER DAN TI 2C

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

1. Pengenalan HTML. 2. Tag Dasar HTML

BAB 2 LANDASAN TEORI. Kata komputer berasal dari Bahasa inggris yaitu to compute yang artinya menghitung. Bila

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris

Bab2 -Pengenalan HTML

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Masalah. Perkembangan Internet memang sangat cepat dan jauh berbeda dengan masa awal

BAB 1 PENDAHULUAN. yang benar-benar mempunyai skill atau kemampuan dalam bidang Teknologi

BAB III LANDASAN TEORI. sistem, pengertian sistem informasi, sumber dari sistem informasi, dan metodemetode. lainnya yang dipakai dalam pembahasan.

BAB IV HASIL DAN PEMBAHASAN

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

Perancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML

Bab 4 Implementasi dan Evaluasi

BAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan

BAB 2 LANDASAN TEORI. Istilah Komputer (Computer) diambil dari bahasa Latin Computare yang berarti menghitung

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

kegiatan-kegiatan yang saling berkaitan dan prosedur-prosedur yang saling berhubungan untuk melaksanakan dan mempermudah kegiatan-kegiatan utama

BAB 2 LANDASAN TEORI. Sitem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai tujuan. keluaran. Berikut gambaran umum sebuah sistem.

APLIKASI MANAJEMEN PERPUSTAKAAN BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 5 BINJAI TUGAS AKHIR FATIMAH

Interactive Broadcasting

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

BAB II TINJAUAN PUSTAKA. Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan,

BAB IV HASIL DAN PEMBAHASAN

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

PHP (HYPERTEXT PREPROCESSOR)

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

No HP :

BAB 2 LANDASAN TEORI

Membuat Layout Web Mengunakan Table

BAB 2 LANDASAN TEORI

BAB II LANDASAN TEORI. suatu maksud tertentu adalah bagian dari suatu sistem, yang mana sistem

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR MIRA RIZKY S TANJUNG

Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1

BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional

BAB 2 TINJAUAN TEORITIS. suatu kesatuan untuk melaksanakan suatu tujuan pokok dari sistem tersebut

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

BAB II ANALISIS DAN PERANCANGAN. pembuatan sebuah web. Langkah ini sebagai gambaran apa saja yang

Bab 2 Pengenalan HTML

SISTEM INFORMASI BERBASIS WEB KEPEGAWAIAN PT. SIMODONG JAYA TUGAS AKHIR FAUZIAH ANIM

BAB II LANDASAN TEORI

Soal Remedial Prakarya-1

Pertemuan IV. Semester 1

BAB 2 LANDASAN TEORI

BAB 4 IMPLEMENTASI DAN EVALUASI. a. Spesifikasi piranti keras pada local server: Processor : Intel Pentium IV 1.8 Ghz

BAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan

BAB 1 PENDAHULUAN. pengetahuan dan pola pikir manusia. Salah satu bidang yang turut serta menikmati hasil

BAB 2 LANDASAN TEORI

BAB IV HASIL DAN UJI COBA

KOMPUTER APLIKASI IT - 2. Adi Rachmanto - Lab.Komputer Aplikasi IT II - AKUNTANSI UNIKOM

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi

HTML (Hypertext Markup Language)

E-trik Ajax. Database MySQL. Dedi Alnas

Teknologi Aplikasi Web Server. Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T.

BAB II TINJAUAN PUSTAKA. Website merupakan kumpulan dari halaman halaman yang berhubungan dengan

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI

BAB 2 TINJAUAN TEORITIS. Komputer berasal dari bahasa yunani compute yang kemudian diartikan kedalam

HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.

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

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

Sehingga hubungan ini menjadi sangat berguna karena selain melancarkan

DAFTAR ISI. Abstrak Kata Pengantar Daftar Isi... Daftar Tabel.. Daftar Singkatan...

BAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi

BAB III LANDASAN TEORI

Pengertian Situs / Web

BAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer

BAB 2 LANDASAN TEORI

Server Response. Hello

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

BAB 3 PERANCANGAN SISTEM. Untuk membangun suatu sistem yang berupa Sistem Informasi Peminjaman

BAB 2 LANDASAN TEORI. Internet adalah jaringan luas dari komputer, yang lazim disebut dengan worldwide

PHP (Pengenalan Pemrograman ServerSide)

Transkripsi:

BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi melaksanakan instruksi atau program seperti : alat hitung, penyimpanan data dan mengolah data sampai jumlah yang besar. Beberapa komponen komputer yaitu : 1. Hardware (perangkat keras) Yang termasuk kedalam perangkat keras komputer adalah CPU (Central Processing Unit), Processor (perangkat pengolah). 2. Software (perangkat lunak) Software merupakan program sebagai penghubung hardware dan brainware dan juga mengawasi segala kegiatan yang terjadi didalam CPU. 3. Brainware (tenaga pelaksana) Bagian bagian yang tergolong brainware antara lain : user (pemakai), programmer.

Sistem adalah sekumpulan elemen yang dihubungkan untuk memudahkan aliran informasi yang akan diproses. Sedangkan informasi adalah data yang diolah menjadi bentuk yang lebih bermanfaat. Sistem Informasi merupakan satu kesatuan data yang diolah dan saling melengkapi sehingga menghasilkan output (keluaran). 2.2 HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membuat halaman web. HTML digunakan untuk menandakan beberapa dokumen teks. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks pendukung mana saja. 2.2.1 Struktur Dokumen HTML <HTML> <HEAD> <TITLE>-- judul-- </TITLE> </HEAD> <BODY> --comment-- </BODY> </HTML> 2.2.2 Tag Tag HTML

a. Heading Heading merupakan tag HTML untuk mengatur bentuk tampilan tulisan. <H1>Heading Level 1</H1> b. Paragraf Paragraf merupakan tag HTML untuk membentuk sebuah paragraph. <P ALIGN= right > c. Blockquote Blockquote merupakan tag HTML untuk memblok suatu pernyataan. <BLOCKQUOTE> ---comment--- </BLOCKQUOTE> d. Break Break merupakan tag HTML untuk memberi ruang kosong untuk menjelaskan pengakhiran suatu program. <Br> e. Font Font merupakan tag HTML untuk mengatur jenis tulisan. <FONT SIZE= 1 COLOR= red FACE= Arial >----isi-----</font> f. Gambar Gambar untuk menyisipkan suatu gambar. <IMG SRC= file--.gif ALT= ---teks--- > g. Tabel

Tabel untuk membuat sebuah tabel. <TABLE BORDER=1> <CAPTION>Judul Tabel</CAPTION> <TR> <TH>Judul Kolom 1</TH> <TH>Judul Kolom 2</TH> </TR> <TR> <TD>Baris 1, Kolom 1</TD> <TD>Baris 1, Kolom 2</TD> </TR> <TR> <TD>Baris 2, Kolom 1</TD> <TD>Baris 2, Kolom 2</TD> </TR> </TABLE> h. Background Background untuk menyisipkan tampilan belakang suatu halaman. 1. Background Warna Pada tag <BODY> ditambahkan BGCOLOR=warna, contohnya : <BODY BGCOLOR= yellow >. 2. Background Gambar Pada tag <BODY> ditambahkan BACKGROUND=nama_file, contohnya : <BODY BACKGROUND= kupukupu.gif >. i. Form

Form merupakan tag HTML untuk membuat sebuah metode pengaksesan ke halaman file tertentu. <FORM METHOD=POST ACTION="---file----.php"> </FORM> 2.3 PHP 2.3.1 Pengenalan PHP PHP (PHP Hypertext Preprocessor) merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data. Aplikasi-aplikasi yang dibangun PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server akan bekerja apabila ada permintaan dari client. Dalam hal ini client menggunakan skrip PHP untuk mengirimkan permintaan ke server. Ketika menggunakan PHP sebagai server maka server akan melakukan hal-hal sebagai berikut : 1. Membaca permintaan dari client 2. Mencari halaman yang diminta di server 3. Melakukan instruksi yang diberikan oleh PHP PHP diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya. PHP merupakan salah satu bahasa skrip tersedia secara bebas dan masih

memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan ke dalam web server, atau dapat berperan sebagai program yang terpisah. 2.3.2 Syntax PHP Bentuk umum skrip PHP : <html> <? Print ("----teks----- );?> </html> PHP dapat ditempatkan dimana saja di dalam dokumen. Pada beberapa server yang mendukung, blok skrip PHP dapat diawali dengan <? dan diakhiri dengan?>. Namun, sebaiknya menggunakan bentuk yang standar (<?php?>). Setiap baris kode PHP harus diakhiri dengan semikolon (;). Semikolon ini merupakan pembeda satu instruksi dengan instruksi lainnya. PHP menggunakan // untuk membuat komentar baris tunggal atau /* dan */ untuk membuat suatu blok komentar. 2.3.3. Variabel PHP Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai berulang-ulang. Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP tidak perlu

dideklarasikan dan ditetapkan jenis datanya. Maksudnya bahwa tipe data dari variabel dapat berubah sesuai dengan perubahan yang dilakukan oleh user. 2.3.4 Operator PHP Operator digunakan untuk menentukan sebuah nilai dengan suatu operasi dari beberapa nilai. Nilai yang digunakan dalam sebuah operasi disebut operand. 2.1 Tabel Operator Aritmatika Operator Arti Contoh Penejelasan + Penjumlahan 5 + 9 Menghasilkan nilai : 14 - Pengurangan 9-4 Menghasilkan nilai : 5 * Perkalian 5 * 6 Menghasilkan nilai : 30 / Pembagian 20 / 4 Menghasilkan nilai : 5 % Modulus 9 % 4 Menghasilkan nilai : 1 2.2 Tabel Operator Perbandingan Operator Arti Contoh Penjelasan == Sama dengan $i == $j $i dan $j mempunyai nilai yang sama < Kurang dari $i < $j $i kurang dari $j > Lebih dari $i > $j $i lebih dari $j <= Kurang dari atau sama dengan $i <= $j $i kurang dari atau sama dengan $j >= Lebih dari atau sama dengan $i >= $j $i lebih dari atau sama dengan $j!= Tidak sama dengan $i!= $j $i tidak sama dengan $j <> Tidak sama dengan $i <> $j $i tidak sama dengan $j

Operator logika digunakan untuk mengkombinasikan kondisi, sehingga beberapa kondisi dapat diperiksa dalam sebuah ekspresi. 2.3 Tabel Operator Logika Operator Contoh Bernilai benar jika : AND / and $i && $j atau $i AND $j $i dan $j bernilai bernilai benar OR / or $i $j atau $i OR $j Salah satu atau kedua variabel bernilai benar XOR $i XOR $j Salah satu variabel bernilai benar, tetapi tidak keduanya benar NOT!$i $i tidak bernilai benar 2.4 MySQL MySQL dikembangkan perusahaan Swedia sekitar tahun 1994 1995 oleh Michael Widenius atau Monty. Pada versi awal, MySQL hanya berjalan di LINUX yang masih banyk terdapat kekurangan. Pada bulan Juni 2000, MySQL diumumkan merupakan software database yang bebas berlisensi. Maksudnya bebas digunakan siapa saja tanpa pemungutan biaya apapun demi kepentingan umum. 2.5 Adobe Dreamweaver Adobe Dreamweaver merupakan salah satu software untuk mendesain halaman web yang telah diakui kecanggihannya. kelengkapan da kemampuan software ini dalam mendesain sebuah halaman web mampu menambah kreasi pengguna dan sangat mudah membantu sipemakai dalam menggunakannya.

2.1 Tampilan Dreamweaver

BAB 3 GAMBARAN PERUSAHAAN 3.1 Gambaran Perancangan Pada website PT. Simodong Jaya ini memiliki beberapa halaman. Tiap halaman masing - masing memiliki link yang merujuk setiap informasi yang berbeda beda. Untuk menampilkan dan pengujian website perusahaan ini dengan mengetikkan pada address bar browsing : http://localhost /fauziah. Maka tampilannya sebagai berikut : Gambar 3.1 Halaman Utama Website

Pada gambar 3.1 dapat dilihat halaman utama website yang berisi informasi mengenai perusahaan tersebut yang disertai beberapa link informasi lain seperti struktur perusahaan, data pegawai, berita dan comment form bagi setiap pengunjung siapa pun. Adapun prosedur penggunaan program secara manual dapat diuraikan sebagai berikut: 1. Aktifkan Mozilla Firefox dengan mengklik Start pada desktop, kemudian klik Mozila Firefox. 2. Setelah jendela Mozila Firefox terbuka, pada address bar browsing maka tuliskan http://localhost/fauziah lalu enter. 3. Setelah halaman terbuka, terdapat beberapa halaman link yang dapat dipilih salah satu diantaranya. 3.1.1 Home Home merupakan tampilan utama dari website PT. Simodong Jaya ini. Tampilan ini berisi informasi perusahaan. 3.1.2 Biodata Biodata menampilkan 3 halaman yaitu : input biodata, data pegawai dan data pemimpin. Input biodata merupakan tampilan penginputan biodata karyawan yang bekerja diperusahaan tersebut. Data pegawai merupakan tampilan hasil penginputan

biodata dari link input biodata. Data pemimpin berisi tampilan halaman informasi data data pemimpin perusahaan baik pendidikan, umur dan alamat. 3.1.3 Berita Berita terdiri atas 2 halaman yaitu : input berita, dan tampil berita. Input berita dapat diakses siapa saja. Hasil penginputan berita ditampilkan dan dapat dilihat pada link tampil berita. 3.1.4 Buku Tamu Halaman Buku tamu ini menampilkan form comment bagi pengunjung website ini. form ini membebaskan siapa saja untuk mengomentari baik website maupun perusahaan ini demi kemajuan perusahaan maupun pembangunan website ini. 3.1.5 Login Login hanya dapat digunakan oleh siperancang maupun salah satu orang yang ditunjuk untuk menjaga keamanan kerahasiaan website dan sisi perusahaan itu sendiri.halaman ini tidak dapat diakses sembarang orang. Segala sesuatu kerahasiaan perusahaan dan website ini terdapat di dalamnya.

3.1.6 Struktur Perusahaan Halaman Struktur perusahaan ini menampilkan bagaimana struktur perusahaan dengan PT. Simodong Jaya dengan jelas. Dimulai dari pemimpin hingga karyawan perusahaan ini beserta jabatannya

TAMPILAN WEBSITE 1. HOME Gambar 3.2 Tampilan Home 2. BIODATA a. Input Data Karyawan Gambar 3.3 Tampilan Input Biodata Karyawan

b. Data Karyawan Gambar 3.4 Data Karyawan 3. BERITA Gambar 3.5 Tampilan Berita

Gambar 3.6 Tampilan Berita Gambar 3.7 Tampilan Berita

4. BUKU TAMU Gambar 3.8 Tampilan Buku Tamu 5. LOGIN Gambar 3.9 Tampilan Login

6. STRUKTUR PERUSAHAAN Gambar 3.10 Tampilan Struktur Perusahaan