• Tidak ada hasil yang ditemukan

Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web"

Copied!
22
0
0

Teks penuh

(1)

Dalam bab ini penulis menjelaskan dan menguraikan tentang pencapaian tujuan dari aplikasi yang dibuat. Saran berisi hal-hal yang dirasakan masih belum sempurna.

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).

Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan

(2)

perintah–perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari sistem komputerisasi.

Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh komponen–komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki beberapa komponen yaitu :

a. Peragkat Keras (Hardware)

Peragkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan. Berdasarkan

kegunaannya, perangkat keras dapat digolongkan ke dalam tiga bagian: 1. Alat input

Alat input adalah alat yang memiliki fungsi untuk memasukkan data ataupun program yang akan diproses komputer, seperti keyboard, mouse, printer, scanner dan lainnya. 2. Alat Proses

Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau unit terpenting didalam sistem komputer. Fungsi utamanya adalah pusat pemprosesan data dan mengiontrol keseluruhan sistem komputer selama pengolahan data berlangsung, contohnya adalah prosessor.

3. Alat Output

Alat output adalah alat untuk menampilkan hasil pengolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (Software)

(3)

fungsinya sebagai alat pengolahan data.Komponen ini tidak nyata secara

fisik.Perangkat lunak berfungsi sebagai perantara antara komputer dan user sehingga dapat digunakan.

c. Perangkat Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu menangani suatu sistem operasi komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :

1. Sistem Analisis

Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.

2. Programmer

Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu bahasa program tertentu.

3. Komputer Operator

Orang yang bertugas menangani pengolahan data secara langsung. 4. Data Entry Operator

Orang yang bertugas melakukan pengurusan data yang akan diolah, mulai dari

pengumpulan data, perekaman data kedalam media penyimpanan hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.

(4)

Internet berawal dari diciptakannya teknologi jaringan komputer.Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan komputer lainnya. ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen

pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis dipindahkan kesambungan lainnya.

Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu

mempelajari dan mengembangkan jaringan komputer.Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna komputer dengan merek dan tipe berbeda dapat saling berhubungan, maka para ahli membuat sebuah protocol (semacam bahasa) yang sama untuk dipakai di Internet. Namanya TCP (Transmission Control Protokol) protokol pengendali transmisi dan IP (Internet Protokol).

2.3 World WideWeb (WWW)

(5)

hypertext.Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

Kini internet identik dengan web, karena kepopuleran web sebagai standart interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

Kini, web seakan lebih popular dari pada email, walaupun secara statisktik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet.Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.

Interface identik dengan web, karena popularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma–cuma sampai dengan yang komersial, semuanya ada. Web

memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:

a. Akses informasi yang mudah. b. Setup server yang lebih mudah. c. Informasi mudah didistribusikan.

(6)

2.3.1 Lahirnya Web

Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Physics Lab (Consei European Pour la Recherche

Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.

Kode-kode khusus disisipkan kedalam dokumen elektronik ini,

memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat kedokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu melalui mekanisme FTP atau Telnet.Jalan pintas CERN digunakan sebagai dasar dari yang disebut World Wide Web atau berikut server dan browser webnya (sekarang dimaintenence oleh World Wide Consortium).

2.3.2 Browser Web

(7)

lingkungan DOS (Disk Operation System).Akan tetapi pengembangan dari browser mode teks ini adalah tidak secepat browser web dengan GUI (Grafic User Interface). Disaat perkembangan WWW ada dua browser web yang paling populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browserweb lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera, dan Mozilla Firefox. Diantara web browser ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan.

1. Cara Kerja Browser Mengambil Halaman

Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti beriku

2. Cara Kerja Browser Menampilkan Halaman

Seluruh webpage berisi instruksi-instruksi bagaimana untuk ditampilkan.Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. TagHTML contohnya, yaitu <p> ini merupakan suatu paragraph </p>.

2.3.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaann dokumen web dari kliennya.

(8)

internet) dengan server web, menggunkan HTTP.Browserakan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan olehserver. Server memberikan dokumen atau layanan jika tersedia juga dengan menggunakan protokol HTTP.

2.3.4 Istilah-istilah Umum Yang Harus Diketahui

Berikut beberapa istilah umum yang harus diketahui antara lain :

a. Protokol : secara defenisi adalah standart pemprosesan informasi yang diterima secara umum. Protokol TCP / IP merupakan protokol komunikasi yang digunakan dalam internet.

b. HTTP (Hyper Transfer Protokol) :HTTP pada umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambah langsung ke dalam dokumen. Dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh.

c. Browsing / Surfing : kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.

(9)

2.4 HTML (Hypertext Markup Language) 2.4.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage.Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.

Ada dua cara untuk membuat web page : dengan web editor (misalnya

macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor biasa misalnya notepad atau editplus.

2.4.2 Penamaan Dokumen HTML

Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya „dokumen.html’ berbeda dengan „DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web yang dihosting didalam server yang berbasis *.nix (keluarga sistem operasi UNIX).

2.4.3 Elemen dan Tag HTML

(10)

</H1>), atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

Nama elemen ditunjukkan dengan namatagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:

a. Paragraf dengan tag <p>.

b. Ganti garis – break line dengan tag<br>. c. Ganti datar – horizontal rule dengan tag <hr>. d. List item dengan tag<Li>.

Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag> penulisan penamaan tag bebas,

dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.

(11)

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:

<html> <head>

…informasi tentang dokumen HTML </head>

<body>

…informasi yang ditampilkan oleh browser web </body>

</html>

(12)

berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya.

Contoh dokumen HTML sebagai berikut :

<!-contoh.html-> <html>

<head>

<title> Halaman contoh </title> </head>

<body>

File ini merupakan file contoh.<br>

<b>ini untuk membuat huruf cetak tebal</b> </body></html>

(13)

Gambar 2.1 Dokumen HTML ditampilkan dibrowser Internet Explorer 2.5 PHP (Hypertext Preprocessor)

2.5.1 Sejarah PHP

PHP merupakan salah satu bahasa pemrograman web yang masih muda namun telah mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh user dalam membuat sebuah aplikasi web yang baik baik perseorangan maupun perusahaan.

2.5.2 PHP / FI (Personal Home Page / Form Interpreter)

(14)

Interpreter.Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0.Pada rilisan ini interpreter sudah diimplementasikan dalam C. Dalam rilisan ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.Pada tahun ini juga sebuah perusahan yang bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada tahun 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilisan itu menjadi PHP 3.0. Pada tahun 1999, Zend merilis interpreterPHP baru dan rilisan tersebut dikenal dengan PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0.PHP versi 5 muncul untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya.Versi ini adalah versi mutahir dari PHP.Dalam versi ini, inti dari interpreterPHP mengalami perubahan besar.Dalam versi ini juga dikenal model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman kearah pemrograman berorientasi objek

.

2.5.3 Kelebihan PHP Dari Bahasa Pemrograman Lain

(15)

2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan kompilasi yang ralatif mudah.

3. Dalam sisi pengembangan relative mudah, karena banyak developer yang siap membantu dalam pengembangan.

4. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.

5. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

2.5.4 Script PHP

Script PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu script akan dikenali sebagai scriptPHP bila didapati tanda :

a. <?php……….?> b. <?...?>

c. <script language=”php”>…</script>

(16)

Berikut contoh dari scriptPHP : 1.Contoh1.php

<html> <head>

<title> Test</title> </head>

<body>

Tanggal : <?

/*mencetak tanggal dengan perintah echo*/ echo date (“dFY”);echo”<br>”; /*mencetak tanggal dengan perintah print*/

</body> </html>

2.5.5 Integrasi dengan Database

PHP yang digabungkan dengan databaseakan lebih berkekuatan jika digabungkan dengan database yang realibel, gratis dan mudah diinstalasi. Terdapat 2 jenis database yang memenuhi yaitu MYSQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan untuk mengaksesnya, PHP mempuyai fungsi khusus. Berikut ini daftar database yang didukung oleh PHP sampai versi 5

(17)

1 Adadase D 12 ODBC

2 Dbase 13 Oracle

3 Empress 14 Ovrimos

4 FilePro (Ready only) 15 PostegreSQL

5 Hyperwave 16 SQLite

6 IBM DB2 17 Sybase

7 Informix 18 Solid

8 Ingres 19 Frontbase

9 INterbase 20 MSQL

10 Direct MS-SQL 21 Velocis

11 MySQL 22 Unix dbm

PHP mempunyai fungsi khusus untuk mengakses MySQL.Ada sekitar 48 fungsi yang dapat didukung PHP dalam mengakses MySQL dalam membuat aplikasi. Adapun yang biasa digunakan diantaranya:

a. Mysql_connect()

Fungsi mysql_connect adalah untuk mrnghubungkan PHP dengan

databaseMySQL.Formatnya adalah : Mysql_connect (string hostname,string username, string password)

b. Mysql_select db

(18)

database, koneksi). Koneksi adalah variable yang terhubung ke MySQL.Jika tidak mengisi variable koneksi yang terbuka saat itulah yang dianggap digunakan. Manfaat berbagai macam koneksi adalah bahwa dengan pilihan seperti itu maka dalam suatu file dimungkinkan mengambil query dari 2 database sekaligus.

c. Mysql_query

Dalam database MySQL, perintah untuk melakukan transaksi adalah perintah SQL.Sebutan untuk mengirim perintah SQL dinamakan query. Querymemberikan perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah :

Int mysql_query (string query, int [link_identifier]); d. Mysql_num_row

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenal oleh proses SQL. Format fungsinya adalah:

Int mysql_num_row)int result); e. Mysql_fetch_array

Fungsi ini berkaitan dengan menampilkan data.Untuk menampilkan data, digunakan fungsi mysql_fetch_array.Dengan fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah :

array mysql_fetch_array(I nt result, int[result_type]);

2.6 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (database management system). MySQL juga dapat dikategorikan sebagai relation

(19)

MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan

data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada wwb server.MySQL bayak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dalam memanggil data.

2.7 Macromedia Dreamweaver

Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak,salah satu perusahaan yang bernama macromedia menbuat suatu editor dengan menggunakam GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Macromedia Dreamweaver merupakan sebuah HTML editor profesional untuk

mendesain secara visual dan mengelola situs web maupun halaman web.

Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver MX

mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta

fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger,

dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit

(20)

Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML

tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan

Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita

menginginkannya.Selain itu Dreamweaver juga dilengkapi kemampuan manajemen

situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs.

Gambar 2.2 Tampilan Macromedia Dreamweaver 8

2.8 Pengertian Sistem Informasi

(21)

untuk pengambilan keputusan. Berikut beberapa pengertian sistem informasi menurut para ahli :

Tabel 2.2 Defenisi Sistem Informasi

Sumber Defenisi

Alter (1992) Sistem informasi adalah kombunasi antara prosedur kerja, informasi,orang dan teknologi informasi yang diorganisir untuk mencapai tujuan dalam sebuah

organisasi Bodnar dan Hopwood

(1993)

Sistem Inormasi adalah kumpulan perangkat keras dan perangkat lunak yang dirancang untuk mentransformasikan data kedalam bentuk informasi yang berguna.

Gelias, Oram, Wiggins (1990)

dan Sistem Informasi adalah suatu sistem buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis komputer dan manual yang dibuat untuk menghimpun, menyimpan dan mengelola data serta menyediakan informasi keluaran para pemakai. Hall (2001) Sistem Informasi adalah sebuah rangkaian prosedur

(22)

Wilkisson (1992) Sistem informasi adalah kerja yang mengkoordinasikan sumber daya manusia dan komputer.

BAB 3

PERANCANGAN SISTEM

3.1. Perancangan Sistem

Gambar

Gambar 2.1 Dokumen HTML ditampilkan dibrowser Internet Explorer
Gambar 2.2 Tampilan Macromedia Dreamweaver 8
Tabel 2.2 Defenisi Sistem Informasi

Referensi

Dokumen terkait

Acara yang digawangi Satuan Tugas Gerakan Literasi Sekolah ini memediasi dialog para pemangku kepentingan dalam sejumlah kegiatan, yaitu Dialog Literasi Sekolah, Unjuk Karya

Tetapi pada suatu kondisi perekonomian yang tidak normal (apabila terjadi krisis ekono- mi), dalam keadaan di mana melalui komponen tingkat suku bunga tahun lalu akan membe-

LITERASI dalam dunia pendidikan merupakan sarana bagi siswa untuk mengenal, memahami, dan menerapkan ilmu yang didapatkannya di bangku sekolah.Literasi juga terkait dengan

maka hipotesis yang menyatakan bahwa “ Terdapat pengaruh positif kualitas produk terhadap kepuasan konsumen Sim. Card GSM Prabayar XL Palangka

Dalam penilitian ini akan dibahas terkait dengan Strategi Pengembangan Usaha Mikro, Kecil, dan Menengah (UMKM) yang dilakukan oleh Dinas Perindustrian dan

sebesar 0,000 ( ɑ &lt; 0,05) menunjukkan bahwa terdapat perbedaan antara pemberian tablet Fe dan pemberian jus kacang panjang terhadap peningkatan kadar Hb Ibu

Menyajikan laporan cara pemecahan masalah perbandingan siklus hidup hewan tanpa metamorfosis dan siklus hewan dengan metamorfosis serta upaya pelestariannya berdasarkan

Tambahan lagi, perubahan positif bagi faktor persepsi kawalan tingkah laku juga mampu menyebabkan tingkah laku sasaran berlaku tanpa melalui niat tingkah laku