LAPORAN KERJA PRAKTEK PT AGSA GLOBAL NETWORK)
MERANCANG RESPONSIVE WEBSITE TEMPLATE PT AGSA GLOBAL NETWORK
Oleh :
AAN SAPUTRA 6103191340
PROGRAM STUDI D-III TEKNIK INFORMATIKA
POLITEKNIK NEGERI BENGKALIS
BENGKALIS – RIAU
2021
KATA PENGANTAR
Puji syukur kehadirat Allah SWT atas rahmat dan karunia-Nya kegiatan dan Laporan Kerja Praktek (KP) ini dapat dilaksanakan dan diselesaikan dengan baik.
Kerja praktek ini merupakan salah satu kegiatan bagi mahasiswa Politeknik Negeri Bengkalis dalam menyelesaikan studi yang dilaksanakan pada akhir semester IV (empat) dan sebagai persyaratan untuk melanjutkan semester berikutnya mempunyai makna besar bagi penulis untuk dapat menerapkan ilmu pengetahuan yang diperoleh dibangku perkuliahan ke dunia kerja yaitu pada PT Agsa Global Network.
Penulis sangat berterima kasih kepada pihak-pihak tertentu yang banyak membantu dan memberikan bimbingan selama melaksanakan Kerja Praktek (KP). Sikap keramah tamahan, kekeluargaan, kedisiplinan, keterbukaan, saling membantu dan perhatian yang diberikan sangat membantu penulis dalam menyelesaikan Kerja Praktek ini dan penulis mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Bapak Jhony Custer, ST., MT selaku Direktur Politeknik Negeri Bengkalis 2. Mansur, M. Kom. selakuKetua JurusanTeknik Informatika.
3. Muhammad Nasir M. Kom Selaku Ketua Program Studi Teknik Informatika.
4. Lipantri Mashur Gultom M.kom selaku Dosen Pembimbing, yang telah banyak membantu, memberikan saran dan masukan selama proses mengerjakan laporan Kerja Praktek.
5. Desi Amirullah S. Kom., M.T Selaku Koordinator Kerja Praktek Program Studi Diploma III (Tiga) Teknik Informatika
6. Teman-teman seperjuangan saat berada di Flashcom. Serta teman- teman Politeknik Negeri Bengkalis khususnya Program Studi Diploma III (Tiga) Teknik Informatika Semester IV (Empat) yang selalu memberikan dukungan dalam menyelesaikan Laporan Kerja Praktek ini.
Penulis mohon maaf apabila ada kesalahan dan tingkah laku yang kurang berkenan selama melakukan Kerja Praktek di Bagian Penyusunan Program di PT.
Global Agsa Network Penulis menyadari masih banyak kekurangan dalam penulisan laporan ini baik cara penyajiannya maupun susunannya, yang dikarenakan keterbatasan penulis. Untuk itu segala kritik dan saran yang bersifat membangun sangat diperlukan. Harapan penulis semoga laporan ini dapat bermanfaat bagi pembaca dan semua pihak yang membutuhkan.
Bengkalis, 31 Desember 2021
AAN SAPUTRA 6103191340
DAFTAR ISI
KATA PENGANTAR ... i
DAFTAR ISI ... iii
DAFTAR GAMBAR ...v
BAB 1 PENDAHULUAN ...1
1.1 Latar Belakang ...1
1.2 Tujuan dan Manfaat ...1
1.2.1 Tujuan ...1
1.2.2 Manfaat ...2
BAB 2 GAMBARAN PERUSAHAAN ...3
2.1 Sejarah Perusahaan ...3
2.2 Visi dan Misi Perusahaan ...3
2.2.1 Visi ...3
2.2.2 Misi ...3
2.3 Struktur Organisasi Perusahaan ...4
2.4 Ruang Lingkup Perusahaan ...4
BAB 3 BIDANG PEKERJAAN KERJA PRAKTEK ... 5
3.1 Spesifikasi Tugas ...5
3.1.1 Merancang Portfolio Sederhana ...5
3.1.2 Membuat Landing Page Menggunakan Bootstrap 4 ...7
3.1.3 Merancang Responsive Template ...8
3.2 Target Pencapaian...9
3.3 Perangkat yang Digunakan ...10
BAB 4 MERANCANG RESPONSIVE WEBSITE TEMPLATE PT AGSA GLOBAL
NETWORK ...11
4.1 Uraian Judul ...11
4.1.1 Template ...11
4.1.2 Responsive Template ...11
4.2 Source Code Template ...12
4.3 Hasil Perancangan ...13
4.4 Kelebihan Responsive Template ...15
BAB 5 PENUTUP ...16
5.1 Kesimpulan ...16
5.2 Saran ...16
DAFTAR PUSTAKA ...17
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi Perusahaan ...4
Gambar 3.1 Merancang Portfolio Sederhana ...6
Gambar 3.2 Membuat Landing Page ...7
Gambar 3.3 Tampilan Website ...9
Gambar 3.4 Laptop ...10
Gambar 4.1 Source Code ...13
Gambar 4.2 Tampilan Hasil Rancangan ...15
BAB 1 PENDAHULUAN
1.1 Latar Belakang
Kerja Praktek merupakan salah satu mata kuliah wajib yang ditempuh di sebuah Perguruan Tinggi (PT) baik untuk tingkat sarjana maupun diploma. Di bangku perkuliahan telah diajarkan teori-teori keilmuan yang sudah menjurus ke bidang industri tertentu. Banyak sekali hal yang menjadi hambatan bagi seseorang yang belum mempunyai pengalaman kerja untuk terjun ke dunia pekerjaan, teori yang diperoleh belum tentu sama dengan praktik kerja di lapangan, dan keterbatasan waktu dan ruang yang mengakibatkan ilmu pengetahuan yang diperoleh masih terbatas. Namun, untuk memperbanyak pengalaman kerja secara langsung, maka dilakukan kerja praktek sebagai langkah yang tepat untuk mendapatkan pengalaman pekerjaan. Dalam pelaksanaan kerja praktek, mahasiswa juga mendapatkan ilmu di luar dari teori yang didapatkan diperkuliahan.
Dikarenakan hal tersebut, maka Politeknik Negeri Bengkalis menetapkan kerja praktek agar para mahasiswa memperoleh ilmu pengetahuan yang tidak diberikan oleh kampus. Sehingga kerja praktek dapat menambah wacana,pengetahuan dan skill mahasiswa, serta mampu menyelesaikan persoalan-persoalan ilmu pengetahuan sesuai dengan teori yang di peroleh di bangku kuliah. Strategi ini memadukan proses belajar- mengajar dalam kelas dengan pembelajaran dilapangan melalui kerja nyata pada suatu perusahaan atau lembaga pengelola usaha (Razali et al., 2017)
1.2 Tujuan dan Manfaat 1.2.1 Tujuan
Adapun terdapat beberapa tujuan Kerja Praktek yaitu sebagai berikut :
1. Memberi kesempatan kepada mahasiswa untuk memperoleh pengalaman praktis sesuai dengan pengetahuan dan keterampilan program studinya.
2. Menguji kemampuan mahasiswa dalam pengetahuan, keterampilan dan kemampuan dalam penerapan pengetahuan dan attitude/perilaku mahasiswa dalam bekerja.
3. Untuk mengembangkan ilmu yang di dapat dengan memberikan pengalaman kerja.
1.2.2 Manfaat
Adapun beberapa manfaat Kerja Praktek yaitu sebagai berikut :
1. Mahasiswa mendapat kesempatan untuk menerapkan ilmu pengetahuan teori/konsep dalam dunia pekerjaan secara nyata.
2. Mahasiswa memperoleh pengalaman praktis dalam menerapkan ilmu pengetahuan teori/konsep sesuai dengan program studinya.
3. Mahasiswa memperoleh kesempatan untuk dapat menganalisis masalah yang berkaitan dengan ilmu pengetahuan yang diterapkan dalam pekerjaan sesuai dengan program studinya.
4. Politeknik Bengkalis memperoleh umpan balik dari organisasi/perusahaan terhadap kemampuan mahasiswa yang mengikuti KP di dunia pekerjaannya.
5. Politeknik Bengkalis memperoleh umpan balik dari dunia pekerjaan guna pengembangan kurikulum dan proses pembelajaran.
BAB 2 GAMBARAN PERUSAHAAN
2.1 Sejarah Perusahaan
AGN-Net atau AGSA GLOBAL NETWORK adalah salah satu Perusahaan Penyedia Jasa Layanan Internet Dedicated (Dedicated Internet Service Provider) yang menawarkan jasa untuk meneyediakan Internet Dedicated langsung ke lokasi bisnis ataupun perusahaan yang anda kelola. Pada tahun 2021 PT. AGSA GLOBAL NETWORK menjadi salah satu ISP pertama dikabupaten bengkalis, sehingga dapat menyediakan jasa internet dedicated murah, yang dapat dijangkau semua kalangan. Kini AGN-Net telah berkembang dengan sangat baik karena dukungan dari para kostumer, kepercayaan mereka membuat kami tumbuh besar dan kini jadi salah satu perusahaan penyedia jasa layanan internet dedicated di Bengkalis dan Indonesia.
2.2 Visi dan Misi Perusahaan 2.2.1 Visi
Adapun visi PT AGSA GLOBAL NETWORK ialah memberikan pelanggan solusi layanan jasa dan produk terbaik dengan mengutamakan kepuasan pelanggan yang menjadikan AGN Provider sebagai pilihan utama dalam layanan jasa jaringan internet.
2.2.2 Misi
Adapun misi PT AGSA GLOBAL NETWORK ialah sebagai berikut :
1. Menawarkan kualitas bantuan terbaik yang didukung oleh berbagai pengaturan dan kemajuan jaringan komunikasi media terbaru dalam mengembangkan administrasi lebih lanjut untuk client.
2. Membangun dan mengembangkan infrastruktur jaringan di seluruh kota di Indonesia dengan teknologi terbaru.
3. Selalu mengembangkan Sumber Daya Manusia secara konsisten untuk mencapai kesuksesan.
2.3 Struktur Organisasi Perusahaan
Gambar 2.1 Struktur Organisasi Perusahaan Sumber (Data Olahan)
2.4 Ruang Lingkup Perusahaan
AGN Provider merupakan sebuah perusahaan penyedia jasa internet terpercaya yang berkembang di Indonesia berbekalan teknologi terbaru. Dalam rangka menawarkan jenis bantuan yang berkualitas kepada client dan berfokus pada loyalitas konsumen, AGN Provider berfokus untuk terus memusatkan perhatian pada melayani dan memberikan pengaturan kualitas terbaik yang sesuai dengan kebutuhan client untuk administrasi telekomunikasi informasi. AGN Provider memberikan layanan berupa ISP (Internet Service Provider) satu-satunya di Bengkalis. Paket internet di sesuaikan untuk UMKM (Usaha Kecil & Menengah) sangat cocok untuk usaha baru ataupun yang sudah berjalan dengan biaya yang terjangkau. Selanjutnya layanan VPN (Virtual Private Network) membantu perusahaan membangun jaringan komunikasi yang aman dan hemat biaya.
Meski dengan kantor cabang yang berada dilokasi terpencil sekalipun.
Selanjutnya layanan Software House, bergerak di bidang pengembangan perangkat lunak dan konsultan IT yang berlokasi di Bengkalis, Riau. AGN Provider memberikan solusi IT satu atap untuk membantu melakukan transformasi digital dan mengembangkan usaha pelanggan. Terakhir layanan jasa pemasangan CCTV, dengan akses internasional dan lokal akses yang cepat, murah dan hemat.
BAB 3 BIDANG PEKERJAAN KERJA PRAKTEK
3.1 Spesifikasi Tugas
Adapun spesifikasi tugas yang diberikan selama Kerja Praktek yaitu dari tanggal 5 Juli 2021 sampai dengan 05 Oktober 2021 adalah sebagai berikut :
3.1.1 Merancang Portfolio Sederhana
Portfolio merupakan salah satu lampiran yang sering dilampirkan ketika anda melamar sebuah pekerjaan ataupun mendaftar sebagai calom karyawan pada instansi swasta ataupun pemerintahan. Bentuk portofolio sangat beragam, bisa berbentuk foto, video, catatan prestasi, piagam penghargaan, pengalaman profesional, dan sebagainya.
Dalam kaitannya dengan CV, portofolio juga lazim disertakan di dalamnya. Dalam pembuatan portofolio ini saya membuat portofolio dalam bentuk web. Adapun portofolio sebagai berikut :
Gambar 3.1 Merancang Portfolio Sederhana Sumber (Data Olahan)
3.1.2 Membuat Landing Page Menggunakan Bootstrap 4
Landing page merupakan halaman dalam website yang didesain khusus dengan mindset marketing. Halaman inilah yang ditampilkan ketika pengunjung mengakses website dari hasil pencarian berbayar (paid search). Adapun bentuk landing page sebagai berikut :
Gambar 3.2 Membuat Landing Page Sumber (Data Olahan)
3.1.3 Merancang Responsive Template
Web template merupakan sebuah desain tampilan halaman dengan berisikan file dokumen model-model tambahan yang dikodekan dengan bahasa program dan siap pakai.. Template yang saya buat ini akan dipergunakaan oleh sebagian perusahaan, lembaga instansi pemerintahan. Adapun Template Responsive sebagai berikut :
Gambar 3.3 Tampilan Website Sumber (Data Olahan)
3.2 Target Pencapaian
Adapun target pencapaian penulis selama Kerja Praktek ialah sebagai berikut : 1. Dapat menyelesaikan tugas yang diberikan dengan baik
2. Memahami tugas yang diberikan
3. Dapat memanfaatkan pengetahuan dan pengalaman yang didapat 4. Memahami dunia kerja
3.3 Perangkat yang Digunakan
Dalam pelaksanaan Kerja Praktek, penulis menggunakan perangkat keras (hardware) dan juga perangkat lunak (software) yang penulis gunakan agar tugas yang diberikan bisa dikerjakan dengan lancar tanpa ada hambatan yang besar.
3.3.1 Perangkat Keras (Hardware)
Adapun perangkat keras yang penulis pakai saat pelaksanan Kerja Praktek ialah sebagai berikut :
1. Laptop
Laptop atau computer adalah computer pribadi yang berukuran relative kecil dan ringan. Laptop terkadang disebut juga computer notebook Sebagai computer pribadi.
laptop memilki fungsi yang sama dengan computer desktop pada umumnya.
Gambar 3.4 Laptop Sumber (Data Olahan)
BAB 4 MERANCANG RESPONSIVE WEBSITE TEMPLATE PT AGSA GLOBAL NETWORK
4.1 Uraian Judul
Pada proses pembuatan Template Responsive akan menggunakan metodelogi HTML (Hyper Text Markup Language) dan CSS (Cascading Style Sheets ) dimana HTML ini merupakan langkah pertama dalam pembuatan Template dan fungsi dari CSS membutuhkan CSS yang bisa mengatur seluruh tampilan website sehingga terlihat lebih menarik dan sesuai dengan kebutuhan user.
4.1.1 Template
Template merupakan salah satu identitas anda. Kita tidak dapat memilih template yang mengikuti selera kita sendiri apabila web yang ditujukan untuk pengunjung dengan kalangan tertentu. Akan tetapi pemilihan template dapat dilakukan secara sepihak apabila itu tidak diperuntukan untuk uang, bahkan mungkin untuk bebas kita sendiri.
4.1.2 Responsive Template
Template responsive memang dikhususkan unuk mempermudah akses pada mobile. Dengan kata lain Template akan berubah tampilan jika di akses pada ukuran layar yang berbeda.
4.2 Source Code Template
Pada tahap ini, penulis melakukan pengodinga untuk menghasil website yang diinginkan, penulis menggunakan beberapa kodingan sederhana dengan HTML dan diperbagus menggunakan CSS dan sedikit JavaScript, adapun beberapa kodingan yang penulis ialah sebagai berikut :
Gambar 4.1 Source Code Sumber (Data Olahan)
4.3 Hasil Perancangan
Pada tahap ini, penulis akan menampilkan hasil rancangan dari kodingan yang telah penulis lakukan, disini terdapat beberapa fitur sederhana yang penulis tambahkan sesuai standara yang dibutuhkan, adapun hasilnya sebagai berikut :
Gambar 4.2 Tampilan Hasil Rancangan Sumber (Data Olahan)
4.4 Kelebihan Responsive Template
Adapun terdapat beberapa kelebihan sehingga responsive template sangat diminati para developer, diantaranya sebagai berikut :
1. Menghemat biaya untuk aplikasi mobile
2. Meningkatkan pendapat website dari adversite, karena bisa respon pada semua ukuran layar.
3. Desain simple dan menarik
4. Proses pembuatan lebih mudah dan cepat
BAB 5 PENUTUP
5.1 Kesimpulan
Template ini merupakan template sederhana yang akan digunakan oleh perusahaan PT. Agsa Global Komputer, dan ini di buat menggunakan bahasa penandaan yang terdiri dari penggunaan tag atau sering juga kita sebut HTML, di sisi lain juga menggunakan CSS yang berguna untuk menyederhanakan proses pembuatan website dengan mengatur elemen yang tertulis bahasa markup, kode editor yag digunakan yaitu menggunakan sebuah yang digunakan yaitu sebuah software yang sangat ringan yaitu visual code studio atau disingkat VS code. Alasan memilih visual code studio adalah, kode editor tersebut dapat di gunakan secara gratis emment sudah sudah terintergrasi , kemudian bekerja dengan warna, si debar akan kaya fitur dan banyak lagi. Template yang idbuat ini sengaja belum menggunakan Javascript karna pribadi disana yang membuat sesuai perintah dari atasan atau rekan saya di tempat dimana saya magang selama 2 bulan.
5.2 Saran
Menurut penulis, saran yang bisa diberikan baik itu kepada perusahaan tempat penulis Kerja Praktek maupun kepada Politeknik Negeri Bengkalis ialah diharapkan Politeknik Negeri Bengkalis dapat terus menjalin hubungan yang baik Perusahaan- perusahaan yang terkait dengan pelaksanana Kerja Praktek terutama PT. Agsa Global Network.
DAFTAR PUSTAKA
Ariyus, D. (2005). kamus Hacker. Andi.
Dewi, R. R. K., Kartasurya, M. I., & Mawarni, A. (2017). Analisis Kebijakan Donor Darah Dan Implementasi Program Rekrutmen Donor Di Unit Donor Darah (UDD PMI) Kota Pontianak. Jurnal Manajemen Kesehatan Indonesia, 4(2), 109–117.
https://doi.org/10.14710/jmki.4.2.2016.109-117
Hasanudin, D., & Adityawan, O. (2020). Perkembangan Flat Design dalam Web Design dan User Interface ( UI ). Pantun Jurnal Ilmiah Seni Budaya, 5(2), 134–144.
Razali, Sunarto, Rionaldi, Febriani, O., & Utami, A. (2017). BUKU PANDUAN KERJA PRAKTEK ( KP ).
Sari, Y. P. (2017). Rancang Bangun Aplikasi Penjualan Dan Persediaan Obat Pada Apotek Merben Di Kota Prabumulih. Jurnal Sistem Informasi Dan Komputerisasi Akuntansi (Jsk), 1(1), 81–88.
Sun, Y. Sen, Qiu, B., & Li, Q. S. (2013). The research of negative ion test method for fabric. Advanced Materials Research, 756–759(1), 138–140.
https://doi.org/10.4028/www.scientific.net/AMR.756-759.138
Ummu, L., & Triyono, R. A. (2013). Rancang Bangun Sistem Informasi Manajemen Pendonoran Darah Pada Udd PMI Kabupaten Pacitan. Indonesian Jurnal on Computer Science, 10(2), 48–56.
