BAB 2 LANDASAN TEORI. 2.1 Pengertian Sistem, Informasi, Sistem Informasi dan Data. Beberapa pengertian tentang sistem adalah sebagai berikut :

Transkripsi

1 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem, Informasi, Sistem Informasi dan Data Sistem Beberapa pengertian tentang sistem adalah sebagai berikut : a. Murdick and ross (1993) mendefinisikan sistem seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama. b. Menurut M.alexander dalam buku information system analysis menyatakan bahwa sistem merupakan elemen elemen baik berupa fisik maupun non fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah sistem. c. L. James Havery Menurutnya sistem adalah prosedur logis dan rasional untuk merancang suatu rangkaian komponen yang berhubungan satu dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan. d. C.W. Churcham Menurutnya sistem adalah seperangkat bagian bagian yang dikoordinasikan untuk melaksanakan seperangkat tujuan Informasi Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi == input proses output. Menurut Davis dalam Abdul Kadir (2003;28) informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi

2 7 pengambilan keputusan saat ini atau saat mendatang. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (andri Kristanto, 2003:6). Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya(jogiyanto, 1990:8) Sistem informasi Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-prosesoutput yang berhubungan dengan pengolaan informasi (data yang telah diperoleh sehingga lebih berguna bagi user). 1. Menurut John F. Nash (1995:8) yang diterjemahkan oleh La Midjan dan Azhar Susanto, menyatakan bahwa Sistem informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur daan pengendalian yang bermaksud menata jaringan komunikasi yang penting,proses atas transaksi-trsnsaksi tertentu dan rutin, membantu manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat. 2. Menurut Kertahadi (dalam Fatta,2007) sistem informasi adalah suatu alat untuk menyajikan informasi sedemikian rupa sehingga bermanfaat bagi penerimanya. Tujuan adalah untuk menyajikan informasi guna pengambilan keputusan pada perancanaan, pemrakarsaan, pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang menyajikan sinergi organisasi pada proses ( Mursick & Ross, dalam Fatta 2007).

3 Data Data adalah fakta berupa angka, karakter, symbol, gambar, tanda - tanda, isyarat, tulisan,suara, bunyi yang mempresentasikan keadaan sebenarnya yang selanjutnya digunakan sebagai masukan suatu Sistem Informasi. Data dapat berfunsi sebagai badan dasar yang objektif (relatif) dalam proses penyusunan kebijaksanaan dan keputusan pimpinan organisasi. 2.2 Internet Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet. Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet. Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu : 1. Fungsi Komunitas Internet adalah alat komunikasi. Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail ( ). Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan.

4 9 2. Fungsi Resource Sharing. Internet menghubungkan komputer dengan fasilitas sharing resource diantara komputer 3. Fungsi Reseorces Discovery. Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara jutaan host. 2.3 Data Flow Diagram (DFD) dan Diagram Alir (Flowchart) Data Flow Diagram (DFD) Data flow Diagram (DFD) adalah suatu gambaran grafis dari suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur yang jelas dan menggunakan sejumlah bentuk bentuk symbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan. Data Flow Diagram ( DFD ) terdiri dari 4 (empat ) simbol, yaitu : No Demarco And Yourdan Symbols Keterangan 1. Eksternal Entity ( Kesatuan Luar ) merupakan kesatuan dilingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang akan memberikan input atau menerima output. Gane And Sarson Symbols

5 10 2. Proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses 3. Arus Data( Data Flowchat ) diberi symbol panah. Arus data ini mengalir di antara prosses, yang dapat dilakukan dari atas ke bawah,dari bawah ke atas, dari kiri ke kanan, dan dari kanan ke kiri. 4. Storage ( simpanan data )merupakan tempat penyimpanan dari data yang dapat berupa file atau database di sistem komputer. Tabel 2.1 Simbol simbol Data Flow Diagram Diagram Alir Diagram alir program ( program flowchart ) adalah suatu diagram yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal hingga akhir. Diagram alir terdiri dari symbol symbol yang mewakili

6 11 fungsi fungsi langkah program dan garis alir ( flowline ) menunjukkan urutab dari symbol symbol yang akan dikerjakan. No Simbol 1. Fungsi Simbol titik terminal digunakan untuk menunjukkan awal dan akhir dari suatu proses Simbol proses digunakan untuk mewakili suatu proses atau untuk pengolahan aritmatika dan pemindahan data. Simbol input output digunakann untuk mewakili data input/output danmenunjukkan hasil dari suatu proses. 4. Simbol keputusan ( decision ) dilakukan untuk suatu penyeleksian ( perbandingan logika ) kondisi di dalan program 5. Simbol persiapan ( predefined ) digunkan untuk pemberian nilai awal suatu variable atau counter. 6. Simbol penghubung ( connector ) digunakan untuk menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda. 7. Simbol off-page connector digunakan untuk menunjukkan hubungan arus proses yang

7 12 terputus masih dalam halan yang berbeda Simbol proses terdefinisi digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain. Simbol display digunakan untuk output yang ditunjukkan/ditampulkan di monitor. Tabel 2.2 Simbol symbol Flowchart 2.4 World Wide Web (WWW) Website atau worl wide web adalalah sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dikunjungi oleh orang lain. Web memberikan highlight ( penyorotan ) pada kata kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki grapichal user interface ( GUI ), link link dapat dihubungkan ke tujuanny dengan menunjuk link tersebut dengan mouse dengan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis. 1. Web Statis Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk

8 13 mengetahui tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis. Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah.interaksi pengguna terbatas hanya dapat melihat informasi yang ditampilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk.html atau.htm. 2. Web Dinamis Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP Komponen-komponen Penyusun Web Untuk membuat web, diperlukan beberapa komponen yang harus ada (terinstal) dalam komputer, yaitu: 1. Web Browser merupakan perangkat lunak wajib yang harus terdapat di komputer karena untuk menjalankan aplikasi web harus menggunakan web browser. Beberapa contohnya: Internet Explorer, Mozilla Firefox, Opera dan Safari. 2. Web Server merupakan perangkat lunak wajib jika membuat sebuah halaman web dinamis. Dalam web server semua script script web yang dibuat diletakkan,biasanya diletakkan dalam document root dalam web server tersebut dengan menggunakan web server maka pembuat web dapat melakukan uji coba terhadap halaman - halaman web yang dibuat tanpa

9 14 harus mencobanya di internet langsung (localhost). Contoh Web server adalah IIS,Apache dan Xitami. 3. Script digunakan untuk membuat web statis menggunakan client side scripting (HTML, XML, CSS style sheet, dan java Script). Untuk membuat web dinamis menggunakan server side scripting (ASP,PHP,JSP). 4. Database server merupakan tempat penyimpanan data dalam sebuah web. Contohnya: MySQL, Microsoft SQL Server, Oracle, DB2(IBM), PostgreSQL. 5. Web editor merupakan perangkat lunak yang digunakan untuk mengetikkan perintah-perintah script yang digunakan baik itu client side scripting ataupun server side scripting bahkan beberapa web editor dapat digunakan untuk mengatur layout/tampilan halaman web secara instan,berikut contohny: Notepad, Macromedia Dreamweaver, Ultra Edit, Adobe Go Live, dan NetBean. 6. Image editor merupakan perangkat lunaka yang digunakan untuk mengelola gambar-gambar dan animasi yang nantinya akan digunakan dalam halaman web yang akan dibuat. Contohnya: adobe Photoshop, Corell Draw, dan Macromedia Flash. 2.5 Hypertext Markup Language (HTML) Hypertext Markup Language (HTML) merupakan bahasa paling standard yang digunakan untuk membuat suatu website. HTML bukanlah merupakan suatu bahasa pemrograman, beda dengan bahasa PHP yang didalamnya dapat mendukung suatu bentuk perulangan (Loop) atau bentuk pengandaian (if-else) sehingga bahasa PHP dapat disebut sebagai suatu bahasa pemrograman. Namun dengan berawal dari bahasa paling dasar ini kamu dapat menambahkan obyekobyek lainnya seperti gambar, suara, video, dan permainan flash dalam suatu dokumen HTML.karena bahasa ini hanya berguna untuk mengontrol tampilan dari suatu halaman (web page) beserta isinya.

10 15 Untuk membuat suatu dokumen HTML, hal-hal yang kamu perlukan hanyalah sebuah text editor biasa seperti : Notepad atau Wordpad (program standar bawaan dari windows) lalu kamu mengetikkan kode HTML didalamnya kemudian di save (simpan) dengan akhiran (ekstensi).htm atau.html. Secar umum HTML dapat melakukan tugas tugas sebagai berikut : a. Mengontrol tampilan halaman web dan isinya. b. Mempublikasikan web secara online c. Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya. d. Menambahkan objek objek seperti image, audio, video, dan juga applet dalam dokumen html Dasar dasar HTML Mendesain html berarti melakukan suatu tindakan pemrograman. Namun html bukanlah sebuah bahasa pemrograman. Namun html hanyalah berisi perintah perintah yang telah terstruktur berupa tag tag penyusun. Menuliskan tag tag html tidaklah sebatas hanya memasukkan perintah perintah tertentu agar html kita dapat di akses oleh browser. Mendesain html adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya. <html> <head> <title>judul Dokumen html</title> </head> <body>

11 16 penulisan informasi Web </body> </html> Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: a. Tag Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag penutup isi dokumen html. b. Element Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan elementtitle, dimana: <title> ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html. Tag tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag tag lainnya. Contoh penulisan tag tag yang benar <p> <b> </b> </p>

12 17 c. Attribute Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: <TAG nama-attr="nilai-attr" nama-attr="nilai-attr" > </TAG> Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman webmenjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">. d. Element html Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks: <html> </html> e. Element head Merupakan kepala dari dokumen html. Tag <head> dan tag </head> terletak di antara tag <html> dan tag</html>. Sintaks:

13 18 <head> </head> f. Element title Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>. Sintaks: <title> Judul Halaman HTML </title> g. Element body Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. Sintaks: <body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"> </body>

14 Hypertext Preprosesor (PHP) PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembanganweb yang disisipkanpada dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut lebih mudah dan efisien.php merupakan software open-source yang disebarkan dan dilensikan secara gratis dan dapat di download dari situs resminya yaitu: PHP yang ditulis dengan bahasa C dapat dikembangkan sendiri dengan menambah fungsi fungsi baru. PHP adalah bahasa pemograman yang sangat popular. Sebagai besar sintak PHP mirip dengan sintak pada bahasa pemograman C dan perl Sejarah Singkat PHP PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Vesri mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

15 Kelebihan PHP PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web server, seperti Apache, Microsoft Internet information Server (MIIS), Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file XML lainnya Skrip PHP Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda: a. <?php.....?> b. <? ?> c. <script language= PHP >.....</script> Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer local maka file PHP disimpan folder htdocs di web server.

16 21 Berikut contoh dari scrip PHP: <?php Echo ( hallo );?> 2.7 MySQL MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak perlu membayar untuk menggunakannya) pada berbagai platform (kecuali pada windowsi, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk keperluan produksi). MySQL termasuk jenis Relation Database Management Sistem(DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. MySQL dapat didefinisikan sebagai: a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah,mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server. b. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standar.

17 22 c. MySQL merupakan software Open Source, berarti semuaorang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan. d. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet. e. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application programming Interfaces (APIs). f. MySQL terdiri daribeberapa macam bahasa 2.8 Java script javascript adalah bahasa pemograman yang ditempatkan pada kode HTML dan diproses pada sisi clien. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan pada formulir sebelum proses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk desain web. 2.9 Cascading Style Sheet (CSS) CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian

18 23 dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka style itu akan dapat digunakan berulang kali Macromedia Dreamweaver Saat ini dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun dalam membangun web. Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai. Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung program Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung program Script ServerSide, seperti PHP,ASP,ASP.NET, dan JSP.