<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, Januari 2015</p></div>

==Latar Belakang==

<p style="line-height: 2">Perkembangan teknologi informasi saat ini semakin berkembang pesat.  Pemenuhan kebutuhan terhadap suatu informasi saat ini tidak lepas dari pemakaian dan pemanfaatan komputer, dibandingkan dengan proses sebelumnya, dengan adanya sistem informasi yang terkomputerisasi, maka pekerjaan yang dilakukan akan menjadi lebih cepat, tepat dan akurat.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan latar belakang diatas, maka penulis mengambil judul “PERANCANGAN SISTEM INFORMASI PENYEWAAN LAPANGAN FUTSAL BERBASIS WEBSITE PADA JALA FUTSAL TANGERANG”. Sebagai judul pengajuan Skripsi ini.</p></div>

<p style="line-height: 2">Berdasarkan latar belakang masalah di atas, maka dirumuskan beberapa masalah, yaitu : </p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">  Bagaimana sistem yang berjalan saat ini pada sistem penyewaan lapangan pada Jala Futsal Tangerang ?</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Apakah sistem penyewaan lapangan pada Jala Futsal Tangerang sudah efektif dan efisien ?</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> Apakah pembuatan laporan sudah berjalan dengan  Cepat dan akurat pada Jala Futsal Tangerang ?</p>

==Tujuan dan Manfaat Penelitian==

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">      Tujuan</p></div>

<p style="line-height: 2">1.       Untuk mengetahui sistem yang berjalan saat ini pada sistem penyewaan lapangan pada Jala FutsalTangerang.</p></div>

<p style="line-height: 2">2.      Untuk mengetahui sistem penyewaan lapangan pada Jala Futsal Tangerang sudah efektif dan efisien.</p></div>

===Manfaat  Penelitian===

<p style="line-height: 2">Adapun manfaat dalam penelitian ini adalah sebagai berikut:</p></div>

 

1.      Memberikan solusi sistem yang berjalan saat ini pada sistem penyewaan lapangan pada Jala FutsalTangerang.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.7in">

<p style="line-height: 2">

2.      Memberikan solusi sistem untuk penyewaan lapangan pada Jala Futsal Tangerang secara efektif dan efisien.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.7in">

<p style="line-height: 2">

3.      Memberikan solusi sistem yang mampu menghasilkan laporan dengan Cepat dan akurat.</p></div>

==Metode Penelitian==

<p style="line-height: 2">Untuk mendapatkan data yang diperlukan dalam penulisan laporan Skripsi,  maka penulis menggunakan beberapa metode yang digunakan dalam laporan penulisan Skripsi ini. Adapun metode penulisannya adalah sebagai berikut:</p></div>

<ol style="list-style-type:lower-alpha">

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengumpulan Data(Observasi Research)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">

  Suatu metode dan teknik untuk mendapatkan data dengan melakukan pengamatan dan melaksanakan pencatatan secara sistematis terhadap unsur-unsur yang dianggap perlu dalam pengumpulan data hendaknya dikemukakan dan dijelaskan dalam laporan. Sifat dan tujuan penelitian, sifat dan wujud data yang hendaknya dikumpulkan.</p></li>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wawancara ( Interview Research )<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">

Sejalan dengan sifat, tujuan dan ruang lingkup masalah penelitian adalah merupakan sumber data ( sample ) yang diperlukan. Atau juga sumber data yang berasal dari interview ( Wawancara ) atau tanya jawab oleh orang – orang terkait.</p></li>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Studi Pustaka ( Library Research )<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">

Metode studi pustaka adalah cara dalam mendapatkan informasi yang dibutuhkan dengan mempelajari buku-bukuyang berhubungan dengan penelitian sebagai sumber tertulis yang memuat informasi. Pada bagian ini perlu dijelaskan bagaimana data diolah dan dianalisa, menjelaskan prosedur - prosedur dalam peyusunan Skripsi.</p></li>

===Metode Analisa Sistem===

<p style="line-height: 2">Analisa sistem dilakukan dengan melalui 4 (empat) tahapan yaitu, Surveisistem yang sedang berjalan, analisa terhadap temuan survei, identifikasi kebutuhan informasi dan identifikasikebutuhan sistem.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada tahap ini, peneliti melakukan desain informasi yang akan dibangun dengan tahapan teknik sebagai berikut :</p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Perencanaan(Planning)<p style="line-height: 2">Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan-kebutuhansumberdaya, seperti :perangkat fisik, metode dan anggaran yang sifatnya masih umum.Dalam tahap ini juga dilakukan langkah-langkah berupa: mendefinisikan masalah,menentukan tujuan sistem, mengidentifikasi kendala-kendala sistem dan membuat studikelayakan.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Analisis (Analysis)<p style="line-height: 2">Tahapan alisis merupakan tahap penelitian atas sistem yang berjalan dengan tujuan untuk merancangsistem yang baru dengan menggunakan toolsatau alat bantu UML (Unified ModelingLanguage) dengan software  visual paradigmn yaitu sebuah bahasa yangberdasarkan grafik atau gambar, menvisualisasikan, menspesifikasikan, membangundan pendokumentasian dari sebuah sistem pengembangan piranti lunak berbasis (Object Orientied) melalui tahap : Use Case Diagram, Sequence Diagram, danActivity Diagramyang dilakukan melalui 4 (empat) tahap, yaitu: (1) Survey terhadap sistem yang berjalan, (2)  Analisa terhadap temuan survey, (3) Identifikasi kebutuhan informasi dengan menggunakan alatbantu elisitasi melalui 4 (empat) tahapan,yaitu tahap 1 (satu) mencakupsemua kebutuhan sistem, tahap 2 (dua) melakukanpengelompokkan kebutuhan dengan metode MDI (Mandatory,Desirable, Inessential) selanjutnya tahap 3 (tiga) denganTOE (Technical, Operational dan Economic)serta tahap final, (4) Identifikasi persyaratan sistem. Hasil analisa kemudiandibuat laporan untuk masukan dalam perancangan sistem yang diusulkan.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Rancangan (Design)<p style="line-height: 2">Tahap Design yaitu tahapdalam menentukan proses data yang diperlukan oleh sistem baru dengan tujuan memenuhikebutuhan user dengan alat bantu UML dengansoftware visual paradigmn Use CaseDiagram, Class Diagram, Sequence Diagram, Statechart Diagram dan ActivityDiagram.Proses design akan menerjemahkansyarat kebutuhan kesebuah perancangan perangkat lunak yang dapat diperkirakan sebelumdibuat coding. Proses  ini berfokus pada :struktur data dengan menggunakanMySQL, arsitektur perangkat lunak, representasi interface dengan menggunakan DreamweaverCS3, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumenyang disebut software requirement.Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatansistemnya. Langkah-langkah yang dilakukanadalah :menyiapkan rancangan sistemyang rinci, mengidentifikasi alternatif konfigurasi sistem dan menyiapkan usulanimplementasi.</p>

</li></ol>

===Metode Pengujian===

Dalam skripsi ini metode pengujian yangdigunakan yaitu black-box testing. Black-box testing adalah metode uji cobayang memfokuskan pada keperluan software.Karena itu uji coba black-boxmemungkinkan pengembang softwareuntuk membuat himpunan kondisi input yangakan melatih seluruh syarat-syarat fungsional suatu program. Metode pengujian black-box berusaha untuk menemukankesalahan dalam beberapa kategori, diantaranya: fungsi-fungsi yang salah atauhilang, kesalahan interface,kesalahan dalam struktur data atau akses databaseeksternal, kesalahan performa, kesalahan inisialisasi, dan terminasi.

</p></div>

==Sistematika Penulisan==

<p style="line-height: 2">'''BAB II            LANDASAN TEORI'''</p></div>

<p style="line-height: 2">

Bab ini terdiri dari pengertian dan penjelasan sistem informasi penyewaan lapangan futsal dan dokumen secara umum serta teori – teori yang berhubungan dengan objek penelitian, pengertian Unified Modeling Laguage (UML) dan Website.</p></div>

<p style="line-height: 2">'''BAB III          ANALISA SISTEM YANG BERJALAN '''</p></div>

<p style="line-height: 2"> Bab ini berisikan tentang pendukung aplikasi danrancangan tampilan sistem yang diusulkan dengan berbasis Website.</p></div>

<p style="line-height: 2">Pada bab ini berisikan kesimpulan dan saran yang berkaitan dengan program aplikasi berbasis web berdasarkan bab-bab yang telah diuraikan sebelumnya.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">'''LAMPIRAN'''</p></div>

=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=

<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">1. Definisi Perancangan</p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Siti Aisyah dan Nawang Kalbuana dalam jurnal CCITVol.4 No.2 (2010:203)<ref name="aisyah">

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">Analisa Sistem<p style="line-height: 2">Melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadapkebutuhan-kebutuhan sistem, apa saja kekurangannya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">Perancangan<p style="line-height: 2">Yaitu tahapan untukmelakukan perancangan suatu aplikasi, terdapat tiga tahapan perancangan, yaitu:perancangan interface, perancanganisi, dan perancangan program.</p>

 

 

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setiap sistem terdiri dari unsur-unsur, seperti sistem pernapasan kita terdiri darisuatu kelompok unsur, yang terdiri dari hidung, saluran pernafasan, paru-paru,dan darah. Unsur-unsur yang membentuk subsistem tersebut.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Unsur sistem tersebut bekerjasama untuk mencapai tujuan sistem, setiap sistemmempunyai tujuan tertentu. Seperti sistem pernapasan kita bertujuan menyediakanoksigen dan pembuangan karbon dioksida dari tubuh kita bertujuan menyediakanoksigen dan tersebut yang berupa hidung, saluran pernapasan, paru-paru, dandarah bekerjasama satu dengan yang lain dengan proses tertentu untuk mencapaitujuan tersebut.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Suatu sistem merupakan bagian dari sistem lain yang lebih besar, sistem pernafasankita merupakan bagian dari sistem metabolisme tubuh, contoh sistem satuanadalah sistem pencernaan makanan, sistem peredaran darah, dan sistem pertahanan tubuh.</p>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Karakteristik Sistem''' </p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Komponen Sistem (Components)

<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerja samamembentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatubentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankansuatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatusistem dapat mempunyai sistem yang lebih besar atau sering disebut “suprasistem”.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Lingkugan Luar Sistem (Environtment)

<p style="line-height: 2">Bentuk apapun yang adadiluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistemtersebut disebut lingkungan luar sistem, lingkungan luar sistem ini dapatbersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut.Dengan demikian, lingkungan luar tersebut harus tetap dijaga dan dipelihara,lingkungan luar yang merugikan harus dikendalikan, jika tidak akan mengganggukelangsungan hidup sistem tersebut.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Masukan Sistem (Input)

<p style="line-height: 2">Energi yang dimasukanke dalam sistem disebut masukkan sistem, yang dapat berupa pemeliharaan (maintenance input) dan sinyal (Signal Input). Contoh, di dalam suatuunit sistem komputer “program” adalah maintenance input yang digunakan untuk mengoperasikankomputernya dan “data” adalah signal input untuk diolah menjadi informasi.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Pengolahan Sistem (Proses)

<p style="line-height: 2">Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukan menjadi keluaran, contohnyaadalah sistem akuntansi. Sistem ini akan mengolah data transaksi menjadilaporan-laporan yang dibutuhkan oleh pihak manajemen.</p>

<p style="line-height: 2">'''3. Klasifikasi Sistem'''</p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> Sistem abstrak dan sistem fisik<p style="line-height: 2">Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tempak secara fisik,misalnya sistem teologia, yaitu sistem yang berupa pemikiran hubungan antaramanusia dengan Tuhan, sedangkan sistem fisik merupakan sistem yang ada secarafisik, misalnya sistem komputer, sistem produksi, sistem penjualan, sistemadministrasi personalia dan lain sebagainya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Sistem alamiah dan sistem buatan manusia<p style="line-height: 2">Sistem alamiah adalah sistem yang terjadi melalui proses alam; tidak dibuat oleh manusia, misalnyasistem perputaran bumi, terjadinya siang malam, pergantian musim. Sedangkansistem buatan manusia merupakan sistem yang melibatkan interaksi manusia denganmesin yang disebut human machinesistem. Sistem informasi berbasis komputer merupakan contoh human machine sistem karena menyangkut penggunaan komputeryang berinteraksi dengan manusia.</p>

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Sistem determinasi dan sistem probobalistik<p style="line-height: 2">Sistem yang beroperasidengan tingkah laku yang dapat diprediksi disebut sistem deterministic. Sistem komputer adalah contoh dari sistem yangtingkah lakunya dapat dipastikan berdasarkan program-program komputer yangdijalankan. Sedangkan sistem yang bersifat probabilistik adalah sistem yangkondisi masa depannya tidak dapat diprediksi karena mengandung unsur probablistic.</p>

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Sistem terbuka dan sistem tertutup<p style="line-height: 2">Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengnaruh oleh lingkunganluarnya. Sistem ini bekerja secara otomatis tanpa campur tangan pihak luar.Sedangkan sistem terbuka adalah sistem yang berhubungan oleh lingkunganluarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk subsistemlainnya.</p>

</li></ol>

 

<p style="line-height: 2">'''Definisi Informasi'''</p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Sutabri (2012:29)<ref name="sutabri"/> , informasi adalah data yang telahdiklasifikasikan atau diinterprestasi untuk digunakan dalam proses pengambilankeputusan. Sistem pengolahan informasi mengolah data menjadi informasi atautepatnya mengolah data dari bentuk tak berguna menjadi berguna bagipenerimanya. </p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

 

Maimunah,Lusyani Sunarya, dan Nina Larasati. 2012. MediaCompany Profile Sebagai  Sarana Penunjang Informasi Dan Promosi.Tangerang: Jurnal CCIT. Vol. 5,          No.3    Mei 2012.</ref>, informasiadalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagipenerimanya, dan bermanfaat dalam mengambil sebuah keputusan. Informasi dapatdidefinisikan sebagai hasil pengolahan data dalam suatu bentuk yang lebihberguna dan lebih berarti bagi penggunanya yang menggambarkan suatukejadian-kejadian (event) yang nyata ( fact)yang digunakan untuk pengambilan keputusan.</p></div>

 

      <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2"> Dari kedua definisi di atas, maka dapat disimpulkan informasiadalah data yang diolah menjadi bentuk yang lebih berguna bagi penerimanya.</p></div>

 

<p style="line-height: 2">'''2. Nilai Informasi'''</p></div>

<p style="line-height: 2">Menurut Sutabri (2012:37)<ref name="sutabri"/>, nilai informasi ditentukan oleh 2(dua) hai, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasidikatakan bernilai bila manfaat lebih efektif dibandingkan dengan biayamendapatkannya. Akan tetapi, perlu diperhatikan bahwa informasi yang digunakandidalam suatu sistem informasi umumnya digunakan untuk beberapa kegunaansehingga tidak memungkinkan dan sulit untuk menghubungkan suatu bagianinformasi pada suatu masalah tentu dengan biaya untuk memperolehnya karenasebagian besar informasi dinikmati tidak hanya oleh satu pihak didalamperusahaan. Lebih lanjut, sebagian informasi tidak dapat persis ditafsirkeungtungannya dengan suatu nilai uang, tetapi dapat ditafsir nilaiefektifitasnya. Pengukuran nilai informasi biasanya dihubungkan dengan analsis cost effectivess atau cost benefit”.Nilai informasi didasarkan atas 10 sifat, yaitu :</p></div>

informasi dapat diperoleh dengan mudah dan cepat, kecepatan memperoleh dapatdiukur misalnya 1 menit versus 24 jam. Akan tetapi, beberapa nilainya bagipemakai informasi sulit mengukurnya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> Luasdan lengkap<p style="line-height: 2">Sifat ini menunjukan

lengkapnya isi informasi, hal ini tidak berarti hanya mengenai volumenya,tetapi juga mengenai keluaran informasinya. Sifat ini sangat kabur, karena itusulit mengukurnya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> Ketelitian<p style="line-height: 2">

Sifat ini menunjukanminimnya kesalahan dalam informasi, dalam hubungannya dengan volume data yangbesar terjadi dua jenis kesalahan, yakni kesalahan pencatatan dan kesalahanperhitungan.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Kecocokan<p style="line-height: 2">

<p style="line-height: 2">Menunjukan tak adaketerlambatan jika ada yang sedang ingin mendapatkan informasi masukan,pengolahan, dan pelaporan keluaran kepada pemakai biasanya tepat waktu.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Kejelasan

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Keluwesan

<p style="line-height: 2">Sifat ini berhubungandengan dapat disesuaikannya keluaran informasi tidak hanya dengan beberapakeputusan, tetapi juga dengan beberapa pengambilan keputusan. Sifat ini sulitdiukur, tetapi dalam banyak hal dapat diberikan nilai yang dapat diukur.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Dapatdibuktikan

<p style="line-height: 2">Sifat ini menunjukankemampuan beberapa pemakai informasi untuk menguji keluaran informasi dansampai pada kesimpulan yang sama.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Tidak ada prasangka

<p style="line-height: 2">Sifat ini berhubungandengan tidak adanya keinginan untuk mengubah informasi guna mendapatkankesimpulan yang telah dipertimbangkan sebelumnya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Dapatdiukur

<p style="line-height: 2">Sifat ini menunjukanhakikat informasi yang dihasilkan dari sistem informasi formal.</p></li></ol>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

 

<p style="line-height: 2">'''3. Kualitas Informasi'''</p></div>

<p style="line-height: 2"> Menurut Sutabri (2012:41)<ref name="sutabri"/>, ”kualitas suatu informasi tergantung3 (tiga) hal”.</p></div>

<ol>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Akurat(accurate)<p style="line-height: 2">

Informasi harus bebasdari kesalahan-kesalahan dan tidak menyesatkan. Informasi harus akurat karenabiasanya dari sumber informasi sampai penerima informasi ada kemungkinanterjadi gangguan (noise) yang dapatmengubah atau merusak informasi tersebut.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Tepat Pada Waktunya (timeline)

<p style="line-height: 2">Informasi yang datangpada penerima tidak boleh terlambat. Informasi yang sudah usang tidak akanmempunyai nilai lagi, karena informasi merupakan landasan didalam pengambilankeputusan. Bila pengambilan keputusan tersebut terlambat, maka dapat berakibatfatal untuk organisasi.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Relevan(relevance)

<p style="line-height: 2">Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk tiap–tiap orangsatu dengan yang lainnya berbeda.</p></li></ol>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">'''4. Fungsi Informasi'''</p></div>

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Sutabri (2012:31)<ref name="sutabri"/>, fungsi utama informasi adalah menambah pengetahuan.Informasi yang disampaikan kepada pemakai mengkin merupakan hasil data yangsudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakanpengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinankepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakanbagi pengambil keputusan memberi suatu kemungkinan faktor resiko padatingkat-tingkat pendapatan yang berbeda.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">'''5. Siklus Informasi'''</p></div>

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Sutabri (2012:33)<ref name="sutabri"/>, data diolah menjadi suatu modelinformasi, kemudian si penerima akan menangkap informasi tersebut untuk membuatsuatu keputusan dan melakukan tindakan. Tindakan si penerima menjadi sebuahdata baru. Data tersebut akan ditangkap sebagai input dan diproses kembalilewat suatu model, dan seterusnya sehingga membentuk suatu silkus. Siklusinilah yang disebut “Siklus Informasi” (informationCycle).</p></div>

===Konsep Dasar Sistem Informasi===

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">1'''. Definisi Sistem

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Sutabri (2012:46)<ref name="sutabri"/>, sistem informasi adalah suatusistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahantransaksi harian yang mendukung fungsi operasi organisasi yang bersifatmanajerial dengan kegiatan strategi dari suatu organisasi untuk dapatmenyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">'''2. Komponen Dasar Sistem

Informasi'''</p></div>

      <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2"> Menurut Sutabri (2012:47)<ref name="sutabri"/>, sistem informasi terdiri daribeberapa komponen-komponen yang disebut blok bangunan (building block), yang terdiri dari blok masukan, blok model, blokkeluaran, blok teknologi, blok basis data, dan blok kendali. Sebagai suatusistem, keenam blok tersebut masing-masing saling berinteraksi satu dengan yanglain membentuk suatu kesatuan untuk mencapai sasaran.</p></div>

<ol>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Blok Masukan (input block)

<p style="line-height: 2">Input mewakili data yangmasuk kedalam sistem informasi, input yang dimaksud adalah metode dan mediauntuk menangkap data yang akan dimasukan yang dapat berupa dokumen-dokumendasar.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Blok Model (model block)<p style="line-height: 2">Blok ini terdiri darikombinasi prosedur, logika, dan model matematik yang akan memanipulasi datiinput dan data yang tersimpan di basis data dengan cara yang sudah tertentuuntuk menghasilkan keluaran yang diinginkan.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Blok Keluaran (techology block)<p style="line-height: 2">Teknologi merupakan “tool box” dalam sistem informasi,teknologi digunakan untuk menerima input, menjalankan model, menyimpan danmengakses data, menghasilkan dan mengirimkan keluaran, dan membantupengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 3 (tiga)bagian utama, yaitu teknisi (brainware),perangkat lunak (software), danperangkat keras (hardware).</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Blok Basis Data (database block)

<p style="line-height: 2">Basis data (database) merupakan kumpulan data yangsaling berkaitan dan berhubungan satu sama lain, tersimpan di perangkat keraskomputer dan menggunakan perangkat lunak untuk memanipulasinya. Data didalambasis data perlu diorganisasikan sedemikian rupa agar informasi yang dihasilkanberkualitas.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Blok Kendali (control blok)

<p style="line-height: 2">Banyak hal yang dapatmerusak sistem informasi, seperti bencana alam, api, termperatur, air, debu,kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, ketidakefisienan, sabotase, dan lain sebagainya. Beberapa pengendalian perlu dirancangdan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapatdicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsungdiatasi.</p></li></ol>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut kimmel (2011:452)dikemukakan bahwa penyewaan adalah Perjanjian dimana pemilik dari aset perusahaan memungkinkan pihak lain untuk menggunakan aset yang ada untuk jangka waktu tertentu pada harga yang telah disepakati. Menurut Kamus Besar Bahasa Indonesia Sewa berarti Pemakaian sesuatu dengan membayar uang sewa dan menyewa berarti memakai dengan membayar uang sewa. Jadi dapat disimpulkan bahwasewa menyewa adalah Suatu perjanjian atau kesepakatan dimana penyewa harus membayarkan atau memberikan imbalan atau manfaat dari lahan yang dimiliki oleh pemilik lahan yang disewakan. Hukum dari sewa menyewa adalah mubah atau diperbolehkan. Contoh sewa  menyewa dalam kehidupan sehari-hari misalnya kontrak mengontrak gedung kantor, sewa lahan tanah untuk pertanian, sewa menyewa kendaraan, sewa menyewa vcd dan dvd original, dan lain-lain.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: ">Dalam sewa menyewa harus ada sesuatu yang disewakan, penyewa, pemberi sewa, imbalan dan kesepakatan antara pemilik lahan dan atau yang menyewa lahan. Penyewa dalam hal mengembalikan lahan yang disewa harus mengembalikan kembali lahan yang disewa secara utuh seperti pertama kali disewakan tanpa berkurang maupun bertambah, kecuali ada kesepakatan lain yang disepakati saat sebelum lahan berpindah tangan.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Kamus Besar Bahasa Indonesia (2014:1) Lapangan adalah Tempat atau tanah yang luas. Ukuran lapangan futsal yang ideal dan berstandar Internasional : Ukuran lapangan  futsal : 25-43 m. Lebar lapangan futsal : 15-25 m. </p></div>

===Konsep Dasar Futsal===

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Kamus Besar Bahasa Indonesia (2014:2) Futsaladalah permainan bola yang dimainkan dalam ruangan dibatasi garis dan luas tertentu dimainkan oleh dua tim, yang masing-masing beranggotakan lima orang. Tujuannya adalah memasukkan bola ke gawang lawan, dengan memanipulasi bola dengan kaki. Selain lima pemain utama, setiap regu juga diizinkan memiliki pemain cadangan. Di populerkan di Montevideo Uruguay 1930 oleh Juan Carlos.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1. Definisi Data</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:1)<ref name="sutabri"/>, sumber informasi adalah data. Datamerupakn bentuk jamak dati tunggal datum. Data adalah kenyataan yangmenggambarkan suatu kejadian-kejadian dan kesatuan nyata. kejadian-kejadianadalah sesuatu yang terjadi pada saat tertentu di dalam dunia bisnis.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2. Klasifikasi Data</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:3)<ref name="sutabri"/>, “data itu sendiri dapatdiklasifikasikan menurut jenis, sifat, dan sumber. Mengenai penjelasanklasifikasi data tersebut akan diurai dibawah ini”.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">A.   Klasifikasi data menurut jenis data</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1.      Data hitung (enumeration/counting data)</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data hitung adalah hasil perhitungan atau jumlah tertentu. Yang termasuk data hitung adalahpresentase dari suatu jumlah tertentu. Mencatat jumlah mahasiswa dalam suatukelas atau presentase dari mahasiswa/i dalam kelas akan menghasilkan suatu datahitung.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2.      Data ukur (measurement data)</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data ukur adalah data yang menunjukan ukuran mengenai nilai sesuatu. Angka tertentu atau huruftertentu yang diberikan oleh seorang dosen kepada seorang mahasiswa setelah memeriksa hasil tentamennya merupakan data ukur. Angka yang ditunjukan alatbarometer atau thermometer adalah hasil proses pengukuran.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">B.    Klasifikasi data menurut sifat data</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1.      Data kuantitatif (quantitative data)</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">data kuantitatif adalahdata mengenai penggolongan dalam hubungannya dengan penjumlahan. Jika jumlahuniversitas negeri di indonesia dibagi dalam 2 golongan maka ada golonganpertama yang jumlah mahasiswanya lebih dari 5000 orang dan golongan yang lainkurang dari 5000 orang. Ini merupakan penggolongan kuantitatif.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2.      Data kualitatif (qualitative data)</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data kualitatif adalahdata mengenai penggolongan dalam hubungannya dengan kualitas atau sifattertentu.  penggolongan fakultas-fakultaspada universitas negeri  menjadi fakultasexacta dan fakultas non-exacta merupakan pemisahan menurutsifatnya. penggolongan mahasiswa pada fakultas yang menggunakan sistem kreditkedalam penilaian studi dengan grade A,B, C, D didasarkan pada pemisah sifat-sifat kualitatifnya.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">C.    Klasifikasidata menurut sumber data</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">1.      Data internal (internal data)</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data internal adalah data yang asli, artinya data sebagai hasil observasi yang dilakukan sendiri,bukan data hasil karya orang lain.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">2.      Data eksternal (external data)</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data eksternal adalah data hasil observasi orang lain. Seseorang boleh saja menggunakan data untuksuatu keperluan, meskipun data tersebut hasil kerja orang lain.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">3. Pengolahan Data</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:6), data merupakan bagian mentah untukdiolah yang hasilnya kemudian menjadi informasi. Dengan kata lain, data yangtelah diperoleh harus diukur dan nilai baik dan buruk, berguna atau tidak dalamhubungannya dengan tujuan yang akan dicapai. Pengolahan data terdiri darikegiatan-kegiatan penyimpanan data dan penanganan data. untuk lebih jelasnyaakan diuraikan seperti dibawah ini.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">A.    Penyimpanandata (data storage)</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penyimpanan datameliputi pekerjaan pengumpulan (filing), pencarian (searcing), dan pemeliharaan (maintenance). Data disimpan dalamsuatu tempat yang lazim dinamakan “file”.file dapat berbentuk map, ordner, disket, tape, hard disk, danlain sebagainya. Sebelum disimpan, suatu data diberi kode menurut jeniskepentingannya. Pengaturan dilakukan sedemikian rupa sehingga mudah mencarinya.Pengkodean memegang peranan penting. Kode yang salah dapat mengakibatkan data yang masuk kedalam file juga salah yang selanjutnya akanmengakibatkan kesulitan dalam mencari data tersebut apabila diperlukan. jadi, file diartikan sebagai suatu susunandata yang terbentuk dari sejumlah catatan (record)yang berhubungan satu sama lain mengenai suatu bidang dalam suatu unit usaha.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sistem yang umum dalampenyimpanan data (faling) ialahbedasarkan  lembaga, perorangan,produksi, atau lain-lainnya, tergantung dari sifat organisasi yangbersangkutan. kadang-kadang dijumpai kesulitan apabila menghadapi suatu datadalam bentuk surat misalnya, yang menyangkut ketiga klasifikasi tadi. Untukmemperoleh kemudahan dalam pencarian data (searching)di dalam file maka file dibagi menjadi 2 (dua) jenis, yaitu: </p></div>

<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">File induk <p style="line-height: 2">File induk ini berisidata-data permanent yang biasanya hanya dibentuk satu kali saja dan kemudiandigunakan untuk pengolahan data selanjutnya.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">      File transaksi <p style="line-height: 2">File transaksi berisidata-data temporer untuk suatu periode atau untuk suatu bidang kegiatan atausuatu periode yang dihubungkan dengan suatu bidang kegiatan.</p></li></ol>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">B.    Penanganan data (data handling)</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penanganan data meliputiberbagai kegiatan seperti: pemeriksaan, perbandingan, pemilihan, peringkasan,dan penggunaan. Pemeriksaan data mencakup pengecekan data yang muncul padaberbagai daftar yang berkaitan atau yang datang dari berbagai sumber, untukmengetahui berbagai sumber dan untuk mengetahui perbedaan atau ketidaksesuaian,pemeriksaan ini dilakukan dengan kegiatan pemeliharaan file (file maintenance).</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pemilihan atau sorting dalam rangka kegiatan penanganandata mencakup peraturan kedalam suatu urutan yang teratur, misalnya daftarpegawai menurut pangkatnya, dari pangkat yang tertinggi sampai yang terendahatau daftar costumer  dengan menyusun namanya menurut abjad dan lainsebagainya. Peringkasan merupakan kegiatan lain dalam penanganan data. Inimencakup pilihan, misalnya daftar pegawai yang telah mengabdikan dirinya kepadaorganisasi/perusahaan lebih dari 10 tahun atau daftar costumer  yang memesanbeberapa hasil produksi sekaligus dan lain-lain.</p>

</div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pengguna data (data manipulation) merupakan kegiatanuntuk menghasilkan informasi. Kegiatan ini meliputi komplikasi tabel-tabel,statistik, ramalan mengenai perkembangan, dan lain sebagainya. Tujuanmanipulasi ini adalah menyajikan informasi yang memadai mengenai apa yangterjadi pada waktu yang lampau guna menunjang manajemen, terutama membantumenyelidiki alternatif kegiatan mendatang.</p></div>

===Analisa Sistem===

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Tanti dkk dalam Jurnal CCIT Vol.3 No.2 (2010:208), analisasecara umum merupakan tahap dari daur hidup pengembangan perangkat lunakpengajar. Salah satu tahap yang bertujuan untuk memahami keperluan pembelajarandan mengembangkan permintaan-permintaan.</p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Henderi dkk dalam jurnal CCIT Vol 4 (2011 : 322)<ref name="henderi">

 

Henderi,Maimunah,dan Randy Andrian. 2011. Desain AplikasiE-learning Sebagai Media       Pembelajaran Artificial Informatics.Tangerang: Jurnal CCIT. Vol. 4, No.3-Mei   2011.</ref>, tahapananalisa sistem adalah tahap penguraian dari suatu sistem yang utuh kedalambagian-bagian komponennya dengan maksud untuk mengidentifikasikan danmengevaluasi permasalah-permasalahan, kesempatan-kesempatan, hambatan-hambatanyang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat di buatrancangan sistem yang baru sesuai dengan kebutuhan”.</p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutabri (2012:220)<ref name="sutabri"/>, tahap analisis sistem dilakukansetelah tahap investigasi sistem dan sebelum tahap rancangan sistem, tahapanalisis sistem merupakan tahap yang kritis dan sangat penting karena kesalahanditahap ini akan menyebabkan kesalahan pada tahap selanjutnya.</p></div>

 

        <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari pendapat diatas dapat disimpulkan bahwa tahapan analisasistem dapat dilakukan sebelum dibuat tahapan rangcangan sistem, dan analisasistem sangat penting dilakukan agar menghindari kesalahan yang akan timbul ditahapan selanjutnya.</p></div>

 

 

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Mengumumkan penelitian sistem<p style="line-height: 2">Ketika perusahaan menerapkan aplikasi komputerbaru manajemen mengambil langkah untuk memastikan kerjasama dari para pekerja.Perhatian mula-mula ditunjukan pada kekhawatiran pegarawai mengenai carakomputer mempengaruhi kerja mereka.</p>

 

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Murad dkk dalamdari Jurnal CCIT Vol.7 No.1 (2013:52)<ref name="dina">

 

Murad, DinaFitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website            Untuk Penunjang Laporan PAUDPada Himpaudi Kota Tangerang. Jurnal CCIT.            Tangerang:Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.</ref>, tahap ini merupakan tahapan dalampengimplementasikan sistem yang sudah dirancang dan dilakukan pengujian secaraunit, agar dapat mengetahui kesalahan-kesalahan yang terdapat dalam sistem dansegera dilakukan perbaikan.</p></div>

 

 

 

 

<p style="line-height: 2">

Menurut Simarmata (2010:39)<ref name="simarmata">

<p style="line-height: 2">Menurut Nugroho (2010:2)<ref name="nugroho">

<p style="line-height: 2">

Dari pendapat diatas dapat disimpulkan bahwa System Development Lyfe Cycle (SDLC)adalah keseluruhan proses dalam membangun sistem melalui beberapa langkah. Adabeberapa model SDLC. Model yang cukup populer dan banyak digunakan adalah waterfall. Beberapa model lain SDLCmisalnya fountain, spiral, rapid, prototyping, incremental, build & fix, dan synchronize & stabilize.</p></div>

===Konsep Dasar UML (Unified Modeling Language)===

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">'''1. Definisi UML'''</p></div>

<p style="line-height: 2">Menurut Nugroho (2010:6)<ref name="nugroho"/>, UML (Unified Modeling Language) adalah perangkat lunak yangberparadigma “berorientasi objek”. Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaanpermasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudahdipelajari dan dipahami.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Ginting (2013:9)<ref name="ginting">Ginting,Elizaandayni. 2013. Aplikasi PenjualanBerbasis Web (E-Commerce)    Menggunakan Joomla Pada Mutiara Fashion.Bandung: Universitas Widyatama.</ref>, Unified Modelling Language (UML) bukanlah suatu proses melainkan bahasapemodelan secara grafis untuk menspesifikasikan, memvisualisasikan, membangun,dan mendokumentasikan seluruh artifak sistem perangkat lunak. Penggunaan modelini bertujuan untuk mengidentifikasikan bagian-bagian yang termasuk dalamlingkup sistem yang dibahas dan bagaimana hubungan antara sistem dengan subsistem maupun sistem lain diluarnya.</p></div>

<p style="line-height: 2">Menurut Simaremare dkk dalam Jurnal teknik POMITS Vol. 2 No. 3(2013:471)<ref name="simamare">Simarmare, YosuaP.W, Apol Pribadi S dan Radityo Prasentiato Wibowo. 2013.   Perancangan Dan Pembuatan AplikasiManajemen Publikasi Ilmiah Berbasis    Online Pada Jurnal SISFO. JURNALTEKNIK POMITS. Surabaya: Institut      Teknologi Sepuluh Nopember (ITS).Vol. 2, No. 3, 2013.</ref>, UML merupakan bahasa visual dalam permodelan yang memungkinkanpengembang sistem membuat sebuah blueprintyang dapat menggambarkan visi mereka tentang sebuah sistem dalam format yangstandar, mudah dimengerti dan menyediakan mekanisme untuk mudah dikomunikasikandengan pihak lain.</p></div>

<p style="line-height: 2">

Berdasarkan beberapa pendapat yang dikemukakan diatas, makadapat disimpulkan bahwa, “UML adalah bahasa yang digunakanuntukmem-visualisasikan, mendefinisikan, membangun dan membuat dokumen dariarsitektur perangkat lunak. UML dapat digunakan pada semua proses melaluimetodologi pengembangan perangkat lunak dan melakukan implementasinya padateknologi yang berbeda”.</p></div>

<p style="line-height: 2">'''2. Konsep Pemodelan Menggunakan UML'''</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nugroho (2010:10)<ref name="nugroho"/>, sesungguhnya tidak ada batasan yagtegas diantara berbagai konsep dan konstruksi dalam UML, tetapi untukmenyederhanakannya, kita membagi sejumlah besar konsep dan dalam UML menjadibeberapa view. Suatu view sendiri pada dasarnya merupakan sejumlah konstruksipemodelan UML yang merepresentasikan suatu aspek tertentu dari sistem atauperangkat lunak yang sedang kita kembangkan. Pada peringkat paling atas,view-view sesungguhnya dapat dibagi menjadi tiga area utama, yaitu: klasifikasistruktural (structural classification),perilaku dinamis (dinamic behaviour),serta pengolahan atau manajemen model (model management).</p></div>

 

<p style="line-height: 2">Dokumentasi sistem perangkat lunak untuk keperluan-keperluan tertentu dimasa yang akan datang.</p></li></ol>

<p style="line-height: 2">'''3. Jenis-Jenis Diagram UML'''</p></div>

<p style="line-height: 2">Menurut Murad dkk dalam Jurnal CCIT Vol.7 No.1 (2013:57)<ref name="dina"/>,“diagram Use Case adalah diagram yangbersifat status yang memperlihatkan himpunan use case dan aktor-aktor (suatujenis khusus dari kelas). Diagram ini memiliki 2 fungsi, yaitu mendefinisikanfitur apa yang harus disediakan oleh sistem dan menyatakan sifat sistem dari sudutpandang user”.</p></div>

<p style="line-height: 2">

Menurut Nugroho (2010:34)<ref name="nugroho"/>, use case digunakanuntuk memodelkan fungsional – fungsionalitas sistem/perangkat lunak dilihatdari pengguna yang ada diluar sistem. Usecase pada dasarnya merupakan unit fungsionalitas koheren yang diekspresikansebagai transaksi – transaksi yang terjadi antara actor dngan system.</p></div>

 

<p style="line-height: 2">Menurut Mahdiana  Jurnal TELEMATIKA MKOM Vol. 3 No .2.(2011:39)<ref name="mahdiana">Mahdiana, Deni.2011. Analisa Dan Rancangan SistemInformasi Pengadaan Barang            DenganMetodelogi Berorientasi Obyek (Studi Kasus : PT. Liga Indonesia). Jurnal          TELEMATIKA MKOM. Jakarta: UniversitasBudi Luhur. Vol. 3 No .2, September    2011.</ref>, “use case diagram adalahdiagram yang menggambarkan sebuah sistem dari sudut pandang user, yang memperlihatkanhubungan-hubungan yang terjadi antara actorsdengan use case dalam sistem”.</p></div>

<p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas,maka dapat disimpulkan bahwa use casediagram dibuat berdasarkan pengguna sistem serta fungsi-fungsi yangditangani oleh sistem informasi pemesanan dan penjualan barang yang didapatkanpada tahap analisis sistem.</p></div>

<p style="line-height: 2">'''2. Activity Diagram'''</p></div>

<p style="line-height: 2">Menurut Murad dkk dalam Jurnal CCIT Vol.7 No.1(2013:53)<ref name="dina"/>, “activity diagram merupakan diagram yang bersifatdinamis. Activity diagram adalah tipe khusus dari diagram state yangmemperlihatkan aliran dari suatu aktifitas ke aktifitas lainnya dalam suatusistem dan berfungsi untuk menganalisa proses”.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Simaremare dkk dalam Jurnal teknik POMITS Vol.2 No. 3 (2013:471)<ref name="simamare"/>, “activity Diagram adalahdiagram yang menggambarkan sifat dinamis secara alamiah sebuah sistem dalambentuk model aliran dan kontrol dari aktivitas ke aktivitas lainnya”.</p></div>

<p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa activity diagram dibuat berdasarkan use case diagram yang telah dibuat, makadapat digambarkan activity diagramyang menggambarkan alur kerja untuk setiap usecase.</p></div>

<p style="line-height: 2">'''3. Sequence Diagram'''</p></div>

<p style="line-height: 2">Menurut Nugroho (2010:42)<ref name="nugroho"/>, sequence diagrammemplihatkan interaksi sebagai diagram dua matra (dimensi). Matra vertikaladalah sumbu waktu sedang kan matra horizontal memperlihatkan peranpengklasifikasi yang mempresentasikan objek–objek mandiri yang terlibat  dalam kolaborasi.  Dalam sequence diagram sering disebut gariswaktu (lifeline). Selama aktivasipada prosedur pada objek aktif, garis waktu digambarkan sebagai garis ganda.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Simaremare dkk dalam Jurnal teknik POMITS Vol. 2 No. 3 (2013:471)<ref name="simamare"/>, sequence diagram adalah suatu diagramyang memperlihatkan/menampilkan interaksi-interaksi antar objek di dalam sistemyang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objektersebut termasuk pengguna, display,dan sebagainya berupa “pesan/message”.</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas,maka dapat disimpulkan sequence diagrammerupakan diagram yang bersifat dinamis, sequencediagram (diagram urutan) adalah iterasiksi yang menekankan pada pengirimanpesan dalam suatu waktu tertentu.</p></div>

<p style="line-height: 2">'''4. Class Diagram'''</p></div>

<p style="line-height: 2">Menurut Mahdiana dalam Jurnal TELEMATIKA MKOM Vol.3 No .2. (2011:39)<ref name="mahdiana"/>, class diagram adalahsebuah spesifikasi yang jika diinstansi akan menghasilkan sebuah obyek danmerupakan inti dari pengembangan dan desain berorientasi obyek. Class menggambarkan keadaan(atribut/properti) suatu sistem, sekaligus menawarkan layanan untukmemanipulasi keadaan tersebut (metode/fungsi).</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. Definisi Adobe Dreamever'''</p></div>

<p style="line-height: 2">Menurut Sibero (2013:384)<ref name="sibero">Sibero,Alexander F.K, 2011, Kitab Suci Web Programing. Yogyakarta:MediaKom.</ref>, adobe Dreamwaver CS3 adalah suatuproduk Web Developer yangdikembangkan oleh Adobe System Inc.Sebelumnya produk Dreamweaver dikembangkan oleh Macromedia Inc. Yang kemudian sampai saat ini pengembangaannyaditeruskan oleh Adobe System Inc.Setelah diambil oleh Adobe Systems Inc,dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suit (CS).</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Ruang Kerja Dreamever CS3'''</p></div>

<p style="line-height: 2">Menurut Sibero (2013:384)<ref name="sibero"/>, “ruang kerja atau workspace adalah bagian keseluruhantampilan Adobe Dreamweaver. Ruang kerja Dreamweaver terdiri dari Welcome Screen, Menu, Insert Bar, DocumentWindow, CSS Panel, Aplication Panel, Tag Inspector, Property Inspector, ResultPanel, dan Files Panel. Masing-masing dari komponen tersebut memilikifungsi dan aturan. Berikut di bawah ini penjelasannya:</p></div>

<p style="line-height: 2">''Document Window'' berfungsi menampilkan dokumen yang sedang dikerjakan.</p>

<p style="line-height: 2">''Insert Bar'' mengandung tombol-tombol untuk menyisipkan berbagai macam objek seperti image, table dan layer ke dalam dokumen.</p>

<p style="line-height: 2">''Document Toolbar'' berisikan tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari Document Window.</p>

<p style="line-height: 2">''Panel Groups'' adalah kumpula panel yang saling berkaitan satu sama lainnya yang dikelompokkan dibawah satu judul.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">''Tag Selector'' berfungsi menampilkan hirarki tag disekitar pilihan yang aktif pada Design View.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">

<p style="line-height: 2">''Files Panel'' digunakan untuk mengatur file-file dan folder-folder yang membentuk situs.</p></li></ol>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1.    Definisi Database'''</p></div>

<p style="line-height: 2">Menurut Masria (2012:173)<ref name="masria">Masria. 2012. Perakitan Komputer. Jakarta: LenteraPrinting.</ref>, basis data atau (database),atau sering pula dieja basis data, adalah kumpulan informasi yang disimpan didalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatuprogram komputer untuk memperoleh informasi dari basis data tersebut. Perangkatlunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS).Sistem basis data dipelajari dalam ilmu informasi.</p></div>

<p style="line-height: 2">Istilah "basis data" berawal dari ilmu komputer. Meskipun kemudian artinyasemakin luas, memasukkan hal-hal di luar bidang elektronika, artikel inimengenai basis data komputer. Catatan yang mirip dengan basis data sebenarnyasudah ada sebelum revolusi industri yaitu dalam bentuk buku besar, kuitansi dankumpulan data yang berhubungan dengan bisnis</p></div>

<p style="line-height: 2">Konsep dasar dari basis data adalah kumpulan daricatatan-catatan, atau potongan dari pengetahuan. Sebuah basis data memilikipenjelasan terstruktur dari jenis fakta yang tersimpan di dalamnya: penjelasanini disebut skema. Skema menggambarkan obyek yang diwakili suatu basis data,dan hubungan di antara obyek tersebut. Ada banyak cara untuk mengorganisasiskema, atau memodelkan struktur basis data: ini dikenal sebagai model basisdata atau model data. Model yang umum digunakan sekarang adalah modelrelasional, yang menurut istilah layman mewakili semua informasi dalam bentuktabel-tabel yang saling berhubungan dimana setiap tabel terdiri dari baris dankolom (definisi yang sebenarnya menggunakan terminologi matematika). Dalammodel ini, hubungan antar tabel diwakili denga menggunakan nilai yang samaantar tabel. Model yang lain seperti model hierarkis dan model jaringanmenggunakan cara yang lebih eksplisit untuk mewakili hubungan antar tabel.</p></div>

<p style="line-height: 2">Istilah basis data mengacu pada koleksi dari data-data yang saling berhubungan, dan perangkatlunaknya seharusnya mengacu sebagai sistem manajemen basis data (database management system/DBMS). Jikakonteksnya sudah jelas, banyak administrator dan programer menggunakan istilahbasis data untuk kedua arti tersebut.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Rahardja dkk dalam jurnal CCIT Vol 4 No.3(2011:238)<ref name="untung">

Rahardja,Untung, Hidayati dan Mia Novalia. 2011.  Peningkatan Kinerja Distributed    Database Melalui Metode DMQ Base Level. Jurnal CCIT. Tangerang: Perguruan        Tinggi Raharja. Vol. 4, No. 3, Mei2011.</ref>, "database adalahkumpulan fakta-fakta sebagai respresentasi dari dunia nyata yang salingberhubungan dan mempunyai arti tertentu." </p></div>

<p style="line-height: 2">Menurut Helmi Kurniawan dan Iwan Fitrianto Rahmad dalam jurnal CCIT Vol 5 No.2(2012:193) <ref name="helmi">

 

Kurniawan, Helmidan Iwan Fitrianto Rahmad. 2011. PerancanganSistem Pakar Untuk          MendeteksiPenyakit Pada Tanaman Cabe Dengan Metode CertaintyFactor.          jurnal CCIT.Tangerang: Perguruan Tinggi Raharja. Vol. 5 No. 2, Oktober 2011.</ref>“database atau basis dataterdiri dari semua fakta yang diperlukan, dimana fakta-fakta tersebut digunakanuntuk memenuhi kondisi dari kaidah-kaidah dalam sistem. Basis data menyimpansemua fakta, baik fakta awal pada saat sistem mulai beroperasi, maupunfakta-fakta yang diperoleh pada saat proses penarikan kesimpulan sedangdilaksanakan. Basis data digunakan untuk menyimpan data hasil observasi dandata lain yang dibutuhkan selama pemrosesan.</p></div>

<p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan diatas dapatditarik kesimpulan database adalah kumpulan informasi yang disimpan di dalamkomputer secara sistematik sehingga dapat diperiksa menggunakan suatu programkomputer untuk memperoleh informasi informasi dari basis data tersebut.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">2. Jenis Database Yang Digunakan</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1.    Web Server</p></div>

<p style="line-height: 2">Menurut Sibero (2013:11)<ref name="sibero"/>, web Server adalahsebuah komputer yang terdiri dari perangkat keras dan perangkat lunak. Secarabentuk fisik dan cara kerjanya, perangkat keras web Server tidak berbeda dngan komputer rumah atau PC, yangmembedakan adalah kapasitan dan kapabilitasnya. Perbedaan tersebut dikarenakan web Server bekerja sebagai penyedialayanan yang dapat diakses oleh banyak pengguna, sehingga dibutuhkan kapasitasdan kapabilitas yang besar dibandingkan PC. Dukungan perangkat lunak sangatdibutuhkan agar web Server dapatberjalan secara optimal.</p></div>

<p style="line-height: 2">Menurut Anhar (2010:4)<ref name="anhar">

<p style="line-height: 2">Menurut Ginting (2013:11), web servermerupakan inti dari suatu website.Melalui web server inilah kita dapatdapat melihat website yang ada di internet. webserver berfungsi sebagai pusat kontrol dari pengolahan data website sehingga setiap instruksi yang diberikanoleh pemakai internet akan diolah danselanjutnya dikembalikan lagi kepada pemakainya. Ada beberapa macam web server yang ada didunia, antara lainweb server milik Windows, yaitu Apache,Tomcat, IIS (''Internet Information Services''), dan lain sebagainya. Saat ini webserver yang paling banyak digunakan adalah Apache karena telah banyakmendukung format file server tanpa perlu tambahan komponenaplikasi lagi . Hal ini berbeda dengan IIS milik windows yang tidak dapatmembaca file sever dengan format PHP(IIS memerlukan komponen untuk menjalankan format file server PHP ini ) dalam keadaan default.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Berdasarkan ketiga pendapat yang dikemukakan diatas,maka dapat disimpulkan Web Server merupakansebuah perangkat lunak yang bertugas menerima permintaan client melalui portHTTP maupun HTTPS dan merubah isi yang ada ke dalam format HTML.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">2.    XAMPP</p></div>

<p style="line-height: 2">Menurut Wardana (2010:8)<ref name="wardana">

 

Wardana. 2010. Menjadi Master PHP Dengan Framework Codeigniter. Jakarta: Elex  Media Komputindo.</ref>, XAMPP adalah paket software yang didalamnya sudahterkandung Web Server Apache, databaseMySQL dan PHP Interpreter.</p></div>

<p style="line-height: 2">Menurut Ginting (2013:11)<ref name="ginting"/>, XAMPP adalah perangkat lunakgratis yang mendukung banyak sistem operasi dan merupakan kompilasi daribeberapa program. Fungsinya adalah sebagai serveryang terdiri sendiri (localcost),yang terdiri atas program Apache HTTP Server, MySQL database, dan penterjemah bahasa yang ditulis dengan bahasapemograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistemoperasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public Lisensi dan bebas,merupakan web server yang mudahdigunakan yang dapat melayani tampilam halaman web yang dinamis. Mengenal bagian XAMPP yang biasa digunakan padaumumnya:</p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">htdoc<p style="line-height: 2">adalah folder tempatmeletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML danskrip lain.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">php MyAdmin<p style="line-height: 2">merupakan bagian untukmengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browserlalu ketikkan alamat http://localhost/phpMyAdmin,maka akan muncul halaman php MyAdmin.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">Kontrol Panel<p style="line-height: 2">yang berfungsi untukmengelola layanan (service) XAMPP.Seperti menghentikan (stop) layanan,ataupun memulai (start).</p></li></ol>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux,FreeBSD, Mac Os X Server, Solaris, dan masih banyak lagi.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Bersifat open source MySQL didistribusikan secara open source, dibawah lisensi GNU general public lisence (GPL).</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Besifat multi-user. MySQL dapat digunakanoleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">MySQL memiliki kecepatan yang baik dalam menangani query, dengan kata lain dapat memproses lebih banyak SQL per satuanwaktu.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Dari segi security, atau keamanan data,MySQL memiliki beberapa lapisan security,seperti level subnet mask , nama host, dan izin akses user dengan sistem perizinan yangmendetail serta password yang terenkripsi.</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Selain MySQL bersifat fleksibel dengan berbagai pemograman, MySQL Juga memiliki antarmuka (interface) terhadap berbagaiaplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).</p>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Dukungan banyak komunitas, biasanya tergabung dalam sebuah forum untuk saling berdiskusimembagi informasi tentang MySQL.</p></li></ol>

 

===Konsep Dasar Internet===

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1.    Sejarah Internet'''</p></div>

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Komunikasi end to end berbagai jaringan berbeda</p>

 

<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">operasi otomatis dan sempurnadi dalam menghadapi terjadinya kegagalan hubungan data</p></li></ol>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Pada awal tahun 1980-an, ARPANET dipecah menjadi dua bagian, yaitu MILNET dan APRANET karenapertimbangan keamanan. Pihak militer berjalan terus dengan MILNET, dedangkanpenelitian, pengembangan dan sektor lain tetap memakai ARPANET. Pada pertengahan tahun 1980-an, NationalScience Foundation (NSF)  diWashington , D.C. mendistribusikan teknologiinternet kepada beberapa universitas. Selanjutnya internet pun mulai menyebar diseluruh dunia.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Pada tahun 1990, DOD memutuskan untuk membubarkan ARPANET dan menggantikannya dengan pendukung (backbone) NSFNET, bekerja sama denganagen jaringan lain. Hal inilah yang kemudian yang kemudian menjadi prinsippendukung jaringan internet.</p></div>

<p style="line-height: 2">Menurut Simarmata (2010:47), internet adalah kelompok atau kumpulan dari jutaan komputer.Penggunaan internet memungkinkan kitauntuk mendapatkan informasi dari komputer yang ada di dalam kelompok tersebutdengan asumsi bahwa pemilik komputer memberikan izin akses. Untuk mendapatkansebuah informasi, sekumpulan protokol harus digunakan, yaitu sekumpulan aturanyang menetapkan bagaimana suatu informasi dapat dikirim dan diterima.</p></div>

===Konsep Dasar Website===

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Murad dkk dalam Jurnal CCIT Vol.7 No.1 (2013:49), “website adalah sistem dengan informasiyang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpandalam sebuah server web internet yang disajikan dalam bentuk hypertext”.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Simarmata (2010:47), “website adalah sebuah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah server web internet yang disajikan dalam bentukhypertext. Informasi web dalam bentuk teks umumnya ditulisdalam format HTML (Hypertext MarkupLanguage). Informasi lainnya disajikan dalam bentuk grafis (dalam formatGIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya(seperti MIDI, Shockwave, Quicktime, Movie, 3D World). ”.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Berdasarkan beberapa pendapat yang dikemukakan diatas, maka dapatdisimpulkan website adalah sebuah tempat di internet, yang menyajikan informasidengan berbagai macam format data seperti teks gambar, bahkan video dan dapatdiakses menggunakan berbagai aplikasi clientshingga memungkinkan penyajian informasi yang lebih menarik dan dinamis denganpengelolaan yang terorganisasi.</p></div>

===Konsep Dasar HTML Dan HTTP===

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1.    Definisi HTML'''</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Simarmata (2010:52), HTML adalah bahasa markup untuk menyebaran informasi pada web. Ketika merancang HTML, ide inidiambil dari Standart Generalized MarkupLanguage (SGML). SGML adalah cara yang terstandarisasi daripengorganisasian dan informasi yang terstruktur di dalam dokumen atausekumpulan dokumen. Walaupun HTML tidak dengan mudah dapat dipahami kebanyakanorang, ketika diterbitkan penggunaanya menjadi jelas.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2.     Definisi HTTP'''</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Simarmata (2010:52), http adalah komponen sentrallainnya dari proyek awal di CERN. HTTP adalah protokol komunikasi stateless yang berbasiskan TPC yangawalnya digunakan untuk mengambil kembali file-fileHTML dari server web ketika dirancangpada tahun 1991. Versi 1.1 (ditetapkan di RFC2616) telah mengalami peningkatan.Versi ini mengizinkan client dan server menggunakan banyak header untuk menyampaikan statusinformasi dan deksripsi agen pengguna dan bertindak sebagai alat yang bersifatelementer untuk autentikasi pengguna. Versi awal yang diciptakan pada tahun1991, diacu sebagai HTTP versi 0.9, adalah protokol yang sederhana untuk komunikasiantara client dan server. Kebanyakan versi yang sekarangini ada berasal dari protokol HTTP versi 1.1.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">HTML dan HTTP telahdikembangkan lebih lanjut sejak pertama kali keduanya diusulkan. World Wide Web Consortium (W3C) padaawal Oktober 1994 dan temuan tim Berners-Lee telah menyatu dan memimpin evolusi tekhnis dari web. Sekarang ini, W3C Mempunyai anggota lebih dari 500 organisasi.Microsoft, IBM dan Ericsson adalah beberapa diantaranya menjadi anggota W3C.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut survei Natcraf,pada awal Oktober 2008 jumlah webmencapai angka 182.226.259 diseluruh dunia. Ada pertambahan 7,2 jutadari bulansebelumnya. Jumlah tersebut sangat fantastis. Salah satu penyebabnya adalahkemunculan blogging on-line dankomunitas web.</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. Definisi Testing'''</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Simarmata (2010:283), pengujian adalah sebuah prosesterhadap aplikasi/program untuk menemukan segala kesalahan den segalakemungkinan yang akan menimbulkan kesalahan sesuai spesifikasi perangkat lunakyang telah ditentukan sebelum aplikasi tersebut diserahkan kepada costumer .</p></div>

<p style="line-height: 2">Pengujian merupakanproses eksekusi program yang telah selesai dibuat yang bertujuan untukmenemukan kesalahan. pengujian merupakanbagian tak terpisahkan dari suatu perangkat lunak. Proses pengujian juga mempengaruhimasa penggunaan suatu perangkat lunak. Semakin rinci proses pengujian yangdilakukan, akan semakin lama rentang waktu yang diperlukan antara maintenancesatu dan selanjutnya. Pengujian perangkat lunak dilakukan pada setiap tahappengembangan hingga pada maintenanceperangkat lunak.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Cara pandang terhadapperangkat lunak berkembang menjadi lebih konstruktif. Pengujian tidak lagidipandang sebagai aktivitas yang hanya dilakukan setelah pengodean perangkatlunak selesai dengan batasan sebagai pendeteksi kegagalan perangkat lunak,melainkan sebgai aktivitas yang menuntun keseluruhan proses pengembanganperangkat lunak dan pemeliharaan. Pengujian pun menjadi bagian penting darisuatu kontruksi perangkat lunak.</p></div>

<p style="line-height: 2">Pengujian perangkatlunak merupakan aktivitas menantang yang melibatkan beberapa kegiatan yangsaling berkaitan satu sama lain. Di awal pengujian, hal yang perlu dilakukanadalah pemilihan dan perencanaan pengujian dengan memperhatikan teknik-teknikpengujian yang mungkin dilakukan terhadap pengujian perangkat lunak tersebut.Pemilihan dilakukan dengan metode analisis sederhana yang efektif biayanya.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Black-Box Testing'''</p></div>

<p style="line-height: 2">Menurut Simaremare dkk dalam Jurnal teknik POMITS Vol. 2 No. 3 (2013:471), pengujianini melibatkan pengecekan unit-unit aplikasi sebagai sebuah peralatan yangdiharapkan memiliki masukan dan keluaran tertentu, tetapi proses internal nyatidak diketahui (seperti sebuah black box).</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Menurut Simarmata (2010:316), klasifikasi black box testingmencakup beberapa pengujian yaitu:</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1.     Pengujian fungsional (functional testing)'''</p></div>

<p style="line-height: 2">Pada jenis pengujianini, perangkat lunak diuji untukpersyaratan fungsional. Pengujian dilakukandalam bentuk tertulis untuk memeriksa apakah aplikasi berjalan seperti yangdiharapkan. Walaupun pengujian fungsional sudah sering dilakukan di bagianakhir dari siklus pengembangan,masing-masing komponen dan proses dapat diujipada awal pengembangan, bahkan sebelum sistem berfungsi, pengujian ini sudahdapat dilakukan pada seluruh sistem. Pengujian fungsional meliputi seberapabaik sistem melaksanakan fungsinya, termasuk perintah-perintah pengguna,manipulasi data, pencarian dan proses bisnis, pengguna layar, dan integrasi.Pengujian fungsional jugameliputi permukaan yang jelas dari jenisfungsi-fungsi, serta operasi back-end(seperti, keamanan danbagaimana meningkatkan sistem).</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2.     Pengujian tegangan(stress testing)'''</p></div>

<p style="line-height: 2">Pengujian tegangan berkaitan dengan kualitas aplikasi didalam lingkungan. Idenya adalah untukmenciptakan sebuah lingkungan yang lebih menurut aplikasi, tidak seperti saataplikasi dijalankan pada beban kerja normal. Pengujian ini adalah hal yangpaling sulit, cukup kompleks dilakukan,dan memerlukan upaya bersama dari semua tim.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3.     Pengujian beban (load testing)'''</p></div>

<p style="line-height: 2">

Pada pengujian beban,aplikasi akan diuji dengan beban berat atau masukan, seperti yang terjadi padapengujian situs web, untuk mengetahui apakah aplikasi/situs gagal ataukinerjanya menurun. Pengujian beban  beroperasipada tingkat beban standar, biasanya beban tertinggi akan diberikan ketikasistem dapat menerima dan tetap berfungsi dengan baik. Perlu diketahui bahwapengujian beban tidak bertujuan untuk merusak sistem dengan banyak hal, namunmencoba untuk menjaga agar sistem selalu kuat dan berjalan dengan lancar.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''4.      Pengujian khusus (ad-hoc testing)'''</p></div>

<p style="line-height: 2">

Jenis pengujian inidilakukan tanpa penciptaan rencanapengujian (testplan) atau kasus pengujian (testcase). Pengujian khusus membantu dalam menentukan lingkup dan durasi dariberbagai pengujian lainnya dan juga mambantu para penguji dalam mempelajariaplikasi sebelum memulai pengujian dengan pengujian lainnya. Pengujian inimerupakan metode pengujian formal yang paling sedikit. Salah satu penggunaanterbaik dari pengujian khusus adalah untuk penemuan. Membaca persyaratan atauspesifikasi (jika ada) jarang memberikan panduan yang jelas mengenai bagaimanasebuahprogram benar-benar bertindak, bahkan dokumentasi pengguna tidakmenangkap “look and feel” dari sebuahprogram. Pengujian khusus dapat menentukan lubang-lubang dalam pengujianstrategi dan dapat mengekspos hubungan di antara subsistem lain yang tidakjelas. Dengan cara ini, pengujian khusus berfungsi sebagai alat untuk memeriksakelengkapanyang diuji.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''5.      Pengujian penyelidikan (exploratory testing)'''</p></div>

<p style="line-height: 2">

Pengujian penyelidikanmirip dengan pengujian khusus dan dilakukan untuk mempelajari/mencari aplikasi.Pengujian penyelidikan perangkat lunak ini merupakan pendekatan yang menyenangkanuntuk pengujian.</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''6.     Pengujian usabilitas (usability testing)'''</p></div>

<p style="line-height: 2">

Pengujian ini disebut juga sebagai pengujian untuk keakraban pengguna (testing foruser-friendliness). Pengujian ini dilakukan jikaantarmuka pengguna dari aplikasinya penting dan harus spesifik untuk jenispengguna tertentu. Pengujian usabilitas adalah proses yang bekerja denganpengguna akhir secara langsungmaupun tidak langsung untuk menilai bagaimanapengguna merasakan paket perangkat lunak dan bagaimana mereka berinteraksidengannya. Proses ini akan membongkar area kesulitan pengguna seperti halnyaarea kekuatan. Tujuan daripengujian usabilitas harus membatasi dan menghilangkankesulitan bagi pengguna dan untuk memengaruhi area yang kuat untuk usabilitasmaksimum. Pengujian ini idealnya melibatkan masukan dari pengguna secaralangsung maupun tidak langsung (mengamati perilaku) dan bila memungkinkanmelibatkan komputer yang didukung umpan balik. Komputer yang didukung umpanbalik sering kali (jika tidak selalu) dihilangkan untuk proses ini. Komputeryang didukung dengan umpan balik dapatberperan sebagai pengatur waktu (timer) pada dialog untuk memonitorbeberapa lama waktu yang diperlukan pengguna untukmenggunakan dialog dan alatpenghitung (counter) untuk menentukanseberapa sering kondisi tertentu terjadi (misalnya, pesan eror, bantuan pesan,dan lain-lain). Biasanya, proses tersebut melibatkan modifikasi sepele (trivial) dari perangkat lunak yangsudah ada, namun dapat berakibat besar terhadap laba atas investasi. Akhirnya,pengujian usabilitas mengakibatkan perubahan pada produk yang diberikan sesuaidengan penemuan yang dibuat mengenai kegunaan. Perubahan ini harus secaralangsung berkaitan dengan kegunaan dunia nyata dengan pengguna pada umumnya.Dokumentasi harus ditulis sebanyak mungkin untuk mendukung perubahan sehinggamempermudah penanganan situasi yang sama di masa mendatang.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''7.     Pengujian asap (smoke testing)'''</p></div>

<p style="line-height: 2">

Jenis pengujian inidisebut juga pengujian kenormalan (sanitytesting). Pengujian ini dilakukan untuk memeriksa apakah aplikasi tersebutsudah siap untuk pengujian yang lebih besar dan bekerja dengan baik tanpa celasampai tingkat yang paling diharapkan. Pada sebuah pengujian baru atauperbaikan peralatan yang terpasang, jika aplikasi “berasap”, aplikasi tersebut tidakbekerja! Istilah ini juga merujuk kepada pengujian fungsi perangkat lunakdasar. Istilah ini awalnya tercipta dalam manufaktur kontainer dan pipa, ketikasmoke telah diperkenalkan untuk menentukan apakah ada kebocoran. Praktik umumdi Microsoft dan beberapa perusahaan perangkat lunak shrink-wrap lainnya adalah proses ”daily build and smoke test”. Setiap file dikompilasi,dihubungkan,dan digabungkan menjadi sebuah program yang dapat dieksekusi setiaphari, dan program ini kemudian dimasukkan melalui “pengujian asap” (smoke test) yang relatif sederhanauntuk memeriksa apakah produk “berasap”  ketika produk dijalankan.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''8.      Pengujian pemulihan (recovery testing)'''</p></div>

<p style="line-height: 2">

Pengujian pemulihan (recovery testing) pada dasarnyadilakkan untuk memeriksa seberapa cepat dan baiknya aplikasi bisa pulihterhadap semua jenis crash atau kegagalan hardware,masalah bencana, dan lain-lain. Jenis atau taraf pemulihan ditetapkan dalampersyaratan spesifikasi.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''9.     Pengujian volume (volume testing)'''</p></div>

<p style="line-height: 2">

Pengujian volumedilakukan terhadap efisiensi dari aplikasi. Jumlah data yang besar diprosessmelalui aplikasi (yang sedang diuji) untuk memerikas keterbatasan ekstrem darisistem. Pengujian volume, seperti namanya, adalah pengujian sebuah sistem (baikperangkat keras dan perangkatlunak) untuk serangkaian pengujian dengan volumedata yang diproses adalah subjek dari pengujian, seperti sistem yang dapatmenangkap sistem pengolahan transaksi penjualan real-time atau dapat membarui basis data atau pengembalian data(data retrieval). Pengujian volumeakan berusaha memastikan batas-batas fisik dan logis untuk sebuah kapasitassistem dan memastikan apakah batasan dapat diterima untuk memenuhi proyeksikapasitas dari pengolahan bisnisorganisasi.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''10. Pengujian domain (domain testing)'''</p></div>

<p style="line-height: 2">

Pengujian domainmerupakan penjelasan yang paling sering menjelaskan teknik pengujian. Beberapapenulis hanya menulis tentang pengujian domain ketika mereka menulis desainpengujian. Dugaan dasarnya adalah bahwa anda mengambil ruang pengujiankemungkinan dari variable individu dan membaginya lagi ke dalam subset (dalambeberapa cara) yang sama. Kemudian, anda menguji perwakilan dari masing-masingsubset.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''11. Pengujian skenario(scenario testing)'''</p></div>

<p style="line-height: 2">

Pengujian skenarioadalah pengujian yang realistis,kredibel dan memotivasi stakeholders, tantanganuntuk program dan mempermudahpenguji untuk melakukan evaluasi. Pengujian inimenyediakan kombinasi variable-variable dan fungsi yang sangat berarti daripadakombinasi buatan yanganda dapatkan dengan pengujian domain atau desain pengujiankombinasi.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''12.  Pengujian regresi (regression testing)'''</p></div>

<p style="line-height: 2">

Pengujian regresiadalah gaya pegujian yang berfokus padapengujian ulang (retesting) setelah ada perubahan. Pada pengujian regresiberorientasi risiko (risk-orientedregression testing), daerah yang sama yang sudah diuji, akan kita uji lagidengan pengujian yang berbeda (semakin kompleks). Usaha pengujian regresibertujuan untuk mengurangi risiko berikut ini:</p></div>

<p style="line-height: 2">a.     Perubahan yang dimaksudkan untuk memperbaiki bugyang gagal.</p></div>

<p style="line-height: 2">b.      Beberapa perubahan memiliki efek samping, tidak memperbaiki bug lama atau memperkenalkan bug baru.</p></div>

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''13.  Penerimaan pengguna (user acceptance)'''</p></div>

 

<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">

<p style="line-height: 2">Pada jenis pengujian ini, perangkat lunak akan diserahkan kepada pengguna untuk mengetahui apakah perangkat lunak memenuhi harapan pengguna dan bekerja seperti yang diharapkan.Pada pengembangan perangkat lunak, useracceptance testing (UAT), juga disebut pengujian beta (beta testing), pengujian aplikasi (application testing),dan pengujian pengguna akhir (end usertesting) adalah tahapanpengembangan perangkat lunak ketika perangkat lunak diuji pada “dunia nyata”yang dimaksudkan oleh pengguna. UAT dapat dilakukan dengan in-house testing dengan membayar relawan atau subjek pengujianmenggunakan perangkat lunak atau,biasanya mendistribusikan perangkat lunaksecara luas dengan melakukan pengujian versi yang tersedia secara gratis untukdiunduh melalui web. Pengalaman awal penggunaakan diteruskan kembali kepadapara pengembang yangmembuat perubahan sebelum akhirnya melepaskan perangkatlunak komersial.</p></div>

<p style="line-height: 2">'''14. Pengujian alfa (alpha testing)'''</p></div>

<p style="line-height: 2">Pada jenis pengujian ini, pengguna akan diundang ke pusat pengembangan. Pengguna akan menggunakanaplikasi dan pengembang mencatat setiap masukan atau tindakan yang dilakukanoleh pengguna. Semua jenis perilaku yang tidak normal dari sistem dicatat dandikoreksi oleh para pengembang.</p></div>