Laporan KKL Mahasiswa TI UMK Website Zarida Konveksi Kudus Berbasis Web Responsive di Bali Orange Comunication

Rina Noviana / 201251135

RINGKASAN

Bali  Orange  Communications  adalah  sebuah  perusahaan jasa web design dan pemrograman website, penyedia web hosting dan pendaftaran domain name berekstensi internasional dan Indonesia. Melihat begitu bermanfaatnya internet ini, membuat para produsen berbagai macam produk mulai melirik dan menggunakan internet sebagai media untuk memperkenalkan produk yang mereka hasilkan. Dengan membuat sebuah website, pelanggan bisa lebih mudah mendapatkan informasi tentang produk yang sedang update setiap hari tanpa harus lelah pergi keluar rumah. Sebagai media yang digunakan untuk menampilkan informasi yang ada, website hadir dengan beragam tampilan yang sangat menarik. Dengan kecepatan informasi yang sangat cepat, serta dapatnya hak akses yang sepuasnya, membuat banyak perusahaan   yang   menggunakan   website   ini   sebagai   media promosi. Untuk menunjang semua hal itu, maka Kami sebagai perusahaan  produksi pakaian  “Zarida Konveksi”  menggunakan media ini sebagai alat untuk melakukan promosi.  Sebagai alat pemasaran yang unggul website hadir di tengah masyarakat yang sedang menikamati kemajuan teknologi yang berkembang sangat pesat. Beberapa kemudahan dan keunggulan yang ditawarkan inilah  yang  membuat  Zarida  Konveksi  memakai  media  ini sebagai salah satu model pemasaran untuk saat ini.   Untuk menunjang hal itulah maka Website Zarida Konveksi Kudus memakai  Web  Responsive  sebagai  basisnya.  Dengan  berbasis Web Responsive akan menunjang tampilan website meskipun dibuka melalui browser ponsel.

BAB I PENDAHULUAN

1.1. Latar Belakang

Dewasa kini, kemajuan teknologi berkembang sangat pesat. Hal ini berdampak pada kehidupan nyata sekarang ini, yang  dapat  dibuktikan  dengan  munculnya  berbagai persaingan bisnis di antara perusahaan-perusahaan maupun rumah produksi. Dimana perkembangan teknologi ini tidak terlepas dari perkembangan jaringan informasi yang semakin berkembang.

Internet dari awal kemunculannya memang telah menjadi  idola,  banyak  hal  yang  bisa  kita  peroleh  dari internet, bahkan semua informasi yang kita perlukan ada di internet. Oleh karena itulah kita bisa memanfaatkan fasilitas yang diberikan oleh internet, banyak sekali keuntungan yang bisa kita dapatkan, baik yang positif maupun negatif.

Sebagai sarana untuk menyampaikan maupun memberikan informasi, internet mempunyai kelebihan tersendiri dibanding dengan media penyampaian informasi yang lainnya. Internet tidak memberikan hambatan berupa jarak dan waktu bagi kita, alur informasi dapat kita dapatkan kapanpun dan dimanapun kita berada.

Melihat begitu bermanfaatnya internet ini, membuat para produsen berbagai macam produk mulai melirik dan menggunakan  internet  sebagai  media  untuk memperkenalkan produk yang mereka hasilkan. Dengan membuat sebuah website, pelanggan bisa lebih mudah mendapatkan informasi tentang produk yang sedang update setiap hari tanpa harus lelah pergi keluar rumah.

Dari keterangan di atas itulah yang menjadikan latar belakang penulis untuk membuat sebuah website penjualan

produk. Dimana nanti untuk implementasinya sangat bermanfaat  bagi  pelanggan  dengan  beragam  kemudahan yang produsen tawarkan. Disini penulis akan membahas secara detail bagaimana Website Zarida Konveksi Kudus Berbasis Web Responsive dibuat.

1.2. Rumusan Masalah

Dalam laporan ini dirumuskan beberapa masalah diantaranya :

1.  Bagaimana   membuat Website Zarida Konveksi Kudus

Berbasis Web Responsive?

2.  Apa saja yang diperlukan untuk menciptakan sebuah web yang memiliki kemudahan arus informasi dan berita ?

1.3.  Batasan Masalah

Dalam pembuatan laporan ini perlu adanya sebuah batasan masalah agar penyampaiannya tidak terlalu melebar kemana-mana.   Untuk   itu   disini   penulis   hanya   akan membahas mengenai bagaimana proses pembuatan website zarida konveksi itu tersendiri.

Secara detail laporan ini akan membahas bagaimana menciptakan  sebuah  web  agar  menciptakan  suatu kemudahan  arus  informasi  dan  berita  di  web  tersebut. Penulis kali ini juga akan menyinggung tentang domain,hosting dan web responsive.

BAB II

PROFIL PERUSAHAAN

2.1. Sejarah Perusahaan

Bali Orange Communications atau disingkat BOC adalah sebuah perusahaan jasa web design dan pemrograman website, penyedia web hosting dan pendaftaran domain name berekstensi internasional dan Indonesia. BOC berdiri pada tanggal 25 Agustus 2003 dan sampai saat ini masih tetap berkarya  serta  melayani  pelanggan  dari  berbagai  warna bidang usaha. Website BOC bisa diakses menggunakan www.baliorange.net (whois) dan www.boc.co.id (whois).

Basis operasional BOC adalah di Pulau Bali dengan cakupan  produk dan  layanan  berskala  Internasional.  BOC melayani pelanggan tidak hanya di Bali, tetapi di seluruh Indonesia, bahkan luar negeri. Dengan teknologi internet, kendala geografis bisa teratasi dengan mudah.

Tim kerja BOC mampu mengoperasionalkan program aplikasi web development seperti Adobe Dreamweaver, MS Frontpage, Adobe Photoshop, Adobe Flash, Corel Draw, dan program pendukung lainnya. Lingkungan bahasa pemrograman yang dihadapi meliputi CSS, HTML, PHP, Javascripts,   AJAX,   XML,   dengan   database   MySQL. Lingkup  manajerial  web  server  meliputi  penguasaan  OS Linux dan Windows, network administrator, dan manajemen Cpanel dan WHM. Web server BOC berlokasi di Jakarta, Singapore dan USA, memastikan bisnis pelanggan tetap online 24 jam.

2.2. Visi dan Misi

2.2.1.  Visi Bali Orange Communications

Menikmati hidup dalam kebersamaan dan lingkup

kreativitas agar selalu menghasilkan karya positif bagi diri pribadi dan masyarakat.

2.2.2.  Misi Bali Orange Communications

	Menciptakan	kondisi	nyaman	dalam
	berkreativitas	untuk	kepentingan	internal

perusahaan dan pelanggan.

   Menjadi    mitra    strategis    pelanggan    dalam memanfaatkan teknologi informasi yang bernilai tinggi.

   Membumikan    teknologi    informasi    bersama masyarakat.

   Menjadi perusahaan penyedia domain name dan web  hosting  terbesar  dan  berkualitas  di Indonesia.

2.3.  Bidang Usaha

CV. Bali Orange Communications (BOC Indonesia), perusahaan jasa penyedia pendaftaran domain name internasional dan Indonesia, penyedia web hosting internasional serta pembuatan website.

Beberapa produk-produk layanan BOC dengan informasi sebagai berikut :

1.   Pendaftaran domain name.

BOC  melayani  pendaftaran  domain  name internasional berekstensi : .com, .net, .org, .info, .biz,

.ws, .us, .name, .tv, .mobi, .eu, .asia, .co.uk, org.uk, me.uk. Domain Indonesia yang kami layani adalah :

.co.id,

.or.id, .web.id, .sch.id, .ac.id, mil.id, .go.id. Domain name  adalah  milik  Anda,  sehingga  kami menyediakan  sebuah  domain  name  manager  agar

mudah dikelola sendiri tanpa pihak ketiga yang akan menghalangi pengelolaan domain name Anda.

2.   Web Hosting

Web hosting adalah tempat untuk file website, email, database, statistik, managemen subdomain/addon domain,   dll.   Kami   menggunakan   kontrol   panel Cpanel untuk mempermudah Anda dalam mengelola website. Lokasi datacenter berada di Indonesia, USA dan Singapore menjadi pilihan untuk penempatan website sesuai dengan segmentasi pasar perusahaan Anda. Kami menggunakan mesin (hardware) dan software  berkualitas  untuk kebutuhan  website  agar tetap  online  24  jam  tersebar  keseluruh  jaringan internet dunia. Sistem support 24jam akan selalu menjadi sahabat Anda dalam menekuni usaha berbasiskan website. Untuk spesifikasi harga bisa dilihat di lembar terpisah.

3.   Pembuatan website.

BOC menyediakan website dengan banyak ragam system, seperti Shopping cart, Content Management System, News Publishing system, Community System, Company Profile, Travel system, Hotel  reservation system, Custom made system, Blog system, Gallery system, Flash animation system, Multi Level Marketing system, Newsletter system, dan masih banyak lagi.

4.   Jasa Transfer dan pemeliharaan website.

Pastikan  website  Anda  tetap  terjaga  aman  selama

24jam di dunia internet menggunakan infrastruktur dan  jasa  kami.  Website  Anda  terdiri  dari  domain name, web hosting dan file data-data website.

Semuanya bisa Anda pindahkan pengelolaannya kepada kami untuk kebutuhan perpanjangan domain name   dan   web   hosting   serta   keperluan   update website.

5.   Internet Marketing.

Jasa optimalisasi website agar terdaftar di mesin pencari (search engine) google.com, yahoo.com dan lain-lain. Teknik SEO dan IM kami bertujuan untuk mendatangkan pengunjung ke website Anda agar dikenal oleh pengguna internet dan mendongkrak penjualan usaha. Kami juga menyediakan jasa iklan melalui Google Adwords dan Facebook Ads.

6.   Nebula Booking Engine.

Sistem reservasi online untuk website hotel dan villa. Fitur pada Nebula Booking System: atur ketersediaan kamar secara real time dan fungsi pemesanan. Pengaturan harga, promo, room blocking, manajemen reservasi. Sistem back-end mampu untuk update sendiri dalam mengelola reservasi.

7.   Jual beli komputer dan pemeliharaan.

Menyediakan perangkat hardware komputer/laptop, asesoris dan pemeliharaan bagi  perusahaan. Sistem penjualan online, delivery service, http://www.bliorange.com.

8.   Layanan tambahan.

BOC juga melayani Corporate Marketing Solutions dengan menyediakan jasa desain logo, CD interaktif, Brosur, Booklet, Leaflet, Business Card.

BAB III PEMBAHASAN

3.1. Landasan Teori

3.1.1 Website

Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks,  data  gambar  diam  atau  gerak,  data  animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink) (Moch.Luthfi Rahmadi, 2013).

Sebuah halaman web adalah sebuah dokumen, biasanya ditulis dalam teks biasa diselingi dengan instruksi format Hypertext Markup Language (HTML, XHTML). Sebuah halaman web dapat memasukkan unsur-unsur   dari   situs-situs   lain   dengan   jangkar markup yang sesuai.

Halaman   Web   yang   diakses   dan   diangkut dengan Hypertext Transfer Protocol (HTTP), yang mungkin bisa menggunakan enkripsi (Secure HTTP, HTTPS)  untuk  menyediakan  keamanan  dan  privasi bagi pengguna isi halaman web. Aplikasi pengguna, sering web browser, menerjemahkan konten halaman sesuai dengan instruksi HTML markup ke sebuah terminal layar.

Di  dalam  website  juga  dikenal  2  sebutan;

website dinamis dan website statis.

a.  Website statis

Website statis adalah website yang mempunyai halaman konten yang tidak berubah-ubah. Untuk mengubah halaman kontennya harus secara manual, missal dengan mengdit code. Website statis ini tidak menggunakan database.

b.  Website dinamis

Website dinamis merupakan website yang secara struktur  ditujukan  untuk  update  sesering mungkin.

Biasanya selain halaman utama yang bisa diakses oleh   user   umum,   juga   disediakan   halaman backend untuk mengedit konten dari website. Contoh umum website dinamis adalah web berita atau   web   portal   yang   di   dalamnya   terdapat fasilitas berita, polling, dan sebagainya.

Website ini menggunakan database, dan kebanyakan website dinamis rata-rata menggunakan CMS siap pakai seperti Wordpress.org, Joomla, Drupal, dan sebagainya. Jadi untuk website Zarida Konveksi tergolong kedalam website dinamis.

3.1.2  WordPress

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangung dnegan bahasa pemograman PHP dan basis data (database) MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software) (Moch. Luthfi Rahmadi, 2013).

WordPress adalah penerus resmi dari b2/cafelog yang  dikembangkan  oelh  Michel  Valdrighi.  Nama WordPress  diusulkan  oleh  Christine  Selleck,  teman ketua pengembang (developer), Matt Mullenweg. WordPress  menyediakan  dua  alamat  yang  berbeda, yaitu WordPress.com dan WordPress.org.

WordPress.com merupakan situs layanan blog yang menggunakan mesin WordPress, didirikan oleh perusahaan Automattic. Dengan mendaftar pada situs WordPress.com, pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup rumit dan sulit. Sayangnya, pengguna WordPress.com tidak dapat mengubah template standar yang sudah disediakan. Artinya,  pengguna  tidak  dapat  menambahkan aksesoris apapun selain yang sudah disediakan.

WordPress.org merupakan wilayah pengembang (developer).  Di  alamat  ini,  seseorang  dapat mengunduh   (download)   aplikasi   beserta   seluruh berkas.

3.1.3  Web Responsive

Responsive website adalah website yang bisa menyesuaikan tampilan layoutnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen. Dengan responsive website bisa memberi pengalaman yang optimal bagi  pengguna dengan resizing, scrolling dan panning seminimal mungkin. Perkembangan teknologi mobile device begitu pesat melahirkan mobile device dengan ukuran layar yang berbeda dengan merek yang begitu variatif. Smartphone yang diproduksi oleh berbagai  vendor  memiliki  varian  ukuran.  Dengan

responsive   website,    website   bisa   menyesuaikan dengan ukuran viewport device pengaksesnya.

Responsive Web Design adalah sebuah teknik

yang digunakan untuk membuat layout website menyesuaikan  diri  dengan  tampilan  device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu   akan   berbeda   tampilannya.   Responsive   Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran  mobile  device  yang  diinginkan,  kita  sudah dapat melihat tampilan website kita pada layar mobile device.

Kelebihan dan kekurangannya; Teknik ini sudah mulai banyak digunakan dikalangan web desainer luar maupun  lokal  dan  memiliki  beberapa  keuntungan, salah satunya adalah penghematan penggunaan sub domain, yang tadinya kalau mengakses harus menggunakan kata “mobile” atau “m” didepan domainnya, sekarang cukup dengan mengetik nama domainnya saja dan tampilan akan menyesuaikan dengan device yang digunakan. Keuntungan yang paling utama tentu saja dapat mengurangi jumlah development menjadi satu saja untuk dipakai semua devices.

Lalu kelemahan dari teknik ini adalah jika digunakan pada website yang bertujuan untuk menampilkan gambar saja, seperti website fotografi misalnya. Resource gambar yang diload oleh device

kita akan sama dengan yang diload dikomputer kita. Untuk itu kita perlu memperhatikan apakah website yang kita buat cocok untuk dipakaikan teknik Responsive ini. Namun dengan berkembangnya teknologi yang pesat ini, sudah hampir semua website yang ada berbasis web responsive, agar pengunjung bisa mengunjungi meskipun menggunakan handphone.

3.2  Object Penelitian

Zarida  Konveksi  merupakan  produsen  baju  untuk anak-anak, remaja dan dewasa. untuk kualitas dari barang kami  tidak  perlu  diragukan.  Kami  selalu  menggunakan bahan-bahan yang berkualitas dan tentu saja di dukung dengan tenaga handal yang profesioanal.

Sebagai produsen yang menjual langsung barang produksinya, kami menggunakan dua sistem pembelian, Grosir dan eceran. Untuk mendapatkan harga yang jauh lebih murah, kami sarankan Anda untuk melakukan pembelian secara grosir (dalam artian minimal pembelian sebanyak 2 kodi), dengan hal ini Anda bisa jauh hemat hingga 30 % di banding dengan membeli secara eceran. Tidak terlepas dari semua itu, kami tidak menutup mata untuk melayani pembelian dengan skala kecil. tentu saja harganya berbeda dibanding dengan cara grosir.

Rumah Produksi Zarida terletak di Desa Kedungdowo

Kaliwungu Kudus, Email : Zarida@gmail.com. Telp : (0291)

8776886.

------ > UNTUK MENDAPATKAN FILE LENGKAPNYA ANDA BISA DOWNLOAD DI SINI....klik ya

BAB IV PENUTUP

4.1.  Kesimpulan

WordPress merupakan sebuah aplikasi sumber terbuka yang sangat populer digunakan sebagai mesin blog engine. Dengan berkembangnya teknologi WordPress bisa kita sulap menjadi sebuah toko online yang sangat menarik.

Untuk membangun Website Zarida Konveksi Berbasis Web Responsive tidak terlalu rumit. Hal pertama yang perlu kita siapkan adalah xampp sebagai pengganti server maupun menyimpan   data.   Selain   itu   download   wordpress   dan lakukan installasi. Selain itu Kita bisa menambahkan beberapa fitur atau plugin yang menarik untuk menunjang tampilan wordpress.

4.2. Saran

1.  Diharapkan para pelanggan bisa dan mengetahui bahwa Zarida Konveksi telah membuaka toko online. Serta mengetahui  cara  pengecekan  (melihat)  barang, pemesanan (order), transfer biaya pembelian.

2. Diharapkan bagi pemilik Zarida Konveksi agar selalu mengupdate  barang  terbaru,  serta  secara  kontinu memantau proses pembelian, keluh kesah pelanggan dan yang terpenting adalah selalu menjaga hubungan baik dengan pelanggan meskipun tidak bertemu secara langsung.

DAFTAR PUSTAKA

http://mengintipkebawah.blogspot.com/2013/04/pengertian-web- responsive.html  di  akses  pada  hari  bdhfh,  5  September

2014 jam 3434. http://tokobusanaku.com/shirt/tbfm2014-katun-shirt-

polkadot.html di akses pasa 6 September 2014

http://www.baliorange.net/profil.php di akses pada 5 September

2014

http://berpikirtentangmu.blogspot.com/2015/11/contoh-laporan-kkl-sistem-informasi-lokasi-perusahaan-Pura-Group-Kudus.html diakses pada 5 September 2014

Juju,  Dominikus  dkk.  2010.  Cara  Mudah  Buka  Toko  Online dengan Wordpress + WP E-Commerce. Andi : Yogjakarta.

Rahmadi,  Moch  Luthfi.  2013.  Tips  Membuat  Website  Tanpa

Coding & Langsung Online. Andi : Yogjakarta.