Transcription
BAB 2LANDASAN TEORI2.1Teori Umum2.1.1 Pengertian Sistem Informasi2.1.1.1 Pengertian SistemMenurut Abdul Kadir (2014:61), sistem adalahsekumpulan elemen yang saling terkait atau terpadu baran jika dalam sebuah sistem terdapat sebuah elemenyang tidak memberikan manfaat dalam mencapai tujuan yangsama maka elemen tersebut dapat dipastikan bukanlah bagiandari sistem.Ada 3 elemen yang membentuk sebuah sistem yaitu :-InputSegala sesuatu yang masuk ke dalam sistem danselanjutnya menjadi bahan untuk di proses.-ProsesBagian yang melakukan perubahan dari input menjadioutput yang berguna, misalnya berupda informasi danproduk, tetapi juga bisa berupa hal-hal yang tidakberguna, misalnya sisa pembuangan atau limbah.-OutputHasil dari pemrosesan, misalnya berupa suatu informasi,saran, cetakan laporan, dll.Berdasarkan pengertian diatas dapat disimpulkansistem adalah cara yang kita lakukan untuk mencapai tujuanyang telah kita buat mulai dari menginput sesuatumemprosesnya kemudian menghasilkan output.7
82.1.1.2 Pengertian Data dan InformasiMenurut Deni Darmawan dan Kunkun Nur Fauzi(2013:2), Informasi adalah hasil dari pengolahan data yangmemiliki makna atau arti.Menurut Deni Darmawan dan Kunkun Nur Fauzi(2013:1), data adalah fakta atau apa pun yang dapatdigunakan sebagai input dalam menghasilkan informasi.Berdasarkan pengertian diatas, dapat disimpulkanbahwa data adalah fakta yang kita peroleh yang belum diolahdan disusun sedangkan informasi adalah kumpulan data yangtelah disusun dan di proses.2.1.1.3 Pengertian Sistem InformasiMenurut Deni Darmawan dan Kunkun Nur Fauzi(2013:13), sistem informasi adalah kumpulan dari subsistemyang saling berhubungan satu sama lain dan bekerja samauntuk mengelolah data menjadi informasi yang berguna.Berdasarkan pengertian diatas, dapat disimpulkanbahwa sistem informasi merupakan cara kita menentukan halapa saja yang kita perlu untuk mengelolah data yang telahkita peroleh menjadi informasi yang berguna.2.1.2Pengertian WebMenurut Abdul Kadir (2014:310), World Wide Web (WWW)adalah sistem pengakses informasi dalam internet yang biasa dikenaldengan istilah web.Web menggunakan protokol yang disebut HTTP (HyperTextTransfer Protocol) yang berjalan pada TCP/IP. Dengan menggunakan
9HyperText, pemakai dapat melompat dari suatu dokumen ke dokumenlain dengan mudah, dengan cukup mengklik text-text khusus yangpada awalnya ditandai dengan garis bawah.Penggunaan HyperText pada web juga telah dikembangkanlebih jauh menjadi HyperMedia. Dengan menggunakan pendekatanHyperMedia, tidak hanya text yang dapat dikaitkan, melainkan jugagambar, suara, dan bahkan video.Beberapa istilah yang berkaitan dengan web :1. WebsiteKomputer yang dihubungkan ke internet yang terdiridari hypermedia dan dapat diakses dari berbagai komputeryang ada dalam suatu jaringan melalui hypertext link.Menurut Honni, Fitri Amelia dalam jurnalnya yangberjudul “Pengembangan Website E-Marketing: Studi KasusPada Pt. Usaha Gedung Bank Dagang Negara. JurnalComTech” mengatakan bahwa website juga dapat diartikansebagai suatu ruang informasi di dalam internet yang dapatdiakses atau dilihat dari berbagai penjuru dunia, kapanpun dandimanapun, selama mempunyai koneksi internet.Pemakaian website dapat mempromosikan perusahaan,produk, jasa, dan lain sebagainya.2. Hypertext LinkPenunjuk beberapa text atau grafik yang digunakan untukmengakses hypertext yang disimpan dalam website.3. Web PageFile hypermedia yang disimpan pada alamat website.
104. Home PageHalaman pertama dari website.5. URLMerupakan singkatan dari Universal Resource Locator yangdigunakan untuk merujuk alamat webpage.6. ProtokolKumpulan dari berbagai standar yang mengatur komunikasidata. HTTP merupakan protokol untuk hypertext, kepanjangandari hypertext transport protocol. Protokol umun lainnya padaweb adalah FTP (File Transfer Protocol).7. Domain NameAlamat website dimana web disimpan.8. PathDirektori atau subdirektori tertentu dan file pada website,HTML, atau HTM merupakan sisipan kode program yangmerancang file hypertext.9. BrowserPerangkat lunak yang digunakan untuk mencari dan membacafile pada internet yang ditulis dalam hypertext markuplanguage.Menurut Rashad Yazdanifard, Melissa Venpin, Wan FadzilahWan Yusoff , dan Mohammad Rabiul Islam. (2011) dalam jurnalnyayang berjudul “Internet Marketing: The New Era of Innovation in Ecommerce. International Conference on Software and ComputerApplications IPCSIT” mengatakan bahwa suatu situs web dinyatakansukses apabila informatif, menghibur, menantang, dan unik dimanahomepage dari situs tersebut harus pendek, jelas dan sederhana.
11Berdasarkan pengertian diatas, dapat disimpulkan udahkan para pengguna dalam mengakses informasi-informasimelalui jaringan internet dimana informasi tersebut tidak hanyaberupa text tetapi bisa juga berupa gambar, video, suara, dan animasi.Dokumen-dokumen informasi ini disimpan atau dibuat dengan formatHTML (Hypertext Markup Language).2.1.3 Pengertian PemasaranMenurut Kotler dan Keller (2012:5), pemasaran adalah prosesmengidentifikasi dan memenuhi kebutuhan manusia dan sosial.Pemasaran meliputi keputusan seperti siapa target pelanggandan pasar dari suatu perusahaan, menentukan produk dan jasa yangakan ditawarkan agar kebutuhan pelanggan dapat terpenuhi,bagaimana cara mengatur harga, menentukan saluran distribusi apayang akan digunakan dan bagaimana mengembangkan kemitraan sertamenjalin hubungan yang baik dengannya.Berdasarkan pengertian diatas, dapat disimpulkan bahwapemasaran adalah suatu proses pengenalan produk perusahaan kepadamasyarakat untuk memperluas penjualan dan mengetahui sertamemahami kebutuhan pelanggan untuk memuaskan kebutuhanindividu dan organisasi.2.1.4Pengertian Analisa SistemMenurut Abdul Kadir (2014:345), analisa sistem adalah prosesuntuk menentukan hal-hal detail tentang yang akan dikerjakan olehsistem yang diusulkan (dan bukan bagaimana caranya). Tahapananalisa sistem dilakukan untuk mengembangkan sistem yang sudahada atau mengatasi masalah-masalah yang belum tertangani.
12Berdasarkan pengertian diatas, dapat disimpulkan bahwaanalisa sistem adalah sebuah pembelajaran mengenai sistem yangsedang berjalan saat ini untuk dapat bisa merancang sistem baru untukmemberikan sistem yang terbaik bagi para user.2.1.5Pengertian Perancangan SistemMenurut Deni Darmawan dan Kunkun Nur Fauzi (2013:228),perancangansistem adalah sebuah proses yang menentukanbagaimana suatu sistem akan menyelesaikan apa yang mestidiselesaikan.Tahap ini dapat berupa penggambaran, perencanaan danpembuatan sketsa atau pengaturan dari beberapa elemen yang terpisahke dalam satu kesatuan yang utuh dan berfungsi.Berdasarkan pengertian diatas, dapat disimpulkan bahwaperancangan sistem adalah suatu proses yang menggambarkanbagaimana suatu sistem dibentuk mulai dari diagram berdasarkanproses bisnis yang ada seperti use case diagram.Kemudian wireframe, hingga codingan. Sehingga dapatmemberikan gambaran secara umum kepada user tentang sistem yangbaru.2.1.6Pengertian UMLMenurut Herlawati dan Widodo (2011:10), UML merupakansingkatan dari “Unified Modelling Language” adalah suatu bahasayang sudah menjadi standar pada visualisasi, perancangan dan jugapendokumentasian sistem software.
13Berikut ini adalah salah satu contoh UML yaitu :Use Case DiagramUse case diagram adalah diagram yang dibuat untukmengidentifikasi bagaimana penggunaan dari system tersebutdan menentukan pelaku mana saja yang terlibat dalam kasuskasus tersebut. Use case diagram juga berfungsi sebagai daftarisi untuk kegiatan bisnis yang didukung oleh sistem.Tabel 2.0 Notasi Usecase DiagramSumber : John W. Satzinger, Robert B. Jackson, Stephen D. Burd, 2005
142.1.7Pengertian ERDMenurut Deni Darmawan dan Kunkun Nur Fauzi (2013:239),ERD(EntityRelationshipDiagram) merupakan diagramyangmenggambarkan persepsi dari pemakai dan berisi objek-objek dasaryang disebut entitas dan hubungan antar entitas tersebut yang disebutrelationship.Entitas adalah objek yang dapat dibedakan dengan yang laindalam dunia nyata. Entitas dapat berupa objek secara fisik sepertiorang, rumah, atau kendaraan. Entitas dapat pula berupa objek secarakonsep seperti pekerjaan, dan perusahaan.Atribut adalah karakteristik dari entitas atau relationship, yangmenyediakan penjelasan detail tentang entitas atau relationshiptersebut. Nilai Atribut merupakan suatu data aktual atau informasiyang disimpan pada suatu atribut di dalam suatu entitas ataurelationship
15Gambar 2.0 ERD (Entity Relationship Diagram), Sumber : John Paul Mensah, 2004.2.1.8Pengertian HTML 5Menurut Richard Clark, Oli Studholme, Christopher Murphyand Divya Manian (2012:3), HyperText Markup Language 5 atauyang lebih dikenal dengan HTML 5 adalah suatu spesifikasi ataustandar yang dikeluarkan oleh W3C (World Wide Web Consortium)sebagai revisi dari standar HTML (HyperText Markup Language).HTML5 merupakan penyempurnaan dari versi HTML yangsebelumnya yaitu HTML 401.
162.1.9 WireframeRancangan hasil akhir layout dari setiap halaman website yangakan dibentuk.Gambar 2.1 Contoh Wireframe Website, Sumber : Ali, 2014.
172.2Teori Khusus2.2.1Pengertian E – MarketingMenurut Juniardi, Idris Gautama So. (2012) dalam jurnalnyayang berjudul “E-Marketing Berbasis Web Untuk MemenangkanPersaingan Bisnis. Jurnal Binus Business Review” menjelaskan emarketing sebagai berikut :E-marketing adalah proses pemasaran secara online melaluiteknologi elektronik dalam memasarkan dan mempromosikanproduk dan jasa yang bertujuan untuk menjangkau pasar yanglebih luas serta mempertahankan hubungan dengan pelanggandan memberikan kepuasan terhadap nditerapkan, perusahaan diharapkan mampu memperluas pangsapasarnya karena internet tidak mengenal batasan waktu dan tempat.Perusahaan akan menerapkan sistem pemasaran online berbasis web.Dimana melalui situs web ini akan pemberian informasi mengenaiinformasi dari perusahaan, penawaran jasa dan produk kepadapelanggan lebih difokuskan.Menurut Sanjay Hooda dan Sandeep Aggarwal. (2012) dalamjurnalnya yang berjudul“Consumer Behaviour Towards E-Marketing: A Study Of Jaipur Consumers. International ngdapatdidefinisikan sebagai pemasaran produk dan jasa di media elektronik.E-marketing adalah salah satu alat terbaru yang muncul di duniapemasaran.
182.2.2Pengertian SEOMenurut Su Rahman (2015:3), SEO adalah serangkaian teknikyang dilakukan agar website dapat dengan mudah di ketemukan olehpencari informasi melalui search engine, dalam hal ini adalah google.Teknik yang digunakan adalah dengan mengoptimalkan keywordmelalui meta tag.Berdasarkan pengertian diatas, dapat disimpulkan SEO adalahsuatu cara yang dapat mempermudah perusahaan dalam memasarkanproduk atau jasanya ke seluruh penjuru dunia karena website dimilikisuatu perusahaan dapat dengan mudah ditemukan oleh pencariinformasi melalui search engine, seperti google.2.2.3Statistik Mobile User di IndonesiaBerikut ini adalah statistik mobile user dari Ericsson padaNovember 2015 :
19Tabel 2.1 Tabel Key Figures EricssonSumber : Patrik Cerwall, 2015.Berdasarkan diagram diatas, dapat terlihat pada tabel mobilesubscription essentials, traffic essential, mobile traffic growthforecast, dan monthly data traffic per smartphone adanya perbedaantotal pengguna untuk tahun 2014 dan 2015, dimana jumlah penggunadi tahun 2015 meningkat dibanding tahun sebelumnya yaitu tahun2014.
20Selain itu juga terdapat perkiraan jumlah pengguna di tahun2021. Contohnya pada tabel monthly data traffic per smartphone padatahun 2015 di Asia Pacific jumlah penggunaan mobile data di tahun2015 adalah sebesar 1.0GB/bulan, pada tahun 2021 diperkirakanjumlah pengguna mobile data adalah sebesar 6.9GB/bulan.Gambar 2.2, Sumber : Patrik Cerwall, 2015.Diagram diatas menjelaskan jumlah pengguna global mobilemeningkat 5% setiap tahunnya. Pada tabel (sebelah kiri) pada akmenggunakan internet dengan total lebih dari 13 juta penduduk ( 13juta), diiikuti oleh China dengan lebih dari 7 juta penduduk ( 7 juta),US lebih dari 6 juta penduduk ( 6 juta), Myanmar lebih dari 5 juta
21penduduk ( 5 juta), dan Nigeria dengan lebih dari 4 juta penduduk( 4 juta).Pada tabel sebelah kanan menjelaskan peningkatan jumlahmobile subscription globaly untuk tahun 2015 dimana terdapat 87 jutapengguna baru yang terdiri dari Latin America dan Western Europesebesar 1 juta pengguna baru, Central and Eastern Europe sebesar 4juta pengguna baru, Middle East sebesar 5 juta pengguna baru, NorthAmerica sebesar 6 juta pengguna baru, China sebesar 7 juta penggunabaru, India sebesar 13 juta pengguna baru, Africa sebesar 24 jutapengguna baru, dan APAC dengan total pengguna baru terbanyaksebesar 26 juta pengguna baru.
22Gambar 2.3, Sumber : Patrik Cerwall, 2015.Diagram diatas menjelaskan perkiraan jumlah penggunamobile data di tahun 2021, dimana jumlah pengguna internet melaluismartphone lebih banyak dibanding dengan jumlah pengguna internetmelalui PC, tablet dan mobile router.Dapat dilihat pula Asia Pacific akan menjadi negara denganpengguna mobile data terbanyak untuk tahun 2021, apabila ditahun2015 jumlah pengguna di kisaran 0-5 EB/bulan maka di tahun 2021jumlah pengguna akan berada di kisaran 20-25 EB/bulan.
232.2.4 Pengertian RWDMenurut Abdulrehman A. Mohamed, Cheruiyot W.K, PhD,Richard Rimiru, PhD, & Collins Ondago.(2014) dalam jurnalnya yangberjudul “Responsive Web Design inFluid Grid Concept LiteratureSurvey. The International Journal Of Engineering And Science(IJESRWD (Responsive Web Design)” menjelaskan RWD sebagaiberikut:RWD (Responsive Web Design) adalah pendekatan desain webyang menyesuaikan tampilannya mulai dari ponsel ke monitor,komputer, dan desktop, sehingga mempermudah pelanggan dalammengakses web tersebut di device apapun serta memberikanpengalaman melihat tampilan web dengan optimal.RWD (Responsive Web Design) juga diartikan sebagai sebuahteknik yang digunakan untuk membuat layout website menyesuaikandiri dengan tampilan device pengunjung, baik ukuran maupunorientasinya. Jadi tampilan yang berada di desktop komputer dengantampilan yang diakses melalui Smartphone akan berbeda tampilannya.Responsive Web Design juga merupakan sebuah pendekatanuntuk desain website yang bertujuan untuk menyusun situs untukmemberikan tampilan yang optimal dan pengalaman interaksimembaca yang mudah serta navigasi dengan minimal mengubahukuran, panning, dan berfokus di berbagai perangkat (dari desktop,monitor, komputer ke ponsel).Halaman website harus terlihat baik, dan mudah digunakan,terlepas dari perangkat. Halaman web tidak harus meninggalkan atautidak memasukkan informasi untuk menyesuaikan perangkat yanglebih kecil, melainkan isinya harus sesuai untuk semua perangkat yangdigunakan.
24Gambar 2.4 Tampilan RWD dari desktop, tablet, smartphone,Sumber : Freshlinx Web Design, 2013.Di dalam Responsive Web Design ada yang disebut puladengan Viewport, yang dimaksud dengan Viewport adalah daerahyang terlihat oleh pengguna dari halaman web. Viewport bervariasidengan perangkat, dan akan lebih kecil pada ponsel daripada di layarkomputer.Sebelum tablet dan ponsel, halaman web yang ada hanyadirancang untuk layar komputer saja, dan itu merupakan hal yangumum untuk sebuah website untuk memiliki desain yang statis danukuran yang tetap.Saat internet mulai digunakan untuk tablet dan ponsel,halaman website yang memiliki ukuran tetap terlalu besar untukdimuat didalam Viewport. Untuk memperbaiki ini, browser pada
25perangkat harus diperkecil agar sesuai dengan layar. Untukmenyesuaikannya digunakan meta tag.Berikut adalah contoh dari halaman web tanpa meta tagviewport yang, dan halaman web yang sama dengan Viewport meta tag :Gambar 2.5 Tidak menggunakan viewport meta tag,Sumber : W3schools, 2016.
26Gambar 2.6 Menggunakan viewport meta tag, Sumber : W3schools, 2016.Banyak halaman website didasarkan pada Grid-View,yang berarti bahwa halaman dibagi menjadi kolom:Gambar 2.7 Grid View, Sumber : W3schools, 2016Menggunakan Grid-View akan sangat membantu ketikamendesain sebuah halaman website karena akan membuat lebihmudah untuk menempatkan elemen pada halaman.
27Sebuah responsif Grid-View sering memiliki 12 kolom, danmemiliki lebar total 100%, dan akan menyusut dan memperluas ketikadilakukan pengubahan pada ukuran jendela browser.Gambar 2.8 Pembagian Kolom Grid View, Sumber:W3schools, 2016Berikut ini adalah contoh website menggunakanResponsive Web Design :Gambar 2.9 Contoh website yang menggunakan RWD, Sumber: Designmodo, 2015.
28Gambar 2.10 Contoh website yang menggunakan RWD, Sumber : Designmodo,2015.2.2.5 Pengertian SOSTAC(R)Menurut Dave Chaffey dan PR Smith (2013:3),pengertian SOSTAC(R) adalah berikut ini :1. Situation AnalysisTahap pertama, membahas tentang analisisSWOT untuk mengetahui kekuatan dan kelemahan dariinternal perusahaan serta peluang dan ancaman darieksternal perusahaan. Setelah itu, menganalisis pesaingdari perusahaan tersebut dan melakukan demandanalysis.
29Gambar 2.11 SWOT (Strenghts, Weaknesses,Opportunities, Threats), Sumber : Concept Draw, 2015.2. ObjectiveTahap kedua, membahas tentang bagaimanaperusahaan memperluas pangsa pasar, meningkatkanpenjualan, dan menghemat biaya pemasaran. Hal inidapat dicapai dengan cara menggunakan 5S yaitu : SellMerupakan manfaat dari penerapan e-marketingyang membantu dalam meningkatkan penjualanproduk atau jasa perusahaan.
30 SpeakMerupakan tujuan dari penerapan e-marketinguntuk lebih dekat dengan pelanggan. ServeMerupakan tujuan dari penerapan e-marketinguntuk menambah value bagi pelanggan. SaveMerupakan tujuan dari penerapan e-marketinguntuk mengurangi biaya promosi yang seringdikeluarkanolehperusahaansebelummenerapkan e-marketing. SizzleMerupakan tujuan dari penerapan e-marketinguntuk meningkatkan brand awareness melaluijalur online.Gambar 2.12 5S’s (Sell, Speak, Serve, Save, Sizzle),Sumber : Smart Insight.
313. StrategyTahap ketiga, membahas tentang strategi yang akandisusun oleh perusahaan untuk mencapai tujuan yangtelah dibuat yaitu : SegmentationSuatu perusahaan mampu mengidentifikasi danmenjangkau daerah yang ingin dijadikan targetpasar, sehingga perusahaan dapat memperluastarget pasarnya. tifikasi siapa target pelanggan yangingin dijangkau suatu perusahaan. imana untuk menonjolkan manfaat sebagaikeuntungan diferensial atas produk saingan.
32Gambar 2.13 Segmentation, Targeting, Positioning (STP), Sumber : LarsPerner, 2010.4. TacticTahap keempat, membahas tentang bagaimana caraperusahaan membuat strategi e-marketing berdasarkan4P yaitu : ProductProdukyangdijualperusahaanharusmenyesuaikan dengan kebutuhan pelanggan danprodukyangdipromosikansecaraonlinemaupun offline harus sama. PriceUnsur price mengacu pada harga yang inginditawarkan organisasi kepada pelanggan denganmempertimbangkan beberapa model harga yangdinamis. PromotionPromosi yang dilakukan secara online dapatmempermudah perusahaan untuk melakukan
33promosi kapanpun atau dimanapun sehinggapelanggan dapat melihat promosi langsung darionline. PlaceDengan penjualan secara online memudahkanpemasaran, pembelian produk yang akan dibelioleh pelanggan.Gambar 2.14 Marketing Mix (4P)Sumber: Business Fundas, 2016.
345. ningkatkantahapanpemasarannya.Contohnya seperti membuat website e-marketing yangberisi informasi produk suatu perusahaan.6. ControlTahap keenam, membahas tentang bagaimana caraperusahaan mengontrol action yang telah dilakukanuntuk mengetahui sejauh mana perkembangan darisistem tersebut.Gambar 2.15 SOSTAC(R), Sumber : Smart Insight.
352.2.6 Kerangka PikirKerangka Pikir merupakan langkah-langkah atau tahapan-tahapanyang dilakukan dalam membuat strategi e-marketing denganmenggunakan kerangka SOSTAC(R).Gambar 2.16 Kerangka Pikir.
36Berdasarkan gambar diatas, tahapan-tahapan yang dilakukandalam membuat strategi e-marketing dengan menggunakan kerangkaSOSTAC(R) adalah situation analysis artinya melakukan analisisSWOT untuk mengetahui kekuatan dan kelemahan dari internalperusahaan serta peluang dan ancaman dari eksternal perusahaan.Setelah itu, menganalisis pesaing dari perusahaan tersebut.Kemudian, Tahap kedua adalah objective artinya menentukanbagaimana perusahaan memperluas pangsa pasar, meningkatkanpenjualan, dan menghemat biaya pemasaran. Objective terbagimenjadi 5s yaitu sell, speak, serve, save, sizzle. Namun, dari 5stersebut penulis hanya membahas 3s sebagai objective dari PT. GloriaMandiri Trendicom yaitu speak, serve, dan save.Setelah itu, Tahap ketiga adalah strategy artinya menentukanstrategi yang akan disusun oleh perusahaan untuk mencapai tujuanyang telah dibuat. Strategy terbagi menjadi 3 yaitu : Segmentation,targeting, dan positioning.Lalu, Tahap keempat adalah tactic, artinya menentukanbagaimana cara perusahaan membuat strategi e-marketing berdasarkan4P yaitu Product, Price, Place, Promotion.Kemudian, Tahap kelima adalah action artinya menentukantahapan perusahaan dalam meningkatkan pemasarannya. Action yangdilakukan berupa membuat website, wireframe dan gantt chart. Lalu,mengimplementasi website yang telah dibuat dengan mensharing linkwebsite melalui facebook dan instagram.Setelah itu, Tahap keenam adalah control artinya menentukanbagaimana cara perusahaan mengontrol action yang telah dilakukanuntuk mengetahui sejauh mana perkembangan dari sistem tersebut.Control yang dilakukan berupa web analytic melalui google analytic,SEO(Search Engine Optimization), dan design for analysis.
2.1.1 Pengertian Sistem Informasi 2.1.1.1 Pengertian Sistem Menurut Abdul Kadir (2014:61), sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan. Sebagai gambaran jika dalam sebuah sistem terdapat sebuah elemen yang tidak memberikan manfaat dalam mencapai tujuan yang
