SEMINAR LAPORAN MAGANG Pengembangan Web Profil Ruang Ekspresi Menggunakan Content Management System WordPress Disusun Oleh : Ndonik Setiawan ( ) Pembimbing : Imam Azhari, S.Si., M.Cs. PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI TERAPAN UNIVERSITAS AHMAD DAHLAN YOGYAKARTA 2020

DAFTAR ISI 2 PENDAHULUAN  Latar Belakang  Maksud dan Tujuan  Waktu dan Prosedur Pelaksanaan DESKRIPSI PEKERJAAN  Ruang Lingkup Ruang Ekspresi  Ruang Lingkup Pekerjaan  Masalah  Metode Penyelesaian Masalah  Hasil Penyelesaian LAPORAN PROYEK DESKRIPSI PEKERJAAN  Pengembangan Karakter  Rencana Karir  Kesimpulan

PENDAHULUAN 3  Latar Belakang Ruang Ekspresi adalah sebuah inkubator yang berkembang dilingkup akademik dengan menawarkan layanan produk teknologi informasi. Pada kemajuan dan perkembangan dunia teknologi informasi sekarang ini, di sebuah perusahaan banyak memanfaatkan web sebagai sarana untuk menunjang kegiatan usaha. Sehubungan dengan permasalahan Ruang Ekspresi yang belum memiliki web maka dibangun suatu media informasi yang berbasis web menggunakan CMS WordPress, dengan nama Web Profil Ruang Ekspresi.

PENDAHULUAN 4  Maksud dan Tujuan  Membina dan mempersiapkan generasi penerus yang profesional dalam bidang Sistem Informasi.  Meningkatkan keterampilan, dan mengetahui perkembangan teknologi informasi yang ada di perusahaan/instansi.  Mengimplementasikan ilmu yang telah di dapat selama perkuliahan.  Membangun kerja sama antara program studi dan pihak perusahaan/instansi.

PENDAHULUAN 5  Waktu dan Prosedur Pelaksanaan Penulis melaksanakan kegiatan magang di Ruang Ekspresi Universitas Ahmad Dahlan Yogyakarta yang kemudian disingkat RE, dengan proyek Pengembangan Web Profil Ruang Ekspresi. Pada kegiatan magang ini di laksanakan lebih kurang selama 6 bulan dalam 24 jam kerja di bagi 4 hari dalam seminggu, dengan pertimbangan adanya pandemi Covid-19 maka kegiatan magang menyesuaikan.

DESKRIPSI PEKERJAAN 6  Ruang Lingkup Ruang Ekspresi Berdirinya Ruang Ekspresi merupakan sarana mahasiswa/i di sistem informasi dalam mengembangkan proyeknya yang di perkuliahan maupun di luar perkuliahan, terletak di lantai 4 Gedung Laboratorium Terpadu Kampus 4 Universitas Ahmad Dahlan yang beralamat di Jl. Ringroad Selatan, Kragilan, Tamanan, Kec. Banguntapan, Bantul, Daerah Istimewa Yogyakarta Sebagaimana pernyataan dari pendiri Ruang Ekspresi yang terinspirasi dari filosofi berikut “jika ingin menumbuhkan jamur itu tidak perlu ditanam, cukup dilembapkan ruangannya maka jamur itu tumbuh sendiri” (Farid Suryanto, 2020).

DESKRIPSI PEKERJAAN 7  Ruang Lingkup Pekerjaan  Melakukan analisis proses bisnis.  Menyesuaikan halaman tema.  Pengembangan web desain.  Pengembangan halaman portofolio.

LAPORAN PROYEK 8  Masalah Berdasarkan penulis berkaitan pada masalah yang terjadi dalam pengembangan Web Profil RE di awal yaitu penyesuaian diri terhadap CMS WordPress, karena pada ilmu perkuliahan umumnya tidak diajarkan pada masa perkuliahan yang kemudian menuntut penulis untuk bisa mengeksplorasi secara mandiri ataupun mencari pengetahuan WordPress di berbagai media internet. Selanjutnya pada pengembangannya yang disadari penulis adalah pada Plugin yang di gunakan tidak bisa digunakan secara fungsional karena terdapat versi pro yang berbayar dengan begitu tim Web RE memaksimalkan Elements yang ada.

LAPORAN PROYEK 9  Metode Penyelesaian Masalah Pengembangan Web Profil RE dilakukan dengan menggunakan pendekatan metode waterfall, merupakan salah satu siklus hidup klasic (classic life cycle) dalam pengembangan perangkat lunak. Tahapan metode waterfall dimulai dari requirements sebagai tahap analisa yang sangat penting karena bertujuan untuk memahami, mengumpulkan dan mendokumentasikan kebutuhan pengguna (Verma et al., 2014). Tahapan selanjutnya yaitu desain yang bertujuan memberikan gambaran tentang apa yang akan dikerjakan, penulis melakukan desain berupa rancangan home page menggunakan template dari Bootstrap. Kemudian tahap implementasi berupa tahap menyusun dan membangun desain menjadi sebuah sistem yang dapat berjalan, pada pengembangan ini penulis menggunakan CMS WordPress.

LAPORAN PROYEK 10  Teknik Penyelesaian Pada tahapan awal yang dilakukan yaitu melakukan analisis proses bisnis dengan metode observasi, yaitu penulis mengumpulkan data langsung di Ruang Ekspresi sehingga memperoleh informasi dan data-data yang sesuai. Kemudian dengan metode wawancara yaitu dengan bertanya pada pihak-pihak yang bersangkutan, seperti Pendiri Ruang Ekspresi dan para stakeholder yang berkaitan. Kemudian melakukan tahapan pengembangan awal membuat home page menggunakan template dari Bootstrap melalui localhost dan berkoordinasi antar tim menggunakan Github, yaitu sebagai prototipe yang mana dijadikan sebagai gambaran ke depan pada penggunaan CMS WordPress. Pada pengembangannya, tim Web Profile menjalin kerja sama dengan tim Kreatif RE dalam mendapatkan informasi yang akan dijadikan sebagai konten. Tahapan selanjutnya yaitu pengenalan dan penyesuaian pada WordPress sebagai framework yang akan digunakan dengan banyak melakukan eksplorasi dari media internet, seperti banyak melakukan eksplorasi pada web profil perusahaan yang sejenis yaitu termasuk web gamatechno.com sebagai bahan acuan dan melihat tutorial yang ada di YouTobe sebagai media informasi langsung pada praktiknya. Begitu juga berkonsultasi kepada orang yang sudah pernah melakukan pengembangan web menggunakan CMS WordPress, karena peluang untuk bisa praktik secara langsung dan bertanya solusi ketika ada permasalahan yang ada.

LAPORAN PROYEK 11 Tampilan awal Home Page Berikut tampilan halaman awal dari web RE ketika masuk yang mana terdapat sebuah elemen navbar dengan user interface yang terdiri dari logo berwarna putih sebagai identitas Ruang Ekspresi dan juga sebagai fungsional home page dan menu, kemudian pada sebuah banner terdiri dari gambar dan teks sebagai visi dari Ruang Ekspresi dan juga adanya tampilan portofolio.  Hasil

LAPORAN PROYEK 12 Tampilan awal Web Profil Ruang Ekspresi Berikut tampilan pada halaman awal dari web RE ketika masuk, yang mana terdapat sebuah elemen navbar yang terdiri dari logo dan side menu. Kemudian pada sebuah banner terdiri dari gambar dan teks sebagai visi dari Ruang Ekspresi, juga adanya elemen button menuju section bawah dan adanya button pesan pada sisi kanan bawah yang kan muncul pada setiap halaman dan section..  Hasil

LAPORAN PROYEK 13 Tampilan side pesan Berikut tampilan side menu pada button pesan, yang mana menampilkan formulir dengan data nama, dan pesan yang akan dikirimkan.  Hasil

LAPORAN PROYEK 14 Tampilan Side Menu Berikut tampilan dari side menu dengan beberapa pilihan menu yang menggunakan fitur popup, pilihan menu tersebut di gunakan untuk mempermudah menuju section yang sesuai.  Hasil

LAPORAN PROYEK 15 Tampilan Section Tentang Ruang Ekspresi Berikut tampilan pada section Tentang yang menampilkan sebuah video yang terintegrasi ke YouTobe dan adanya sebuah elemen text editor yang berisi deskripsi pengertian Ruang Ekspresi.  Hasil

LAPORAN PROYEK 16 Tampilan Section Berita Berikut tampilan pada section Berita yang merupakan section ke tiga setelah section Tentang dengan menggunakan elemen post yang menampilkan gambar, judul dan tanggal pos, kemudian adanya elemen button dengan teks Selengkapnya untuk menuju ke halaman Berita.  Hasil

LAPORAN PROYEK 17 Tampilan awal Halaman Berita Berikut tampilan awal dari halaman Berita, halaman ini kurang lebih sama dengan section Berita dengan tambahan banner sebagai judul dari sebuah halaman..  Hasil

LAPORAN PROYEK 18 Tampilan section Semua Berita Kemudian pada section Semua Berita yang mana pada card berita terdapat foto, judul, dan tanggal pos..  Hasil

LAPORAN PROYEK 19 Tampilan awal Halaman Detail Berita Berikut tampilan awal halaman Detail Berita yang menampilkan Judul, gambar, penulis, tanggal pos dan deskripsi.  Hasil

LAPORAN PROYEK 20 Tampilan section komentar Berita Berikut tampilan section komentar berita sebagai penilaian terhadap berita yang ditinjau dengan mengisi data; nama, dan web.  Hasil

LAPORAN PROYEK 21 Tampilan Section Portofolio Berikut tampilan dari section Portofolio yang merupakan section ke empat setelah section Berita yang menampilkan card Portofolio dengan rincian gambar, badge (sebagai kategori), judul, dan kutipan yang menggunakan elemen post, kemudian adanya elemen button dengan teks Selengkapnya untuk menuju ke halaman Portofolio karena pada section Portofolio ini hanya menampilkan acak dari sebagian isi portofolio.  Hasil

LAPORAN PROYEK 22 Tampilan Tampilan Halaman Portofolio Berikut tampilan pada halaman Portofolio yang menampilkan elemen Tab dengan detail kategori; Semua, Mobile, Web, Museum. Kemudian pada tampilan card portofolio sama pada section Portofolio dengan tambahan Read More sebagai penghubung untuk menuju ke Halaman Detail Portofolio.  Hasil

LAPORAN PROYEK 23 Tampilan Halaman Detail Portofolio Berikut tampilan pada halaman Detail Portofolio yang kurang lebih sama dengan halaman Detail Berita.  Hasil

LAPORAN PROYEK 24 Tampilan section komentar portofolio Berikut tampilan pada section komentar Portofolio yang kurang lebih sama dengan section komentar Berita.  Hasil

LAPORAN PROYEK 25 Tampilan Section Clien dan Testimoni Berikut tampilan halaman awal dari web RE ketika masuk yang mana terdapat sebuah elemen navbar dengan user interface yang terdiri dari logo berwarna putih sebagai identitas Ruang Ekspresi dan juga sebagai fungsional home page dan menu, kemudian pada sebuah banner terdiri dari gambar dan teks sebagai visi dari Ruang Ekspresi dan juga adanya tampilan portofolio.  Hasil

LAPORAN PROYEK 26 Tampilan Section Kontak Ruang Ekspresi Tampilan pada section Kontak Ruang Ekspresi yang merupakan section terakhir dengan menampilkan logo Ruang Ekspresi dan deskripsi. Kemudian beberapa sosial media dengan detail; Web, Instagram, YouTobe. Kemudian terdapat Alamat, , Nomor kontak.  Hasil

LAPORAN PROYEK 27 Berdasarkan hasil kegiatan magang yang dilakukan di Ruang Ekspresi, penulis telah mengembangkan Web Profil RE yang telah dilakukan hosting ke publik. Berikut adalah kesimpulan yang didapatkan: 1.Web Profil RE memberikan informasi tentang Ruang Ekspresi, informasi berita kegiatan Ruang Ekspresi dan sebagai media promosi dari portofolio yang di ada di Ruang Ekspresi. 2.Melalui web ini pengunjung dapat membaca detail berita ataupun portofolio yang ada di Ruang Ekspresi melalui halaman detail dan dapat berdiskusi dengan menuliskan komentar pada section yang tersedia.  Kesimpulan

LAPORAN PROYEK 28 1.Web Profil RE menggunakan Plugin dari Elementor yang mana terdapat Element versi pro, maka perlu di optimalkan penggunaan Element tersebut. 2.Banyak melakukan eksplorasi Plugin yang banyak tersedia di CMS Wordpress untuk bisa di pasang sebagai fungsi pendukung. 3.Membuat sebuah Plugin sendiri yang sesuai dengan yang diharapkan dalam pengembangan web ini. 4.Pembaharuan secara berkala pada Plugin dan tema yang di pasang untuk memaksimalkan penggunaanya.  Rekomendasi

PENGEMBANGAN KETERAMPILAN DAN PENGETAHUNA 29 Banyak hal yang di dapat di mana penulis menyadari ilmu baru yang didapat selama melakukan magang, menuntut penulis belajar menjadi lebih baik dari sebelumnya yaitu dengan menjadikan konsistensi dalam pengembangan web. Pentingnya menghargai waktu dan kesadaran tanggung jawab pada saat pengerjaan, dimulai dari diri sendiri untuk berusaha disiplin dengan kebiasaan membuat planning dalam berkegiatan sehari-hari dan adanya tujuan yang harus dicapai. Belajar dari sebuah deadline yang menjadikan penulis harus membuat progres sesuai dengan planning yang dibuat, mendorong penulis untuk banyak mempelajari pada framework yang digunakan di mana sebelumnya tidak pernah terpikirkan untuk melakukannya tapi karena ada sebuah proyek yang harus diselesaikan maka harus bisa menggunakannya.  Pengembangan Karakter

PENGEMBANGAN KETERAMPILAN DAN PENGETAHUNA 30 Sebagai rencana ke depan yaitu memaksimalkan proyek yang sudah dikerjakan untuk membuat sebuah portofolio dan membekali diri dengan menyerap banyak ilmu dari berbagai sumber dengan berpandangan pada kemajuan web, memulai mencari lowongan pekerjaan yang terkait dengan web dan berelasi dengan orang-orang yang sudah bekerja di bidang web.  Rencana Karir

PENGEMBANGAN KETERAMPILAN DAN PENGETAHUNA 31 Kegiatan magang yang merupakan langkah awal bagi mahasiswa untuk mengenal dunia kerja, mengimplementasikan ilmu yang sudah di dapat untuk di terapkan pada sebuah proyek yang akan bermanfaat untuk publik. Menuntut menjadi lebih profesional di bidang yang minati, sebagai pandangan mahasiswa membuat rencana karier ke depan. Penulis sebagai pengembang Web Profil Ruang Ekspresi tentu merasa senang karena ikut andil membangun Ruang Ekspresi sebagai inkubator yang baru berkembang, dan sebagai penutup penulis berharap proyek yang telah dikembangkan selama magang ini dapat terus dikembangkan pada program magang berikutnya.  Kesimpulan

TERIMAKASI H