LANDASAN TEORI
jarak jauh. Internet yang merupakan sebuah jaringan komputer ini dibuat pada
tahun 1969 melalui proyek ARPA. Proyek ini disebut ARPANET (Advanced
peraturan dan standar yang terus berkembang hingga semua standar itu menjadi
cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP
of Utah, dimana mereka membentuk satu jaringan terpadu di tahun 1969, dan
secara umum ARPANET diperkenalkan pada bulan Oktober 1972. Seiring waktu
7
8
menghadapi masalah baru yaitu bagaimana cara mengatur jaringan itu. Sebagai
untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan
Sejarah internet Indonesia dimulai pada awal tahun 1990-an. Saat itu
semangat kerjasama, kekeluargaan & gotong royong sangat hangat dan terasa di
antara para pelakunya. Perkembangan teknologi yang pesat dan kuatnya keinginan
lainnya.
didaftarkan oleh Universitas Indonesia pada 24 Juni 1988. RMS Ibrahim, Suryono
Sanjaya. IndoNet merupakan ISP komersial pertama Indonesia. Pada waktu itu
dilakukan menggunakan dial-up oleh IndoNet, sebuah langkah yang cukup nekat
kebetulan ayah Sanjaya adalah dosen UI. Akses awal di IndoNet mula-mula
memakai mode teks dengan shell account, browser lynx dan email client pine
pada server AIX. Baru pada tahun 1995 beberapa BBS di Indonesia seperti
memakai remote browser Lynx di AS, maka pemakai internet di Indonesia bisa
Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang
mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di
internet:
Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal
batas negara, ras, kelas ekonomi, ideologi atau faktor-faktor lain yang biasanya
yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap
atau kelompok tanpa mengenal batas, jarak, dan waktu. Untuk lebih meningkatkan
informasi dunia.
c. Mailing List sering disebut dengan milis, yaitu layanan internet sebagai
math, science, artikel menarik, dll. Setiap email yang dikirim akan secara
yang menggunakan media audio yang sering disebut dengan voice chat.
antara satu dengan yang lain guna membahas suatu topik dalam sebuah
elektronik.
f. File Transfer Protocol (FTP) adalah fasilitas untuk mengirim suatu file
yang disertakan melalui email. File yang dikirim dapat berupa file naskah
webcam. Fasilitas ini sangat cocok untuk melakukan rapat atau pertemuan
jarak jauh karena bisa saling memandang dan mendengar secara langsung.
12
dengan pulsa internet walaupun dilakukan secara SLJJ atau SLI. Software
melalui mesin faksimili. Biaya yang dibebankan adalah biaya lokal atau
untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari
semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu
dengan link.
Untuk membangun situs diperlukan beberapa unsur yang harus ada agar
situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang
a. Domain name atau biasa disebut nama domain adalah alamat permanen
atau dengan kata lain domain name adalah alamat yang digunakan untuk
menemukan situs kita pada dunia internet. Istilah yang umum digunakan
13
juga tanpa www. Ada banyak macam nama domain yang dapat dipilih
.edu .mil atau .gov. Jenis domain ini sering juga disebut top level
kebutuhan (commercial).
pendidikan (education).
(military).
(Organization).
Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering
(Australia), .jp (Jepang) dan lain lain. Domain ini dioperasikan dan
ini berakhiran, .co.id, .ac.id, .go.id, .mil.id, .or.id, dan pada akhir-akhir
Indonesia.
SMU.
Nama domain dari tiap-tiap situs di seluruh dunia tidak ada yang
sama sehingga tidak ada satupun situs yang akan dijumpai tertukar nama
hosting, maka data yang dapat dimasukkan dan ditampilkan dalam situs
menerjemahkan setiap perintah dalam situs pada saat diakses. Jenis scripts
banyak ragam scripts yang digunakan maka akan terlihat situs semakin
scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis-jenis
scripts yang banyak dipakai para designer antara lain HTML, ASP, PHP,
JSP, Java Scripts, Java applets, dsb. Bahasa dasar yang dipakai setiap situs
Scripts ASP, PHP, JSP atau lainnya bisa dibuat sendiri, bisa juga dibeli dari
para penjual scripts yang biasanya berada di luar negeri. Harga scripts
mailing list, dan lain sebagainya yang memerlukan update setiap saat.
penguasaan scripts, unsur situs yang paling penting dan utama adalah
sendiri atau menyewa jasa web designer. Saat ini sangat banyak jasa web
sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang
baliho dan lain sebagainya, tapi cara ini bisa dikatakan masih kurang
17
efektif dan sangat terbatas. Cara modern yang biasanya dilakukan adalah
publikasi di search engine ada yang gratis dan ada yang berbayar. Yang
gratis biasanya terbatas dan membutuhkan waktu cukup lama untuk bisa
masuk dan dikenali di search engine terkenal seperti Yahoo dan Google.
mengeluarkan biaya, akan tetapi situs cepat masuk ke search engine dan
internal dan eksternal yang penting dan menyediakan suatu dasar informasi untuk
pengambilan keputusan.
internal adalah pihak-pihak yang terlibat secara langsung pada setiap proses yang
ada didalam lembaga pendidikan itu seperti: guru, siswa dan badan administratif
yang ada di dalam lembaga pendidikan antara lain adalah orang tua dan
lingkungan.
aktifitas akademik, terutama siswa dan guru untuk mengakases berbagai data
akademik yang dapat dilakukan dari mana saja dan dan kapan pun data itu
dibutuhkan. Data yang dapat diakses dapat berupa modul belajar, tugas, nilai,
informasi sekolah, jadwal pelajaran dan jadwal kegiatan sekolah serta informasi
lain yang berkaitan dengan proses-proses yang terjadi di dalam sekolah. Sistem
informasi berbasis web juga dapat memberikan metode pembelajaran baru yang
lebih modern dan mampu menyimpan dan mengolah data akademik secara
sistematis.
efisien untuk cara belajar modern yang sangat membantu guru dan siswa untuk
bahan ajar ke siswa dengan menggunakan media Internet, Intranet atau media
adalah:
mengajar.
(rapor), sistem ujian online dan segala fitur yang berhubungan dengan
yang opensource sehingga bisa kita manfaatkan dengan mudah dan murah
3. Konten E-Learning: Konten dan bahan ajar yang ada pada E-Learning
system (Learning Management System). Konten dan bahan ajar ini bisa
pembelajaran untuk SD, SMP, SMA dan SMK. Ini langkah menarik untuk
1. Synchrounous E-Learning: Guru dan siswa dalam kelas dan waktu yang
masih dirasa belum siap di level ini, dalam sudut pandang kebutuhan
2. Asynchronous E-Learning: Guru dan siswa dalam kelas yang sama (kelas
Sistem dan content tersedia dan online dalam 24 jam nonstop di internet.
Guru dan siswa bisa melakukan proses belajar mengajar dimanapun dan
Analisis sistem adalah penguraian dari suatu sistem informasi yang utuh
Hartono, 1995).
kesalahan yang terjadi dalam rangka mencari solusi untuk melakukan perbaikan.
sistem informasi. Kerangka kerja yang akan dikembangkan ini memiliki kekuatan
yang lama menjadi sistem yang baru yang mempunyai nilai yang lebih baik
beberapa aspek baik tingkat akurat maupun efektif dan efesien. Permasalahan ini
adanya sebuah sistem baru yang mampu menangani permasalahan itu dengan
lebih efektif.
permasalahan yang tidak dapat diselesaikan oleh sistem lama dengan berbagai
inilah yang menyebabkan sasaran dari sistem tidak dapat dicapai. Oleh
karena itu langkah pertama yang harus dilakukan oleh analis sistem adalah
ini.
Tugas mengidentifikasi penyebab masalah dimulai dengan mengkaji
perencanaan sistem.
c. Mengidentifikasi Titik Keputusan
Setelah penyebab terjadinya masalah dapat diidentifikasi, selanjutnya
terjadi.
Analis sistem bila telah dapat mengidentifikasi terlebih dahulu titik-
Kelemahan sistem dapat diukur melalui semua komponen yang ada didalam
sistem tersebut.
Sistem yang baru dikatakan lebih baik diukur dengan 6 aspek parameter
fungsional adalah kebutuhan yang berisi proses-proses apa saja yang nantinya
adalah:
- Sistem harus mampu memfasilitasi proses yang terjadi di dalam
sistem
- Memberikan laporan baik hardcopy maupun softcopy
- Updating dan query online
- Penyimpanan data, pencarian kembali dan transfer data
- Mengolah dan melakukan verifikasi data
b. Kebutuhan Nonfungsional (nonfungsional requirement)
Kebutuhan nonfungsional adalah kebutuhan yang menitikberatkan
c. Pengumpulan Data
Menurut Connolly dan Begg (2002, p276) Proses pengumpulan dan
sehingga dapat ditentukan layak atau tidaknya sistem tersebut. Di dalam analisis
keberhasilan solusi yang diusulkan. Tahapan ini berguna untuk memastikan bahwa
solusi yang diusulkan tersebut benar-benar dapat tercapai dengan sumber daya
yang ada dan memperhatikan kendala yang terdapat pada permasalahan serta
Flowchart atau bagan alir adalah bagan atau chart yang menunjukkan alir
prosedure dan proses dari beberapa file di dalam media tertentu. Melalui
flowchart ini terlihat jenis media penyimpanan yang dipakai dalam pengolahan
data. Selain itu, System Flowchart juga menggambarkan file yang dipakai sebagai
input dan output. Tidak digunakan untuk menggambarkan urutan langkah untuk
29
yang dibentuk.
Simbol Keterangan
Simbol arus, menyatakan jalannya arus suatu
proses
Processing Symbols
Simbol Keterangan
Simbol proses, menyatakan suatu tindakan
keyboard.
Simbol Keterangan
31
bentuk dokumen.
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data,
lainnya
langsung
9. Setiap proses harus memiliki data yang masuk dan juga yang keluar
antara satu file dengan file yang lain. Database merupakan landasan bagi
pembuatan dan pengembangan program aplikasi. Database terdiri dari data yang
a) Teknik Normalisasi
menjadi tabel – tabel yang menunjukan entity dan relasinya. Dalam proses
ini selalu diuji pada beberapa kondisi. Apakah ada kesulitan pada saat
dipecahkan pada beberapa tabel lagi dengan kata lain perancangan belum
kunci relasi (relation key), yang mana merupakan knci utama dari masing-
masing file.
Relasi adalah hubungan antar entitas dari himpunan entitas yang berbeda.
suatu record dalam tabel dan Foreign key sebagai kode tamu, artinya jika sebuah
record dalam satu tabel menjadi primary key maka record tersebut akan menjadi
juga sebaliknya.
basis data relational yang tidak secara langsung berkaitan dengan model data,
menghasilkan struktur tabel yang normal (Fathansyah, Ir, Basis Data, Bandung,
Bentuk normal adalah suatu aturan yang dikenakan pada entitas dalam database
dan harus dipenuhi oleh entitas tersebut sehingga tercapai normalisasi. Suatu
entitas dikatakan dalam bentuk normal apabila entitas tersebut memenuhi aturan
tidak menutup kemungkinan bentuk normal baru dapat dicapai pada bentuk ke-5.
atribut bernilai banyak atau lebih dari atribut. Apabila ada atribut
yang memiliki nilai lebih dari satu, maka atribut tersebut akan
bukan key primer lain. Apabila ada, pisahkan salah satu atribut
masuk ditransformasikan ke
1. Proses
Tidak ada proses yang hanya memiliki output, jika objek hanya
Tidak ada proses yang hanya memiliki input. Jika objek hanya
2. Data Store
Data tidak dapat bergerak langsung dari satu data store menuju data
Data tidak dapat bergerak langsung dari source menuju data store.
Data harus bergerak melalui proses dimana data diterima dari source
Data tidak dapat bergerak langsung menuju sink dari data store. Data
3. Source/Sink
Data tidak dapat bergerak langsung dari source menuju sink. Data
sistem.
4. Data Flow
Sebuah cabang pada data flow berarti data yang sama dari satu lokasi
Sebuah penghubungan berarti data yang sama berasal dari dua atau
mengubah).
Data flow dilabeli dengan sebuah frase kata benda. Lebih dari satu
frase kata benda dapat muncul pada sebuah panah data flow,
dibutuhkan sebuah perangkat lunak atau lebih dikenal dengan web browser. Web
merupakan salah satu browser terpopuler saat ini. Terdapat berbagai fitur
unggulan dari mozilla firefox yang jarang dijumpai pada web browser lain,
seperti:
yang sangat terkenal dan popular. Berfungsi untuk membuat dan memodifikasi
yang lengkap membuatnya banyak diminati oleh banyak kalangan. Software ini
tidak jarang dijumpai pada bisnis digital printing yang dewasa ini kian bertambah.
mengolah dan mengkompresi image agar lebih meminimalkan ukuran dari file
tersebut dengan kualitas yang baik. Hal ini berfungsi untuk menampilkan halaman
39
web lebih cepat. Terdapat 6 bagian penting dalam menunjang area kerja photoshop
CS3, diantaranya:
2. Menu bar adalah kumpulan dari beberapa submenu atau bagian yang berisi
3. Kanvas editor adalah file lembar kerja utama yang berisi gambar, objek
4. Option panel merupakan bagian yang berisi daftar perintah tambahan yang
isinya akan selalu berubah, bergantung pada tombol perintah yang terpilih
format ini mampu menyimpan layer dan alpha chanel yang terdapat di dalam
sebuah gambar, selain itu photoshop dapat menghasilkan berbagai format image
1. .jpg (Join Photogrhapic Expert Group) yaitu format file image yang
mampu menkompresi objek dengan kualitas yang baik. Format ini juga
grayscale.
40
2. .png (Portable Network Graphic) format file gambar ini dibuat sebagai
alternatif lain dari format .gif, format ini digunakkan untuk menampilkan
objek pada web, kelebihanya adalah dalam penyimpanan file 24bit dan
elektronic publishing dan hanya dapat menyimpan warna 8bit, format ini
merupakan software utama yang digunakan oleh Web Designer maupun Web
Programmer dalam mengembangkan suatu situs web. Hal ini disebabkan ruang
akan dieksekusi oleh komputer. Hasil eksekusi kode program ini, akan
4. Panel Group, adalah kumpulan panel yang saling berkaitan satu sama lain
dalam panel group dikelompokan dibawah satu judul web yang dibangun.
2.8.4 Notepad++
Scintilla untuk dapat menampilkan dan menyuntingan teks dan berkas kode dari
notepat yang merupakan editor teks bawaan windows, yang membedakan notepat
yang sama tetapi kemudahan yang didapatkan dari kedua software ini berbeda.
Jika notepad adalah teks editor maka notepad++ adalah kode editor.
juta kali, software ini telah dua kali memenangkan penghargaan SourceForge
2.8.5 Apache
Apache adalah web server yang paling populer dan luas digunakan di
dalam dunia internet sejak tahun 1996, hasil survey Netcraft web server
membuktikan bahwa lebih dari 60 % situs web menggunakan apache sebagai web
dengan sistem open source ini memiliki banyak kemampuan ekstensibilitas yang
43
tinggi hingga selalu up to date dengan standarisasi server http, banyak alasan
3.1, BSDI 2.0, FreeBSD 2.1, HP-UX 9.07, IRIX 5.3, Linux, NetBSD 1.1,
UnixWare 1.1.2.
file konfigurasi.
Apache web server tentu memiliki ciri khas yang membedakan dengan
web server lainnya. Adapun features atau ciri khas dari web server Apache adalah:
2. Perbaikan terhadap kerusakan dan error pada NCSA 1.3 dan 1.4
3. Apache web server dalam merespon client sangat cepat jauh melebihi
server NCSA.
2.8.6 MySQL
siapa saja dapat memiliki dan tidak dicekal, MySQL juga merupakan program
multiuser, SQL itu sendiri adalah bahasa permintaan yang terstruktur telah di
standarkan untuk semua program pengakases data seperti SQL Server, Posges
software yang tergolong database server dan bersifat Open Source. Open Source
adalah software yang dilengkapi oleh source code (kode yang di pakai untuk
secara langsung di dalam sistem operasi. Hal menarik lainnya adalah MySQL
operasi.
1. INSERT
->VALUES (‘data1’,’data2’,’.....’);
2. SELECT
3. UPDATE
4. DELETE
2.9.1 CSS
dokumen HTML, seperti: text, image, list, link, table, dan form. Selain itu, CSS
46
juga dapat melakukan pengaturan posisi, warna, hiasan, atau saja yang
<html>
<head>
#header {
width:900px;
height:50px;
#headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
#headerRight {
width:450px;
background:#ffffff;
position:absolute;
47
</style>
</head>
<body>
<h1>Sample</h1>
<div id = "header">
</div>
</body>
</html>
2.9.2 HTML
2.9.3 PHP
Menurut Nugroho (2005, hal. 369) PHP adalah program aplikasi yang
bersifat server side, artinya hanya dapat berjalan pada sisi server saja dan tidak
Source. Script ini dapat bercampur dengan script Tag HTML karena
kemampuannya tersebut, PHP juga disebut bahasa yang embeded pada Tag
HTML.
<html>
<body>
</body>
</html>
2.9.4 JavaScript
JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja
di sebagian besar web browser populer seperti Internet Explorer (IE), Mozilla
Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman
efek di gambar maupun teks, dan yang penting juga adalah untuk membuat
AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX. Kode JavaScript
49
biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka
<script type="teks/javascript">
alert("Halo Dunia!");
</script>
2.9.4.1 jQuery
jQuery adalah salah satu jenis JavaScript Library yang banyak digunakan
website yang interaktif dan user-friendly dengan lebih mudah dan tidak