Makanan yang disebutkan dalam Al-Qur’an

Ketika tubuh manusia diciptakan dari Alam (tanah), maka produk-produk yang berbahan alami lah yang sesuai dengan fisiologi tubuh manusia, zat-zat terbaik untuk memenuhi hak-hak tubuh kita.

Maka peran “sparepart / suku cadang” tubuh manusia yang Allah sediakan mulai dari AKAR, BATANG, KAYU, BIJI, BUAH, BUNGA, DAUN & HEWAN yang Allah ciptakan, sangatlah penting untuk memenuhi kebutuhan setiap organ tubuh kita

Ayat-ayat Al-Qur’an :

• QS.Al-Baqarah:61
• QS.Al-Baqarah:266
• QS.Al-An’am:141
• QS.An-Nahl:11
• QS.An-Nahl:66
• QS.An-Nahl:69
• QS.Al-Maidah:96
• QS.Luqman:16

“Di dalam keduanya ada buah-buahan (antara lain) kurma dan delima”. (QS.Ar-Rahman:68)

“Biji-bijian yang berkulit, dan bunga-bunga yang harum baunya.” (QS.Ar-Rahman:12)

“Di sana mereka diberi segelas minuman bercampur jahe”. (QS.Al-Insan:17)

“Pohon pisang yang (buahnya) bersusun-susun”. (QS.Al-Waqi’ah:29)

Tujuan penggunaan herbal bagi tubuh yaitu :

1. Meningkatkan kekuatan fitrah (sistem imunitas)
2. Mengembalikan keseimbangan tubuh, bukan hanya untuk menghilangkan gejala saja
3. Mengatasi kekurangan zat makanan, vitamin, mineral dan zat-zat penting yg dibutuhkan oleh tubuh
4. Mencegah munculnya penyakit-penyakit baru

Mau tau info seputar produk-produk herbal berkualitas? bisa dilihat di instagram saya atau bisa langsung order di alamat lynk saya

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 18 April 2024

KangAgus

Beberapa Cara untuk Menghilangkan Distraksi

Latar Belakang

Distraksi adalah gangguan yang dapat mengalihkan perhatian seseorang dari mode fokusnya. Dalam pekerjaan, saya merasa lebih banyak mendapakan distraksi dari lingkungan seperti web browser.

Gangguan dari Web Browser

Saya biasanya menggunakan browser Edge. dan di browser tersebut setingan default-nya adalah menampilkan berita-berita dari berbagai website.

Sehingga solusi yang saya lakukan adalah mengubah setingan browser desktop ke mode Focus dan Turn Off notifikasi berita di taskbar. Jika perlu, ubah juga setingan browser di Handphone ke mode Discover Off.

Diharapkan dalam waktu tertentu kita tidak terganggu dengan berita-berita yang menyita perhatian, sehingga fokus kita dalam bekerja bisa optimal.

Gangguan dari Short Youtube

Youtube digunakan untuk mencari tutorial atau informasi yang dibutuhkan. Terkadang teralihkan dengan video short yang tidak relevan. Setelah mencari di beberapa blog, Alhamdulillah menemukan solusinya.

Berikut ini adalah langkah-langkahnya :

• Install Extention uBlock Origin
• Copy Script pada website Letsblock.it
• Buka seting Extention=>My Filter=>Apply
• Kemudian refresh halaman Youtube
• Apakah masih ada video short?

Sekian artikel dari saya, Semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 27 Mei 2023

KangAgus

Tipe Soal Ganda Kompleks dan Menjodohkan pada aplikasi Ujian Online

Latar Belakang

Sebelumnya saya telah membuat aplikasi Ujian Online dengan 2 tipe soal (pilihan ganda dan essay). Untuk melengkapinya saya menambahkan tipe soal yang lain sehingga menjadi 5 tipe soal yaitu :

1. Pilihan Ganda
2. Soal Esai
3. Isian Singkat
4. Ganda Kompleks
5. Menjodohkan

Algoritma

Untuk tipe soal ganda kompleks dan menjodohkan saya memodifikasi field soal_type dan soal_jawab pada tabel ujian_soal.

Untuk menyimpan jawaban tipe soal esai dan isian singkat saya menggunakan tabel ujian_esai.

Untuk codingnya saya menambahkan kondisi untuk 3 tipe soal yang baru tersebut.

Tampilan Admin

Tampilan User

Sekian artikel dari saya, Semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 18 Juni 2022

KangAgus

Belajar Arsitektur dengan Sweet Home 3D

Latar Belakang

Anak saya yang pertama, sejak usia 5 tahun sangat suka menggambar. Banyak buku dan kertas yang dia gambar. Sampai buku pelajaran sekolahnya pun tidak luput dari coretan gambar-gambar imaginatif nya.

Sekarang fattan usianya sudah 8 tahun. saya pun coba untuk menyalurkan hobi menggambarnya dengan mencari referensi software open source untuk design. Cita-cita fattan insya Allah ingin menjadi Arsitek.

Software Design

Dari sekian banyak aplikasi design yang saya coba install, saya suka dengan software opensource Sweet Home 3D yang dibangun dengan bahasa java dan dapat running di berbagai platform OS seperti : Windows, MacOS, Linux and Solaris.

Saya pun memanfaatkan salah satu laptop saya untuk media belajar fattan, kebetuilan sudah saya install dengan OS Linuxmint.

Atur Waktu Belajar

Agar tidak mengganggu waktu belajar dengan kegiatan mengembangkan bakatnya, saya berikan fattan waktu di akhir pekan untuk belajar design dari tutorial yang ada di youtube.

Dan sebelum belajar dia harus muroja’ah atau mengulang hafalan Al-Qur’an terlebih dahulu. Untuk durasi belajar pun paling lama 2 jam. Setelah itu dia istirahat atau bermain yang sifatnya motorik seperti bermain bola dengan teman-temannya.

Penutup

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…Aamiin

Ciawi, 16-05-2022

KangAgus

Membangun Usaha Yang Berkah

Latar Belakang

Saya mulai belajar jualan sejak kuliah. Dari jualan pulsa, jualan teh merah rosela, jualan tas dan lain-lain. Namun sampai sekarang belum menemukan fitness (kecocokan) dalam usaha.

Saya pun mencoba untuk mencari referensi terkait inovasi bisnis, dan menemukan video yang insya allah bermanfaat. Pada video tutorial di chanel Dr. Indrawan Nugroho (Pakar Inovasi Bisnis) dijelaskan bahwa :

• Ada 2 komponen yang harus dimainkan dalam bisnis yaitu inovasi dan marketing.
• Startup sendiri adalah organisasi yang sifatnya sementara yang dirancang untuk mencari model bisnis yang repeatable dan scalable
• Ada 3 fitness (kecocokan) dalam bisnis yaitu founder business fitness, problem solution fitness, product market fitness

Penjelasan 3 Fitness

• Founder business fitness, tentang kecocokan kita sebagai founder dengan bisnis yang kita pilih.
• Problem solution fitness, tentang seberapa besar kita mengenal masalah yang dimiliki costumer yang disasar dan kita mampu memberikan solusi yang paling tepat untuk menyelesaikan masalah itu.
• Product market fitness, tentang seberapa banyak orang yang menginginkan produk kita. Sebagai dasar yang kuat untuk bertumbuh. didukung dengan bukti analisa yang kuat.

Motivasi

Saya sendiri ingin memiliki usaha agar bisa mengajarkan anak-anak menjadi seorang pengusaha. karena salah satu sunnah Rosulullah adalah berniaga. dengan berniaga kita belajar dan menerapkan hukum-hukum fiqih muamalah dan belajar melayani serta memberi manfaat untuk orang banyak melalui produk barang dan jasa yang kita jual.

Harapan

Dengan jalan perniagaan insya Allah banyak pintu-pintu kebaikan yang bisa diraih seperti bisa membayar zakat perniagaan, ibadah qurban, haji dan umroh, memberi kepada orangtua. atau wakaf atas nama orangtua yang telah tiada. dan bisa membantu orang lain yang membutuhkan misalnya saat ada bencana alam atau jika ada saudara, anggota keluarga atau teman yang tertimpa musibah.

Bisa juga membantu lembaga pendidikan, kegiatan dakwah, menyantuni anak yatim, membuat rumah singgah untuk anak jalanan dan kebaikan-kebaikan lain yang semoga Allah memberikan jalan serta kemudahan untuk kita merealisasikannya.

Realita

Saya sadari bahwa membangun usaha, mengembangkan usaha, dan menjadi pengusaha bukanlah hal yang mudah. Butuh waktu dan proses. Jalan usaha diberikan untuk orang-orang yang mau berusaha, pantang menyerah, berani mengambil resiko dan karakter-karakter lain yang mendukung kepribadian seorang pengusaha.

Penutup

Semoga dengan niat yang lurus, do’a yang tulus, dan ikhtiar yang tidak terputus. Allah berkenan membimbing kita untuk menemukan fitness (kecocokan) dalam usaha sehingga kita dapat memiliki dan menjalankan perniagaan yang berkah dan yang tidak melalaikan ibadah.

Bogor, 27-02-2022

KangAgus

Muhammad Archie Imtiyaz

“Alhamdulillahilladzi bini’matihi tatimmush sholihaat”,  Segala puji hanya milik Allah yang dengan segala nikmatnya segala kebaikan menjadi sempurna.

Telah lahir anak ketiga kami, Muhammad Archie Imtiyaz. Rabu, 16 Februari 2022 / 15 Rajab 1443H

Nama Archie awalnya, saya mencari nama anak dalam dunia IT. Dapat nama Archie yaitu search engine pertama sebelum google.

Archie adalah alat untuk mengindeks arsip FTP, memungkinkan pengguna mengidentifikasi file tertentu dengan lebih mudah. Ini dianggap sebagai mesin pencari Internet pertama. Implementasi asli ditulis pada tahun 1990 oleh Alan Emtage, seorang mahasiswa pascasarjana di McGill University di Montreal, Kanada.

Dari sisi bahasa, Archie artinya Sejati, tulus, tegas, berani.

Archie dalam bahasa Jerman, artinya Bentuk umum dari archibald, archer. Archibald sebenarnya merupakan gabungan dari dua kata dalam bahasa Jerman, yakni ercan (tulus, sejati) dan bald (tegas, berani). Maka dari itu, dapat disimpulkan bahwa arti nama Archie adalah tulus ataupun berani.

Final CRUD pada web blog menggunakan Axios React.Js

Latar Belakang

Pada backend aplikasi web blog ini kita menggunakan express.js untuk membuat rest API, sedangkan di frontend nya kita menggunakan Axios untuk mengirim request ke server rest API tersebut.

Pada video tutorial yang saya pelajari sudah mengimplementasikan proses CRUD (create, read, update, delete). namun masih ada yang belum saya pelajari dan belum ada pada list video tutorial yaitu proses login, penggunaan token jwt, dan fungsi alert.

Catatan Singkat

Setelah mempelajari tentang react.js untuk frontend, dan express.js untuk backend. Saya akan melanjutkan mempelajari react native untuk pembuatan aplikasi mobile.

Tutorial MERN Basic Indonesia (Video 49 sampai 53)

Berikut ini adalah beberapa catatan singkat saya sesuai dengan nomor video tutorial :

49. Implementasi Menambahkan Postingan Baru dan Upload Image

• menambahkan axios di folder CreateBlog file index.js
• menambahkan variabel untuk title, body, dan image
• menambahkan imagepreview di halaman index CreateBlog
• menambahkan axios untuk mengiriman data dari form ke API

50. Refactor Menambah Posting Baru dan Menambahkan Redux

• membuat reducer baru : createBlogReducer.js
• menambahkan action type : SET_FORM_DATA & SET_IMG_PREVIEW
• menambahkan action baru : CreateBlogAction.js
• menambahkan fungsi : setForm, setImgPreview, & postToAPI
• memindahkan script pengiriman API ke bagian action

51. Integrasi Detail Blog Post dengan unique ID

• mengubah route agar dapat menerima parameter id
• menyesuaikan data di halaman view dengan data dari API

52. Implementasi update blog post

• menambahkan fungsi baru : updateToAPI di createBlogAction.js
• memodifikasi halaman createBlog agar dapat digunakan untuk input dan update
• menambahkan kondisi di onSubmit agar dapat menjalankan fungsi input dan update

53. Implementasi delete blog post

• https://www.npmjs.com/package/react-confirm-alert
• install package baru : react-confirm-alert (komponen)
• menambahkan script dispatch(setDataBlog(counter)) untuk reload data

Download Sourcecode

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 3-02-2021

KangAgus

Implementasi Redux pada Web Blog React.Js

Latar Belakang

Masih ditutorial terkait MERN. kali ini saya belajar tentang redux, bayangan saya redux itu seperti session di PHP, dimana satu nilai variabel bisa digunakan di halaman yang berbeda.

Kali ini kita kombinasikan antara tutorial membuat web blog menggunakan react.js dengan tutorial membuat web API menggunakan express.js. karena sekarang data di web blognya sudah tidak statis lagi. tapi sudah diambil dari database mongodb.

Catatan Singkat

Jika teman-teman mau testing aplikasi yang saya cantumkan di website edugi. untuk databasenya, silahkan teman-teman registrasi di mongodb atlas secara online atau download dan install mongodb versi community.

Untuk editornya menggunakan mongodb compass. Setelah itu sesuaikan URL serta password koneksi databasenya di project mern-api.

Tutorial MERN Basic Indonesia (Video 40 sampai 48)

Berikut ini adalah beberapa catatan singkat saya sesuai dengan nomor video tutorial :

40. Menambahkan Pagination Pada Response API NodeJS

• untuk variabel response menggunakan underscore
• untuk fungsi javascriptnya menggunakan camelCase
• modif coding di controller blog untuk paging
• membuat data dummy pakai website mockaroo(opsional)

41. Instalasi Axios (Fetch API Library) => di project blog reactJS

• https://github.com/axios/axios
• install package baru : yarn add axios

42. Sample pemanggilan API Blog Post dengan menggunakan axios

• tambahkan script axios di page index.js folder homepage
• jalankan project web blog reactJS (frontend) dan web api expressJS (backend)
• inspect element web blog => console => data API

43. Mengganti data dummy di home page dengan response API

• mengganti blogItem statis menjadi dinamis sesuai respon API
• menggunakan props di blog page untuk membuat kontent blog dinamis
• props adalah argument yang diteruskan ke komponen melalui atribut html

44. Setup Status Management Redux

• https://redux.js.org
• https://react-redux.js.org
• install package baru : yarn add redux react-redux

Step by step redux :

• membuat store
• didalam store memerlukan reducer
• reducer berfungsi untuk merubah state menjadi respon
• reducer me-return sebuah state yang diperlukan
• state adalah sebuah object untuk menyimpan data
• membungkus route kedalam komponen provider
• didalam apps.js import store agar state bisa digunakan disemua halaman
• gunakan state global di halaman homepage

45. Merubah value dari State Global Redux

• belajar gunakan actiontype, payload, dispatch
• action type untuk memisahkan beberapa proses dalam store redux
• paylod berisi parameter yang dikirim ke dedux
• dispatch fungsi yang digunakan untuk mengirim actiontype dan payload

46. Memahami combine reducer (multiple reducer)

• membuat beberapa initialState, dan beberapa Reducer
• setelah itu menggabungkannya menggunakan fungsi combineReducers

47. Memahami action creator dan Async store dengan redux thunk

• untuk menangani respon state pada action API (asyncronous)
• install package baru : yarn add redux-thunk
• tambahkan di store.js applyMiddleware(thunk)
• membuat homeAction untuk mempersingkat pemanggilan setDataBlog di pageHome

48. Implementasi pagination di halaman homepage

• menambahkan reducer baru di homeReducer.js : ‘UPDATE_PAGE’
• menambahkan dispatch baru di homeAction.js : ‘UPDATE_PAGE’
• menambahkan codingan di fungsi next dan previous
• menambahakan variable currentPage dan totalPage

Download Sourcecode

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 31-01-2021

KangAgus

Mengelola Data Blog Dalam Database MongoDB via Web API

Latar Belakang

Setelah kita belajar membuat web blog statis dengan React.Js kita belajar membuat api statis dengan Express.Js. Setelah itu kita belajar CRUD (create, read, update, delete) dimana database yang kita gunakan adalah mongoDB.

MongoDB ada 2 versi yaitu versi offline (mongodb community edition) dan versi online atau cloud baik yang versi free maupun yang berbayar yang disebut dengan mongodb atlas.

Sedangkan untuk editornya kita menggunakan mongodb compass yang dapat digunakan untuk mengakses database mongodb baik yang offline maupun online.

Tutorial MERN Basic Indonesia (Video 29 sampai 39)

Artikel ini masih terkait dengan catatan saya dalam belajar MERN melalui video tutorial yang ada di youtube. hanya untuk mengingatkan hal-hal yang saya anggap penting. berikut ini catatan berdasarkan nomor video tutorialnya :

29. Melakukan Register dan Pengenalan Database MongoDB

• register & login database server cloud mongodb altas
• download database server mongodb community
• download database client mongodb compas

30. Setup MongoDB Atlas Project, Cluster, Security dan Network Access

• Setup Organization => Create New Project => Build a Database / Cluster
• Setup Database Access => Username & Password => Role User
• Setup Network Access => IP Whitelist

31. Menkoneksi kan server MongoDB ke server Node JS

• connect => connect your driver => copy script
• install package baru : yarn add mongoose
• testing connection

32. Setup MongoDB Model dengan Mongoose

• membuat model BlogPost
• export mongoose.model

33. Menyimpan Postingan Blog Baru ke Database MongoDB

• coding di controller
• testing post dari postman
• cek collection di mongo altas

34. Cara Upload Image / Photo di NodeJS

• install package baru : yarn add multer
• codig di index, controller, dan modelnya
• testing upload gambar menggunakan postman

35. Mengatasi Error Pemanggilan Image dari Server

• menambahkan midleware : path
• testing get image menggunakan postman

36. Mengambil Seluruh Data Postingan Blog (Cara melakukan GET pada NodeJS)

• membuat route baru di route blog (‘/posts’) method POST
• menambahkan exports baru di controller blog
• testing get all blog posts di postman

37. Mengambil postingan blog berdasarkan ID blog (GET by ID)

• hampir sama kegiatannya dengan yang sebelumnya
• membuat route baru di route blog (‘/post/:postId’) method GET
• menambahkan exports baru di controller blog
• testing get data blog posts by id di postman

38. Update postingan blog (Update method)

• hampir sama kegiatannya dengan yang sebelumnya
• membuat route baru di route blog (‘/post/:postId’) method PUT
• menambahkan exports baru di controller blog
• testing update data blog posts di postman berdasarkan param ID

39. Delete postingan Blog dan Delete Image Post (Delete Method)

• hampir sama kegiatannya dengan yang sebelumnya
• membuat route baru di route blog (‘/post/:postId’) method Delete
• untuk getbyid, update, dan delete endpointnya sama, hanya beda methodnya
• import midleware path dan fs untuk keperluan hapus url gambar di server

Download Sourcecode

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 26-01-2021

KangAgus

Membuat Web API Statis Menggunakan Express.JS

Latar Belakang

Para artikel kali ini masih berisi catatan singkat saya dalam belajar MERN, kali ini saya belajar tentang Express.Js sebagai rangkaian dari konsep MERN (MongoDB, Express.Js, React, Node.Js).

Tutorial MERN Basic Indonesia (Video 14 sampai 28)

14. Penjelasan apa itu Rest, Restful, Rest API, Restful API

• Rest (Representational State Transfer) adalah “standar” arsitektur untuk merespon request yang dikirim oleh client dan direspon oleh server
• Restful adalah “cara penulisan” layanan menggunakan artitektur REST
• API (Application Programming Interface) adalah “cara untuk berinteraksi” secara terprogram dengan komponen perangkat lunak atau sumber daya yang terpisah
• Restful API adalah “web service yang mengimplementasikan” artitektur REST

15. Memahami Format Data untuk Response API

• Menjelaskan format data dalam bentuk html, plain text, xml, dan json

16. Memahami Perbedaan URL, HTTP methods dan API endpoint

• harus lengkap antara methods (get, post, put, delete) dengan url endpoint nya
• gunakan methods sesuai fungsinya
• api endpoint adalah gabungan antara URL dengan methods
• post untuk mengirip data ke server, untuk menambah data (create)
• put untuk menambah atau mengganti data dengan yang baru (update)
• patch untuk mengubah data dengan yang baru, hanya mengubah sebagian object (update)
• delete untuk menghapus data user di server
• get untuk mengampil data dari server (read)
• options adalah data yang dikirim otomatis untuk proses pengecekan method diterima atau tidak

17. Cara membuat project baru Node.Js

• buat folder baru mern_api dan masuk ke folder tersebut
• npm init sampai nanti terbuat file baru package.json
• buka folder project di vscode

18. Membuat server Node.Js dengan menggunakan Express.Js

• buat file baru index.js dan testing jalankan file tersebut dengan perintah node index.js
• npm install –save express atau yarn add express
• yarn add nodemon (package untuk otomatis me-reload service nodejs)
• setelah itu jalankan perintah nodemon index.js
• tambahkan di package.json script : “start”: “nodemon index.js”

19. Menyimpan project node.js di repository online

• bisa menggunakan bitbucket, gitlab, github
• git init
• git status
• git remote add origin https://kangagus@bitbucket.org/edugidev/edugi_mern_api.git
• git add .
• git commit -m “deskripsi”
• git push origin master

20. Membuat dan memahami basic router, request, dan response di Node.Js

• const router = express.Router();
• belajar request dan response
• install extension json view
• metode “use” menerima semua method (get, delete, put) di browser
• jika sudah spesifik, tidak bisa mengirim url di browser
• console.log(‘url’, req.originalUrl);
• console.log(‘method’, req.method);

21. Restrukture project Node.JS/Express.Js

• membuat folder controllers, models, dan routes
• menyusun ulang script dari index ke dalam routes dan controllers

22. Mengenal dan menggunakan postman sebagai tools pengujian REST API

• install postman
• testing method get dan post

23. Mengatasi Error CORS ORIGIN pada API Node.Js

• penambahan fungsi baru di index.js untuk menangani CORS Policy web browser
• membuat coding html dan javascript untuk testing
• testing dengan membuka inspect element => console
• jika berhasil, maka akan muncul response get dan post

24. Mengirimkan data melalui request body pada method post

• menambahkan package baru : yarn add body-parser
• testing mengirimkan data row dengan format json
• sehingga responnya dinamis sesuai post yang dikirim

25. Merencanakan API Endpoint Sebelum Memulai Sebuah Project

• belajar membuat planing API
• grouping, standar enpoint, standar request, response, dan error response

26. Membuat dummy endpoint response dan membuat postman collection

• tujuannya agar bisa berkolaborasi dengan tim backend menggunakan dummy api
• sehingga pekerjaanya bisa paralel dan tidak saling menunggu
• tujuan dari postman : membuat dummy api, testing endpoint, membuat collection, dan dokumentasi

27. Menambahkan Endpoint Postingan Blog Baru (create)

• cara seperti pada dummy product
• buat routes dan controllernya
• daftarkan di index dan testing di postman

28. Cara memvalidasi request body dan memberikan error response yang dinamis

• install : yarn add express-validator
• menambahkan validasi di route dan controller
• testing validasi di postman

Download Sourcecode

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 21-01-2021

KangAgus