Claim Missing Document
Check
Articles

Found 16 Documents
Search

TEKNIK SINGLE PAGE APPLICATION (SPA) LAYOUT WEB DENGAN MENGGUNAKAN REACT JS DAN BOOTSTRAP Miftah Faroq Santoso
Jurnal Khatulistiwa Informatika Vol 9, No 2 (2021): Periode Desember 2021
Publisher : Universitas Bina Sarana Informatika

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31294/jki.v9i2.11357

Abstract

Teknologi yang sangat cepat berkembang, memiliki imbas yang cukup besar khususnya diera sekarang yang semua serba instan  dan tentunya  tidak terlepas dari penggunaan internet.  Peristiwa ini secara tidak langsung ikut mempengaruhi dibidang pengembangan website. Sebuah halaman web saat ini tidak hanya mengedepankan desain tampilan layout saja, melainkan dari sisi penyajian konten kepada pengguna (user). Semakin banyak isi, data atau konten yang akan ditampilkan, maka hal ini ikut mempengaruhi kinerja kecepatan dari sebuah browser untuk melakukan render sebuah halaman dalam melakukan penyajian. Seorang web desainer dituntut tidak hanya berfokus pada layout desain melainkan harus dapat memaksimalkan kinerja, kecepatan dari website yang dibuat. Sebuah metode yang dikenal dengan nama Single Page Application (SPA) dengan menggunakan library JavaScript  atau dikenal dengan nama ReactJS, dapat dikatakan bisa menangangi kendala dalam penyajian isi atau konten  serta dapat memaksimalkan kinerja dari sebuah website. Dengan mengadopsi teknik Single Page Application (SPA) pada layout web yang dibuat, maka browser akan lebih cepat dalam melakukan rendering halaman secara menyeluruh dan sempurna. Hasil uji coba memperlihatkan bahwa layout web yang dibuat dengan menggunakan teknik SPA akan sangat cepat pada saat melakukan penyajian konten. Dengan diimplementasikannya teknik SPA ke dalam sebuah layout web, browser tidak akan melakukan re-load ulang secara terus menerus pada keseluruhan halaman saat bernavigasi, melainkan hanya sebagian saja sesuai inputan dari pengguna (user), yang semua itu akan diolah secara otomatis oleh library ReactJS, sehingga akan menghasilkan pengalaman pengguna dalam berinteraksi lebih nyaman dalam menggunakan sebuah halaman web.
KONSEP RUMAH PINTAR DAN PENERAPANNYA DALAM PERANCANGAN SISTEM KEAMANAN DENGAN IP CAMERA Miftah Faroq Santoso
JITK (Jurnal Ilmu Pengetahuan dan Teknologi Komputer) Vol 4 No 1 (2018): JITK Issue August 2018
Publisher : LPPM Nusa Mandiri

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

Abstract

Pemantauan merupakan salah satu bagian dari tindakan pengamanan, pemantauan rumah dapat dilakukan dengan menggunakan jaringan internet. Teknologi CCTV (Closed Circuit Television) semakin mempermudah seorang pengguna dalam melakukan pengawasan dan pemantauan suatu ruangan. Penelitian ini mengajukan arsitektur pemantauan rumah dengan menggunakan IP Kamera melalui jaringan internet (smarthome). Metode uji coba dan pengujian dilakukan secara langsung dengan menggunakan perangkat (tools) berupa IP Kamera, Modem, Komputer dan Smartphone. Untuk uji coba sementara dilakukan pemasangan di satu titik pantau. Penelitian ini bertujuan untuk merancang suatu sistem keamanan yang mampu melakukan pendeteksian gerakan objek yang dapat bekerja secara kontinyu dan berkesinambungan menggunakan kamera pemantau. Kamera pemantau yang digunakan untuk melakukan pemantauan tersebut adalah Internet Protocol Camera (IP Camera). Hasil dari penelitian ini membangun sebuah sistem keamanan pendeteksian gerakan menggunakan IP Kamera berbasis web sehingga dengan mudah dapat diakses kapan saja dan di mana saja. Sistem yang dihasilkan memiliki kemampuan mendeteksi gerakan, sistem juga mampu menyimpan gambar dan video ketika terdeteksi gerakan yang mencurigakan.
Pemanfaatan Aplikasi Canva sebagai Media Peningkatan Pengetahuan Desain Anak Asuh Yayasan Darrusalam Depok Ahmad Jurnaidi Wahidin; Miftah Faroq Santoso; Tiska Pattiasina; Yusuf Unggul Budiman
Jurnal Abdi Masyarakat Indonesia Vol 2 No 3 (2022): JAMSI - Mei 2022
Publisher : CV Firmos

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.54082/jamsi.336

Abstract

Yayasan Darussalam Depok merupakan yayasan yang bergerak dalam bidang sosial seperti pembiayaan permakanan sampai dengan pendidikan bagi anak yatim piatu, yayasan menyelenggarakan pelatihan untuk meningkatkan keterampilan anak asuh agar memiliki bekal keterampilan untuk terjun ke masyarakat. Perkembangan desain grafis khususnya di Indonesia cukup pesat, hal ini terbukti dengan banyaknya perusahaan ataupun industri yang menggunakan desain grafis untuk memperkenalkan produknya kepada masyarakat. Kemudahan mendesain saat ini ditawarkan oleh platform desain melalui website maupun aplikasi yaitu Canva, Canva didesain dengan kelengkapan fitur dan template yang memudahkan seseorang mendesain seperti poster, kartu ucapan, brosur, dll. Pada kegiatan ini dalam rangka untuk membantu mewujudkan program yayasan untuk meningkatkan pengetahuan anak asuh tentang desain grafis menggunakan aplikasi canva, maka diselenggarakan kegiatan dalam bentuk pengabdian masyarakat. Dilaksanakan One-Day Training (ODT) dengan metode latihan berstruktur, proses pelatihan dilakukan dengan metode ceramah, demonstarasi dan tanya jawab. Pada tahap akhir pelatihan, peserta diberikan angket kuesioner untuk mengetahui respons dari peserta dan tingkat keberhasilan kegiatan, dan dapat diketahui persentase PUAS adalah 149/170 x 100% = 87,65% dan presentase TIDAK PUAS adalah 21/170 x 100%=12,35%. Dengan demikian kegiatan pengabdian masyarakat ini berjalan dengan lancar dan para anak asuh selaku peserta pelatihan dapat memahami materi dengan baik yang diukur dari hasil kuesioner.
Implementasi Konsep dan Teknik UI/UX Dalam Rancang Bangun Layout Web dengan Figma Miftah Faroq Santoso
Jurnal Infortech Vol 4, No 2 (2022): Desember 2022
Publisher : Universitas Bina Sarana Informatika

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31294/infortech.v4i2.13944

Abstract

Abstrak  - Sudah lebih dari 2 (dua) dekade trend teknologi mengalami perkembangan yang sangat pesat, khususnya internet. Pusat segala informasi digital, pertukaran data, hingga media promosi seolah-olah menjadi tidak ada jarak dibelahan dunia manapun. Internet mendominasi disetiap lini kehidupan, hal ini berdampak pada banyaknya situs-situs internet atau lebih dikenal dalam bentuk website. Berbagai jenis dan model tampilan website, dari yang sederhana, perpaduan animasi, hingga memiliki fitur mobile responsive yang dapat dijalankan diberbagai perangkat. Namun fitur-fitur tersebut tidaklah cukup dalam perkembangannya pengguna menginginkan sebuah website yang intuitif, sehingga pengguna merasa nyaman bahkan bisa berlama-lama menghabiskan waktu pada saat berselancar didunia maya. Untuk mengakomodir kebutuhan pengguna, desain web yang menarik saja tidaklah cukup sehingga perlu penerapan atau metode khusus yaitu dalam implementasi desainnya akan dipadukan dengan metode serta teknik UI/UX yang akan dikolaborasikan dengan desain layout web. Hasil dari penelitian ini penerapan konsep dan teknik dengan metode UI/UX dan tool Figma, desain layout web lebih konsisten, komposisi warna, jenis, ukuran huruf (typografi), jarak antar elemen, hingga hierarki antar elemen lebih terjaga. Hal ini bertujuan agar pengalaman pengguna pada saat berselancar merasa nyaman namun tidak mengesampingkan dari sisi fungsionalitas.
APLIKASI TIKTOK SEBAGAI MEDIA PROMOSI KELOMPOK MASYARAKAT PEDULI IKLIM BUMIKU SATU Yusuf Unggul Budiman; Miftah Faroq Santoso; Tiska Pattiasina; Ahmad Jurnaidi Wahidin
J-ABDI: Jurnal Pengabdian kepada Masyarakat Vol. 2 No. 5: Oktober 2022
Publisher : Bajang Institute

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.53625/jabdi.v2i5.3677

Abstract

Iklim merupakan rata-rata cuaca dimana cuaca merupakan keadaan atmosfer pada suatu saat di waktu tertentu, iklim bumi berubah secara signifikan, pemanasan global akan mempengaruhi terjadinya berbagai bencana alam. Kelompok Masyarakat Peduli Iklim Bumiku Satu adalah organisasi kemasyarakatan untuk mewujudkan program kampung iklim yang memiliki kegiatan peyuluhan serta memberi pengetahuan kepada masyarakat. Kegiatan pengabdian masyarakat ini memberikan alternatif media yang dapat digunakan untuk promosi, aplikasi TikTok yang Indonesia menjadi negara pengguna terbesar kedua dengan 99,1 juta pengguna. TikTok adalah platform video pendek yang memungkinkan pengguna untuk bebas membayangkan ide-ide mereka dan mengekspresikannya. Pelatihan dilaksanakan dengan metode ceramah, demonstrasi dan tanya jawab, tutor memaparkan sejarah sampai dengan fitur yang dimiliki aplikasi TikTok kemudian dilanjutkan demonstrasi mendownload aplikasi, membuat akun sampai dengan membuat konten, dan peserta diberi kesempatan untuk tanya jawab. Kegiatan berjalan dengan lancar dan mendapatkan hasil yang sangat baik berdasarkan respons dari peserta melalui kuesioner yang dibagikan, dengan pengukuran Skala Guttman model cros sectional hasil presentase puas 100% dan tidak puas 0%.
Edukasi Optimalisasi Aplikasi DANA sebagai E-Wallet Guna Mewujudkan Keuangan Digital pada Karang Taruna Karisma Maju Ahmad Jurnaidi Wahidin; Miftah Faroq Santoso; Yusuf Unggul Budiman; Tiska Pattiasina
Jurnal ETAM Vol. 3 No. 2 (2023): OCTOBER
Publisher : Politeknik Negeri Samarinda

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.46964/etam.v3i2.598

Abstract

Pola transaksi keuangan masyarakat yang sudah berubah dengan menggunakan sistem pembayaran digital dan mengakses layanan perbankan di telepon seluler. Perkembangan FinTech sangat pesat seiring dengan transformasi digital, transaksi keuangan elektronik menjadi tren yang tidak bisa dihindari, salah satu inovasi yang populer adalah dompet digital. Aplikasi DANA merupakan dompet digital Indonesia yang dirancang untuk melakukan semua transaksi digital tanpa uang tunai dan tanpa kartu, online dan offline, cepat, nyaman, dan aman. Pengelolaan keuangan yang dilakukan oleh pengurus dan anggota Krang Taruna Karisma Maju masih dengan cara konvensional yang menyebabkan kurang efisiennya proses transaksi dan uang tunai juga mudah hilang. Kegiatan dilakukan dengan 5 tahapan melakukan analisa, menentukan metode pelatihan, menyusun materi, melaksanakan pelatihan dan evaluasi. Dari kuesioner yang diberikan kepada 18 orang peserta dengan 12 laki-laki dan 6 perempuan didapat skor rata-rata 4,64 dengan grade (keterangan) Sangat Puas. Angka tersebut menunjukan bahwa peserta sangat puas dengan materi yang diberikan melalui metode yang digunakan pada pelatihan.
PELATIHAN PEMANFAATAN GOOGLE WORKSPACE SEBAGAI MEDIA PENINGKATAN PENGETAHUAN DALAM PEMBERDAYAAN KWT SUMUR MANGGA Yusuf Unggul Budiman; Miftah Faroq Santoso; Tiska Pattiasina; Ahmad Jurnaidi Wahidin
Jurnal Pengabdian Masyarakat Nasional Vol 3, No 2 (2023)
Publisher : Universitas Mercu Buana

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.22441/pemanas.v3i2.20920

Abstract

Pemerintah Indonesia memberikan alokasi APDB/APBN yang lebih besar terhadap kaum perempuan sebagai bentuk komitmen terhadap pemberdayaan kaum perempuan, berdasarkan Undang-undang No.11 Tahun 2009 perempuan juga memiliki hak untuk mendapatkan kesempatan sosial. Kelompok Wanita Tani (KWT) merupakan wadah yang memberikan kesempatan bagi perempuan untuk ikut berpartisipasi dalam memajukan sektor pertanian. Pengetahuan tentang pengolahan data dan administrasi lainnya dimasa sekarang sangat penting diketahui oleh banyak orang terutama pada pengurus KWT Sumur Mangga. Pengolahan data sekarang ini tidak hanya dapat dilakukan menggunakan personal computer saja, namun dapat dilakukan menggunakan smartphone. Google workspace merupakan salah satu teknologi yang dapat digunakan secara mudah dan gratis untuk mengolah data dan dapat digunakan melalui smartphone. Bertujuan mewujudkan program KWT Sumur Mangga dalam meningkatkan pengetahuan pengurus tentang pengolahan data menggunakan google workspace, maka diselenggarakan kegiatan dalam pelatihan. Pelatihan yang melibatkan 20 peserta mendapatkan respon yang sangat baik, ditunjukan dari persentase hasil kuesioner yang didapat dari peserta, dimana 100% peserta puas akan pelatihan yang diberikan. Sehingga dapat disimpulkan kegiatan yang dilaksanakan berjalan dengan sangat baik.
Penentuan Dosen Favorit Berdasarkan Umpan Balik Mahasiswa Menggunakan Simple Additive Weighting Anggraini, Daz Vholasky; Wahidin, Ahmad Jurnaidi; Santoso, Miftah Faroq; Budiman, Yusuf Unggul
Justek : Jurnal Sains dan Teknologi Vol 7, No 2 (2024): Juni
Publisher : Unversitas Muhammadiyah Mataram

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31764/justek.v7i2.23552

Abstract

Abstract: This research aims to develop a decision support system for evaluating and selecting favorite lecturers based on student feedback using the Simple Additive Weighting (SAW) method. With this method, lecturer assessment is conducted holistically through four main criteria: pedagogical aspect, professionalism, personality, and social interaction. Data were collected through Likert-scale questionnaires distributed to students. The questionnaire results were processed to obtain the average score for each criterion, then normalized and calculated for total scores using predetermined weights for each criterion. The calculation results show that the lecturer with the code A6 has the highest preference score of 0.976, making them the students' favorite lecturer. These findings indicate that the use of the SAW method is effective in increasing objectivity and efficiency in lecturer performance evaluation and providing valuable feedback for professional development. This research significantly contributes to higher education management and the use of information technology to enhance the quality of learning.Abstrak: Penelitian ini bertujuan untuk mengembangkan sistem pendukung keputusan dalam menilai dan memilih dosen favorit berdasarkan umpan balik mahasiswa menggunakan metode Simple Additive Weighting (SAW). Dengan metode penelitian ini, penilaian dosen dilakukan secara holistik melalui empat kriteria utama: aspek pedagogik, profesionalisme, kepribadian, dan interaksi sosial. Data dikumpulkan melalui kuesioner berbasis skala Likert yang disebarkan kepada mahasiswa. Hasil kuesioner diolah untuk mendapatkan nilai rata-rata setiap kriteria, kemudian dinormalisasi dan dihitung nilai totalnya menggunakan bobot yang telah ditentukan untuk masing-masing kriteria. Hasil perhitungan menunjukkan bahwa dosen dengan kode alternatif A6 memiliki nilai preferensi tertinggi sebesar 0,976, menjadikannya dosen favorit pilihan mahasiswa. Temuan ini menunjukkan bahwa penggunaan metode SAW efektif dalam meningkatkan objektivitas dan efisiensi dalam evaluasi kinerja dosen, serta memberikan umpan balik berharga untuk pengembangan profesional dosen. Penelitian ini memberikan kontribusi signifikan dalam manajemen pendidikan tinggi dan penggunaan teknologi informasi untuk meningkatkan kualitas pembelajaran.
Implementation Of UI/UX Concepts And Techniques In Web Layout Design With Figma Santoso, Miftah Faroq
Jurnal Teknologi Dan Sistem Informasi Bisnis Vol 6 No 2 (2024): April 2024
Publisher : Prodi Sistem Informasi Universitas Dharma Andalas

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.47233/jteksis.v6i2.1223

Abstract

Technological trends are always dynamic and experiencing rapid development, especially the internet with many sites emerging, both formal and entertainment (intertain). This requires a web developer, especially in terms of appearance, to always innovate in order to provide a good user experience, intuitive design, and easy to use by all groups. Of course, in designing an attractive interface page, you have to know the needs of the user, in order to optimize existing features, for that UI/UX concepts and techniques need to be applied in designing the interface. In this research trial using the Figma tool as the main tool starting from designing, wireframing to the prototyping process. The test results found that by applying UI/UX concepts and techniques to the interface design the design is more consistent, solid, harmonization, color alignment, font type and size according to the design system that has been determined.
TEKNIK RESPONSIVE WEB DESIGN BOOTSTRAP 4 SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB Santoso, Miftah Faroq
Jurnal Pilar Nusa Mandiri Vol 15 No 1 (2019): Pilar Nusa Mandiri : Journal of Computing and Information System Periode Maret 2
Publisher : LPPM Universitas Nusa Mandiri

Show Abstract | Download Original | Original Source | Check in Google Scholar | Full PDF (1371.881 KB) | DOI: 10.33480/pilar.v15i1.101

Abstract

Technology development makes influences the way to access the internet, which generally uses Desktop and Notebook computers, giving to other alternatives, namely accessing the internet using Tablets and Smartphones. The problem is that the majority of web layout designs cannot adjust the layout size automatically for these devices, because the resolution size of each device is different. To overcome the existing problems, we need a responsive web design method and technique in order to produce web layouts that can adjust the size of screen resolution automatically. The method used by applying the concept of Responsive Web Design (RWD), so that web layouts can adapt to screen size. Responsive web design techniques can be done in several ways, including using manual techniques using CSS Media Query and implementing CSS Frameworks such as Bootstrap CSS. The test results showed that the implementation of responsive web layouts using Bootstrap was very effective and efficient because web designers only needed the main library from Bootstrap, which was then combined by modifying according to the wishes of the user.