Claim Missing Document
Check
Articles

Found 7 Documents
Search

Responsive Web Design Menggunakan Bootstrap Dalam Merancang Layout Website Mardi Yudhi Putra
INFORMATION SYSTEM FOR EDUCATORS AND PROFESSIONALS : Journal of Information System Vol 5 No 1 (2020): INFORMATION SYSTEM FOR EDUCATORS AND PROFESSIONALS (Desember 2020)
Publisher : Lembaga Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Abstrak: Perkembangan dunia desain website mengalami peningkatan yang sangat signifikan terutama dalam hal layout web. Para penyedia informasi dituntut untuk dapat menyajikan informasi dengan cepat, tepat dan mudah dan dapat diakses oleh berbagai media devices dan flatform. Selain itu, kebiasaan pengguna dalam mengakses informasi pun mulai ikut berubah, yang dulunya menggunakan perangkat desktop mulai beralih menggunakan smartphone maupun tablet. Permasalahan yang ditemukan pada penelitian ini adalah bagaimana merancang layout website agar dapat menyesuaikan dengan ukuran layar devices, informasi yang ditampilkan dan tampilan halaman website menjadi tidak berantakan dan bagaimana membuat pengguna menjadi nyaman dalam mengakses informasi pada sebuah halaman website. Tujuan penelitian ini adalah untuk menerapkan responsive web design dalam merancang layout website menggunakan bootstrap sehinga ketika diakses dari berbagai devices informasi yang ditampilkan dapat menyesuaikan dengan ukuran layar devices. Hasil penelitian menunjukkan bahwa viewport dan media queries yang telah digunakan dan diujikan menggunakan Chrome DevTools menghasilkan layout yang baik dan bekerja secara otomatis menyesuaikan ukuran layar pada devices yang sedang digunakan baik itu desktop, smartphone maupun tablet. sehingga membuat pengguna menjadi nyaman dan menyenangkan dalam mengakses halaman website karena telah menyesuaikan pada beberapa perangkat tanpa perlu melakukan zoom teks. Kata kunci: Bootstrap, Framework, Layout, Responsif, Website Abstract: The development of the world of website design has increased significantly, especially in terms of web layout. Information providers are required to be able to present information quickly, precisely and easily and can be accessed by various media devices and platforms. In addition, users' habits in accessing information have also begun to change. Previously using desktop devices, they began to switch to using smartphones or tablets. The problems found in this study are how to design a website layout so that it can fit the device screen size, the information displayed and the appearance of the website pages to be cluttered and how to make users feel comfortable in accessing information on a website page. The purpose of this study is to implement responsive web design in designing a website layout using a bootstrap so that when accessed from various devices the information displayed can adjust to the screen size of the devices. The results show that the viewport and media queries that have been used and tested using Chrome DevTools produce good layouts and work automatically to adjust the screen size of the devices being used, be it desktop, smartphone or tablet. so that it makes users comfortable and pleasant in accessing website pages because they have adjusted on several devices without the need to zoom the text. Keywords: Bootstrap, Framework, Layout, Responsive, Website
Implementasi Metode Extreme Programming Dalam Pengembangan Sistem Informasi Pendistribusian Dana Zakat Pada Baznas Kota Bekasi Tia Anastasia; Mardi Yudhi Putra
INFORMATICS FOR EDUCATORS AND PROFESSIONAL : Journal of Informatics Vol 6 No 1 (2021): INFORMATICS FOR EDUCATORS AND PROFESSIONAL : JOURNAL OF INFORMATICS (Desember 202
Publisher : Lembaga Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.51211/itbi.v6i1.1667

Abstract

Badan Amil Zakat Nasional (BAZNAS) Kota Bekasi merupakan salah satu badan resmi yang memiliki tugas menyelenggarakan kegiatan perencanaan, pelaksanaan, dan pengoordinasian dalam pengumpulan, pendistribusian dan pendayagunaan zakat. Pendataan mustahik yang dilakukan dalam pendistribusian masih dilakukan dengan cara konvensional yakni mustahik yang datang langsung ke kantor BAZNAS Kota Bekasi membawa berkas persyaratan program yang akan didata dengan menggunakan microsoft excel dan formulir masih berbentuk kertas, sehingga pengelolaan data program pendistribusian zakat belum baik dan mengakibatkan banyak berkas yang menumpuk serta hilang data yang disimpan. Penelitian ini bertujuan untuk merancang sistem informasi pendataan dan pendistribusian dana zakat serta dapat memberikan laporan penerimaan dan pendistribusian zakat yang lebih detail. Penelitian ini menghasilkan sistem informasi pendistribusian dana zakat dengan metode Extreme Programming (XP) berbasis website, menggunakan bahasa pemrograman PHP serta MySQL sebagai database
Sistem Informasi Penjualan Benang Berbasis Website Menggunakan Framework Laravel Pada PT. Sulindamills Cikarang Barat Ervin Saputro; Mardi Yudhi Putra; Ahmad Safei
INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS : Journal of Information Management Vol 6 No 1 (2021): INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS (DES 2021)
Publisher : Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.51211/imbi.v6i1.1661

Abstract

Abstrak: PT. Sulindamills merupakan perusahaan yang bergerak dibidang pemintalan untuk pembuatan benang. Saat ini pencatatan penjualan pada PT. Sulindamills masih menggunakan tulisan tangan dalam pengelolaan data penjualan. Hasil observasi yang dilakukan ditemukan kelemahan seperti harga penjualan tidak terintegrasi dengan sales, adanya ketidaksesuaian proses pencatatan account receivable, program penjualan yang digunakan yaitu MS-DOS tidak menyediakan output laporan penjualan, sehingga pengguna perlu melakukan pencatatan penjualan pada Microsoft Office yang memerlukan waktu yang lama dalam pencatatannya dan data penjualan menjadi tidak akurat dengan program penjualan. Tujuan penelitian ini adalah untuk merancang sistem informasi penjualan berbasis website sehingga memudahkan pencatatan pengelolaan data penjualan dan harga penjualan terintegrasi dengan data sales. Metode yang digunakan dalam menyelesaikan permasalahan menggunakan metode prototype. Metode ini digunakan pada penelitian ini agar pengguna dapat mengetahui tahapan sistem yang akan dibuat dan apabila ditemukan permasalahan maka akan dilakukan perbaikan sehingga sistem dapat beroperasi dengan baik dan mendapatkan representasi dari pemodelan program yang akan dibuat. Penelitian ini menghasilkan sistem informasi penjualan dengan metode prototype berbasis website menggunakan bahasa pemrograman PHP serta MySQL sebagai database. Kata kunci: MySQL, Penjualan, PHP, Prototype, Web
Responsive Web Design Menggunakan Bootstrap Dalam Merancang Layout Website Mardi Yudhi Putra
INFORMATION SYSTEM FOR EDUCATORS AND PROFESSIONALS : Journal of Information System Vol 5 No 1 (2020): INFORMATION SYSTEM FOR EDUCATORS AND PROFESSIONALS (Desember 2020)
Publisher : Lembaga Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar | Full PDF (734.496 KB)

Abstract

Abstrak: Perkembangan dunia desain website mengalami peningkatan yang sangat signifikan terutama dalam hal layout web. Para penyedia informasi dituntut untuk dapat menyajikan informasi dengan cepat, tepat dan mudah dan dapat diakses oleh berbagai media devices dan flatform. Selain itu, kebiasaan pengguna dalam mengakses informasi pun mulai ikut berubah, yang dulunya menggunakan perangkat desktop mulai beralih menggunakan smartphone maupun tablet. Permasalahan yang ditemukan pada penelitian ini adalah bagaimana merancang layout website agar dapat menyesuaikan dengan ukuran layar devices, informasi yang ditampilkan dan tampilan halaman website menjadi tidak berantakan dan bagaimana membuat pengguna menjadi nyaman dalam mengakses informasi pada sebuah halaman website. Tujuan penelitian ini adalah untuk menerapkan responsive web design dalam merancang layout website menggunakan bootstrap sehinga ketika diakses dari berbagai devices informasi yang ditampilkan dapat menyesuaikan dengan ukuran layar devices. Hasil penelitian menunjukkan bahwa viewport dan media queries yang telah digunakan dan diujikan menggunakan Chrome DevTools menghasilkan layout yang baik dan bekerja secara otomatis menyesuaikan ukuran layar pada devices yang sedang digunakan baik itu desktop, smartphone maupun tablet. sehingga membuat pengguna menjadi nyaman dan menyenangkan dalam mengakses halaman website karena telah menyesuaikan pada beberapa perangkat tanpa perlu melakukan zoom teks. Kata kunci: Bootstrap, Framework, Layout, Responsif, Website Abstract: The development of the world of website design has increased significantly, especially in terms of web layout. Information providers are required to be able to present information quickly, precisely and easily and can be accessed by various media devices and platforms. In addition, users' habits in accessing information have also begun to change. Previously using desktop devices, they began to switch to using smartphones or tablets. The problems found in this study are how to design a website layout so that it can fit the device screen size, the information displayed and the appearance of the website pages to be cluttered and how to make users feel comfortable in accessing information on a website page. The purpose of this study is to implement responsive web design in designing a website layout using a bootstrap so that when accessed from various devices the information displayed can adjust to the screen size of the devices. The results show that the viewport and media queries that have been used and tested using Chrome DevTools produce good layouts and work automatically to adjust the screen size of the devices being used, be it desktop, smartphone or tablet. so that it makes users comfortable and pleasant in accessing website pages because they have adjusted on several devices without the need to zoom the text. Keywords: Bootstrap, Framework, Layout, Responsive, Website
Sistem Informasi Helpdesk Berbasis Web Menggunakan Metode Prototype pada PT. Jalur Nugraha Ekakurir (JNE) Cabang Bekasi Mardi Yudhi Putra; Dinda Ayu Candradewa; Sigit Setiawan
INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS : Journal of Information Management Vol 7 No 1 (2022): INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS (DESEMBER 2022)
Publisher : Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.51211/imbi.v7i1.2284

Abstract

Perkembangan teknologi informasi memberikan manfaat pada bidang logistik atau layanan ekspedisi. Seiring meningkat dan berkembangnya teknologi informasi dalam upaya meningkatkan kualitas layanan dibutuhkan suatu sistem pelaporan masalah perangkat IT. Berdasarkan hasil observasi yang diidentifikasi adapun permasalahan saat ini yakni pelaporan keluhan masih menggunakan telepon dan aplikasi whatsapp sehingga keluhan tidak terorganisir dengan baik. Belum adanya sistem penanganan keluhan, sehingga membuat keluhan dilayani secara acak. Belum tersedianya pelacakan status tiket sehingga bagian helpdesk kesulitan melakukan pencarian informasi atau data yang diperlukan saat melacak masalah yang dilaporkan. Oleh karena itu, perlu tersedianya Sistem Informasi Helpdesk yang merupakan wadah bagi agen (mitra) PT Jalur Nugraha Ekakurir (JNE) Cabang Bekasi untuk melaporkan semua permasalahan yang muncul pada perangkat IT. Selain itu sistem ini bermanfaat bagi Tim IT dalam memonitoring dan menangani keluhan agen. Sistem informasi helpdesk yang dirancang menggunakan metode pengembangan prototype, aplikasi ini dirancang memanfaatkan web application sebagai platform nya dengan MySQL sebagai database nya. Hasil dari penelitian ini adalah aplikasi sistem informasi helpdesk untuk mempermudah agen dalam melakukan pelaporan keluhan dan memudahkan helpdesk dalam menangani keluhan.
Optimalisasi Kinerja Jaringan dengan Load Balancing dan Failover Mikrotik Muhammad Zaenal Arifin; Mardi Yudhi Putra
JURNAL MAHASISWA BINA INSANI Vol 7 No 2 (2023): Jurnal Mahasiswa Bina Insani (Februari 2023)
Publisher : Lembaga Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Abstrak: Akses jaringan internet sudah menjadi kebutuhan setiap orang dikarenakan kemajuan ilmu pengetahuan dan kemajuan teknologi sehingga sudah menjadi kubutuhan sehari-harinya untuk mengakses jaringan internet, adapun kebutuhan akses internet pada jaringan komputer yang berjalan di perusahaan PT. Kline Mobaru Diamond Indonesia masih sering terjadi kendala terutama pada sisi pengguna internet di perusahaan PT. Kline Mobaru Diamond Indonesia sendiri seperti seringnya terjadi kendala seperti beban trafik yang melonjak tinggi dan terjadinya terputusnya akses internet jika penyedia layanan internet (Internet Service Provider) yang digunakan terjadi gangguan. Jaringan komputer yang diharapkan pada perusahaan PT. Kline Mobaru Diamond Indonesia dapat berjalan tanpa adanya kendala pada saat akses internet sehingga tidak akan ada gangguan pada pengguna akses internet khususnya karyawan di PT. Kline Mobaru Diamond Indonesia dalam mengerjakan pekerjaannya maka akan diterapkan Perancangan Load Balancing dan Failover Menggunakan Mikrotik Dengan Metode Network Development Life Cycle. Load Balancing dan Failover merupakan sebuah metode yang dimana metode tersebut membutuhkan dua atau lebih dari penyedia layanan internet (Internet Service Provider) sehingga kedua atau lebih penyedia layanan internet (Internet Service Provider) tersebut berjalan dan menampung beban trafik secara seimbang dan saling mem-backup jika salah satu penyedia layanan terjadi masalah. Kata kunci: Failover, Load Balancing, Jaringan, Mikrotik Abstract: Internet network access has become a need for everyone due to advances in science and technological advances so that it has become a daily necessity to access the internet network, as for the need for internet access on a computer network running at the company PT. Kline Mobaru Diamond Indonesia still often has problems, especially on the side of internet users at PT. Kline Mobaru Diamond Indonesia itself, such as frequent problems such as high traffic loads and interruptions in internet access if the internet service provider (Internet Service Provider) used is interrupted. The expected computer network at the company PT. Kline Mobaru Diamond Indonesia can run without any problems when accessing the internet so that there will be no disturbance to internet access users, especially employees at PT. Kline Mobaru Diamond Indonesia in carrying out its work will apply Load Balancing and Failover Design Using Mikrotik with Network Development Life Cycle Method. Load Balancing and Failover is a method where the method requires two or more internet service providers (Internet Service Providers) so that the two or more internet service providers (Internet Service Providers) run and accommodate the traffic load in a balanced manner and back up each other if needed. one of the service providers has a problem. Keywords: Failover, Load Balancing, Network, Mikrotik
Sistem Pendukung Keputusan Peminatan Produk Digital IndiHome dengan Metode Weighted Product Rena Rena; Mardi Yudhi Putra
JURNAL MAHASISWA BINA INSANI Vol 7 No 1 (2022): Jurnal Mahasiswa Bina Insani (Agustus 2022)
Publisher : Lembaga Penelitian dan Pengabdian Masyarakat Universitas Bina Insani

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Perkembangan teknologi dan ilmu pengetahuan yang begitu pesatnya dalam Divisi Digital Service dan Wifi (DSW) Unit Pemasaran produk digitalnya Telkom di Kranji kota Bekasi. PT Telkom juga memiliki beberapa jenis produk digital yang masing-masing produk tersebut memiliki spesifikasi produk yang berbeda, sehingga dapat menyesuaikan dengan keperluan serta kebutuhan masyarakat Indonesia. PT Telkom memiliki beberapa produk digital. Yang pertama adalah IndiHome smart CCTV yang merupakan produk IP CAMERA teknologi modern di rumah . Yang kedua adalah Android TV indiBox yang merupakan produk smart terdapat koneksi beragai macam film. Ketiga Wifi Extender untuk memperkuat pemancaran sinyal wifi di setiap area sudut rumah tanpa harus menyediakan kabel tambahan. Permasalahan yang terjadi pada devisi Digital Service and Wifi ini staff digital yang mengalami kesulitan dalam penentuan dan penyeleksian peminatan pelanggan dalam sistem terhadap produk-produk yang sesuai dengan kebutuhan dan daya belinya. Oleh karena itu perlu adanya suatu sistem yang dapat membantu dalam pengambilan keputusan secara objektif berdasarkan kriteria-kriteria yang telah ditentukan. Metode pendukung keputusan yang digunakan untuk menentukan peminatan produk digital adalah Weighted Product(WP). Diharapkan dengan adanya sistem ini untuk menentukan kebutuhan perangkat lunak dan dapat menjadi lebih baik untuk Divisi Digital Service dan Wifi (DSW) untuk membuat sistem pendukung keputusan berbasis web mengunakan bahasa pemrograman PHP serta menggunakan MySQL sebagai database. Hasil dari perhitungan sistem pendukung keputusan menunjukkan bahwa dari tiga alternatif yang dipilih, alternatif 03 (A03) bahwa Wifi Extander memiliki nilai paling tinggi yaitu 0,444 (44%), produk yang paling banyak di minati oleh pelanggan indihome.