LAPORAN KULIAH KERJA PRAKTEK IMPLEMENTASI WEBSITE COMPANY PROFILE
CV. URBAN KAYOE
Diajukan Sebagai Salah Satu Syarat Untuk Menempuh Tugas Akhir Pada Program Sarjana Ilmu Komputer
Disusun Oleh :
Muhammad Ferdi Herdiansyah 312010038
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS PELITA BANGSA BEKASI
2023
i
LEMBAR PERSETUJUAN
LAPORAN KERJA PRAKTEK
IMPLEMENTASI WESBITE COMPANY PROFILE CV. URBAN KAYOE
Diajukan Untuk Memenuhi Syarat Kelulusan Pada Program Studi Teknik Informatika
Universitas Pelita Bangsa Disusun Oleh:
MUHAMMAD FERDI HERDIANSYAH 312010038
Telah Diperiksa Dan Disahkan Pada Tanggal: 04 Agustus 2023
Mengetahui,
Ketua Program Studi Teknik Informatika
Wahyu Hadikristanto,S.Kom., M.Kom
NIDN. 041508820
ii
HALAMAN PENGESAHAN
LAPORAN KERJA PRAKTEK
IMPLEMENTASI WESBITE COMPANY PROFILE CV. URBAN KAYOE
Disusun Oleh :
MUHAMMAD FERDI HERDIANSYAH 312010038
Telah Dipertahankan Didepan Dewan Penguji Pada Tanggal : 04 Agustus 2023
Penguji
Sanudin, S.Kom., M.Kom NIDN. 0412078303
Mengetahui,
Ketua Program Studi Teknik Informatika
Wahyu Hadikristanto,S.Kom., M.Kom
NIDN. 041508820
iii
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah yang telah melimpahkan segala rahmat, hidayat dan kemudahan-Nya sehingga laporan Kerja Praktek dengan judul
Implementasi Website Company Profile pada CV. Urban Kayoe
dapat diselesaikan sesuai dengan rencana karena dukungan dari beberapa pihak. Oleh sebab itu, penulis menyampaikan terima kepada :1. Bapak Hamzah Muhammad Mardiputra, S.K.M,M.M sebagai Rektor Universitas Pelita Bangsa.
2. Ibu Putri Anggun Sari, S.Pt., M.Si. selaku Dekan Fakultas Teknik Universitas Pelita Bangsa.
3. Bapak Wahyu Hadikristanto, M.Kom sebagai Kepala Program Studi Teknik Informatika.
4. Bapak Sofyan Andi Nurani sebagai Dosen Pembimbing KKP.
5. Bapak Aswan S. Sunge, S.E, M.Kom sebagai pembimbing KKP di CV.
Urban Kayoe.
6. Orang Tua saya yang senantiasa memberikan dukungan dan doa.
7. Teman-teman di kelas TI.20 D1 yang selalu memberikan motivasi dan semangat.
8. Semua pihak yang tidak dapat disebutkan satu persatu yang selalu memberikan doa, dukungan, dan semangat.
Laporan ini tidak luput dari kekurangan dan kesalahan. Oleh sebab itu, penulis memohon kritik dan saran yang membangun demi kesempurnaan laporan ini.
Bekasi, 20 Mei 2023.
Muhammad Ferdi Herdiansyah
iv
DAFTAR ISI
LEMBAR PERSETUJUAN ... i
HALAMAN PENGESAHAN ... ii
KATA PENGANTAR ... iii
DAFTAR TABEL ...vi
DAFTAR GAMBAR ... vii
LAMPIRAN ... viii
BAB I ... 1
PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Identifikasi Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 Rumusan Masalah ... 3
1.5 Tujuan dan Manfaat Kerja Praktek ... 3
1.6 Waktu dan Tempat Pelaksanaan ... 6
1.7 Sistematika Penulisan ... 7
BAB II ... 8
TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 8
2.1. Landasan Teori ... 8
2.1.1 Definisi Sistem... 8
2.1.2 Definisi Informasi ... 8
2.1.3 Definisi Sistem Informasi ... 9
2.1.4 Definisi Perancangan Web ... 9
2.1.5 Definisi Perusahaan Desain Interior ... 10
2.1.6 Definisi Website ... 10
2.1.7 Definisi Pemograman Web ... 11
2.1.8 Definisi Unified Modeling Languange (UML) ... 11
2.1.9 Definisi Use Case Diagram ... 12
2.1.10 Definisi Class Diagram ... 12
2.1.11 Definisi Activity Diagram ... 13
2.1.12 Definisi Sequence Diagram ... 14
v
2.1.13 Definisi Deployment Diagram ... 15
2.1.14 Definisi Visual Studio Code ... 15
2.1.15 Definisi HTML ( HyperText Markup Language ) ... 15
2.1.16 Definisi Javascript ... 16
2.1.17 Definisi Web Hosting ... 16
BAB III ... 18
HASIL DAN PEMBAHASAN ... 18
3.1 Sejarah Singkat / Profil Perusahaan ... 18
3.2 Visi dan Misi Perusahaan ... 19
3.2.1 Visi Perusahaan ... 19
3.2.2 Misi Perusahaan ... 19
3.3 Struktur Organisasi ... 19
3.4 Metode Perencanaan ... 20
3.4.1 Tahap Perencanaan dan Planning ... 20
3.4.2 Pengambilan Data ... 20
3.4.3 Metode Pengumpulan Data ... 21
3.4.4 Sumber Data ... 22
3.5 Tahap Analisa ... 22
3.5.1 Analisa SWOT ... 22
3.5.2 Analisa Warna ... 24
3.6 Alur pengembangan website ... 25
3.7 Implementasi Website ... 26
3.7.1 Halaman Home/Beranda Utama ... 26
3.7.2 Halaman Tentang Kami ... 29
3.7.2 Halaman Portofolio ... 30
3.7.3 Halaman Kontak ... 31
BAB IV ... 33
PENUTUP ... 33
4.1 Kesimpulan ... 33
4.2 Saran ... 33
DAFTAR PUSTAKA ... 34
vi
DAFTAR TABEL
Tabel 3. 1 Analisis SWOT ... 23
vii
DAFTAR GAMBAR
Gambar 2. 1 Alur Informasi ... 9
Gambar 2. 2 Simbol Use Case Diagram ... 12
Gambar 2. 3 Simbol Class Diagram ... 13
Gambar 2. 4 Simbol Activity Diagram ... 14
Gambar 2. 5 Simbol Sequence Diagram ... 14
Gambar 3. 1 Logo Urban Kayoe ... 19
Gambar 3. 2 Struktur Organisasi Urban Kayoe ... 20
Gambar 3. 3 DSC (System Development Life Cycle) ... 21
Gambar 3. 4 Teori Warna Kobayasi ... 24
Gambar 3. 5 Alur Pengembangan Website ... 25
Gambar 3. 6 Tampilan Home/ Beranda Utama ... 26
Gambar 3. 7 Tampilan sekilas Urban Kayoe ... 26
Gambar 3. 8 Tampilan Layanan Urban Kayoe ... 27
Gambar 3. 9 Tampilan sekilas Portofolio Urban Kayoe ... 27
Gambar 3. 10 Tampilan Karyawan / Satff Urban Kayoe ... 28
Gambar 3. 11 Tampilan Blog / Halaman berita tentang Urban Kayoe ... 28
Gambar 3. 12 Tampilan Utama Tentang Kami ... 29
Gambar 3. 13 Tampilan Profil Urban Kayoe ... 29
Gambar 3. 14 Tampilan Tentang Kami ( Solusi Desain by Urban Kayoe ) .... 30
Gambar 3. 15 Tampilan Utama Portofolio Urban Kayoe ... 30
Gambar 3. 16 Tampilan Portofolio Tentang Produk Urban Kayoe ... 31
Gambar 3. 17 Tampilan Utama Kontak Urban Kayoe ... 31
Gambar 3. 18 Tampilan Kontak / Saran ... 32
viii
LAMPIRAN
Lampiran 1 Surat Pengantar KKP dari Prodi TI ... 36 Lampiran 2 Surat Balasan KKP dari Urban Kayoe ... 37 Lampiran 3 Kartu Kendali Bimbingan Dosen Kuliah Kerja Praktek. ... 38
1
BAB I PENDAHULUAN
1.1 Latar Belakang
Teknologi informasi pada saat ini menjadi bagian yang sangat penting di dalam kehidupan manusia. Hal tersebut didasarkan pada perkembangan zaman menuju arah yang lebih modern dan dinamis.
Dengan demikian, maka segala sesuatu hal dituntut untuk dilakukan lebih cepat untuk bisa mengimbangi dari perkembangan jaman pada saat ini.
Selain itu, ketepatan dan keakuratan sangat mutlak diperlukan guna untuk mencapai hasil yang diinginkan.
Jasa Desain Interior adalah perusahaan yang bergerak dibidang furnitur custom dan jasa home decor yang saat ini sedang bertumbuh pesat dalam dunia bisnis, perusahaan ini bersaing untuk memberikan pelayanan terbaik ke customer, dalam hal kualitas produl serta tim management dan marketing yang baik.
CV. Urban Kayoe (UK) adalah perusahaan yang bergerak di furniture custom dan jasa home decor sejak tahun 2019. Saat ini CV. Urban Kayoe sudah melayani berbagai macam pesanan dalam kota maupun luar kota. Urban Kayoe berkantor di daerah Karawang, Jawa Barat.
Persaingan pasar global telah mendorong CV. Urban Kayoe untuk tetap berkomitmen dalam memberikan pelayanan kepada customer dalam hal jasa furniture dan desain interior dengan harga yang sangat kompetitif.
Hanya saja metode pemasaran yang dilakukan masih dengan cara sederhana yakni hanya lewat social media, informasi dari mulut ke mulut membuat produk produk Urban Kayoe tidak bisa meningkat secara pesat.
2
Dengan adanya teknologi informasi, segala proses yang biasa dilakukan manusia dapat menjadi lebih mudah dan lebih cepat. Adapun salah satu manfaat yang dapat dirasakan dari perkembangan teknologi ini yaitu dari cara penyampaian informasi kepada masyarakat dimanapun mereka berada, tentunya dengan bantuan jaringan internet. Dari penjelasan uraian diatas, penyampaian dan penyebaran informasi dapat dilakukan dengan cara menampilkan informasi tersebut kedalam sebuah website. Dengan begitu masyarakat hanya perlu mengakses website untukmendapatkan informasi tentang apa yang ingin diketahui.
Dengan permasalahan yang ada, maka CV. Urban Kayoe berencana untuk membuat suatu aplikasi berbasis web yang nantinya akan digunakan sebagai sarana pemasaran untuk produk produk furniture costumenya tersebut. Web akan sangatmembantu untuk para calon customer yang akan melakukan pemesanan barang dan membantu proses bisnis CV. Urban Kayoe. Web berjenis Corporate Website yang akan dibangun oleh CV. Urban Kayoe . Corporate Website merupakan web yang memberikan informasi tentang profile serta produk perusahaan tersebut.
1.2 Identifikasi Masalah
Berdasarkan latar belakang masalah diatas, maka dapat dirumuskan `permasalahan yang ada sebagai berikut :
1. Tidak responsif dan tidak dioptimalkan untuk perangkat mobile.
2. Kurangnya pemeliharaan dan pembaruan berkala.
3. Keterbatasan untuk merancang dan mengembangkan website profile yang optimal.
4. Belum ada nya suatu system yang bisa merancang website Profile di Urban Kayoe.
3
1.3 Batasan Masalah
Berdasarkan identifikasi masalah di atas, maka batasan masalah yang dibuat sebagai berikut Belum ada nya suatu system yang bisa merancang website Profile di Urban Kayoe.
1.4 Rumusan Masalah
Berdasarkan latar belakang dan identifikasi masalah di atas, maka dapat dirumuskan permasalahan yang ada sebagai berikut :
1. Bagaimana merancang dan membangun website profile?
2. Bagaimana desain dan pengembangan website perusahaan dapat mengoptimalkan pengalaman pengguna?
1.5 Tujuan dan Manfaat Kerja Praktek
Adapun tujuan kerja praktek yang telah dilakukan di Urban Kayoe yaitu:
1. Untuk menumbuhkan dan memantapkan sikap professional dan kedisiplinan dalam diri mahasiswa, kerja praktik dalam dunia kerja yang penuh dengan tantangan.
2. Untuk memperoleh secara langsung dalam penerapan ilmu pengetahuandan teknologi informasi di dunia pendidikan pada dunia kerja yang sesungguhnya.
3. Melatih kemampuan analisa permasalahan yang ada dilapangan berdasarkan teori yang telah dipelajari yang di dapat pada bangku perkuliahan.
4. Menambah wawasan tentang dunia kerja sehingga nantinya ketika terjun ke dunia kerja dapat beradaptasi diri dengan cepat dan tepat.
5. Untuk melengkapi salah satu syarat untuk mengambil mata kuliah Kerja Praktek (KP).
4 1. Manfaat kerja praktek.
Adapun manfaat kerja praktek yang telah dilakukan di Urban Kayoe yaitu :
a. Sebagai pengalaman kerja peserta KP di dunia kerja yang sesungguhnya.
b. Menciptakan sarana informasi tentang website perusahaan yang berguna untuk perusahaan kedepan nya.
2. Manfaat bagi penulis.
a. Mahasiswa dapat menerapkan ilmu yang diperoleh dari Universitas Pelita Bangsa untuk pengabdian ilmu kedalam dunia kerja.
b. Mahasiswa dapat menerapkan ilmu IT yang diperoleh dari Universitas Pelita Bangsa untuk dijadikan sebuah sistem informasi yang berguna untuk bisnis.
3. Manfaat bagi pembaca.
a. Pembaca dapat memahami tentang ilmu informasi pembuatan website.
b. Pembaca dapat mengetahui tentang produk produk custome interior.
c. Laporan kerja praktek ini dapat dijadikan acuan yang berarti serta sumber inspirasi yang bermanfaat di kemudian hari.
d. Sebagai bahan referensi dalam penyusunan karya ilmiah.
5 4. Manfaat bagi Perusahaan.
a. Perusahaan mendapatkan keuntungan karena adanya masukan (inputan) dari segi pengembangan IT dalam sektor bisnis dari mahasiswa.
b. Peningkatan kualitas kinerja dari karyawan untuk lebih mengenal dunia IT.
c. Perusahan mendapat benefit berupa website profil company secara gratis dari mahasiswa.
6
1.6 Waktu dan Tempat Pelaksanaan
Kegiatan Kuliah Kerja Praktek (KKP) ini dilaksanakan selama 30 hari yang dimulai tanggal 01 Mei 2023 dan berakhir tanggal 30 Mei 2023 . Adapun tempat penulis melaksanakan Kuliah Kerja Praktek yaitu di CV.Urban Kayoe yang beralamat Perumahan Mustika Prakarsa No 3 Dekat RS Intan Barokah. Kosambi, Karawang.
7
1.7 Sistematika Penulisan
Sistematika penulisan bertujuan untuk memudahkan dalam pemahaman secara detail dari Laporan Kerja Praktek. Sistematika penulisan Laporan Kerja Praktek antara lain terdiri dari:
BAB I PENDAHULUAN
Dalam bab ini, menjelaskan tentang latar belakang, permasalahan dan batasan, tujuan kerja praktek, manfaat kerja praktek, waktu dan tempat pelaksanaan, serta sistematika penulisan.
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI
Dalam bab ini, memaparkan teori-teori yang di dapat dari sumber- sumber yang relevan untuk digunakan sebagai panduan dalam pelaksanaan serta penyusunan laporan kerja praktek.
BAB III HASIL DAN PEMBAHASAN
Dalam bab ini menjelaskan tentang profil, visi dan misi perusahaan, struktur organisasi, sistem yang berjalan, analisa sistem meliputi analisa permasalahan dan kebutuhan sistem, serta bagaimana implementasi perancangan sistem yang dibutuhkan.
BAB IV PENUTUP
Merupakan bab terakhir dari penulisan laporan kerja praktek yang terdiri dari kesimpulan dan saran dari apa yang telah diuraikan pada bab-bab sebelumnya.
8
BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
2.1. Landasan Teori
Pada bagian ini akan di jelaskan mengenai dasar dasar teori yang berhubungan permasalahan yang di bahas pada Kerja Praktik ini.
Hal ini sangat penting karena teori teori tersebut digunakan sebagai landasan pemikiran dalam teori praktek ini.
Adapun teori-teori yang digunakan sebagai berikut :
2.1.1 Definisi Sistem
Menurut (Mustakini, 2009) “Sistem dapat didefinisikan dengan pendekatan prosedur dan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulandari prosedur-prosedur yang mempunyai tujuan tertentu”.
Mendefinisikan sistem dalam bidang sistem informasi sebagai
“sekelompok komponen yang saling berhubungan, bekerja sama, untuk mencapai tujuan bersama dengan menerima proses input serta menghasilkan input dalam proses transformasiyang teratur”.
2.1.2 Definisi Informasi
Menurut ( Mulyani, Sri., 2016), “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna bagi penerimanya”.
Menurut ( Mustakini, 2009), “Informasi adalah data yang diolah menjadi bentuk yang berguna bagi pemakainya”.
9
Sumber Mustakini 2009
2.1.3 Definisi Sistem Informasi
Terdapat berbagai macam pengertian sistem informasi menurut beberapa ahli,diantaranya sebagai berikut:
Menurut (Mulyani, Sri., 2016), “Sistem informasi merupakan suatu komponen yang terdiri dari manusia, teknologi informasi, dan prosedur kerja yang memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk mencapai suatu tujuan”.
Menurut (Mustakini, 2009), “Sistem informasi merupakan suatu sistem yang tujuannya menghasilkan informasi”.
2.1.4 Definisi Perancangan Web
Perancangan website adalah suatu proses untuk membuat suatu website, baik yang terkoneksi dengan internet ataupun tidak terkoneksi. Tujuan dari perancangan website adalah untuk merancang kebutuhan website yang diinginkan oleh pengguna, serta membuat gambaran yang jelas dan terstruktur.
Gambar 2. 1 Alur Informasi
10
2.1.5 Definisi Perusahaan Desain Interior
Perusahaan desain interior adalah entitas bisnis yang khusus berfokus pada menciptakan lingkungan interior yang fungsional, estetis, dan ergonomis untuk memenuhi kebutuhan dan preferensi klien mereka. (American Society of Interior Designers (ASID)
Perusahaan desain interior adalah organisasi yang terdiri dari tim profesional yang berpengalaman dalam merancang dan melaksanakan proyek-proyek desain interior, dengan tujuan menciptakan ruang yang indah, efisien, dan sesuai dengan karakteristik dan kebutuhan pengguna ruang. (Interior Designers of Canada (IDC))
2.1.6 Definisi Website
World Wide Web secara luas lebih dikenal dengan istilah web (website). Web adalah sistem pengakses informasi dalam internet (Kadir, 2014).
Web disusun dari halaman – halaman yang menggunakan teknologi web dan saling berkaitan satu sama lain.sedangkan pengertian lain menyebutkan bahwa website adalah rangkaian atau sejumlah halaman web di internet yang memiliki topik saling berkaitan untuk mempresentasikan suatu informasi (Ginanjar, 2014).
Web dan internet merupakan dua hal yang berbeda. Internet lebih merupakan perangkat keras dan web merupakan perangkat lunak.
Protokol yang digunakan internet dan web berbeda, internet menggunakan TCP/IP sebagai protocol sedangkan web menggunakan HTTP (Hyper Text Transfer Protocol) (Suharto, 2012).
Website online harus memiliki domain. Sebuah alamat web adalah dengan menggunakan “Domain Name System” yang merupakan metode yang dipakai untuk mengorganisir seluruh nama – nama komputer yang ada di internet. Contoh domain adalah .com (komersil atau bisnis), .gov (pemerintahan), .mil (militer), .net (intitusi yang
11
berbeda), dan .ac (institusi pendidikan). Untuk top domain .id (Negara Indonesia), .ca (Negara Canada), .us (Negara Amerika) dan sebagainya yang berarti kepemilikan web negara (Lukman, 2015).
2.1.7 Definisi Pemograman Web
Pemrograman web dapat diartikan sebagai kegiatan pembuatan program atau aplikasi berbasis web menggunakan bahasa pemrograman tertentu sehingga dapat memproses data dan menghasilkan informasi sesuai dengan yang dikehendaki oleh pemilik website (Abdulloh, 2018).
2.1.8 Definisi Unified Modeling Languange (UML)
Menurut ( Triandini, Evi dan I Gede Suardika Triandini. 2012), UML (Unified Modeling Language) adalah ‘bahasa’ pemodelan untuk sistem atau perangkat lunakyang berparadigma ‘berorientasi objek”.
Pemodelan (modelling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.
Berdasarkan beberapa pendapat diatas maka dapat disimpulkan UML(Unified Modeling Language) adalah bahasa pemodelan yang digunakan untuk merancang, mendokumentasikan sebuh sistem perangkat lunak.
Secara umum UML mempunyai sejumlah elemen grafis yang bisa dikombinasikan menjadi diagram yaitu:
1) Use case diagram
2) Activity diagram
3) Sequence diagram
4) Class diagram
12
2.1.9 Definisi Use Case Diagram
Menurut (Mulyani, Sri , 2016). “Diagram Use Case adalah diagram yang bersifat status yang memperlihatkan himpunan use case dan aktor- aktor (suatu jeniskhusus dari kelas). Diagram ini memiliki 2 fungsi, yaitu mendefinisikan fitur apa yang harus disediakan oleh sistem dan menyatakan sifat sistem dari sudut pandang user”.
2.1.10 Definisi Class Diagram
Class Diagram menurut (Sukamto dan Shalahuddin, 2014).
Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas- kelas yang akan dibuat untuk membangun sistem.
Gambar 2. 2 Simbol Use Case Diagram
13
2.1.11 Definisi Activity Diagram
Menurut (Mulyani, Sri., 2016), “Activity diagram merupakan diagram yang bersifat dinamis. Activity diagram adalah tipe khusus dari diagram state yang memperlihatkan aliran dari suatu aktifitas keaktifitas lainnya dalam suatu sistem dan berfungsi untuk menganalisa proses”
Gambar 2. 3 Simbol Class Diagram
14
2.1.12 Definisi Sequence Diagram
Menurut (Kosasi, Sandy., 2014), “Squence diagram dibuat berdasarkan activity diagram dan class diagram. Sequence diagram menggambarkan aliran pesan yang terjadi antar kelas yang dideskripsikan pada class diagram dengan menggunakan operasi yang dimiliki kelas tersebut. Untuk aliran pesan, sequence diagram merujuk pada alur sistem activity diagram yang telah dibuat sebelumnya”.
Gambar 2. 4 Simbol Activity Diagram
Gambar 2. 5 Simbol Sequence Diagram
15
2.1.13 Definisi Deployment Diagram
Deployment diagram menurut (Munawar, 2005), menunjukkan tata letak sebuah sistem secara fisik, menampakkan bagian-bagian software yang berjalan pada bagian-bagian hardware.
2.1.14 Definisi Visual Studio Code
Visual Studio Code adalah kode editor sumber yang dikembangkan oleh Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk debugging, kontrol git yang tertanam dan GitHub, penyorotan sintaksis, penyelesaian kode cerdas, snippet, dan refactoring kode. Ini sangat dapat disesuaikan, memungkinkan pengguna untuk mengubah tema, pintasan keyboard, preferensi, dan menginstal ekstensi yang menambah fungsionalitas tambahan.
2.1.15 Definisi HTML ( HyperText Markup Language )
Sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi dan dapat juga digunakan sebagai link-link menuju halaman web yang lain dengan kode tertentu.
Menurut (Sibero, 2013:19) “HyperText Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web”.
Menurut (Arief, 2011:23) “HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web”.
Sedangkan Menurut (Nugroho, 2013:5) “HTML adalah kependekan dari (HyperText Markup Language), merupakan sebuah bahasa Scripting yang berguna untuk menuliskan halaman Web”.
16
Dari beberapa pendapat diatas dapat disimpulkan bahwa HTML (HyperText Markup Language) adalah salah satu format bahasa Scripting yang digunakan untuk meneyebarkan informasi, pembuatan dokumen dan aplikasi yang berjalan dihalaman web .
2.1.16 Definisi Javascript
Bahasa pemrograman yang bersifat client side yang permrosesanya dilakukan oleh client sering digunakan pada web browser untuk menciptakan halaman web yang menarik.
Menurut (Kadir dan Triwahyuni 2013:325) “JavaScript adalah bahasa pemrograman yang biasa diletakkan bersama kode HTML untuk menentukan suatu tindakan”.
Sedangkan Menurut (Sibero, 2013:150) “Javascript adalah bahasa skrip (Scripting language), yaitu kumpulan intruksi perintah yang digunakan untuk mengendalikan beberapa bagian dari sistem operasi”.
Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan bahwa, JavaScript adalah Bahasa pemrograman atau bahasa skrip yang berisi kumpulan intruksi perintah yang dilletakkan bersama kode HTML.
2.1.17 Definisi Web Hosting
Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs internet.
Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh multi user. Pada dasarnya sebuah server webhosting adalah sebuah komputer biasa namun menggunakan beberapa komponen dan program dasar sebuah server serta disarankan harus mampu untuk online 24 jam setiap hari dan
17
tanpa harus dimatikan dalam jangka waktu lebih lama daripada komputer biasa. Fitur-fitur dan pilihan yang ditawarkan dalam web hosting
18
BAB III
HASIL DAN PEMBAHASAN
3.1 Sejarah Singkat / Profil Perusahaan
Urban Kayoe (UK) merupakan perusahaan yang bergerak di bidang custom furniture interior/eksterior desain dan jasa kontruksi bangunan. Urban Kayoe berdiri pada tanggal 1 Januari 2023 di karawang , Jawa Barat. Urban Kayoe sendiri didirikan oleh seorang tokoh muda bernama bapak Sofyan Andi Nurani. Urban Kayoe berkomitmen untuk menjadi perusahaan custom interior dan eksterior terbaik di Jawa Barat, Khusunya untuk Kabupaten Karawang itu sendiri. Selain produk custom interior/eksterior desain, Urban Kayoe melayani jasa kontruksi bangunan , seperti renovasi rumah dan jasa bangun rumah dari nol.
Urban Kayoe selalu mengedepankan kualitas produk dimana kualitas produk lah yang menentukan suatu nilai kepuasan pelanggan.
Kini Urban Kayoe juga kini sudah melayani kebeberapa wilayah seperti Bekasi, Purwakarta Hingga Subang. Urban Kayoe percaya dengan komitmen dan kualitas yang mereka miliki , mereka ingin menjadikan perusahaan nya tersebut untuk menjadi perusahaan custom furniture terbaik . Untuk itulah Urban Kayoe memerlukan sebuah Website Profil Company untuk menambah nilai untuk perusahaan nya tersebut.
19
3.2 Visi dan Misi Perusahaan
3.2.1 Visi Perusahaan
Menjadi bengkel furniture custom No. 1 di Jawa Barat
3.2.2 Misi Perusahaan
Mengutamakan kepuasan pelanggan dengan professional kerja yang berkualitas.
3.3 Struktur Organisasi
Struktur Organisasi adalah komponen penting yang harus ada dalam organisasi atau perusahaan yang sedang berjalan, agar semuanya dapat terstruktur dan mendapat tugas serta tanggung jawab yang berbeda di setiap bagiannya sehingga dapat menunjang keberhasilan dari perusahaan tersebut. Berikut adalah struktur organisasi di Urban Kayoe :
Gambar 3. 1 Logo Urban Kayoe
20
3.4 Metode Perencanaan
Tujuan dari menggunakan metode perencanaan adalah untuk memastikan bahwa rencana yang dihasilkan adalah efektif, efisien, dan sesuai dengan tujuan yang ingin dicapai. Dengan mengikuti proses perencanaan yang terstruktur, kesempatan untuk mencapai keberhasilan dalam pencapaian tujuan menjadi lebih tinggi.
3.4.1 Tahap Perencanaan dan Planning
Di dalam penelitian ini ada beberapa perencanaan yang akan dipersiapkan, salah satunya adalah melakukan metode wawancara kepada pengusaha atau narasumber yang baru akan membangun usahanya. Wawancara kepada pengusaha atau narasumber ditujukan sebagai pengumpulan data apakah penelitian ini bermanfaat atau tidak.
3.4.2 Pengambilan Data
Penelitian ini melakukan pengambilan data melalui website dan buku- buku yang dapat mendukung dalam proses pembuatan website perusahaan ini.
Gambar 3. 2 Struktur Organisasi Urban Kayoe
21
3.4.3 Metode Pengumpulan Data
Pengumpulan data di dalam penelitian ini menggunakan pendekatan kualitatif, dalam pengumpulan data dilakukan dengan melakukan wawancara kepada pengusaha atau narasumber sebagai responden yang dapat mendukung penelitian ini. Wawancara kepada pengusaha atau narasumber berfungsi sebagai media promosi yang baik dan menanyakan hal-hal yang dapat mendukung kelancaran dalam pembuatan website perusahaan.
Gambar 3. 3 DSC (System Development Life Cycle)
22
3.4.4 Sumber Data
Di dalam penelitian ini telah dipilih beberapa sumber data, sumber data ini berfungsi sebagai pendukung dalam pembuatan website perusahaan yang akan dibuat serta membantu untuk kelancaran dalam pembuatan website tersebut. Sumber data dipilih berdasarkan kebutuhan penelitian dan sumber data yang dipilih adalah sumber data yang memiliki hubungan tentang pembuatan website dan komponen- komponen pendukung dalam pembuatan website tersebut. Sumber data yang akan dipakai adalah: Buku- buku panduan pembuatan website, website- website yang menampilkan cara-cara pembuatan website yang menarik serta praktis, individu yang sudah lama berkecimpung di dalam bidang pembuatan website serta responden yang dipilih untuk memberikan pendapatnya untuk melengkapi data penelitian ini.
3.5 Tahap Analisa
Di dalam tahap ini akan dilakukan beberapa analisa terhadap kompetitor yang ada dan analisa terhadap konsumen yang akan dituju.
Di dalam tahap ini akan dijelaskan beberapa analisa tentang: SWOT, dan analisa warna.
3.5.1 Analisa SWOT
Menurut (Freddy Rangkuti, 1997: 19) dalam bukunya Analisis SWOT Teknik Membedah Kasus Bisnis . SWOT adalah singkatan dari lingkungan Internal Strenght dan Weakness serta lingkungan eksternal Opportunity dan Threats yang dihadapi dunia bisnis.
Menurut (Richard West dan Lynn H Turner, 2007: 93) dalam bukunya Pengantar Teori Komunikasi . Mencapai makna merupakan hal yang penting di dalam hidup kita. Dilandasi oleh buku Pengantar Teori Komunikasi, penulis menentukan SWOT sebagai berikut:
23
STRENGHT Website memiliki image-image yang mencerminkan bahwa website ini adalah website perusahaan furniture di mana di pengunjung akan mudah mengenalinya.
Website ini juga berbentuk dinamis dan mengajak pengunjung untuk berinteraksi sehingga ada hubungan timbal balik meskipun tidak signifikan.
WEAKNESS Kelemahan website ini adalah kurangnya content di dalam website ini karena masih barunya usaha yang dijalankan sehingga website masih terlihat sepi dan tidak berisi.
OPPORTUNITY Untuk kesempatan, Website ini memiliki kesempatan untuk bersaing dengan website- website yang sudah ada dengan menggunakan konsep yang unik sehingga website ini berbeda dengan website-website lain pada umumnya.
THREAT
Ancaman yang didapat adalah dari website- website yang sudahlama ada dan banyak mengalami perubahan dari waktu ke waktuserta telah mendapatkan banyak kritikan dan saran.
Ancaman lainnya akan muncul website-website lain yang lebih inovatif dan praktis.
Tabel 3. 1 Analisis SWOT
24
3.5.2 Analisa Warna
Berdasarkan hasil analisa dari keyword sebelumnya dan menurut teori warnadari Kobayashi, warna-warna yang sesuai dengan keyword elegant adalah sebagai berikut:
Berdasarkan pada sebuah kata kunci dan diagram kombinasi warna, maka kombinasi warna berbeda akan tercipta dan bisa mendapatkan kategori warna apakah warna tersebut merupakan warna sejuk atau panas, lembut atau keras, jelas atau cenderung keabu-abuan.
Kombinasi warna cenderung mirip dengan satu sama lain dan dikumpulkan menjadi satu kategori seperti pretty dan casual, sehingga
Gambar 3. 4 Teori Warna Kobayasi
25
setiap perbedaan karakteristik pada kombinasi warna membuatnya mudah dibedakan dan dilihat. Warna, keyword, dan manusia/objek memiliki hubungan ketika menentukan sebuah kombinasi warna (Kobayashi, Shigenobu. 1991).
Elegant memiliki arti anggun, di mana menyesuaikan dengan topik Tugas Akhir ini yang ditujukan kepada orang-orang yang memiliki ekonomi yang bagus karena anggun identik dengan orang yang high class.
3.6 Alur pengembangan website
Alur rancangan karya ini berisi tentang sketsa awal sebelum website dibentuk .
Gambar 3. 5 Alur Pengembangan Website
26 3.7 Implementasi Website
3.7.1 Halaman Home/Beranda Utama
Gambar 3. 6 Tampilan Home/ Beranda Utama
Gambar 3. 7 Tampilan sekilas Urban Kayoe
27
Gambar 3. 8 Tampilan Layanan Urban Kayoe
Gambar 3. 9 Tampilan sekilas Portofolio Urban Kayoe
28
Gambar 3. 10 Tampilan Karyawan / Satff Urban Kayoe .
Gambar 3. 11 Tampilan Blog / Halaman berita tentang Urban Kayoe
29
3.7.2 Halaman Tentang Kami
Gambar 3. 12 Tampilan Utama Tentang Kami
Gambar 3. 13 Tampilan Profil Urban Kayoe
30
3.7.2 Halaman Portofolio
Gambar 3. 14 Tampilan Tentang Kami ( Solusi Desain by Urban Kayoe )
Gambar 3. 15 Tampilan Utama Portofolio Urban Kayoe
31
3.7.3 Halaman Kontak
Gambar 3. 16 Tampilan Portofolio Tentang Produk Urban Kayoe
Gambar 3. 17 Tampilan Utama Kontak Urban Kayoe
32
Gambar 3. 18 Tampilan Kontak / Saran
33
BAB IV PENUTUP
4.1 Kesimpulan
Berdasarkan hasil uraian rancangan di atas, dapat penulis simpulkan bahwa:
1. Dengan adanya sistem informasi ini diharapkan dapat membantu meningkatkan kinerja di CV. Urban Kayoe.
2. Dengan adanya perancangan sistem informasi website company profil ini , diharapakan bisa menjadi nilai lebih untuk perusahaan Urban Kayoe , dimana sebuah perusahaan apabila sudah memiliki website company profil sudah dikatakan siap bersaing secara digital dengan perusahaan lainnya.
3. Dengan adanya perancangan sistem informasi website company Profil ini diharapkan bisa meningkatkan kapasitas penjualan , bisa di kenal lebih oleh masyarakat luas pada umumnya.
4.2 Saran
Tentu dalam penulisan laporan ini masih banyak kesalahan, maka penulis berharap adanya kritik dan saran yang membangun agar dalam penulisan selanjutnya dapat menghasilkan karya tulis yang baik dan benar.
34
DAFTAR PUSTAKA
Fathansyah. 2012. Basis data. Bandung: Informatika
Kosasi, Sandy. 2014. Pembuatan Sistem Informasi Penjualan Berbasis Web Untuk Memperluas Pangsa Pasar. Pontianak: Informatika
Mulyani, Sri.2016. Sistem informasi manajemen rumah sakit: Analisis dan perancangan. Bandung. Abdi Sistematika.
Munawar. 2005. Pemodelan visual dengan UML. Yogyakarta: Graha ilmu Muslihudin, Muhamad dan Oktafianto. 2016. Analisis & perancangan sistem informasi menggunakan model terstruktur, dan uml. Yogyakarta:
PenerbitAndi
Sukamto, Rosa Ariani dan Shalahuddin. 2014. Rekayasa perangkat lunak testruktur dan berorientasi objek. Bandung: Informatika.
Sutabri, Tata. 2013. Pengantar teknologi informasi. Jakarta: Penerbit Andi Sutanta, Edhy.2011. Basis data dalam tinjauan konseptual. Jakarta:
Penerbit Andi.
Triandini, Evi dan I Gede Suardika Triandini. 2012. Step by Step desain proyek menggunakan UML. Yogyakarta: Penerbit Andi.
Wongso, Ferry. 2015. Perancangan Sistem Informasi Penjualan Berbasis Java Studi Kasus Pada Toko Karya Gemilang Pekanbaru. Riau: Jurnal Ilmiah.
Rizky, Soetam 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta:
Prestasi Pustaka.
35
Mustakini, 2009. Sistem Informasi Teknologi. Yogyakarta: Andi Offet Raharjo, B. 2011. Belajar Otodidak membuat database menggunakan MySQL.Bandung: Informatika.
Connolly, T., Begg, C. 2010. Database Systems: a practical approach to design, implementation, and management. 5th Edition. America: Pearson Education.
Jogiyanto H.M. 2004. Teori dan Aplikasi Komputer. Yogyakarta: Andi Offet
36
Lampiran – Lampiran
Lampiran 1. Surat Pengantar KKP dari Prodi TI
Lampiran 1 Surat Pengantar KKP dari Prodi TI
37
Lampiran 2. Surat Balasan KKP dari Urban Kayoe
Lampiran 2 Surat Balasan KKP dari Urban Kayoe
38
Lampiran 3 Kartu Kendali Bimbingan Dosen Kuliah Kerja Praktek.
Lampiran 3. Kartu Kendali Bimbingan Dosen Kuliah Kerja Praktek.
KARTU KENDALI BIMBINGAN KULIAH KERJA PRAKTIK (KKP)
Nama : Muhammad Ferdi Herdiansyah
NIM : 312010038
Dosen Pembimbing : Aswan. S Sunge S.E., M.Kom
Judul Laporan : IMPLEMENTASI WEBISTE COMPANY PROFILE CV. URBAN KAYOE
