Tulisan Programmer Gadungan

Gunakan AI Sesuai Kebutuhan

desta@rspersahabatan.co.id — Wed, 13 May 2026 08:00:00 GMT

Bismillah

Selama ini gw pake AI dari bawaan IDE Antigravity dan IDE Cursor .. eh, dikantor IDE Cursor pake Claude, karena udah langganan jadi gw pake juga deh, dan Ternyata bikin kerjaan cepet, tapi bikin ide di otak kita juga bergerak cepat.

Dari banyaknya AI tergantung kebutuhannya masing masing, misalkan yang terkenal seperti ChatGPT, si AI ini bisa menjadi apa saja tergantung kita mentraining si AI inih, adalagi Grok, yang terkenal di twitter (x.com) dan lain lain.

Berikut ini AI yang bisa kita manfaatkan sesuai kebutuhan.

Kesimpulannya:

ChatGPT:

bisa segalanya, terlalu general
kurang objektif

Gemini:

data real time
langsung terhubung ke layanan google

Claude:

spesifikasi bidang analisis data, coding, membuat gambar
belum terkenal secara umum (bukan sebagai pekerjaan sehari - hari)
pelit fitur gratisan

Grok:

akses langsung ke Twitter secara real time
bisa sarkas, humoris, dan objektif
kecerdasan emosional yang tinggi

Llama:

Open source (demokratisasi AI)
fungsi turunan dari meta AI

Perplexity:

jawaban lengkap + akurat + sumber jelas (cocok untuk siswa, mahasiswa, tenaga pengajar)
bukan buat basa basi dan chat informal

Deepseek:

kualitas yang sangat baik mengalahkan CHATGPT pro (kemampuan reasoning tinggi)
server sering down
sensor ketat terkait topik negara China

Kimi:

digunakan untuk menyelesaikan tugas
harga yang sangat rendah

Qwen:

jago mengolah data melawan chatgpt
Agent AI dan bersifat berulang
kemampuan bahasa inggris dan China yang tinggi

Manus:

lebih cocok untuk disuruh suruh daripada menjawab pertanyaan
bukan buat diajak ngobrol
sistem kredit masih mahal

Jadi, Sesuaikan kebutuhan ya.

Have a Nice Day!

Source

https://youtu.be/TO3NFnTmItc?si=D3gT2sI7Kcg2FkLb

Era AI Untuk Programmer 30an

desta@rspersahabatan.co.id — Tue, 03 Feb 2026 08:00:00 GMT

Bismillah

Kali ini gw mau cerita tentang manfaat AI buat gw, programmer yang udah kepala 3. Bersyukur bisa menikmati kemudahan dan merasakan manfaat dari AI sebagai Programmer. Hampir 10 tahun bergulat dengan Google dan DuckDuckGo untuk setiap permasalahan yang dihadapai saat mengembangkan sebuah sistem.

Ok, Selain mempercepat pekerjaan, AI juga mempermudah gw buat update update aplikasi yang aman, karena kadang ketika update package, ada aja celah keamaanannya, dan AI bisa mendeteksi ituh. Termasuk blog topidesta ini, dibantu AI buat upgrade-upgrade package yang kadaluarsa yang ada celah celah keamaanan, dan penambahan feature tahun di sidebar sebelah kanan.

Kebetulan saat implementasi AI di pekerjaan itu saat project pembuatan Halaman Administrasi dan Service API untuk travel, di bulan Desember kemaren gw sempet ngerjain project dibantu AI, sebetulnya kalo gak pake AI bisa jadi otak gw bisa meledak lagi. hehe, Selama 1 bulan gw buat Aplikasi Backend dan Admin Travel Vizitrip, kurang lebih tampilan seperti ini.

Semua design disesuaikan dengan TIM Designer lainnya, bayangkan aja gw sendirian, layout design base tidak tersedia, jadilah gw nyomot base design di github, di link berikut:

https://github.com/mdestafadilah/codeigniter4-rbac-shield

repo itu udah gw integrasiin dengan Shield, lebih powerfull dan secure ketimbang project aplikasi backend di vizitrip, kurang lebih tampilannya seperti ini.

Akhirnya selain buat aplikasi backend beberapa aplikasi internal termasuk blog topidesta ini untuk update beberapa package dikerjakan oleh AI ~ Antigravity.

Jadi, buat gw yang berumur 36 Tahun ini, selama jadi Programmer, AI itu lumayan juga buat Assisten budak yang pintar ketika otak gw mau meledak ~ Burn Out ~, meskipun gw masih menggunakan Pencarian Normal di Forum forum atau duckduckgo.

UPDATE

Barusan buka linkedin, dan nemu info ini.

Ternyata kita bisa bikin perusahaan dimana AI sebagai karyawan kita yang bukan sebagai Pengambil keputusan.

Have a nice day!

Source

https://www.linkedin.com/posts/activity-7423712953775902720-dGOk?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAheWi0BIInoyxeMs_pYYJU9nfDkVe20DQI

CloudPanel Untuk Service Whatsapp

desta@rspersahabatan.co.id — Sat, 03 Jan 2026 08:00:00 GMT

Bismillah

Ini postingan pertama di tahun 2026. Semoga bisa konsisten untuk update blog ini. hehe, aamiin.

CloudPanel adalah panel kontrol hosting open-source yang ringan dan mudah digunakan. CloudPanel mendukung PHP, Node.js, Python, dan Ruby. CloudPanel juga mendukung MySQL, PostgreSQL, dan MongoDB. CloudPanel juga mendukung Redis, Memcached, dan RabbitMQ. CloudPanel juga mendukung Docker, Kubernetes, dan OpenShift. CloudPanel juga mendukung Let's Encrypt, Cloudflare, dan Google Cloud DNS. CloudPanel juga mendukung Fail2ban, ModSecurity, dan Nginx.

Itulah yang didapat dari Penjelasan di Website CloudPanel. Sekarang gw akan bahas, apa yang gw manfaatin dari cloudpanel ini, karena sebelumnya pake aaPanel terlalu overkill menurut gw kalo cuman buat service whatsapp. Pada postingan sebelumnya gw pernah nulis tentang configurasi server dan configurasi whatsapp, silahkan dibaca karena disana secara detail gw jelaskan.

Untuk Postingan kali ini gw akan bahas tentang install cloudpanel dan configurasi cloudpanel untuk service whatsapp, dengan memanfaatkan teknologi docker. Berikut Ini langkah yang harus dilakukan. Ini spek server yang gw pake.

Untuk install cloudpanel bisa mengikuti tutorial di website resminya

Update Server Dahulu

Sesuaikan dengan OS Masing masing, kali ini gw pake Server Debian 13 yang terkenal ringan.

Install CloudPanel

Jika proses install berhasil, maka bisa dilanjut untuk install docker, kali ini gw pake Dockge sebagai interface untuk mengelola docker yang ringan.

Install Dockge

Untuk install dockge bisa mengikuti tutorial di website resminya

Dah selesai ... untuk service whatsapp, gw pake 8 service yang opensource. Berikut ini adalah service yang gw pake:

Dari beberapa service diatas, gw cuman pake yang 3,4,7,8 yang berjalan di dockge-cloudpanel. Ups, ada bonus neh docker compose yang gw pake.

👇 Klik Detail

# compose.yaml
services:
  wppconnect:
    container_name: wpp-server
    restart: unless-stopped
    build:
      context: .
    volumes:
      - ./config.ts:/usr/src/wpp-server/config.ts
      - ./wppconnect_tokens:/usr/src/wpp-server/tokens
    ports:
      - 5002:21465
volumes:
  wppconnect_tokens: {}
networks: {}

# compose.yaml
services:
  wa-gateway:
    container_name: wa-gateway
    restart: unless-stopped
    image: mimamch/wa-gateway:latest
    volumes:
      - ./wa_credentials:/app/wa_credentials
      - ./media:/app/media
    ports:
      - 5001:5001
    environment:
      - KEY=changeyoursupersecretkey

# compose.yaml
services:
  wuzapi-server:
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - ${WUZAPI_PORT:-8080}:8080
    environment:
      - WUZAPI_ADMIN_TOKEN=${WUZAPI_ADMIN_TOKEN}
      - WUZAPI_GLOBAL_ENCRYPTION_KEY=${WUZAPI_GLOBAL_ENCRYPTION_KEY}
      - WUZAPI_GLOBAL_HMAC_KEY=${WUZAPI_GLOBAL_HMAC_KEY:-}
      - WUZAPI_GLOBAL_WEBHOOK=${WUZAPI_GLOBAL_WEBHOOK:-}
      - DB_USER=${DB_USER:-wuzapi}
      - DB_PASSWORD=${DB_PASSWORD:-wuzapi}
      - DB_NAME=${DB_NAME:-wuzapi}
      - DB_HOST=db
      - DB_PORT=${DB_PORT:-5432}
      - TZ=${TZ:-America/Sao_Paulo}
      - WEBHOOK_FORMAT=${WEBHOOK_FORMAT:-json}
      - SESSION_DEVICE_NAME=${SESSION_DEVICE_NAME:-WuzAPI}
      # RabbitMQ configuration Optional
      - RABBITMQ_URL=amqp://wuzapi:wuzapi@rabbitmq:5672/
      - RABBITMQ_QUEUE=whatsapp_events
    depends_on:
      db:
        condition: service_healthy
      rabbitmq:
        condition: service_healthy
    networks:
      - wuzapi-network
    restart: on-failure
  db:
    image: postgres:16
    environment:
      POSTGRES_USER: ${DB_USER:-wuzapi}
      POSTGRES_PASSWORD: ${DB_PASSWORD:-wuzapi}
      POSTGRES_DB: ${DB_NAME:-wuzapi}
    # ports:
    #   - "${DB_PORT:-5432}:5432" # Uncomment to access the database directly from your host machine.
    volumes:
      - db_data:/var/lib/postgresql/data
    networks:
      - wuzapi-network
    healthcheck:
      test:
        - CMD-SHELL
        - pg_isready -U ${DB_USER:-wuzapi}
      interval: 5s
      timeout: 5s
      retries: 5
    restart: always
  rabbitmq:
    image: rabbitmq:3-management
    hostname: rabbitmq
    environment:
      RABBITMQ_DEFAULT_USER: wuzapi
      RABBITMQ_DEFAULT_PASS: wuzapi
      RABBITMQ_DEFAULT_VHOST: /
    ports:
      - 5672:5672 # AMQP port
      - 15672:15672 # Management UI port
    volumes:
      - rabbitmq_data:/var/lib/rabbitmq
    networks:
      - wuzapi-network
    healthcheck:
      test:
        - CMD
        - rabbitmq-diagnostics
        - ping
      interval: 10s
      timeout: 5s
      retries: 5
    restart: always
networks:
  wuzapi-network:
    driver: bridge
volumes:
  db_data: null
  rabbitmq_data: null

# compose.yaml
services:
  evolution-api:
    image: evoapicloud/evolution-api:latest
    restart: always
    # Menambahkan dependency agar API tidak jalan sebelum DB & Redis siap
    depends_on:
      evolution-postgres:
        condition: service_healthy
      evolution-redis:
        condition: service_started
    volumes:
      - evolution-instances:/evolution/instances
    # Membuka port agar bisa diakses (sesuaikan jika perlu port lain)
    ports:
      - 5010:8080
    environment:
      - SERVER_URL=${SERVER_URL}
      - AUTHENTICATION_TYPE=${AUTHENTICATION_TYPE}
      - AUTHENTICATION_API_KEY=${AUTHENTICATION_API_KEY}
      - AUTHENTICATION_EXPOSE_IN_FETCH_INSTANCES=${AUTHENTICATION_EXPOSE_IN_FETCH_INSTANCES}
      - LANGUAGE=${LANGUAGE}
      - CONFIG_SESSION_PHONE_CLIENT=${CONFIG_SESSION_PHONE_CLIENT}
      - CONFIG_SESSION_PHONE_NAME=${CONFIG_SESSION_PHONE_NAME}
      - TELEMETRY=${TELEMETRY}
      - DATABASE_ENABLED=${DATABASE_ENABLED}
      - DATABASE_PROVIDER=${DATABASE_PROVIDER}
      - DATABASE_CONNECTION_URI=${DATABASE_CONNECTION_URI}
      - DATABASE_SAVE_DATA_INSTANCE=${DATABASE_SAVE_DATA_INSTANCE}
      - DATABASE_SAVE_DATA_NEW_MESSAGE=${DATABASE_SAVE_DATA_NEW_MESSAGE}
      - DATABASE_SAVE_MESSAGE_UPDATE=${DATABASE_SAVE_MESSAGE_UPDATE}
      - DATABASE_SAVE_DATA_CONTACTS=${DATABASE_SAVE_DATA_CONTACTS}
      - DATABASE_SAVE_DATA_CHATS=${DATABASE_SAVE_DATA_CHATS}
      - DATABASE_SAVE_DATA_LABELS=${DATABASE_SAVE_DATA_LABELS}
      - DATABASE_SAVE_DATA_HISTORIC=${DATABASE_SAVE_DATA_HISTORIC}
      - CACHE_REDIS_ENABLED=${CACHE_REDIS_ENABLED}
      - CACHE_REDIS_URI=${CACHE_REDIS_URI}
      - CACHE_REDIS_PREFIX_KEY=${CACHE_REDIS_PREFIX_KEY}
      - CACHE_REDIS_SAVE_INSTANCES=${CACHE_REDIS_SAVE_INSTANCES}
  evolution-postgres:
    image: postgres:16-alpine
    restart: always
    volumes:
      - evolution-postgres-data:/var/lib/postgresql/data
    environment:
      - POSTGRES_DB=${POSTGRES_DATABASE}
      - POSTGRES_USER=${POSTGRES_USERNAME}
      - POSTGRES_PASSWORD=${POSTGRES_PASSWORD}
    # Healthcheck memastikan database benar-benar siap menerima koneksi
    healthcheck:
      test:
        - CMD-SHELL
        - pg_isready -U ${POSTGRES_USERNAME} -d ${POSTGRES_DATABASE}
      interval: 10s
      timeout: 5s
      retries: 5
  evolution-redis:
    image: redis:alpine
    restart: always
    command: redis-server --appendonly yes # Menambah persistensi data
    volumes:
      - evolution-redis-data:/data
volumes:
  evolution-instances: null
  evolution-postgres-data: null
  evolution-redis-data: null
networks: {}

# compose.yaml
services:
  chatery:
    build:
      context: .
      dockerfile: Dockerfile
    container_name: chatery-whatsapp-api
    restart: unless-stopped
    ports:
      - ${PORT:-3000}:3000
    environment:
      - NODE_ENV=production
      - PORT=3000
      - CORS_ORIGIN=${CORS_ORIGIN:-*}
      - DASHBOARD_USERNAME=${DASHBOARD_USERNAME:-admin}
      - DASHBOARD_PASSWORD=${DASHBOARD_PASSWORD:-admin123}
      - API_KEY=${API_KEY:-}
    volumes:
      - chatery_sessions:/app/sessions
      - chatery_media:/app/public/media
      - chatery_store:/app/store
    healthcheck:
      test: ["CMD-SHELL", "wget --no-verbose --tries=1 --spider http://localhost:3000/ || exit 1"]
      interval: 30s
      timeout: 10s
      retries: 3
      start_period: 60s
    labels:
      - "autoheal=true"
    logging:
      driver: json-file
      options:
        max-size: 10m
        max-file: "3"
    networks:
      - chatery-network

  autoheal:
    image: willfarrell/autoheal:latest
    container_name: autoheal
    restart: always
    environment:
      - AUTOHEAL_CONTAINER_LABEL=autoheal
      - AUTOHEAL_INTERVAL=60
      - DOCKER_SOCK=/var/run/docker.sock
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock
    networks:
      - chatery-network

volumes:
  chatery_sessions:
    driver: local
  chatery_media:
    driver: local
  chatery_store:
    driver: local

networks:
  chatery-network:
    driver: bridge

Jangan lupa buat .env file juga ya. sesuaikan dengan object yang dibutuhkan.

Done ya, Have a nice day!

Sumber:

Coba Coba 5 WAF Opensource

desta@rspersahabatan.co.id — Tue, 13 May 2025 08:00:00 GMT

Bismillah

Postingan kali ini mencoba 5 WAF Opensource yang ada dipasaran, yang akan diimplentasikan di Project Klinik Halobayi Indonesia, hanya akan digunakan 1 dari sekian banyak. :)

SafeLineWAF
bunkerWAF
aaWAF
uuWAF
WafW00F

TODO!

Source

https://github.com/hallobayi#waf-site

Scan Linux Server Hazika

desta@rspersahabatan.co.id — Wed, 16 Apr 2025 08:00:00 GMT

Bismillah

Postingan pertama diawal tahun 2025 dan diawal Bulan Syawal 1446H, jadi sebelumnya gw udah pernah share beberapa trick configurasi server Aplikasi Klinik Halobayi (Hazika) di postingan ini.

#TODO UJICOBA 1.1

Sumber:

WAF diaplikasi Klinik Hazika

desta@rspersahabatan.co.id — Fri, 22 Nov 2024 08:00:00 GMT

Bismillah

Alhamdulilah, lagi dipaksa buat nulis lagi, meski lagi sibuk banget ini, tulisan kali ini adalah security trick yang gw implentasikan di Aplikasi Klinik Hazika yang digunakan di halo bayi indonesia, menggunakan WAF. Web Application Firewall, sebuah layer keamanan aplikasi dari sisi aplikasi, dari sisi cara aksesnya. berikut ini gambaran sederhana bagaimana sebuah WAF melindungi aplikasi kita.

source: https://www.stormit.cloud/blog/what-is-a-web-application-firewall/

Selain menggunakan WAF dari sisi server gw implentasikan juga Nginx Free Firewall dari aaPanel, berikut ini tampilannya.

kita bisa setting whitelist atau blacklist sebuah IP Address, apakah mencurigkan atau tidak dan menambahkan filter seperti berikut untuk menolak aplikasi web kita di scan oleh orang yang tidak berkepentingan.

2ip\ bot|360Spider|404checker|404enemy|80legs|Abonti|Aboundex|Aboundexbot|Acunetix|ADmantX|adscanner|AdsTxtCrawlerTP|AfD-Verbotsverfahren|AHC|AIBOT|AiHitBot|Aipbot|Alexibot|ALittle\ Client|Alligator|AllSubmitter|AlphaBot|Amazonbot|Anarchie|Anarchy|Anarchy99|Ankit|Anthill|anthropic-ai|Apache-HttpClient|Apexoo|archive.org_bot|arquivo-web-crawler|arquivo.pt|Aspiegel|ASPSeek|Asterias|Atomseobot|Attach|autoemailspider|Awario|AwarioBot|AwarioRssBot|AwarioSmartBot|BackDoorBot|Backlink-Ceck|backlink-check|BacklinkCrawler|BackStreet|BackWeb|Badass|Bandit|Barkrowler|BatchFTP|Battleztar\ Bazinga|BBBike|BDCbot|BDFetch|BetaBot|bidswitchbot|Bigfoot|Bitacle|Black\ Hole|Blackboard|BlackWidow|BLEXBot|Blow|BlowFish|Boardreader|Bolt|BotALot|Brandprotect|Brandwatch|Buck|Buddy|BuiltBotTough|BuiltWith|Bullseye|BunnySlippers|BuzzSumo|Bytedance|Bytespider|cah.io.community|Calculon|CATExplorador|CazoodleBot|CCBot|Cegbfeieh|CensysInspect|CF-UC|ChatGPT-User|check1.exe|CheeseBot|CherryPicker|CheTeam|ChinaClaw|Chlooe|Citoid|Claritybot|clark-crawler|Cliqzbot|Cloud\ mapping|coccocbot|Cocolyzebot|CODE87|Cogentbot|cognitiveseo|cohere-ai|Collector|com.plumanalytics|comscore|Copier|CopyRightCheck|Copyscape|Cosmos|Craftbot|crawl.sogou.com|crawler.feedback|crawler4j|Crawling\ at\ Home\ Project|CrazyWebCrawler|Crescent|CriteoBot|CrunchBot|CSHttp|Curious|Custo|CyotekWebCopy|DatabaseDriverMysqli|DataCha0s|dataforseo.com|DataForSeoBot|dataforseobot|DBLBot|demandbase-bot|Demon|Deusu|Devil|Digincore|DigitalPebble|DIIbot|Dirbuster|dirbuster|Disco|Discobot|Discoverybot|Dispatch|DittoSpyder|DnBCrawler-Analytics|DnyzBot|DomainAppender|DomainCrawler|Domains\ Project|DomainSigmaCrawler|domainsproject.org|DomainStatsBot|DomCopBot|Download\ Wonder|Dragonfly|Drip|DSearch|DTS\ Agent|EasyDL|Ebingbong|eCatch|ECCP/1.0|Ecxi|EirGrabber|EMail\ Siphon|EMail\ Wolf|EroCrawler|evc-batch|Evil|Exabot|Expanse|Express\ WebPictures|ExtLinksBot|Extractor|ExtractorPro|Extreme\ Picture\ Finder|EyeNetIE|Ezooms|FacebookBot|facebookscraper|FDM|FemtosearchBot|FHscan|Fimap|Firefox/7.0|FlashGet|Flunky|Foobot|Freeuploader|FriendlyCrawler|FrontPage|Fuzz|FyberSpider|Fyrebot|G-i-g-a-b-o-t|Gabanzabot|GalaxyBot|Genieo|GermCrawler|Getintent|GetRight|GetWeb|Gigabot|Go-Ahead-Got-It|Go-http-client|Go!Zilla|gopher|Gotit|GoZilla|GPTBot|Grabber|GrabNet|Grafula|GrapeFX|GrapeshotCrawler|GridBot|GT::WWW|Haansoft|HaosouSpider|harvest|Harvest|Havij|HEADMasterSEO|Heritrix|heritrix|Hloader|HMView|HonoluluBot|HTMLparser|HTTP::Lite|HTTrack|Humanlinks|HybridBot|Iblog|Id-search|IDBot|IDBTE4M|IlseBot|Image\ Fetch|Image\ Sucker|imagesift.com|ImagesiftBot|IndeedBot|Indy\ Library|InfoNaviRobot|InfoTekies|instabid|Intelliseek|InterGET|Internet\ Ninja|InternetSeer|internetVista\ monitor|IonCrawl|ips-agent|Iria|IRLbot|isitwp.com|Iskanie|IstellaBot|iubenda-radar|JamesBOT|Java|Jbrofuzz|JennyBot|JetCar|Jetty|JikeSpider|JOC\ Web\ Spider|Joomla|Jorgee|JustView|Jyxobot|Kenjin\ Spider|Keybot\ Translation-Search-Machine|Keyword\ Density|Kinza|Kozmosbot|Lanshanbot|Larbin|Leap|LeechFTP|LeechGet|LexiBot|Lftp|LibWeb|Libwhisker|LieBaoFast|Lightspeedsystems|Likse|Linkbot|linkdexbot|LinkextractorPro|LinkpadBot|LinkScan|LinksManager|LinkWalker|LinqiaMetadataDownloaderBot|LinqiaRSSBot|LinqiaScrapeBot|Lipperhey|Lipperhey\ Spider|Litemage_walker|Lmspider|LNSpiderguy|Ltx71|lwp-request|lwp-trivial|LWP::Simple|Mag-Net|Magnet|magpie-crawler|Mail.RU_Bot|Majestic-SEO|Majestic\ SEO|Majestic12|MarkMonitor|MarkWatch|Mass\ Downloader|Masscan|Mata\ Hari|MauiBot|Mb2345Browser|MBCrawler|MeanPath\ Bot|Meanpathbot|meanpathbot|Mediatoolkitbot|mediawords|MegaIndex.ru|Metauri|MFC_Tear_Sample|MicroMessenger|Microsoft\ Data\ Access|Microsoft\ URL\ Control|MIDown\ tool|MIIxpc|Minefield|Mister\ PiX|MJ12bot|MJ12Bot|Moblie\ Safari|Mojeek|Mojolicious|MolokaiBot|Morfeus\ Fucking\ Scanner|Mozlila|MQQBrowser|Mr.4x3|MSFrontPage|MSIECrawler|Msrabot|MTRobot|muhstik-scan)

Selain itu gw juga menambahan security lainnya, seperti nG Firewall dari sisi Server, menggunakan tools dari Perishable Press.

Untuk sisi aplikasi, gw gunakan Shieldon yang compatible dengan PSR-4 (Composer), karena aplikasi klinik hazika menggunakan codeigniter 4, dan tersedia secara opensource.

masih kurang? yaps, dari tampilan sebelum masuk ke sistem, gw implentasikan sebuah captcha slider, untuk masuk ke sistem, seperti berikut.

Ouh iya, waktu itu gw juga pake WAF diaplikasi klinik hazika dengan Adel-WAF tapi ada keanehan, diserver aaPanel gw gak kedetect kalo scriptnya mengandung trojan, tapi di server laen yang pake directadmin malah kedetect dan langsung di delete filenya, penasaran akhirnya coba cek menggunakan VirusTotal, jreng bener aja ada trojan script

https://www.virustotal.com/gui/file/9772b53bcb8884cf5989e5a7b5a2258ad94364cfe9e21ac9e85b2ee42103432c?nocache=1

Semoga owner repo tau apa yang dia share, kalo WAF nyah sangat tidak aman untuk server, dan gw juga udah kasih tau dan gw share juga alternatifnya, seperti Shieldon dan lainnya.

https://github.com/Adel-Qusay/ADEL-WAF/issues/10

Catatan Implementasi WAF Shieldon

gw udah buat Pull Request (PR) tapi belom di acc sama ownernya, jadi mau gak mau langsung ubah aja di folder vendor ya.

https://github.com/terrylinooo/shieldon/pull/68

Saat implentasi shieldon agak sedikit tricky, karena ada sedikit error seperti ini

Kita harus ubah di folder vendor dimana shieldon terinstall dan ubah scriptnya dengan ini di folder

<?php
/*
 * This file is part of the Shieldon package.
 *
 * (c) Terry L. <contact@terryl.in>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 * 
 * File Correction: APP\vendor\Shieldon\src\Firewall\Integration\CodeIgniter4
 * Source instalation: https://shieldon.io/en/guide/codeigniter.html#codeigniter-4
 * Source Correction: https://forum.codeigniter.com/showthread.php?tid=78109&pid=382427#pid382427
 * 
 */

declare(strict_types=1);

namespace Shieldon\Firewall\Integration;

use Shieldon\Firewall\Firewall;
use Shieldon\Firewall\HttpResolver;
use CodeIgniter\HTTP\RequestInterface as Request;
use CodeIgniter\HTTP\ResponseInterface as Response;
use CodeIgniter\Filters\FilterInterface;
use Shieldon\Firewall\Captcha\Csrf;
use function csrf_token; // CodeIgniter 4
use function csrf_hash; // CodeIgniter 4

/**
 * CodeIgniter 4 Middleware of Shieldon Firewall.
 */
class CodeIgniter4 implements FilterInterface
{
    /**
     * The absolute path of the storage where stores Shieldon generated data.
     *
     * @var string
     */
    protected $storage;

    /**
     * The entry point of Shieldon Firewall's control panel.
     *
     * For example: https://yoursite.com/firewall/panel/
     * Just use the path component of a URI.
     *
     * @var string
     */
    protected $panelUri;

    /**
     * Constructor.
     *
     * @param string $storage  See property `storage` explanation.
     * @param string $panelUri See property `panelUri` explanation.
     *
     * @return void
     */
    public function __construct(string $storage = '', string $panelUri = '')
    {
        $this->storage = WRITEPATH . 'shieldon_firewall';
        $this->panelUri = '/firewall/panel/';

        if ('' !== $storage) {
            $this->storage = $storage;
        }

        if ('' !== $panelUri) {
            $this->panelUri = $panelUri;
        }
    }

    /**
     * Shieldon middleware invokable class.
     *
     * @param Request $request
     *
     * @return mixed
     */
    public function before(Request $request, $arguments = null)
    {
        if ($request->isCLI()) {
            return;
        }

        // CodeIgniter 4 is not a PSR-7 compatible framework, therefore we don't 
        // pass the Reqest and Reposne to Firewall instance.
        // Shieldon will create them by its HTTP factory.
        $firewall = new Firewall();
        $firewall->configure($this->storage);
        $firewall->controlPanel($this->panelUri);

        // Pass CodeIgniter CSRF Token to Captcha form.
        $firewall->getKernel()->setCaptcha(
            new Csrf([
                'name' => csrf_token(),
                'value' => csrf_hash(),
            ])
        );

        $response = $firewall->run();

        if ($response->getStatusCode() !== 200) {
            $httpResolver = new HttpResolver();
            $httpResolver($response);
        }
    }

    /**
     * We don't have anything to do here.
     *
     * @param Response $request
     * @param Response $response
     *
     * @return mixed
     */
    public function after(Request $request, Response $response, $arguments = null)
    {

    }
}

Update ~ Celah dari Sisi Server

Jadi sebelum kejadian, gw ada update tp ko aplikasi gak berubah, alhasil gw masuk ke console, buat ngecek dengan melakukan sudo git status ternyata ada file yang gak diundang di folder public seperti gambar dibawah ini:

Nah aneh kan, cuman sampe sekarang gw belum tau kenapa bisa terupload, akhirnya coba liat akses folder mana pake url apa seperti dibawah ini, tetep gak ketauhan celahnya.

Patch Celah Folder Public

Setelah mencari tahu, akhirnya folder public gw batasi dan assets image,css dan js diarahkan ke cdn. Berikut ini beberapa config patch untuk nginx.

location ~* \.(jpg|jpeg|gif|png|bmp|ico|flv|swf|js|css|ttf|woff|woff2) {
  add_header        Cache-Control public;
  add_header        Cache-Control must-revalidate;
  expires           7d;
}

location ^~ /public/ {
  deny all;
}

location /images/ {
  access_log off;
  expires max;
    
  location ~ "\.(png|jpg|ttf|woff|woff2|pdf)$" {
      allow all;                # allow images, etc.
  }

  location ~ "/$" {
      allow all;
      autoindex off;             # allow listing directory contents
  }
}

dan ubah hak akses foldernya 755 dan file 644, dan akhirnya tidak ada lagi file aneh yang terupload di folder public.

Update Menggunakan aaWAF

Aplikasi klinik Hazika sudah menggunakan aaWAF.

https://www.aapanel.com/forum/d/18725-aawaf-install-tutorial https://www.aapanel.com/forum/d/18726-aawaf-usage-tutorial

TODO: INSTALL MOD SECURITY DI AAPANEL

https://medium.com/@habibi05/implementasi-waf-modsecurity-dengan-nginx-7672faed9359

Kesimpulan

Baik, akan gw simpulkan tools yang digunakan dalam menghadapi kerasanya keaamanan dunia maya, terutama aplikasi berbasis web-base, diantaranya:

Nginx Free Firewall with UA Filter
7G Firewall by PerishablePress
~~Shieldon PHP~~
Captcha Login
Create Symbolic For Assets (CSS and JS)
Use aaWAF

Sekian informasi dan trick yang gw implentasikan di aplikasi klinik hazika.

Have a nice day!

Source

Common Function MySQL

desta@rspersahabatan.co.id — Fri, 11 Oct 2024 12:08:00 GMT

Bismillah

Ini beberapa trick Function mySQL yang digunakan di project yang gw kerjakan untuk mempermudah dikonsumsi oleh Frontend.

JSON Extract

        CREATE DEFINER=`namaUser`@`%` FUNCTION `namaDatabase`.`json_extract_c`(
        details TEXT,
        required_field VARCHAR (255)
        ) RETURNS text CHARSET latin1
        BEGIN
        SET details = TRIM(LEADING '{' FROM TRIM(details));
        SET details = TRIM(TRAILING '}' FROM TRIM(details));
        RETURN TRIM(
            BOTH '"' FROM SUBSTRING_INDEX(
                SUBSTRING_INDEX(
                    SUBSTRING_INDEX(
                        details,
                        CONCAT(
                            '"',
                            SUBSTRING_INDEX(required_field,'$.', - 1),
                            '":'
                        ),
                        - 1
                    ),
                    ',"',
                    1
                ),
                ':',
                -1
            )
        ) ;
        END

JSON Extract with Datetime

        CREATE DEFINER=`namaUser`@`%` FUNCTION `namaDatabase`.`json_extract_d`(details TEXT,required_field VARCHAR (255)) RETURNS text CHARSET latin1
            DETERMINISTIC
        BEGIN
          /* get key from function passed required field value */
          set @JSON_key = SUBSTRING_INDEX(required_field,'$.', -1); 
          /* get everything to the right of the 'key = ' */
          set @JSON_entry = SUBSTRING_INDEX(details,CONCAT('"', @JSON_key, '"'), -1 ); 
          /* get everything to the left of the trailing comma */
          set @JSON_entry_no_trailing_comma = SUBSTRING_INDEX(@JSON_entry, ",", 1); 
          /* get everything to the right of the leading colon after trimming trailing and leading whitespace */
          set @JSON_entry_no_leading_colon = TRIM(LEADING ':' FROM TRIM(@JSON_entry_no_trailing_comma)); 
          /* trim off the leading and trailing double quotes after trimming trailing and leading whitespace*/
          set @JSON_extracted_entry = TRIM(BOTH '"' FROM TRIM(@JSON_entry_no_leading_colon));
          RETURN @JSON_extracted_entry;
        RETURN 1;
        END

Bulan Indonesia

      CREATE DEFINER=`namaUser`@`%` FUNCTION `namaDatabase`.`bulan_indonesia`(bulan INT) RETURNS varchar(255) CHARSET latin1
          DETERMINISTIC
      BEGIN
        DECLARE varhasil VARCHAR(255);
          SELECT 
            CASE (bulan) 
              WHEN 1 THEN 'Januari' 
              WHEN 2 THEN 'Februari' 
              WHEN 3 THEN 'Maret' 
              WHEN 4 THEN 'April' 
              WHEN 5 THEN 'Mei' 
              WHEN 6 THEN 'Juni' 
              WHEN 7 THEN 'Juli' 
              WHEN 8 THEN 'Agustus' 
              WHEN 9 THEN 'September'
              WHEN 10 THEN 'Oktober' 
              WHEN 11 THEN 'November' 
              WHEN 12 THEN 'Desember' 
            END
          INTO varhasil;
          RETURN varhasil;
          END

Find Strip Tags

        CREATE DEFINER=`namaUser`@`%` FUNCTION `namaDatabase`.`fnStripTags`( Dirty varchar(4000) ) RETURNS varchar(4000) CHARSET latin1
            DETERMINISTIC
        BEGIN
          DECLARE iStart, iEnd, iLength int;
            WHILE Locate( '<', Dirty ) > 0 And Locate( '>', Dirty, Locate( '<', Dirty )) > 0 DO
              BEGIN
                SET iStart = Locate( '<', Dirty ), iEnd = Locate( '>', Dirty, Locate('<', Dirty ));
                SET iLength = ( iEnd - iStart) + 1;
                IF iLength > 0 THEN
                  BEGIN
                    SET Dirty = Insert( Dirty, iStart, iLength, '');
                  END;
                END IF;
              END;
            END WHILE;
            RETURN Dirty;
        END

Source

ADMS Mesin Absensi X100C

desta@rspersahabatan.co.id — Mon, 15 Jul 2024 12:08:00 GMT

Bismillah

Alhamdulillah, absensi dengan realtime absen sudah bisa. Pake yang sourcecode (ini)[#1], Simple ADMS Code. Sebelumnya gw kudu beli sourcecode 1 JT, muka gile, unlimited mesin 20 jt. hallooo... gw aja dapetin 20jt kudu 1 tahun. baru kekumpul.

Akhirnya gw ubek ubek di github, sampe gw pull request dan di response sama owner reponya.

... berlanjut ke email sampe ke wa owner reponya, dan berhasil handshake dan kirim data log.

Have a nice day.

Sumber

Online Proctoring System

desta@rspersahabatan.co.id — Fri, 19 Apr 2024 12:00:00 GMT

Bismillah

Mulai tanggal 19 April 2024 gw gak lanjut di Catalyst sebagai Freelance. Selama 2 bulan gw research dan bertanya tanya dengan TIM Psikologi Catalyst tentang Proctoring. Semacam teknik anti-curang dalam Ujian Online getu.

Dan didapatlah beberapa kecurangan yang sering terjadi, yang bisa di deteksi melalui sebuah Browser peserta test diantarnya,

Detect buka tab/ tutup tab
Detect camera aktif/ tidak aktif
Detect muka/ wajah pesert test
Detect suara disekitar peserta test
Detect screen capture

Awal pengembangan masih file JS yang comot dari sourcecode github, inget cara kerja dan belajar gw itu ATM (Amati Tiru Modifikasi), sumbernya akan gw share di bawah ya. Untuk freelance hasil research berikut ini list yang berhasil gw ujicoba.

Sayangnya, yang dibutuhkan itu file .JS only, alias bundling. Yaps, gw putuskan untuk membuka source dalam versi Bundler (API) dan itu project selanjutnya, untuk sekarang masih full single Javascript File dan bantuan BE (dengan PHP sebagai REST API) yang itu menjadi hak milik Catalyst dimana gw kerja lepas disana.

Untuk repository Proctoring.js Opensource ada di link berikut:

https://github.com/mdestafadilah/proctoring.js

Apa Itu Proctoring?

TODO!

Teknologi yang Digunakan!

TODO!

Refrensi & Sourcecode

Compare 2 Database

desta@rspersahabatan.co.id — Wed, 17 Apr 2024 08:00:00 GMT

Bismillah

Ini terinspirasi dari project gw yang di halobayi, karena database ada 2, untuk production dan development. terkadang kita lupa, didevelopment ada perubahan, dan aplikasi production error, karena kurang kolom, nah bisa kita manfaatkan fiture dari dbvear, Compare/ Migrate Schema seperti dibawah ini.

Caranya, klik kanan ke database production, pastikan bagian kiri adalah database development dan kanan adalah database production, seperti dibawah ini.

Tunggu beberapa saat... nanti akan muncul result yang memperlihatkan perbedaan strukture table development dengan production seperti dibawah ini.

Sekian Trick kali ini.

Have a nice day!

Catatan belajar C# .Net

desta@rspersahabatan.co.id — Tue, 27 Feb 2024 08:00:00 GMT

Bismillah

Alhamdulillah, gw diterima ~~Freelance di Catalyst sebagai Programmer Support~~, jadi belum sempet update blog ditambah sebelumnya gw sibuk belajar C# dari Microsoft dan mini project lainnya, hihi.

Catatan kali ini terkait teknologi .Net yang 1 tahun terakhir gw udah belajar, dan akan terus belajar, karena teknologi ini sudah multiplatform (windows, linux, macos) dan digunakan oleh Perusahaan besar (semoga THP juga Besar, aamiin.) Oke, jadi semua catatan akan gw taro disini, baik itu trick intrick dalam dunia .Net (terutama C#) ataupun catatan yang perlu gw catata yang akan digunakan berulang ulang.

Biasanya kita clone project .Net tapi bingung langkah selanjutnya, inget ini mirip java.

// - Build Dahulu Projectnya
// - Pilih Nuget Package Manager
// - Console: PM > Add-Migration Initial
// - Console: PM > Update-Database

// We will create model from Database Tables
// -----------------------------------------
// source: github.com/CuriousDrive/BookStores/blob/master/Database/GenerateData.sql
// - Create Core API Project
// - Select Nuget Package from Root Project Browser
// - Install EntityFrameworkSqlServer
// - Install EntityFrameworkCoreTools
// - Open Pacakge Manager Console to Run Scaffolding the model
// - Scaffold-DbContext "Server=.\SQLExpress;Database=BookStoresDB;Trusted_Connection=True;" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models

Dotnet run error kayak gini

Silahkan pakai trick ini

dotnet publish "C:\Users\RSUP\DEV\C#\FolderProject\NamaProject.Ya\NamaProject.Ya.csproj" "/p:PublishProfile=C:\Users\RSUP\DEV\C#\FolderProject\NamaProject.Ya\Properties\PublishProfiles\FolderProfile.pubxml"

# simpan dalam bentul .bat
# Jika sudah running hasil publish code tersebut

$ dotnet Questio.Web.dll --urls=http://localhost:5001/

Pertanyaan C# Secara Umum

desta@rspersahabatan.co.id — Sun, 13 Aug 2023 08:00:00 GMT

Bismillah

Bahasan kali ini, Kita akan belajar .NET C# dari sebuah pertanyaan, langsung aja pertanyaan sebagai berikut, pertanyaan tahap 1, terdiri dari 20 soal, hasilnya Mengecewakan. hehe, semangat lagi belajarnya!

IL di dalam .NET berarti?

(EN) Intermediate language (IL) is an object-oriented programming language designed to be used by compilers for the .NET Framework. The .NET Framework uses IL to generate machine-independent code as the output from compiling source code written in any .NET programming language.

(ID) Intermediete Language (IL) ialah bahasa pemograman OOP yang didesign sebagai compiler di lingkup .NET. sebuah compiler akan menghasilan sebuah kode bernama machine-independent, yang bisa digunakan di pemograman bahasa .NET

CLR artinya?

(EN) The CLR (Common Language Runtime) is a runtime environment that is part of the Microsoft .NET Framework. CLR manages the execution of programs written in different supported languages. CLR transforms the source code into a form of secondary code called CIL (Common Intermediate Language). At runtime, CLR manages the execution of the CIL code.

(ID) Sebuah CLR (Common Language Runtime) merupakan bagian dari .NET Framework yang dapat mengatur eksekusi sebuah program dibuat dalam bahasa pemograman yang berbeda. Seubah CLR dapat merubah kodeke bahasa CIL, ketika berjalan, CLR dapat mengatur sebuah kode CIL.

Garbage collector (GC) terdiri dari berapa tahap?

(EN)

The 0 generation identifies a newly created object that has never been marked for collection.

The 1st generation identifies an object that survived a GC (marked for collection but not deleted because there was enough heap space)

The 2nd generation identifies an object that has survived more than one GC scan.

Manakah yang termasuk perintah garbage-collector yang tidak terselesaikan?

(EN) “SuppressFinalize” should only be called by a class that has a “finalizer”. It tells the Garbage Collector (GC) that this object has been completely cleaned up.

Sebuah metadata dari assembling .NET tersimpan difile apa?

(EN) The manifest contains this assembly metadata. A manifest contains all the metadata necessary to specify the assembly requirements and security identity, as well as all the metadata necessary to define the scope of the assembly and resolve references to resources and classes. The manifest can be stored in a PE file (an .exe or .dll file) with MSIL (Microsoft Intermediate Language) code or in a standalone PE file containing only the manifest information.

Apa arti dari CAS (Code Access Secutriy)?

(EN) CAS is the solution to block unapproved code from performing privileged actions. When the CLR loads an assembly, it gets proof of the assembly and uses it to identify the code group to which the assembly belongs. A code group contains a set of permissions (one or more permissions).

Apa nama namespace yang terhubung kesemua tipe diframework .NET?

(EN) C# has a unified type system, which means that all types inherit, directly or indirectly, from Object (System.Object). This includes reference and value types. It also includes all primitive types, such as int and bool, as well as all types provided in the .NET Framework and any custom types you define.

Validasi Input Yup Formik MUI

desta@rspersahabatan.co.id — Mon, 31 Jul 2023 08:00:00 GMT

Bismillah

Kali ini share trick validasi kolom yang terikat dengan kolom lain dengan Formik+Yup+MUI, langsung ke kasusnya aja ya, di halaman survey keluhan disana ada 1 kolom yang boleh kosong, sebut saja kolom B, kalo kolom A dipilih tidak , begitu juga sebaliknya kalo kolom A dipilih ya maka wajib diisi.

silahkan lihat vidio singkatnya berikut:

Sebetulnya itu lebih kompleks, logikanya, ini script sederhananya, ada 3 cara di formik.

  // source: https://stackoverflow.com/a/66917809
  .test("punyaRm",'Wajib Di Isi Bila Punya Nomor Rekam Medis!', function(value) {
      return this.parent.punyaRm === 'Tidak';
  })

  // source: https://stackoverflow.com/a/66342990
  .when("punyaRm", {
      is: (punyaRm) => punyaRm === 'Tidak',
      then: Yup.string().nullable(),
      otherwise: Yup.string().required('Wajib Di Isi Bila Punya Nomor Rekam Medis!'),
  })

  // source: https://stackoverflow.com/a/56247127
  .when("punyaRm", (punyaRm, schema) => {
      return schema.test({
          test: rmPasien => !!punyaRm && punyaRm === 'Tidak',
          message: 'Wajib Di Isi Bila Punya Nomor Rekam Medis!'
      })
  })

Sumbernya sudah gw sertakan ya, nah kalo mau perisis seperti logika diatas ini dia scriptnya

  .test("punyaRm",`${rmPasien.requiredErrorMsg}`, function() {
      // Pilihan Tidak dan RM Pasien Kosong, dibolehkan!
      if (this.parent.punyaRm === 'Tidak' && typeof this.parent.rmPasien === 'undefined') {
          return true;
      // Pilihan Ya dan RM Wajib ISI
      } else if(this.parent.punyaRm === 'Ya' && typeof this.parent.rmPasien !== 'undefined') {
          return true;
      }
  })

Haha, kudu dijelasin? kga usah yak, tinggal analogikan saja sendiri ya. hehe

Have a nice day!

Belajar C# dan Sertifikat Resmi

desta@rspersahabatan.co.id — Fri, 31 Mar 2023 08:00:00 GMT

Bismillah ....

Intro

Sesuai judulnya, catatan kali ini tentang belajar C# dari sang Empu alias creatornya langsung, Microsoft! oh iya dalam pelatihannya ada Progressnya, mirip kayak pelatihan gw waktu di Progate (Bahasa Go-Lang waktu itu) kurang lebih ada beberapa path yang harus dilewati dan memiliki points power, yang bisa digunakan untuk Claim Achivement di FreeCodeCamp, berikut ini path yang harus kita pelajari agar lebih terarah belajarnya.

source: http://go.topidesta.my.id/csharp

Untuk video seriesnya juga banyak, kurang lebih kayak gini

source: http://go.topidesta.my.id/dotnet-series

Foundational C# with Microsoft

This course offers a comprehensive introduction to C# programming, covering its core concepts, syntax, and practical application in software development.

Through hands-on exercises and projects, you will learn the fundamentals of C#, including variables, data types, control structures, and object-oriented programming principles.

By the end of this course, you will have gained the practical skills and knowledge needed to confidently leverage C# for building applications.

Write Your First Code Using C#

Create and Run Simple C# Console Applications

Add Logic to C# Console Applications

Work with Variable Data in C# Console Applications

Create Methods in C# Console Applications

Debug C# Console Applications

Foundational C# with Microsoft Certification Exam

Build .NET applications with C#

.NET is a free, cross-platform, open source developer platform for building many different types of applications. With .NET, you can use multiple languages, editors, and libraries to build for web, mobile, desktop, games, and IoT, this url.

Write your first C# code

Introduction to .NET

Create a new .NET project and work with dependencies

Interactively debug .NET apps with the Visual Studio Code debugger

Work with files and directories in a .NET app

Create a web API with ASP.NET Core controllers

Link Bermanfaat

Have a nice day!

SIMRS Chrome Notification

desta@rspersahabatan.co.id — Tue, 21 Mar 2023 08:00:00 GMT

Bismillah ....

Intro

Kali ini mau bahas tentang Extension Chrome untuk notifikasi Prima SIMRS (Aplikasi Sistem Rumah Sakit), based project ada dihalaman ini ya.

https://github.com/mdestafadilah/prima-chrome-extension.git

Sebetulnya notifikasi udah ada di Prima, dikembangkan oleh Mas Ari's salah satu senior programmer di tempat gw. dengan memanfaatkan pooling atau socket dari nodejs server, cuman aja, resource yang digunakan sungguh menguras core proses dari server development gw, hingga 100%, alhasil beberapa aplikasi dibawah server development tidak merespon, diantaranya server whatsapp notifikasi dan pencarian dokter muter terus, akhirnya sekarang di stop, karena mengganggu proses aplikasi yang lain.

Jadi, gw coba kembangkan notifikasi berdasarkan plugin/ extension chrome, dengan memanfaatan API REST server Development. Untuk saat ini gw masih reasearch dahulu, untuk awal mungkin gw coba buat UTDRS (Mini PMI - Bank Darah) untuk notifikasi permintaan darah, proses darah, dan pengambilan darah, selebihnya mungkin notifikasi dari Mas Ari's yang bakal dimigrasikan ke extension chrome.

Untuk sumber kodingan besar kemungkinan adalah copy-paste dari project yang ada digithub, hehe. Detailnya ada di sumber belajar ya, jadi gak ada yang istimewa.

Sumber

Have a nice day!

Bingung Belajar DOT NET

desta@rspersahabatan.co.id — Thu, 23 Feb 2023 08:00:00 GMT

Bismillah ....

Tulisan ini pemahan gw terhadap video di youtube berikut ini ~ # (Sharp)

https://www.youtube.com/watch?v=4olO9UjRiww

apa sih .NET Framework vs .NET Core vs .NET vs .NET Standard vs C# ? kenapa banyak sekali jenisnya?

Teknologi .net mulai muncul tahun 2000! sebelum twitter, facebook muncul. hehe, dengan nama .net core.

.NET Framework itu adalah wadah untuk bahasa pemograman apapun (agnotic language), umumnya C#, VB dan F#. jadi ketika kita koding dengan C#, maka bahasa C# akan ditranslate ke CLI (Common Intermediate Language) didalam sebuah framework .NET yang dikirim ke JIT (Just In Time) sebelum diteruskan ke bahasa mesin. CLI sendiri hanya .NET yang bisa faham, memang membingungkan tapi ini hanya sebuah abstraksi translate dari sebuah bahasa mesin yang dimudah difahami oleh manusia.

F# bahasa pemograman Functional, sedangkan C# pemograman berorientasi objek.

Tahun 2006 mulai dikembangkan .net framework meski begitu, bahasa pemograman C# pun masih bisa dijalankan di .net core, .net core mulai banyak update dalam 5 tahun terakhir ini.

Sekarang mulai di fokuskan menjadi .NET Framework, sudah tidak ada lagi .NET Core ataupun .NET only.

Intinya silahkan koding di .NET Core atau .NET Framework, pastikan ambil yang LTS (Long Term Support) karena akan ada upgrade atau fiture yang baru, meskipun yang tidak update, aplikasi dengan bahasa pemograman seperti C# F# atau VB tetap bisa dijalankan diberbagai versi.

Have a nice day!

CRUD Dot Net dengan ReactJS

desta@rspersahabatan.co.id — Tue, 31 Jan 2023 08:00:00 GMT

Bismillah ....

Postingan kali ini tentang CRUD DotNet dengan ReactJS, langsung saja ke Repositorinya ya.

https://github.com/mdestafadilah/crud-dotnet-reactjs.git

Pembukaan

Sebetulnya gw belajar Dotnet/ C# itu karena ada tugas membuat CRUD sebelum masuk wawancara kerja eh ternyata enak juga ya ngoding di C# terutama .Net,, udah all in one, windows linux macos, desktop mobile web .. semua 1 kode bisa semua device, seperti ReactJS, balik lagi kenapa gw belajar C# karena gw butuh Penghasilan tambahan lewat kerja tambahan, ini gak bercanda gw, hehe. tapi setelah baca baca, ternyata C# DotNet itu bahasa pemograman Enterprise Level, yang artinya bahasa pemograman ini dilevel bisnis, wow... awal kuliah gw pernah sih nyoba dotnet pake visual studio, serba otomatis saat import paket tapi lemot buat laptop gw waktu itu dan juga tren waktu dikampus PHP sama JAVA jadinya belajar php deh haha tapi langsung pake framework, percis belajar dotnet sekarang, gw langsung belajar ke dotnet nyah hehe, C# sembari belajar dotnet, ibaratnya sekali gayuh 2 teknologi gw pelajari di tahun 2023 ini terlepas diterima atau tidak kerjaan tambahan gw, Semoga Allah Mudahkan ya. Aamiin,

Persiapan

Visual Studio (Gak Wajib - Tapi Harus Ada)
VS Codium (Visual Code Community)
Github

Permasalahan

Database bisa pake MySQL, berhubung ini DotNet sekalian aja pake SQLServer 2019, install seperti biasa. nah muncul masalah saat koneksi ke tools dbeavear, pesan erronya kyak gini

The TCP/IP connection to the host localhost, port 1433 has failed

coba browsing duckduckgo, mampir ke halaman ini -> https://stackoverflow.com/a/18981672

Simplenya ketik aja sql server 2019 seperti dibawah ini

kalo udah kebuka, lanjutkan dengan enable TCP/ IP, seperti berikut ini

Kalo udah lanjut deh config connection di dbeaver seperti berikut ini

Koneksi SQLServer mau pakai Username dan Password

Default koneksi dengan Windows Authentication pasti berhasil, jika sudah lakukan perintah SQL berikut ini, satu satu ya.

EXEC xp_instance_regwrite N'HKEY_LOCAL_MACHINE', N'Software\Microsoft\MSSQLServer\MSSQLServer', N'LoginMode', REG_DWORD, 2;

ALTER LOGIN [sa] WITH PASSWORD='newpassword', CHECK_POLICY=OFF;

ALTER LOGIN [sa] ENABLE;

disana kita akan enable default username sa dengan password newpassword dan ada angka [2] yang artinya kita akan mengaktifkan kombinasi authentikasi login [1].

Jika sudah jangan lupa restart SQL Servernya.

VSCode Tidak Cukup, harus Pakai Visual Studio

ini yang bikin heran, karena pada dasarnya ada beberapa perbedaan, seperti autocompletion dan sifat dari VSCode dengan Visual Studio yang berbeda, kalo vscode project perfolder dan visual studio project based tapi vscode like visual studio juga bisa dengan install beberapa plugin, diantaranya[2]:

Akhirnya gw tau koneksi yang seharusnya setelah install Visual Studio. haha

UPDATE

Ternyata ada yang ngembangin DEV KIT C# buat Pengguna vscode/ vscodium. namanya DEV KIT C# for VSCode

ms-dotnettools.csdevkit-0.1.83@win32-x64
ms-dotnettools.csharp-2.0.206@win32-x64
ms-dotnettools.vscodeintellicode-csharp-0.1.9@win32-x64

Install ke-3 nyah kalo pake vscodium. download dulu, cari di google keyword itu.

Sumber Belajar

TODO:

Have a nice day!

Un-Official Whatsapp API

desta@rspersahabatan.co.id — Fri, 30 Dec 2022 08:00:00 GMT

Bismillah ....

Sebetulnya ini bukan untuk ditiru ya, kalo perusahaan kalian gak pelit banget, dan mau centang biru mending ambil API yang berbayar

https://business.whatsapp.com/products/platform-pricing

tapi tenang, diluar sana ada juga kok yang memanfaatkan API yang free alias Gratis dengan memanfaatkan web whatsapp

https://web.whatsapp.com

beberapa library yang terkenal seperti Baileys, Whatsapp-web.js, WWPConnect dan Venom-BOT, yang menggunakan bahasa typescript/ javascript, ada juga yang menggunakan python atau golang loh, mantap kan ya.

lanjut, karena lingkup kerja gw butuh hasil ketimbang proses, dan gw sendiri lebih familiar dengan javascript, akhirnya coba hunting deh API yang ready to production. liat aja di pojok kanan github library tersebut, Used by nah, dapat deh beberapa yang berhasil mengembangkan yang sudah ada API Rest. Tinggal test deh endpointnya dengan postman atau insomnia, kalo udah bisa, running deh diserver, ouh iya, kalo mau di onlinekan, sebisa mungkin gunakan domain ya, jangan pake IP Publik, karena nanti port nodejsnya terexpose.

Untuk server pernah gw bahas di postingan membangun server dengan aapanel, gw taro service di sana, dengan memaksimalkan Whatsapp Pairing, ada 4 device yang bisa kita pairing. Ouh iya, sebelum pake API Whatsapp Un-Official, gw pake service zenziva yang berbayar pake kredit, kalo sekarang itu hanya untuk Backup saja, baiklah gw share ya, beberapa API yang bisa dipakai tapi dengan terbatas

Freemium

https://whatsva.id // 100 Pesan per hari (Free Version)
https://console.zenziva.net // Bayar dengan Kredit
https://api.kirimwa.id // 100 Pesan per hari (Free Version)

Freedom

Ada kelebihan ada kekurangan masing masing API Restfull Whatsapp, misalkan ada yang bisa kirim sticker ada yang bisa kirim ke group saja, ada yang gak bisa kirim ke group, dan lain sebagianya, tapi secara umum semuanya bisa kirim ke nomor whatsapp perorangan

Di group Petirs (Pengguna TI Rumah Sakit) pernah dibahas juga, tentang memanfaatkan Whatsapp API Free untuk mesin penjawab otomatis, lihat di point #4 salah satu contoh kodingannya, next mungkin gw bisa research deh, kalo ada yang mau pdf nya ini gw share ya.

Chatbot by Petirs

Update Puppeter Dependency

https://stackoverflow.com/a/65497048

sudo apt-get install chromium-browser
sudo apt-get install gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget

https://github.com/cypress-io/cypress-documentation/issues/5816

sudo apt-get install libgtk2.0-0t64 libgtk-3-0t64 libgbm-dev libnotify-dev libnss3 libxss1 libasound2t64 libxtst6 xauth xvfb

PM2

# Trick 1
sudo pm2 start 'npm run start:prod' --name nama_aplikasi --cron-restart="0 */6 * * *" -- start --node-args="--max-old-space-size=4096" --max-memory-restart 4G

# Trick 2
sudo pm2 start 'npm run start' --name nama_aplikasi --cron-restart="0 */6 * * *" -- start --node-args="--max-old-space-size=4096" --max-memory-restart 4G --interpreter=/www/server/nodejs/v18.20.4

USE NPM

npm install -g npm@latest
npm cache clean --force
npm install

UPDATE

Ternyata dispanyol udah ada yang mengembangkan chatbot secara mudah difahami, cek di sini:

https://github.com/codigoencasa/builderbot

Kurang lebih akan muncul seperti ini

SERVICE OFFERING

Buat yang butuh configurasi server wa un-official bisa kontak gw ya.

Done.

Have a nice day!

Chat Widget Dengan Intergram

desta@rspersahabatan.co.id — Thu, 29 Dec 2022 08:00:00 GMT

Bismillah ....

Sebetulnya gw pake yang contact-form dengan memanfaatkan cloudflare worker sebagai backend server, tapi entah kenapa gak ada chat yang masuk ke telegram, di GatsbyJS template gw tempel di layout

<script src="https://cdn.jsdelivr.net/gh/anshumanfauzdar/contact-form@v3/src/contact-form.js" id="contactform" form_worker_url="https://v1.formtopidesta.workers.dev/"></script>

pusing akh, akhirnya mulai searching lagi, dapetlah intergram cara kerjanya sama memanfaatkan bot resmi dari Telegram. Tapi, kalo kita langsung akses via intergram.xyz itu akan membebankan server mereka, meskipun free. Jadi akhirnya gw install intergram di server persahabatan.co.id di alamat telegram.persahabatan.co.id.

Untuk instalasi silahkan klik sumber ke 3 dibawah ini, Tutorial Install Integram, ikuti langkah secara detail, namun saat instalasi selesai muncul halaman seperti ini:

Itu berhasil terinstall, tapi ada yang aneh meski sudah menambahan script untuk menambahkan di website kita seperti ini

<script>
  window.intergramId = "717698723";
  window.intergramServer = "https://telegram.persahabatan.co.id";
</script>

pesan tidak masuk ke telegram kita, akhirnya gw coba bukan Issue di github

https://github.com/idoco/intergram/issues/121#issue-1493738944

Silahkan baca, disana gw jelaskan kalo nodejs masih v3 makan tambahkan script ini di server.js, sebagai berikut:

const io = require('socket.io')(http,{
    allowEIO3: true
});

Boom akhirnya bisa diakses chat dengan enggine telegram bot. seperti dibawah ini:

Dan pesan akan masuk ke Bot Telegram ini https://t.me/topidestabot

Have a nice day!

sumber

Netlify CLI Freemium Forever

desta@rspersahabatan.co.id — Fri, 21 Oct 2022 08:00:00 GMT

Bismillah ....

Sebetulnya posting kali ini lebih ke arah opini pribadi aja, soalnya project yang running di netlify udah kadung banyak, jadi males kalo pindah pindah CI/CD yang lain. Ditambah netlify sekarang menghapus free buat private repo (otomatis build) dari akun organisasi github, tapi masih bisa menggunakan layanan mereka dengan menggunakan NETLIFY CLI jadi, kenapa harus pindah? hehe

Lanjut ya, ternyata netlify tetap memberikan layanan free kok, tapi dengan skema yang sedikit jelimet, kalo sebelumnya cukup push ke repo utama, hubungkan dengan service mereka, maka robot diserver netlify akan menjalankan proses build yang disimpen diserver mereka, simple banget, tapi sekarang proses jelimet itu hanya berlaku untuk repo private dengan semua jenis akun, beda dengan repo topidesta yang sifatnya publik, maka otomatis build (CI/CD) netlify tetap berjalan.

Berikut ini 10 Perintah utama untuk memudahkan memanfaatkan layanan freemium netlify untuk tipe akun github organisasi yang private, berikut ini perintah netlify cli yang sering digunakan, sebelum melakukan perintahnya, pastikan sudah menginstall netlify-cli secara global, dengan perintah

npm install netlify-cli -g

baiklah, berikut ini 10 perintah yang biasa digunakan dalam netlify-cli, diantaranya:

Untuk dapat memanfaatkan fiture build workflow netlify, pastikan sudah login, dengan perintah ntl login jika belum login, maka akan diarahkan ke login page netlify, gunakan login yang terhubung ke github ya, jika sudah maka akan ada warning Already logged in via netlify config on your machine

Netlify init

Perintah ini untuk melakukan inisiasi awal, agar mempermudah proses workflow CI di netlify, baik projek yang baru atau yang sudah ada di local pc masing masing.

Netlify dev

Perintah ini untuk menjalankan pengembangan lokal untuk aplikasi kita. berjalan untuk semua framework javascript bahkan HTML jadul. ntl dev dapat dijalankan dengan aturan Netlify tanpa menggunakan proxis untuk melakukan test dilokal.

Netlify deploy

Perintah ini digunakan untuk build hasil kerjaan kita, agar dunia tahu, selebihnya biarkan CI netlify berjalan, tapi jika ditambahkan tanda --prod dalam perintahnya maka otomatis di build dalam bentuk production , jika tidak, makan defaultnya akan menjadi draft.

Netlify watch

Netlify link

Netlify switch

Netlify status

Netlify env:set

Netlify function

TODO DETAILNYA!

sumber

Have a nice day!

Membangun Web Server Multi Aplikasi

desta@rspersahabatan.co.id — Sat, 13 Aug 2022 08:00:00 GMT

Bismillah ....

Baru kesempatan nulis lagi, karena belakang ini load pembuatan modul sekaligus aplikasi (UTDRS/ Mini PMI) ditambah Setup Server untuk domain persahabatan.co.id yang digunakan untuk Staging Area Pengembangan Aplikasi Programmer lainnya dan berbagai kesibukan offline (bermain dengan anak dan istri, hehe) bikin lupa untuk nulis hal tekhnis hehe...

Share kali ini gw mau bahas tentang Membangun server VPS untuk berbagai aplikasi, mulai dari PHP, NodeJS, Python hingga Golang. Mungkin bahasan yang sama di halaman ini juga, terutama mulai persiapan hingga siap digunakan. Sekedar informasi, sebelum menggunakan panel yang sekarang aaPanel gw udah coba install NasiHosting dan explorer beberapa panel namun, melihat support, akhirnya apanel pilihannya.

Untuk Project jadi, ada dihalaman ini https://persahabatan.co.id/ dan https://dev.persahabatan.co.id/ untuk bahannya kurang lebih sebagai berikut:

VPS dengan IP Publik
Ubuntu Server 20.04
AAPanel (Free Forever, Plugin Pro Bayar!)
DNS CloudFlare (Free-Tier Version)

Yaps, 4 bahan itu yang akan membantu kita membangun sebuah server yang sederhana yang bisa kita gunakan untuk kebutuhan pribadi (bukan untuk dijual lagi sebagai hosting ya). Kita bisa buat aplikasi Multi PHP Version, mulai dari Framework sampai CMS yang terkenal, bisa multi NodeJS atau aplikasi Statis Javascript, Python hingga Golang pun bisa... mantap kali kan... haha, untuk Docker hanya Pengguna Profesional alias Berbayar.

Persiapan

Download aaPanel

Login ssh menggunakan Putty atau lainnya.
Install aaPanel wget -O install.sh http://www.aapanel.com/script/install-ubuntu_6.0_en.sh && sudo bash install.sh 93684c35
Done

Daftarkan Domain Ke Cloudflare

Daftar seperti biasa
Add domain
Done

https://doc.aapanel.com/web/#/3?page_id=180

Untuk Pengecekan apakah IP VPS (Public) sudah mengarah ke DNS Cloudflare silahkan cek IP publik ya bukan domain utamanya dengan alamat berikut

Permasalahan

Dalam Instalasi tak semudah membalikkan tangan, ada beberapa configurasi lanjutan, ikuti saja manual booknya/ dokumentasi aapanel. Untuk Staging kebutuhan gw misalnya, masih menggunakan PHP 5 untuk kebutuhan internal aplikasi, dan si aapanel tidak fully support, tapi masih menyediakan untuk di pasang diserver kita, misal, ada error seperti ini.

gw share di forum aapanel -> https://forum.aapanel.com/d/13472-error-php-info

dan oleh Kern, salah satu Tim Support menjawab, kurang lebih disuruh install sudo apt-get install libc-ares-dev

Sebetulnya ada banyak trouble saat pertama kali gw ngebangung server VPS dengan aaPanel ini, mulai DNS yang tak kunjung resolve, port ip public yang tertutup, dan aapanel yang sering ngecrash, hingga ada 1 insiden yang bikin gw panik, gegara menjalankan perintah aneh, kurang lebih perintah anehnya seperti ini

firewall-cmd --permanent --zone=public --add-port=80/tcp > /dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=443/tcp > /dev/null 2>&1
firewall-cmd --reload

ufw allow 80/tcp
ufw allow 443/tcp
ufw reload

Akhirnya gw diminta email ke si kern, semua detailnya, wishlah kasih ajah toh ini project testing. hehe, singkat cerita gw email dibalas dalam beberapa jam, cepet banget coy, kurang lebih resolve seperti ini.

Hello, run the following command to see:
panelPort=$(cat /www/server/panel/data/port.pl)
echo ${panelPort}
firewall-cmd --permanent --zone=public --add-port=20/tcp >/dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=21/tcp >/dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=22/tcp >/dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=80/tcp >/dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=${panelPort}/tcp >/dev/null 2>&1
firewall-cmd --permanent --zone=public --add-port=39000-40000/tcp >/dev/null 2>&1
firewall-cmd --reload
firewall-cmd --list-all
---------
bt 14
--------
bt status

and done. semua bisa diakses.

Implementasi di Server

Saat ini implementasi diserver baru sebatas aplikasi PHP dan NodeJS, untuk Python dan Golang belum gw implementasi, mungkin yang Golang akan gw coba buat service, REST API sederhana ya, karena ada fiture Docker (versi demo yang terbatas), jadi gw bungkus pake Docker ajah. dan belum terimplentasi, dan .NET 6 core, sudah terinstall.

Untuk sekarang hanya berjalan aplikasi PHP (5,7,8) dan NodeJS (Api Whatsapp).

Link Belajar

API Service

aaPanel menyediakan API untuk mengakses informasi tanpa login ke aaPanel, informansinya ada dihalaman berikut

https://forum.aapanel.com/d/482-api-interface-tutorial

disana sudah ada dan detail, berhubung, saya develop di dunia PHP jadi saya share juga api nya

https://github.com/rspersahabatan/api_aapanel

Kalo mau liat service mana yang jalan, tinggal liat deh di modul Prima SIMRS.

UPDATE ~ 10 NOVEMBER 2023

Server Hosting terbagi menjadi 2, Internet dan Local access, 1 ke Biznet 1 nya lagi ke Bali Tower. Hal ini dilakukan Setelah ada kejadian IP Public gak bisa akses CloudFlare untuk Provider Bali Tower. Berikut detail masing masing untuk speedtest.

Biznet Cloud

https://persahabatan.co.id

Bali Tower

https://dev.persahabatan.co.id

UPDATE ~ 1 JANUARI 2024

Alhamdulillah, bisa configurasi server untuk Halo Bayi Indonesia, mulai migrasi domain name, pembelian vps dan configurasi untuk mail server juga. hihi, banyak yak. untuk mail server sempet masih dianggap spam, mungkin domain ini baru netes dan terindex di dns secara global jadi gak anggep domain spammer. ada beberapa kendala waktu itu diantaranya

Mail server tidak bisa mengirim pesan
Service mail server mati
Setting Terminal di aaPanel

Untuk yang mail server tidak bisa mengirim pesan, di aapanel sudah dishare tricknya dihalaman forum, certnya suruh di arahkan ke subdomain mail server yang kita buat.

https://forum.aapanel.com/d/1254-how-to-use-the-mail-server-relay-function/22

Selanjutnya service mail server mati, gak bisa login, ternyata service postfix mati, restart lah, dan berhasil, alhasil, masa harus tiap hari ngecek? gak mau kan, buat aja cronjob, ada juga yang share di forum aapanel, berikut ini linknya.

https://forum.aapanel.com/d/19112-notification-for-mail-server-status https://gist.github.com/mdestafadilah/b862c95f12790b31b2cedc6ee184ab9c http://go.topidesta.my.id/root-cmd https://youtu.be/BPJb6tx9PSc?si=rJeTrg9emlDlAf5Z

*Saya pake nginx dan server ubuntu ya.

Testing Out dan In Email

Testing Email Keluar

https://www.appmaildev.com/en/dkim

Jika ada error DKIM none, silahkan lakukan perintah berikut:

chmod 644 /www/server/dkim/xx.com/default.private
systemctl restart rspamd

Testing Email Masuk

https://www.gmass.co/smtp-test

Isi sesuai dengan configurasi mail servernya ya.

Email SMPT Alternative

https://www.mailersend.com/pricing https://www.smtp2go.com/pricing/ https://sendpulse.com/prices https://www.brevo.com/pricing/ https://ahasend.com/pricing https://www.mailjet.com/pricing/

Test Jaringan

Hi, Welcome to Bench.sh

You are able to use this tool to view system information and test the network, disk of your Linux server by using the command as follows

wget -qO- bench.sh | bash

Or

curl -Lso- bench.sh | bash

HDD Penuh

Terkadang aplikasi sedikit tapi tetiba hdd sudah mencapai 80%, bisa jadi itu cache/ log dari aplikasi yang tersimpan, seperti dibawah ini:

$ sudo du -sh /www/wwwroot

atau

$ ncdu -x /

atau

$ sudo du -h --max-depth=1 /www | sort -hr

Sumber Trick

itu karena ssh keypair di portal biznet kita sudah ubah. langkah selanjutnya kita login dengan keypair baru.

λ ssh-keygen -R 192.168.132.2

nanti konfirmasi keypair baru, seperti berikut:

kalo udah tinggal login dengan file *.pem dari biznet.

λ ssh -i namafilecloud.pem username@ip_publik_biznet

Jika sudah bisa login tinggal ubah deh Password, ikuti arahan berikut ini ya [Rubah-root-password-server].

Oh iya, jangan lupa copy id_rsa.pub ke terminal web base (terminal aapanel), seperti berikut:

ModSecurity Install

https://www.youtube.com/watch?v=pNDH437ih6I

https://www.youtube.com/watch?v=478ku0_2LvI

Ganti Password

root@UbuntuServer:~# sudo passwd root
New password:
Retype new password:
passwd: password updated successfully
root@UbuntuServer:~#

root@UbuntuServer:~# passwd
New Password:
Retype new password:
passwd: password updated successfully
root@UbuntuServer:~#

Cloud Panel by [GeminiAI]

su - rspwa-v1
cd /home/rspwa-v1/htdocs/v1.rspwa.net
dploy init ghost

Kesimpulan

Rasanya perlu juga ada kesimpulan? hehe.. baiklah, intinya Belajar bukan tentang kompetisi, tapi disiplin diri untuk menghadapi berbagai tantangan [1]

Reference

[1] http://go.topidesta.my.id/belajar-niru

[2] http://go.topidesta.my.id/akses-ssh-biznet

[3] http://go.topidesta.my.id/root-instance-server

[4] https://gemini.google.com/share/1727f3164261

Have a nice day!

TODO List dengan Go dan ReactJS

desta@rspersahabatan.co.id — Sat, 02 Apr 2022 08:00:00 GMT

Bismillah ....

Kali ini gw mau share beberapa vidio series tentang membangun Project TODO List dengan Golang sebagai Backend dan ReactJS sebagai Frontend. Karena masih tahap development, silahkan forked atau clone projectnya dihalaman ini ya

https://github.com/amati-tiru-modifikasi/go-reactjs-todolist

Untuk vidionya, diambil dari Udemy dan KelasKoding, berikut ini link yang bisa diakses ya.

sebetulnya gw mau share kalo dah jadi sih, cuman ini biar gw inget dan fokus aja, dan kalo ada yang mau liat proses nyah, lumayan buat nambah portofolio sih, hehe.

Oh iya, sebetulnya 2 tahun lalu gw pernah share Golang, cuman masih tahap kulitnya doang sih, cek aja ini, habisnya gw cuman penasaran ajah sama syntactnyah, dah tau, eh malah lanjut fokus di frontend deh (ReactJS, haha), tapi setelah melihat postingan pekerjaan Backend Developer Go-Lang (2022) ... bisa remote dengan 3 hari kerja tapi dengan penghasilan yang gw sekarang (beda jauh sih, hehe) kok gw nyesel ya, hehe... kayak salah langkah getu, hems... gpp, setidaknya selama 2 tahun belajar sembari project pribadi dan bisa ngerasaain build otomatis di Netlify.App dan VercelApp juga, cek disini ya lumayan lah, buat nambah portofolio, hhee.

Okeh, lanjut, jadi di tahun 2022 gw bakal fokus buat Backend dengan Golang ditambah gw udah bisa upload ke Heroku dan Nutanix (server kantor) dan mungkin beberapa Backend di kantor yang live akan gw coba ubah dari Codeigniter (PHP) dengan Golang (belum nentuin F/W nyah, hehe), semoga Allah mudahkan dan Fokuskan, aamiin.

Have a nice day!

Helper Codeigniter Yang Berguna

desta@rspersahabatan.co.id — Wed, 16 Mar 2022 08:00:00 GMT

Bismillah ....

Kebetulan development internal masih menggunakan PHP 5, dan beberapa fungsi ada yang gak berjalan, langkah terbaiknya dengan memanfaatkan helper dan disimpan dalam function.

Untuk aturan pembuatan helper silahkan liat dokumentasinya, untuk function yang gw buat di Codeigniter 2 dan 3, biasanya ditulis dengan namaHelper_helper.php yang disimpan di folder helpers.

Lanjut ke scriptnya beserta manfaat singkatnya, untuk sumber code nyah gw sertakan juga ya sudah gw sertakan juga ya.

Generate Random String

        // source: https://gist.github.com/raveren/5555297
        if ( !function_exists('random_text')) {
            function random_text( $type = 'alnum', $length = 8 ) {
                switch ( $type ) {
                case 'alnum':
                $pool = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                break;
                case 'alpha':
                $pool = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                break;
                case 'hexdec':
                $pool = '0123456789abcdef';
                break;
                case 'numeric':
                $pool = '0123456789';
                break;
                case 'nozero':
                $pool = '123456789';
                break;
                case 'distinct':
                $pool = '2345679ACDEFHJKLMNPRSTUVWXYZ';
                break;
                default:
                $pool = (string) $type;
                break;
            }
            $crypto_rand_secure = function ( $min, $max ) {
                $range = $max - $min;
                if ( $range < 0 ) return $min; // not so random...
                $log    = log( $range, 2 );
                $bytes  = (int) ( $log / 8 ) + 1; // length in bytes
                $bits   = (int) $log + 1; // length in bits
                $filter = (int) ( 1 << $bits ) - 1; // set all lower bits to 1
                do {
                    $rnd = hexdec( bin2hex( openssl_random_pseudo_bytes( $bytes ) ) );
                    $rnd = $rnd & $filter; // discard irrelevant bits
                    } while ( $rnd >= $range );
                    return $min + $rnd;
                };
                $token = "";
                $max   = strlen( $pool );
                for ( $i = 0; $i < $length; $i++ ) {
                $token .= $pool[$crypto_rand_secure( 0, $max )];
                }
                return $token;
            }
        }

Kalimat Salam

        // source: https://stackoverflow.com/a/46574723
        if(!function_exists('ucapan_selamat')) {
            function ucapan_selamat() {
            $hour = date("G");
            return ($hour >= 3 && $hour < 12) 
                    ? "Selamat Pagi, " 
                    : (($hour >= 12 && $hour < 17) ? "Selamat Siang, " : "Selamat Malam, ");
            }
        }

Dropdown Field Tabel Kolom Field Enum

        // source: https://github.com/typesafer/codeigniter-enum-select-boxes
        if (!function_exists('dropdownKolom')) {
            function dropdownKolom($table , $field, $all=false)
            {
                $ci = & get_instance();
                $query = "SHOW COLUMNS FROM ".$table." LIKE '$field'";
                $row = $ci->db->query("SHOW COLUMNS FROM ".$table." LIKE '$field'")->row()->Type;  
                $regex = "/'(.*?)'/";
                preg_match_all( $regex , $row, $enum_array );
                $enum_fields = $enum_array[1];
                foreach ($enum_fields as $key=>$value)
                {
                    if ($all) {
                        $enums['all'] = 'All'; 
                        $enums[$value] = strtoupper($value); 
                    }else{
                        $enums[$value] = strtoupper($value); 
                    }
                }
                return $enums;
            }
        }

Merubah array Ke Kolom

    // source: https://stackoverflow.com/a/33919648
    // using for php < 5.4 if server using > 5.5 please, use array_columnt instead
    if (!function_exists('arr_kolom')) {
        function arr_kolom(array $array, $columnKey, $indexKey = null)
        {
            $result = array();
            foreach ($array as $subArray) {
                if (!is_array($subArray)) {
                    continue;
                } elseif (is_null($indexKey) && array_key_exists($columnKey, $subArray)) {
                    $result[] = $subArray[$columnKey];
                } elseif (array_key_exists($indexKey, $subArray)) {
                    if (is_null($columnKey)) {
                        $result[$subArray[$indexKey]] = $subArray;
                    } elseif (array_key_exists($columnKey, $subArray)) {
                        $result[$subArray[$indexKey]] = $subArray[$columnKey];
                    }
                }
            }
            return $result;
        }
    }

Ubah Format HP untuk Whatsapp

    if ( !function_exists('convertNumber')) {
        function convertNumber( $nope, $whatsappStyle=false ) {
            $ci =& get_instance();
            $styleNomorWa = ($whatsappStyle) ? '@c.us' : '';
            $cekArrayData = is_string($nope);
            $EnamDuaNumber = '';
            $NewEnamDuaNumber = '';
            // Gerombolan
            if ($cekArrayData != true && isset($nope)) {
                foreach ($nope as $key => $value) {
                    $output = preg_replace('/[^0-9]/', '', $value);
                    $EnamDuaNumber .= ((mb_substr($output, 0, 1) == 0) ? "'62".ltrim($output, 0) : $output).$styleNomorWa."',";
                    $NewEnamDuaNumber = rtrim($EnamDuaNumber, ',');
                }
            // Alone
            }else{
                $output = preg_replace('/[^0-9]/', '', $nope); 
                $EnamDuaNumber = ((mb_substr($output, 0, 1) == 0) ? "62".ltrim($output, 0) : $output).$styleNomorWa;
                $NewEnamDuaNumber = $EnamDuaNumber;
            }
            return $NewEnamDuaNumber;
        }
    }

Pengecekan JSON Text

    // source: https://stackoverflow.com/a/15198925
    if (!function_exists('isJson')) {
        function isJson($string)
        {
            // decode the JSON data
            $result = json_decode($string);
            // switch and check possible JSON errors
            switch (json_last_error()) {
                case JSON_ERROR_NONE:
                    $error = ''; // JSON is valid // No error has occurred
                    break;
                case JSON_ERROR_DEPTH:
                    $error = 'The maximum stack depth has been exceeded.';
                    break;
                case JSON_ERROR_STATE_MISMATCH:
                    $error = 'Invalid or malformed JSON.';
                    break;
                case JSON_ERROR_CTRL_CHAR:
                    $error = 'Control character error, possibly incorrectly encoded.';
                    break;
                case JSON_ERROR_SYNTAX:
                    $error = 'Syntax error, malformed JSON.';
                    break;
                // PHP >= 5.3.3
                case JSON_ERROR_UTF8:
                    $error = 'Malformed UTF-8 characters, possibly incorrectly encoded.';
                    break;
                // PHP >= 5.5.0
                case JSON_ERROR_RECURSION:
                    $error = 'One or more recursive references in the value to be encoded.';
                    break;
                // PHP >= 5.5.0
                case JSON_ERROR_INF_OR_NAN:
                    $error = 'One or more NAN or INF values in the value to be encoded.';
                    break;
                case JSON_ERROR_UNSUPPORTED_TYPE:
                    $error = 'A value of a type that cannot be encoded was given.';
                    break;
                default:
                    $error = 'Unknown JSON error occured.';
                    break;
            }
            if ($error !== '') {
                // throw the Exception or exit // or whatever :)
                return $error;
            }
            // everything is OK
            return $result;
        }
    }

Backup DB

        /**
        * MySQLi Export
        *
        * @access  private
        * @param   array   Preferences
        * @return  mixed
        * @source https://stackoverflow.com/a/29801337
        */
        if ( !function_exists('backupDB')) {
            function backupDB($params = array())
            {
                // Currently unsupported
                //---return $this->db->display_error('db_unsuported_feature');
                if (count($params) == 0)
                {
                    return FALSE;
                }
                // Extract the prefs for simplicity
                extract($params);
                // Build the output
                $output = '';
                foreach ((array)$tables as $table)
                {
                    // Is the table in the "ignore" list?
                    if (in_array($table, (array)$ignore, TRUE))
                    {
                        continue;
                    }
                    // Get the table schema
                    $query = $this->db->query("SHOW CREATE TABLE `".$this->db->database.'`.`'.$table.'`');
                    // No result means the table name was invalid
                    if ($query === FALSE)
                    {
                        continue;
                    }
                    // Write out the table schema
                    $output .= '#'.$newline.'# TABLE STRUCTURE FOR: '.$table.$newline.'#'.$newline.$newline;
                    if ($add_drop == TRUE)
                    {
                        $output .= 'DROP TABLE IF EXISTS '.$table.';'.$newline.$newline;
                    }
                    $i = 0;
                    $result = $query->result_array();
                    foreach ($result[0] as $val)
                    {
                        if ($i++ % 2)
                        {
                            $output .= $val.';'.$newline.$newline;
                        }
                    }
                    // If inserts are not needed we're done...
                    if ($add_insert == FALSE)
                    {
                        continue;
                    }
                    // Grab all the data from the current table
                    $query = $this->db->query("SELECT * FROM $table");
                    if ($query->num_rows() == 0)
                    {
                        continue;
                    }
                    // Fetch the field names and determine if the field is an
                    // integer type.  We use this info to decide whether to
                    // surround the data with quotes or not
                    $i = 0;
                    $field_str = '';
                    $is_int = array();
                    while ($field = mysqli_fetch_field($query->result_id))
                    {
                        // Most versions of MySQL store timestamp as a string
                        $is_int[$i] = (in_array(
                                                //strtolower(mysqli_field_type($query->result_id, $i)),
                                                strtolower($field->type),
                                                array('tinyint', 'smallint', 'mediumint', 'int', 'bigint'), //, 'timestamp'),
                                                TRUE)
                                                ) ? TRUE : FALSE;
                        // Create a string of field names
                        $field_str .= '`'.$field->name.'`, ';
                        $i++;
                    }
                    // Trim off the end comma
                    $field_str = preg_replace( "/, $/" , "" , $field_str);
                    // Build the insert string
                    foreach ($query->result_array() as $row)
                    {
                        $val_str = '';
                        $i = 0;
                        foreach ($row as $v)
                        {
                            // Is the value NULL?
                            if ($v === NULL)
                            {
                                $val_str .= 'NULL';
                            }
                            else
                            {
                                // Escape the data if it's not an integer
                                if ($is_int[$i] == FALSE)
                                {
                                    $val_str .= $this->db->escape($v);
                                }
                                else
                                {
                                    $val_str .= $v;
                                }
                            }
                            // Append a comma
                            $val_str .= ', ';
                            $i++;
                        }
                        // Remove the comma at the end of the string
                        $val_str = preg_replace( "/, $/" , "" , $val_str);
                        // Build the INSERT string
                        $output .= 'INSERT INTO '.$table.' ('.$field_str.') VALUES ('.$val_str.');'.$newline;
                    }
                    $output .= $newline.$newline;
                }
                return $output;
            }
        }

Buat array dari String

        /**
        * @param $string - Input string to convert to array
        * @param string $separator - Separator to separate by (default: ,)
        * @return array
        * @source http://snippets.khromov.se/convert-comma-separated-values-to-array-in-php/
        * @contoh: [2,3,4] => { 0=>2, 1=>3, 2=>4 } 
        */
        if ( !function_exists('comma_separated_to_array')) {
        function comma_separated_to_array($string, $separator = ',') {
            //Explode on comma
            $vals = explode($separator, $string);
            //Trim whitespace
            foreach($vals as $key => $val) {
                $vals[$key] = trim($val);
            }
            //Return empty array if no items found
            //http://php.net/manual/en/function.explode.php#114273
            return array_diff($vals, array(""));
            }
        }

Get Data From Row DB

        // source: http://stackoverflow.com/a/11479038
        if ( !function_exists('get_db_row_obj')) {
            function get_db_row_obj($result)
            {
                return $result->num_rows() ? $result->row() : FALSE;
            }
        }
        // source: http://stackoverflow.com/a/11479038
        if ( !function_exists('get_db_row_arr')) {
            function get_db_row_arr($result)
            {
                return $result->num_rows() ? $result->row_array() : FALSE;
            }
        }

Get Kolom Data

    // source: https://github.com/typesafer/codeigniter-enum-select-boxes
    if (!function_exists('dropdownKolom')) {
        function dropdownKolom($table , $field, $all=false)
        {
            $ci = & get_instance();
            $query = "SHOW COLUMNS FROM ".$table." LIKE '$field'";
            $row = $ci->db->query("SHOW COLUMNS FROM ".$table." LIKE '$field'")->row()->Type;  
            $regex = "/'(.*?)'/";
            preg_match_all( $regex , $row, $enum_array );
            $enum_fields = $enum_array[1];
            foreach ($enum_fields as $key=>$value)
            {
                if ($all) {
                    $enums['all'] = 'All'; 
                    $enums[$value] = strtoupper($value); 
                }else{
                    $enums[$value] = strtoupper($value); 
                }
            }
            return $enums;
        }
    }

Convert to Img

    // source: https://stackoverflow.com/a/45843537
    function base30_to_jpeg($base30_string, $output_file) {
        require_once APPPATH . 'Libraries/jSignature_Tools_Base30.php';
        $data = str_replace ( 'image/jsignature;base30,', '', $base30_string );
        $converter = new jSignature_Tools_Base30 ();
        $raw = $converter->Base64ToNative ( $data );
        // Calculate dimensions
        $width = 0;
        $height = 0;
        foreach ( $raw as $line ) {
            if (max ( $line ['x'] ) > $width)
                $width = max ( $line ['x'] );
            if (max ( $line ['y'] ) > $height)
                $height = max ( $line ['y'] );
        }
        // Create an image
        $im = imagecreatetruecolor ( $width + 20, $height + 20 );
        // Save transparency for PNG
        imagesavealpha ( $im, true );
        // Fill background with transparency
        $trans_colour = imagecolorallocatealpha ( $im, 255, 255, 255, 127 );
        imagefill ( $im, 0, 0, $trans_colour );
        // Set pen thickness
        imagesetthickness ( $im, 2 );
        // Set pen color to black
        $black = imagecolorallocate ( $im, 0, 0, 0 );
        // Loop through array pairs from each signature word
        for($i = 0; $i < count ( $raw ); $i ++) {
            // Loop through each pair in a word
            for($j = 0; $j < count ( $raw [$i] ['x'] ); $j ++) {
                // Make sure we are not on the last coordinate in the array
                if (! isset ( $raw [$i] ['x'] [$j] ))
                    break;
                if (! isset ( $raw [$i] ['x'] [$j + 1] ))
                    // Draw the dot for the coordinate
                    imagesetpixel ( $im, $raw [$i] ['x'] [$j], $raw [$i] ['y'] [$j], $black );
                else
                    // Draw the line for the coordinate pair
                    imageline ( $im, $raw [$i] ['x'] [$j], $raw [$i] ['y'] [$j], $raw [$i] ['x'] [$j + 1], $raw [$i] ['y'] [$j + 1], $black );
            }
        }
        // Check if the image exists
        if (! file_exists ( dirname ( $output_file ) )) {
            mkdir(dirname($output_file));
        }
        // Create Image
        $ifp = fopen ( $output_file, "wb" );
        imagepng ( $im, $output_file );
        fclose ( $ifp );
        imagedestroy ( $im );
        copy($output_file, WRITEPATH.'uploads/ttd/'.$output_file);
        unlink( $output_file );
        return $output_file;
    }
    // Source: https://stackoverflow.com/a/50739890
    function base64_to_jpeg($base64_string, $output_file) {
        // open the output file for writing
        $ifp = fopen( $output_file, 'wb' ); 
        // split the string on commas
        // $data[ 0 ] == "data:image/png;base64"
        // $data[ 1 ] == 
        $data = explode( ',', $base64_string );
        // we could add validation here with ensuring count( $data ) > 1
        fwrite( $ifp, base64_decode( $data[ 1 ] ) );
        // clean up the file resource
        fclose( $ifp ); 
        return $output_file; 
    }

Debug/ Var_dump/ Print_r

    function dump($var, $return = FALSE)
    {
        // Joost Van Veen Style
        // $output = ob_get_clean();
        // $output = preg_replace("/\]\=\>\n(\s+)/m", "] => ", $output);
        // $output = "" . _dump($var, 0) . "\n";
        $output = '' . _dump($var, 0) . '\n';
        if (!$return)
        {
            $trace = debug_backtrace();
            $i = isset($trace[1]['class']) && $trace[1]['class'] === __CLASS__ ? 1 : 0;
            if (isset($trace[$i]['file'], $trace[$i]['line']))
            {
                $output = substr_replace($output, '' . htmlspecialchars("in file {$trace[$i]['file']} on line {$trace[$i]['line']}", ENT_NOQUOTES) . '', -8, 0);
            }
        }
        if ($return)
        {
            return $output;
        }
        else
        {
            echo $output;
            return $var;
        }
    }
    function _dump(&$var, $level)
    {
        $maxDepth = 4;
        $maxLen = 250;
        $tableUtf = $tableBin = array();
        $reBinary = '#[^\x09\x0A\x0D\x20-\x7E\xA0-\x{10FFFF}]#u';
        if ($tableUtf === NULL)
        {
            foreach (range("\x00", "\xFF") as $ch)
            {
                if (ord($ch) < 32 && strpos("\r\n\t", $ch) === FALSE)
                    $tableUtf[$ch] = $tableBin[$ch] = '\\x' . str_pad(dechex(ord($ch)), 2, '0', STR_PAD_LEFT);
                elseif (ord($ch) < 127)
                $tableUtf[$ch] = $tableBin[$ch] = $ch;
                else
                {
                    $tableUtf[$ch] = $ch;
                    $tableBin[$ch] = '\\x' . dechex(ord($ch));
                }
            }
            $tableBin["\\"] = '\\\\';
            $tableBin["\r"] = '\\r';
            $tableBin["\n"] = '\\n';
            $tableBin["\t"] = '\\t';
            $tableUtf['\\x'] = $tableBin['\\x'] = '\\\\x';
        }
        if (is_bool($var))
        {
            return ($var ? 'TRUE' : 'FALSE') . "\n";
        }
        elseif ($var === NULL)
        {
            return "NULL\n";
        }
        elseif (is_int($var))
        {
            return "$var\n";
        }
        elseif (is_float($var))
        {
        $var = (string) $var;
        if (strpos($var, '.') === FALSE)
        $var .= '.0';
        return "$var\n";
        } elseif (is_string($var))
        {
        if ($maxLen && strlen($var) > $maxLen)
        {
        $s = htmlSpecialChars(substr($var, 0, $maxLen), ENT_NOQUOTES) . ' ... ';
        }
        else
        {
        $s = htmlSpecialChars($var, ENT_NOQUOTES);
        }
        $s = strtr($s, preg_match($reBinary, $s) || preg_last_error() ? $tableBin : $tableUtf);
        $len = strlen($var);
        return "\"$s\"" . ($len > 1 ? " ($len)" : "") . "\n";
        }
        elseif (is_array($var))
        {
        $s = "array(" . count($var) . ") ";
        $space = str_repeat($space1 = '   ', $level);
        $brackets = range(0, count($var) - 1) === array_keys($var) ? "[]" : "{}";
        static $marker;
        if ($marker === NULL)
        $marker = uniqid("\x00", TRUE);
        if (empty($var)) {}
        elseif (isset($var[$marker]))
        {
            $brackets = $var[$marker];
            $s .= "$brackets[0] *RECURSION* $brackets[1]";
        }
        elseif ($level < $maxDepth || !$maxDepth)
        {
            $s .= "$brackets[0]\n";
            $var[$marker] = $brackets;
            foreach ($var as $k => &$v)
        {
        if ($k === $marker)
            continue;
            $k = is_int($k) ? $k : '"' . strtr($k, preg_match($reBinary, $k) || preg_last_error() ? $tableBin : $tableUtf) . '"';
            $s .= "$space$space1$k => " . _dump($v, $level + 1);
        }
            unset($var[$marker]);
            $s .= "$space$brackets[1]";
            } else {
        $s .= "$brackets[0] ... $brackets[1]";
            }
            return $s . "\n";
        }
        elseif (is_object($var))
        {
        $arr = (array) $var;
        $s = "" . get_class($var) . "(" . count($arr) . ") ";
        $space = str_repeat($space1 = '   ', $level);
        static $list = array();
        if (empty($arr)) {}
        elseif (in_array($var, $list, TRUE))
        {
        $s .= "{ *RECURSION* }";
        }
        elseif ($level < $maxDepth || !$maxDepth)
        {
            $s .= "{\n";
            $list[] = $var;
            foreach ($arr as $k => &$v)
            {
                $m = '';
                if ($k[0] === "\x00")
                {
                $m = $k[1] === '*' ? ' protected' : ' private';
                $k = substr($k, strrpos($k, "\x00") + 1);
                }
                $k = strtr($k, preg_match($reBinary, $k) || preg_last_error() ? $tableBin : $tableUtf);
                $s .= "$space$space1\"$k\"$m => " . _dump($v, $level + 1);
            }
            array_pop($list);
            $s .= "$space}";
        }
            else
        {
            $s .= "{ ... }";
        }
        return $s . "\n";
        }
        elseif (is_resource($var))
        {
        return "" . get_resource_type($var) . " resource\n";
        }
        else
        {
            return "unknown type\n";
        }
    }

PDF File Upload Base64 Sturucture

    public function uploadFileFromBlobString($base64string = '', $file_name = '', $folder = '')
    {
        // source: https://dev.to/rogeriotaques/uploading-pdf-files-as-base64-strings-in-php-and-saving-it-in-the-hard-disk-f7o
        $file_path = "";
        $result = 0;
        // Convert blob (base64 string) back to PDF
        if (!empty($base64string)) {
            // Detects if there is base64 encoding header in the string.
            // If so, it needs to be removed prior to saving the content to a phisical file.
            if (strpos($base64string, ',') !== false) {
                @list($encode, $base64string) = explode(',', $base64string);
            }
            $base64data = base64_decode($base64string, true);
            $file_path  = "{$folder}/{$file_name}";
            // Return the number of bytes saved, or false on failure
            $result = file_put_contents("{$file_path}", $base64data);
        }
        return $result;
    }

Enkripsi dan Deskripsi

        #source: http://3v4l.org/CArS9
        if ( !function_exists('en_de')) {
            function en_de($act, $string) {
                $output = false;
                $encrypt_method = "AES-256-CBC"; // method enkripsinya
                // Salt key
                $secret_key = 'NAMA-SECRET-RAHASIA-KUNCI';
                $secret_iv = 'NAMA-SECRET-RAHASIA-IV';
                // hash
                $key = hash('sha256', $secret_key);
                $iv = substr(hash('sha256', $secret_iv), 0, 16); // varchar(16) it's true?
                // cek
                if($act == 'enkripsi') { $output = openssl_encrypt($string, $encrypt_method, $key, 0, $iv); $output = base64_encode($output); }
                elseif ($act == 'dekripsi') { $output = $output = openssl_decrypt(base64_decode($string), $encrypt_method, $key, 0, $iv); }
                // return 
                return $output;
            }
            // How to use: $text = "text enkripsi";  $rahasia = en_de('enkripsi', $text); or en_de('dekripsi', $rahasia); simple.
        }

masih ada Banyak ... staytune!

Perkenalan dengan Grav CMS

desta@rspersahabatan.co.id — Mon, 10 Jan 2022 08:00:00 GMT

Bismillah ....

Kebetulan lagi pengen cari Alternatif FlatFile CMS, hampir semuanya mengarah ke MERN Stack. Kebetulan PHP masih menjadi Dominasi dan juga kebutuhan kantor sekarang jadi carilah Cms PHP dengan FlatFile support (tanpa koneksi Database), cari sana sini, termasuk dokumentasi serta dukungan komunitas yang banyak, akhirnya coba deh GetGrav CMS.. Contohnya ada di halaman ini -> me.

https://getgrav.org/about

Prinsipnya sederhana, dan gw suka.

Tim GravCMS sadar diluar sana banyak CMS powerfull seperti Drupal, Wordpress dan Joomla, tapi... mereka butuh waktu yang banyak untuk mempelajari sebuah fungsi agar bisa di tambahkan atau dirawat. Grav is a Fast, Simple, and Flexible file-based Web-platform.

Jadi, ini bukan judul yang pas sih, Perkenalan dengan Grav CMS ... hanya sharing gw yang beberapa hari terakhir coba explore ini tools di dunia CMS's dan sangat sangat Powerfull. Diantaranya teknologi Grav memanfaatkan teknologi terkini, diantaranya:

Twig Templating: untuk mengontrol Template tampilan Pengguna
Markdown: untuk konten yang disimpan (termasuk blog ini, filenya format .md)
YAML: untuk konfigurasi
Parsedown: untuk Membantu Markdown di lingkup PHP
Doctrine Cache: Untuk Performa website
Pimple Dependency Injection Container: Untuk Kemudahan dalam Penambahan dan Perawatan website
Symfony Event Dispatcher: Untuk merawat plugin tambahan
Symfony Console: Tampilan Command Line Interface (CLI)
Gregwar Image Library: Untuk manipulasi Gambar

Ternyata memanfaatkan teknogi Symfony secara umum. Tapi saat gw coba, tak sesulit yang dibayangkan, kita bisa install melalui .zip extract foldernya ke document root atau lewat composer, banyak pilihannya deh.

Ouh ya, untuk Template/ Themes/ Plugins sudah banyak juga kok ... kurang lebih dihalaman ini:

Skeletons

Jadi skeletons itu All-in-one paket GravCMS, yang bisa digunakan sebagai contoh project diantaranya Plugins, Themes dan Konfigurasi untuk memulai Grav, tinggal extract foldernya. dan Jalankan.

Themes

Jadi themes semacam layout yang sudah jadi, tinggal di custom sesuai kebutuhannya.

$ php bin/gpm index (melihat semua themes yang tersedia)

$ php bin/gpm install themename (untuk melakukan instalasi themes)

Plugins

Jadi plugins itu semacam alat tambahan untuk produktifitas GravCMS, ada buanyak tools, baca pelan pelan secara seksama alat yang pas untuk pengembahang websitenya.

Huft... pengen nulis banyak sih, tp gw lagi baca baca lagi .... atau nanti mungkin gw buat series aja kali ya... doakan semoga terwujud.

Sumber Belajar

Have a nice Day!

Codeigniter4 Error Push Heroku

desta@rspersahabatan.co.id — Mon, 27 Dec 2021 14:00:00 GMT

Bismillah ....

Kebetulan lagi handle Project yang sudah gak dihandle sama Maintenernya, tapi lagi gw tanya, mau dilanjutin apa kagak sih, project terbaru Codeigniter 4 Restful JWT Token dihalaman ini masih sangat sederhana.

https://github.com/mdestafadilah/ci-rest-jwt

Project sebelumnya masih CI 3 dan ada masalah saat push ke Heroku, dan gw coba Refactore ke CI 4 eh sempet ada masalah juga di heroku, seperti ini:

-----> Building on the Heroku-20 stack
-----> Determining which buildpack to use for this app
-----> PHP app detected
-----> Bootstrapping...
-----> Installing platform packages...
 !     ERROR: Failed to install system packages!
 !     
 !     Your platform requirements (for runtimes and extensions) could
 !     not be resolved to an installable set of dependencies, or a
 !     platform package repository was unreachable.
 !     
 !     This usually means that you (or packages you are using) depend
 !     on a combination of PHP versions and/or extensions that are
 !     currently not available on Heroku.
 !     
 !     The following is the full output from the installation attempt:
 !     
 !     > You are using Composer 1 which is deprecated. You should upgrade to Composer 2, see https://blog.packagist.com/deprecating-composer-1-support/
 !     > Loading repositories with available runtimes and extensions
 !     > Updating dependencies
 !     > Your requirements could not be resolved to an installable set of packages.
 !     > 
 !     >   Problem 1
 !     >     - The requested package composer-plugin-api could not be found in any version, there may be a typo in the package name.
 !     > 
 !     
 !     For reference, the following runtimes are currently available:
 !     
 !     PHP:  8.1.1, 8.1.0, 8.0.14, 8.0.13, 8.0.12, 8.0.11, 8.0.10, 
 !     8.0.9, 8.0.8, 8.0.7, 8.0.6, 8.0.3, 8.0.2, 8.0.1, 8.0.0, 
 !     8.0.0RC4, 7.4.27, 7.4.26, 7.4.25, 7.4.24, 7.4.23, 7.4.22, 
 !     7.4.21, 7.4.20, 7.4.19, 7.4.16, 7.4.15, 7.4.14, 7.4.13, 
 !     7.4.12, 7.3.33, 7.3.32, 7.3.31, 7.3.30, 7.3.29, 7.3.28, 
 !     7.3.27, 7.3.26, 7.3.25, 7.3.24
 !     
 !     Please verify that all requirements for runtime versions in
 !     'composer.lock' are compatible with the list above, and ensure
 !     all required extensions are available for the desired runtimes.
 !     
 !     When choosing a PHP runtimes and extensions, please also ensure
 !     they are available on your app's stack (heroku-20), and select
 !     a different stack if needed after consulting the article below.
 !     
 !     For a list of supported runtimes & extensions on Heroku, please
 !     refer to: https://devcenter.heroku.com/articles/php-support
 !     Push rejected, failed to compile PHP app.
 !     Push failed

Oke ternyata masalahnya di composer sendiri, duh ya. berikut pernyataannya.

Well, the plugin ecosystem is not yet fully compatible with the upcoming Composer 2.0. There is #8726 to track this

setelah melakukan downgrade ke composer 1,

composer self-update --1

Permasalahan selesai.

Have a nice day!

sumber:

Extension for Fullstack in VSCodium

desta@rspersahabatan.co.id — Thu, 09 Dec 2021 14:00:00 GMT

Bismillah ....

Kebetulan blog ini cuman sekedar share keanehan yang gw alami pas install VSCodium di windows 10 di Laptop. Ini detail VSCodium yang gw install.

Version: 1.62.3 (user setup)
Commit: ccbaa2d27e38e5afa3e5c21c1c7bef4657064247
Date: 2021-11-19T00:29:50.377Z
Electron: 13.5.2
Chrome: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Windows_NT x64 10.0.19042

Keanehannya ituh gw gak bisa lagi install workspace-explorer, padahal sebelumnya bisa, gw install di PC dengan detail versi yang sama, alhasil gw coba cari tau dan ternyata, betul dugaan gw, ada 2 website penyedia extenstion untuk vscode variant.

untuk instalasi vscodium yang dilaptop itu diarahkan ke open-vsx.org bukan lagi ke marketplace-vscode , alhasil gak ketemu deh extenstion yang gw butuhin, cuman kita masih bisa install dengan format .vsix kok.

Keduanya memiliki moto yang berbeda, tapi punya manfaat yang sama. hehe.

https://open-vsx.org/ Extensions for VS Code Compatible Editors

https://marketplace.visualstudio.com/vscode Extensions for the Visual Studio family of products

Berikut ini gw share tools yang gw pake dalam format .vsix silahkan akses githubnya ya.

https://github.com/topidesta/vscodium-ext-for-fullstack-dev

Update

Github Copilot di Vscodium.

Have a nice day!

Umami alat untuk Analytics

desta@rspersahabatan.co.id — Thu, 02 Dec 2021 14:00:00 GMT

Bismillah ....

Biasanya setiap orang akan memanfaatkan Google Analytics sebagai Default untuk tracking website, termasuk salah satu project gw, landing pendaftaran online, kenapa gak pake google? sebetulnya enakan pake google sih, terserah deh datanya mau diapain, hehe... tapi, karena gw React mindset haha ... jadi pas ada Developer yang buat aplikasi dengan React (NextJS Framwork) yaitu Umami dan kebetulan juga tools analytics, langsung aja Install, mudah dan gampang!

Untuk detailnya berikut ini project yang gw install umami

Bahkan project Umami ini terbilang baru loh tapi sudah aktif pengembangannya, oya, kebetulan ada 1 project gw yang pake Docusaurus (Dokumentasi tools) tapi belum ada pluginnya, sekalinya ada itu plugin untuk google analytic, dan gw males pakenya hehe, terlihat disana LAGI BELAJAR BUAT PLUGIN DOCUSAURUS hehehe, sabar ya, nanti kalo sempet gw buat kalo gak sempet pake yang developer lain buat, hehe. *developerMales detected!.

Tapi gw udah posting di Official Github Umami terkait plugin/ tools yang dibuat untuk Umami.

https://github.com/mikecao/umami/issues/878

Oya, kalo mau contoh tampilannya silahkan akses ke landing pendaftaran ya.

Oke sekian pembahasannya, next mungkin gw share juga hasil plugin docusaurusu ya, doakan ya.

have a nice day!

Github Failed Push, Pull

desta@rspersahabatan.co.id — Thu, 19 Aug 2021 03:00:00 GMT

Bismillah ....

Sempet heran kok gak bisa push atau pull di laptop, gw lupa ternyata Github ubah aturan Login Credentialnya dari password menjadi Token yang bisa diset sementara atau selamanya.

Pesan errornya kayak gini

λ git push -u origin main
remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.
remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.
fatal: unable to access 'https://github.com/amati-tiru-modifikasi/10-aplikasi-sederhana-javascript.git/': The requested URL returned error: 403

cari via google sana sini, akhirnya terdampar diberbagai pembahasan yang jelimet, untuk pasti dihalaman ini:

https://stackoverflow.com/a/68780014

Udah itu ajah, ikutin ajah langkahnya.

Buat Token dihalaman https://github.com/settings/tokens (kalo PC pribadi, bikin unlimited ajah)
Simpan hasil generate itu di txt pc
Download Github CLI (Gw pake cocolatey buat download manager)
Ketik gh auth login, copy paste hasil generate dari tokens itu
Done.

Have a nice day!

21 Kebiasan Baik Koding ReactJS

desta@rspersahabatan.co.id — Fri, 06 Aug 2021 10:00:00 GMT

Bismillah

Entah kadang "Kebiasan Buruk" selalu terulang karena kita jarang membaca Updatenyah hehe, berikut ini 21 kebiasan yang diantarnya pernah gw alami. Langsung ajah berikut ini 21 Kebiasan Programmer ReactJS, terutama gw sendiri hehe.

1. Gunakan JSX

// Bad
return <Navbar showTitle={true} />

// Good
return <Navbar showTitle />

2. Gunakan Logika Ternary

// Bad
const { role } = user

if (role === ADMIN) {
  return <AdminUser />
} else {
  return <NormalUser />
}

// Good
const { role } = user
return role === ADMIN ? <AdminUser /> : <NormalUser />

3. Manfaatkan Object Literal

// Bad
const { role } = user

switch (role) {
  case ADMIN:
    return <AdminUser />
  case EMPLOYEE:
    return <EmployeeUser />
  case USER:
    return <NormalUser />
}

// Good
const { role } = user

const components = {
  ADMIN: AdminUser,
  EMPLOYEE: EmployeeUser,
  USER: NormalUser,
}

const Component = components[role]
return <Componenent />

4. Gunakan Fragments

// Bad
return (
  <div>
    <Component1 />
    <Component2 />
    <Component3 />
  </div>
)

// Good
return (
  <>
    <Component1 />
    <Component2 />
    <Component3 />
  </>
)

5. Tidak membuat sebuah Function di dalam Render

// Bad
return (
  <button onClick={() => dispatch(ACTION_TO_SEND_DATA)}>
    {' '}
    // NOTICE HERE This is a bad example
  </button>
)

// Good
const submitData = () => dispatch(ACTION_TO_SEND_DATA)

return <button onClick={submitData}>This is a good example</button>

6. Gunakan Memo

// Bad
import React, { useState } from 'react'

export const TestMemo = () => {
  const [userName, setUserName] = useState('faisal')
  const [count, setCount] = useState(0)

  const increment = () => setCount(count => count + 1)

  return (
    <>
      <ChildrenComponent userName={userName} />
      <button onClick={increment}> Increment </button>
    </>
  )
}

const ChildrenComponent = ({ userName }) => {
  console.log('rendered', userName)
  return <div> {userName} </div>
}
// Good
import React, { useState } from 'react'

const ChildrenComponent = React.memo(({ userName }) => {
  console.log('rendered')
  return <div> {userName}</div>
})

7. Gunakan Tag Javascript untuk CSS

// Bad
.body {
  height: 10px;
}
return <div className='body'></div>

// Good
const bodyStyle = {
  height: "10px"
}

return <div style={bodyStyle}></div>

8. Gunakan Object Destructure

// Bad
return (
  <>
    <div> {user.name} </div>
    <div> {user.age} </div>
    <div> {user.profession} </div>
  </>
)

// Good
const { name, age, profession } = user

return (
  <>
    <div> {name} </div>
    <div> {age} </div>
    <div> {profession} </div>
  </>
)

9. String Tidak Perlu Kurung Kurawal

// Bad
return <Navbar title={'My Special App'} />

// Good
return <Navbar title="My Special App" />

10. Jangan Gunakan kode JS di JSX

// Bad
return (
  <ul>
    {posts.map(post => (
      <li
        onClick={event => {
          console.log(event.target, 'clicked!') // <- THIS IS BAD
        }}
        key={post.id}
      >
        {post.title}
      </li>
    ))}
  </ul>
)

// Good
const onClickHandler = event => {
  console.log(event.target, 'clicked!')
}

return (
  <ul>
    {posts.map(post => (
      <li onClick={onClickHandler} key={post.id}>
        {post.title}
      </li>
    ))}
  </ul>
)

11. Gunakan Template Literal

// Bad
const userDetails = user.name + "'s profession is" + user.proffession

return <div> {userDetails} </div>

// Good
const userDetails = `${user.name}'s profession is ${user.proffession}`

return <div> {userDetails} </div>

12. Import sesuaikan Urutan

// Bad
import React from 'react'
import ErrorImg from '../../assets/images/error.png'
import styled from 'styled-components/native'
import colors from '../../styles/colors'
import { PropTypes } from 'prop-types'

// Good

//Built-in
import React from 'react'

// Internal/ Komponent
import { PropTypes } from 'prop-types'
import styled from 'styled-components/native'

// Eksternal/ Assets
import ErrorImg from '../../assets/images/error.png'
import colors from '../../styles/colors'

13. Gunakan implicit returnya

// Bad
const add = (a, b) => {
  return a + b
}

// Good
const add = (a, b) => a + b

14. Penamaan Komponen dengan PascalCase

// Bad
import reservationCard from './ReservationCard';

const ReservationItem = <ReservationCard />;

// Good
import ReservationCard from './ReservationCard';

const reservationItem = <ReservationCard />;

15. Jangan Gunakan Propertis yang digunakan DOM

// Bad
<MyComponent style="dark" />

<MyComponent className="dark" />

// Good
<MyComponent variant="fancy" />

16. Selalu Gunakan Double Qoutes

// Bad
<Foo bar='bar' />

<Foo style={{ left: "20px" }} />

// Good
<Foo bar="bar" />

<Foo style={{ left: '20px' }} />

17. Penamaan Prop dengan camelCase

// Bad
<Component
  UserName="hello"
  phone_number={12345678}
/>

// Good
<MyComponent
  userName="hello"
  phoneNumber={12345678}
  Component={SomeComponent}
/>

18. Selalu Wrap setelah Tutup Kurung Return

// Bad
return <MyComponent variant="long">
           <MyChild />
         </MyComponent>;

// Good
return (
    <MyComponent variant="long">
      <MyChild />
    </MyComponent>
);

19. Closing Tag di Tempat yang Sama

// Bad
<SomeComponent variant="stuff"></SomeComponent>

// Good
<SomeComponent variant="stuff" />

20. Jangan Gunakan _Underscore di Method

// Bad
const _onClickHandler = () => {
  // do stuff
}

// Good
const onClickHandler = () => {
  // do stuff
}

21. Selalu gunakan Prop "alt" di Gambar

// Bad
<img src="hello.jpg" />

// Good
<img src="hello.jpg" alt="Me waving hello" />

Have a nice day!

source: http://go.topidesta.my.id/21-best-practice-reactjs

10 Aplikasi Sederhana Javascript

desta@rspersahabatan.co.id — Wed, 04 Aug 2021 10:00:00 GMT

Bismillah

Langsung ajah yah, ini dari Udemy, Judul Aselinya sih 10 Project dibuat kurang dari 6 Jam sejujurnya shock juga denger judulnya dan dikerjakan secara langsung 6 jam tanpa henti ... tapi mau gw kerjakan dalam waktu 10 hari setidaknya dalam 1 hari mengerjakan 1 dengan menyisihkan 1 jam untuk belajar, gimana? lebih manusiawi kan, hehe.

Lanjut, untuk daftar project aplikasinya gw langsung kasih tau aja yah, ini dia:

No	Nama Aplikasi	Status	Github
1	Quiz	-
2	Todo	-
3	Calculator	-
4	Digital Clock	-
5	Countdown Timer	Done	Link
6	Loan Calculator	-
7	Analag Clock	-
8	BMI Calculator	-
9	Height Conversion	-
10	Word Count	-

Memang terlihat sederhana, tapi sejujurnya gw sendiri lagi mempertajam dan membiasakan diri dengan Javascript, karena kedepannya gw harus terbiasa dengan belajar Typescript (karena belajar ReactJS).

banyak yah kalo belajar teknologi, belajar itu sampe liang lahat, masyaAllah... lahaulawalakuwataillabillah...

project di simpan dihalaman ini -> https://github.com/amati-tiru-modifikasi/10-aplikasi-sederhana-javascript

source:

Reset Password BackdropCMS

desta@rspersahabatan.co.id — Wed, 30 Jun 2021 10:00:00 GMT

Bismillah

Tulisan ini pengalaman gw karena lupa password di localhost (development) backdropCMS.

Berikut ini langkah Ribet, karena kalo ubah dari database langsung, tidak akan bekerja, ini dilakukan jika reset-password tidak berfungsi ya, langsung saja.

Buat PHP Code

<?php
    define('BACKDROP_ROOT', getcwd());
    require_once BACKDROP_ROOT . '/core/includes/bootstrap.inc';
    backdrop_bootstrap(BACKDROP_BOOTSTRAP_FULL);
    require_once BACKDROP_ROOT . '/core/includes/password.inc';

        if (isset($_GET['pass']) && !empty($_GET['pass'])) {
            $newhash = user_hash_password($_GET['pass']);
        }
        else {
            die('Retry with ?pass=PASSWORD set in the URL');
        }

    $updatepass = db_update('users') 
                    ->fields(array(
                    'pass' => $newhash,
                    // 'name' => 'admin',
                    //'mail' => '<a href="mailto:yourmail@example.com'">yourmail@example.com'</a>'
                    ))
                    ->condition('uid', '1', '=')
                    ->execute();
    print "Done. Please delete this file immediately!";
    backdrop_exit();
?>

Upload di root backdropcms disimpan.
Akses Via web browser PHP Code yang sudah kitabuat.

Buka Halaman http://localhost/website-backdrop/lupapassword.php?pass=passwordBaru
Ganti passwordBaru dengan password yang henda diganti, pastikan kombinasi ya

Jika sudah jangan lupa Hapus File lupapassword.php nyah.

Catatan: Bekerja di backdropcms 1.8 s.d 1.19

For Your Information (FYI)

Terkadang trick diatas tidak bisa, entah kenapa, akhirnya baca komentar dibawahnya, ada yang share, diantaranya:

Set file settings.php ke 777 (jika linux), abaikan jika windows
copy-paste baris $settings['hash_salt'] di file settings.php yang website berhasil ke website bermasalah.
copy-paste password user 1, berhasil login yang terenkripsi di database ke database user 1 login bermasalah.
Kosongkan table flood di website bermasalah tadi.
Login dengan Password yang website berhasil tadi.
Selesai.

Have a nice day!

source:

Landing Page Pendaftaran Online

desta@rspersahabatan.co.id — Tue, 08 Jun 2021 20:00:00 GMT

Bismillah

Sekedar mau share hasil ATM (Amati-Tiru-Modifikasi) yang diadaptasi dari GasbyJS, dengan menggunakan Template Gasby Glasess, alasannya karena halaman sebelumnya bersifat statis dan pagerange dari google lumayan kecil, dan penambahan harus hard-code.

Untuk review dari Google Speed, ini untuk landing-page versi Pertama: 48

Untuk review dari Google Speed, ini untuk landing-page versi Kedua: 92

Kenapa harus diubah? beberapa kelebihannya diantaranya:

Waktu Load Data Kecil
Penambahan Data Mudah (Menggunakan NetlifyCMS)

Udah Segitu ajah, dan sesederhana itu, kalo mau cek silahkan ke halaman ini:

https://landingpendaftaran.netlify.app/

Beberapa stack yang gw pake, dan ini bukan orisinil gw, inget konsep bekerja dan belajar gw itu ATM (Amati-Tiru-Modifikasi), jangan heran yoo...

Teknologi

Gatsby for Static Site Generation
Netlify CMS for content management
Styled Component for styling

Done.

Have a nice Day!

Project Orang Gw Kerjain!

desta@rspersahabatan.co.id — Wed, 19 May 2021 04:00:00 GMT

Bismillah ...

Sebetulnya gw lagi Gabut banget, gak semanget tuh dikantor juga (gegara THR) dan dapet penawaran kerjaan Remote 3x tapi belum ada yang berhasil belum rezeki kali yah atau sholat dhuhaa gw kurang kuat?!. kali ini gw mau share ide, belum gw kerjain tapi akan gw kerjakan dan gw share demonya nanti sekaligus sourcecodenya (insyaAllah), ide ini didapat dari Group Telegram yang share tentang Freelance, tapi dihargainnya murah banget kayak kacang goreng, meskipun CRUD (copy paste dari google juga bisa) mungkin itu yang difikirkan kali, masalahnya ini Waktu dan Usaha, ini gw kasih ScreenSootnyah.

Coba itu lo lihat deh, 1 Juta buat 5 Halaman? tunggu, kan dishare templatenya juga, iya sih udah ready (emang gak perlu dipelajari, butuh waktu kan?) kalo penasaran ini link templatenya (reactjs f/w nextjs). Katanya cuman Frontend karena backend sudah dibuatkan (Gak Perlu backend, pake fake backend juga bisa, sebetulnya).

Template Admin

Untuk yang mau nyari versi Gratis Template (Nulled) bisa kunjungin postingan gw yang pernah gw share, pasti ada, coba cek dihalaman ini tapi saran gw kalo nanti diakses public mending lo beli deh, hitung hitung menghargai Developernya (hanya 14$), kurang lebih 200K.

Mockup

Si pemberi Freelance juga kasih halaman mockup tampilan yang sudah dikerjakan dengan Codeigniter, berikut ini gw share ya hasil screenshoot.

Transaksi Cafe

Laporan Cafe

2.1 Laporan Harian

2.2 Laporan Bulanan

2.3 Laporang Tanggal
Master Menu

Master Voucher

Transaksi Gudang

PDF/ Excel (Tambahan)

Demo

on progress

Sekian, Update selanjutnya dihalaman ini ya.

Have a nice day!

Mockup Manajemen Surat

desta@rspersahabatan.co.id — Mon, 26 Apr 2021 04:00:00 GMT

Bismillah

Mau share mockup, sebetulnya sudah jadi hasil mockupnya sekitar (70%) cuman nanti gw share lewat vidio ya, karena aplikasinya bersifat private (hanya untuk kalangan sendiri, kalo tertarik silahkan PM) sekarang gw mau share mockup/ design sederhana nyah dulu, yang bersifat web base.

Form Lihat Surat Pribadi

Halaman Dashboard

Halaman Surat Keluar

Halaman Tulis Surat

Halaman Surat Masuk

Halaman Lihat Surat

Halaman Setup & Maste Data

Sebetulnya masih ada lagi, ini yang sudah gw implementasikan ke web-base, jadi mockup ini saja yang gw share ya, nanti akan ada update lagi, tetap semangat.

Have a nice Day!

Aplikasi Lowongan Online

desta@rspersahabatan.co.id — Fri, 26 Feb 2021 04:00:00 GMT

Bismillah

Sekedar mau share ide, setelah memperjuangkan untuk design (frontend) dan beberapa perbaikan dari sisi server (backend) dan lembur 2 hari gw kagak di hitung, akhirnya gw coba kasih tau deh layout aplikasi, sourcecode masih belum bisa gw publish.. maaf.

https://lowonganpekerjaan.netlify.app/

konsepnya sederhana hanya mengumpulkan data para pelamar yang akan bekerja yang akan diverifikasi oleh pihak terkait (unit SDM). Beberapa stack yang gw pake, dan ini bukan orisinil gw, inget konsep bekerja dan belajar gw itu ATM (Amati-Tiru-Modifikasi), jangan heran yoo...

Teknologi

ReactJS (CRA Template ~Fronted)
Netlify (Domain dan Production Stage)
Github (Hosting ~private source)
Codeigniter 3 (Pengatur Data ~Backend)

Library

Frontend

React
React-hook-form
React Bootstrap
React device Mockup
React Router DOM
Redux etc (Sekedar belajar, pilihan lain bisa pake MobX)
Axios
Node SASS (CSS System)
...Etc

Backend

Codeigniter 3
REST Server
JWT Firebase
Etc

TODO:

Menambahkan Fungsi Login/ Logout

Have a nice Day!

Aplikasi Jadwal Zoom Sederhana

desta@rspersahabatan.co.id — Thu, 18 Feb 2021 20:00:00 GMT

Bismillah

Sekedar mau share ide, aplikasi jadwal zoom sederhana sekali.

https://jadwalzoom.netlify.app/

konsepnya sederhana biar enak dipandang ajah. Beberapa stack yang gw pake, dan ini bukan orisinil gw, inget konsep bekerja dan belajar gw itu ATM (Amati-Tiru-Modifikasi), jangan heran yoo...

Teknologi

ReactJS (CRA Template ~Fronted)
Netlify (Domain dan Production Stage)
Github (Hosting ~private source)
Codeigniter 3 (Pengatur Data ~Backend)

Library

Frontend

React
Dayz
Redux etc (Sekedar belajar, pilihan lain bisa pake MobX)
Axios
Node SASS (CSS System)

Backend

Codeigniter 3
REST Server
JWT Firebase
Etc

TODO:

Tampilan dengan Styled-Components/ Emotion/
Bikin Fungsi Service API REST
Added Redux

Have a nice Day!

Aplikasi Permintaan Bankdarah

desta@rspersahabatan.co.id — Sat, 06 Feb 2021 20:00:00 GMT

Bismillah

Sekedar mau share ide, setelah sebelumnya sudah selesai mengerjakan aplikasi sampingan maksudnya aplikasi dikantor gw juga, tapi gak jadi prioritas (melihat kondisi dilapangan, akhirnya gw kasih ide ke unit tersebut, dan masih bahasan user ke user, belum permintaan dari unit), maklum ide gw kadang gak terlalu diperhatikan jadi ya gw tulis diblog ajah, hehe.

Yap, module bankdarah dikantor gw ada yang dibangun untuk unit tersebut, dan sekarang lagi zaman covid19 sivirus dari cina daratan yang Kebetulan bankdarah dikantor gw juga memproduksi darah yang bisa di order/ permintaan dari rumah sakit lain, gw tanya prosesnya, dan ternyata gw kasih ide ini bisa kita ringkas prosesnya, unit cukup memvalidasi saja gak perlu isi data dasar, biar mereka (orang yang perlu darah) yang isi datanya, dan diterima.

https://bankdarah.netlify.app/

konsepnya sederhana kalo gw cermati dari unit bankdarah, unit hanya perlu data pasien (asal) dan darah apa yang diperlukan, yang jadi masalahnya, pasien plek dateng dengan berkas banyak, dan unit yang isi juga (ini yang bikin lama proses nyiapin darah).

Dan terciptalah ide ini, karena hanya form sementara, next ada fungsi login berdasaran KTP dan Nomor Telpon yang terdaftar, sehingga pasien cukup login dan request, tanpa isi data ulang.

Beberapa stack yang gw pake, dan ini bukan orisinil gw, inget konsep bekerja dan belajar gw itu ATM (Amati-Tiru-Modifikasi), jangan heran yoo...

Teknologi

ReactJS (CRA Template ~Fronted)
Netlify (Domain dan Production Stage)
Github (Hosting ~private source)
Codeigniter 3 (Pengatur Data ~Backend)

Library

Frontend

React
Bootstrap
Redux etc (Sekedar belajar, pilihan lain bisa pake MobX)
Axios
React Hook Form
Yup
HTML5 Mockup
React Client Captcha
NIK Parser
Node SASS (CSS System)

Backend

Codeigniter 3
REST Server
JWT Firebase
Etc

Done, selanjutnya gw rencanya mau buat mobilenya, yang bisa untuk Android dulu, karena kalo untuk iOS gw harus punya MacOS dengan dibantu teknologi React, ya React Native.

Have a nice Day!

Trial Reset Beyond Compare Win10

desta@rspersahabatan.co.id — Mon, 30 Nov 2020 08:00:00 GMT

Bismillah

Kalo ini gw mau share compare tools buat para developer sangat bagus neh, terutama kalo servernya tidak memanfaatkan GIT setiap perubahan melainkan merge manual di lokal server, dimana setiap perubahan harus manual dicompare dan diwindows biasa pake Beyond Compare 4 dan dilinux ada yang free, gw lupa, kurang lebih seperti ini.

Kalo lo punya duit, mending beli seharga $60 ... tapi kalo gak punya mending pake trick gw, ada 2 tools dengan trick yang sama, yaitu menghapus register TRIAL MODE si beyondcompare. Berikut ini tools yang bisa gw share

Buat File CMD | Download
Jalankan File EXE | Download
Buka Aplikasi Beyond Compare, Jangan di tutup/ close ya (trick ampuh), buka sampe sebulan juga tetep 30Hari

reg delete "HKCU\Software\Scooter Software\Beyond Compare 4" /v CacheID /f

Bonus

Untuk pengguna macOS silahkan gunakan script ini:

rm “/Users/$(whoami)/Library/Application Support/Beyond Compare/registry.dat”

Done.

Sumber:

Have a nice day.

Daftar Website Penyedia Script Nulled

desta@rspersahabatan.co.id — Fri, 25 Sep 2020 08:00:00 GMT

Bismillah

Sebetulnya trick ini jangan digunakan untuk mencari duit ya, gak berkah ... mending development secara lokal jika ingin dipublish silahkan order ... lebih aman ... serius ... atau nyontek script nyah (untuk belajar) ... jangan keseluruhan ... okeh ... berikut ini listnya:

Extra

Bonus

Aplikasi Nulled

Sumber: https://bloggersutra.com/nulled-wordpress-themes/

Have a nice day.

Mockup Prima Versi Android/ iOS

desta@rspersahabatan.co.id — Wed, 12 Aug 2020 13:00:00 GMT

Bismillah

Kebetulan pencarian dokter sudah kelar, sekarang mau buat Prima versi Mobile dengan teknologi React Native, rencannya setiap module yang existing prima web, nanti mau gw buat Package NPM jadi setiap developer mengembangkan sesuai kebutuhan tanpa harus install semua module (pilih package sesuai kebutuhan yang diubah), hems... nice idea? ya, gw juga kudu belajar neh, mantap, balik lagi ke judulnya ... yaps, gw cuman sedikit share ajah, soalnya sekalian buat prototive gw sih, karena diruangan belum ada kesempatan buat menjelaskan dan sedikit ada waktu buat sharing, baiklah, ini di beberapa mockup yang udah gw coba buat.

Halaman ketika dibuka pertama kali

Halaman daftar Pegawai

Halaman lupa email/ password

Halaman Dashboard

Halaman Profile Pengguna

Semuanya masih mockup, tambahan seperti animation, background color, dll. itu bisa nanti berjalan, baiklah, di Halaman Dashboard terlihat beberapa module dan seperti yang dijelaskan sebelumnya, module itu nanti akan gw bungkus menjadi package dengan private source, Semoga kepala ruangan gw baca kelebihan dan kekurangan memanfaatkan Git sebagai server cloud.

Baiklah, sekian informasinya.

Have a nice day.

Buat Branch dari Commit GIT

desta@rspersahabatan.co.id — Fri, 03 Jul 2020 16:00:00 GMT

Bismillah

Lagi iseng mau nyamain kode berdasarkan commit ... jadi tidak usah rollback atau liat digithub, cukup dilocal komputer kita juga bisa, ini dia tricknya:

$ git checkout <commit>
$ git checkout -b feature    # create a new branch named `feature` from the commit

# if you want to replace the current branch (say 'develop') with new created branch ('feature')
$ git branch -D develop     # delete the local 'develop' branch
$ git checkout -b develop   # create a new 'develop' branch from 'feature' branch

Done.

Sumber: https://stackoverflow.com/a/42159757

Login Localhost NetlifyCMS di GatsbyJS

desta@rspersahabatan.co.id — Fri, 26 Jun 2020 09:00:00 GMT

Bismillah

Kebetulan gw mau ubah website persahabatan menjadi git source sebagai sumber data (graphQL), karena beberapa kali mysql server dikantor diserang, semua database di truncate dan untungnya punya backup, entahlah, belum tahu darimana celahnya. baiklah, karena gw tipe yang males diribetin dengan setup yang jelimet hehe... akhirnya pake starter pack dari GatsbyJS, bisa yang base css bulma atau bootstrap, ini githubnya:

Keseringan kita develop dalam local dan login pun local, nah dengan NetlifyCMS bisa kita lakukan, saat fase development atau production, hanya saja untuk localhost ada beberapa trick, berikut ini langkahnya:

Buka File config.yml di folder static
Lalu tambahkan kode baris ini: local_backend: true
Buka 2 command line (cmd) jalankan perintah: yarn start dan npx netlify-cms-proxy-server
Buka Browser arahkan ke port defaut http://localhost:8000 atau https://localhost:8000/admin
Selesai.

Mudah bukan? ya. Karena belajar memang harus mudah dan menyenangkan.

Have a nice day!

source: https://kutt.it/ZMivyK

Fullstack Developer Universitas Helsinki

desta@rspersahabatan.co.id — Thu, 11 Jun 2020 13:00:00 GMT

Bismillah...

Ini adalah postingan lain dari Belajar ReactJS yang diadakan oleh Department of Computer Science at the University of Helsinki in Spring 2020 (belajar dimusim semi 2020). Sebelumnya gw banyak share, dan beberapa gw ikutin pula, mulai dari ebook sanpai video ... karena kadang gw butuh pemahaman dasar dulu, misal gw baru belajar React Lifecycle, tetiba muncul Lifecycle baru bernama "Hooks" akhirnya gak lanjut cari pemahaman dasar dulu baru deh gw coba, meski belom gw lanjutin, karena lagi lagi kadang mood moodan, balik lagi ke topik ya.

Di pelatihan yang diadakan oleh departemen komputer science, ada beberapa part, ada 9 part (beberapa katanya hasil update dari pelatihan di 2019) dan pelatihan ini jika kita mahasiswa disana, dijadikan bahan matakuliah yang punya bobot nilai, tapi tenang saja, kita juga bisa punya sertifikatnya kok, kalo gak salah baca ya, jadi dibaca secara berurutan, kalo gw masih di part0 masuk di part1.

Langsung ke halaman ini: Fullstack Open, Laporan Progress dan Format Submit Laporan

Yaps, sekarang tinggal kita fokuskan, sepertinya Pelajaran dari Univeristas Helsinki bakal gw ikutin ... soalnya ada target dan disubmit lalu direview oleh dosen dosen disana, membiasakan diri dengan pola belajar disana ya. Ganbatte!!

Have a nice day!

Alternatif Anime Psycho Pass

desta@rspersahabatan.co.id — Fri, 29 May 2020 08:00:00 GMT

Bismillah...

Belakangan ini web langganan gw kalo mau nongton Psycho Pass 3 belum update lagi, katanya sih di Jepang lagi Lockdown jadi dihold juga nongtonya, alhamdulillah sih ada alternatifnya, sumber dari sini misalnya:

Top Secret – The Revelation
Ghost in the Shell: Stand Alone Complex
No. 6
Terror in Resonance
Monster

Kebetulan gw tertarik dengan nomor 2, Ghost in the Shell di web langganan gw gak ada ternyata, akhirnya searching via google dapet juga alternatifnya di web ryuukoi.web.id dan bakadame.org, dan ternyata ini anime bagus, rating diatas 7.5 dan udah lama juga dan berseries, hems, dimulai dari tahun 1995 - 2015, diantaranya:

Ghost in the Shell (1995) 📥
Ghost in the Shell 2.0 (Remake GITS 1 - Produksi 2008) 📥
Ghost in the Shell 2: Innocence 📥
Ghost in the Shell: Stand Alone Complex 📥
Ghost in the Shell: Stand Alone Complex 2nd GIG 📥
Ghost in the Shell: Arise – Border:1 Ghost Pain 📥
Ghost in the Shell: Arise – Border:2 Ghost Whispers 📥
Ghost in the Shell: Arise – Border:3 Ghost Tears 📥
Ghost in the Shell: Arise – Border:4 Ghost Stands Alone 📥
Ghost in the Shell Arise Alternative Architecture 📥
Ghost in the Shell (2015) 📥

Genrenya keren juga: Action, Mecha, Military, Police, Sci-Fi

Have a nice day!

Belajar ReactJS oleh Davidceddia

desta@rspersahabatan.co.id — Thu, 28 May 2020 13:00:00 GMT

Bismillah...

Kebetulan lagi baca buku penulis Davidceddia tentang PureReact, ya sekalian aja gw jadiin postingan, soalnya ada project sederhana yang bisa gw share dan gw sembari belajar juga, dengan konsep ATM (Amati-Tiru-Modifikasi) dan hasil ketikannya gw taro dihalaman ini

https://github.com/topidesta/purereact

Baiklah, lanjut ya, ada catatan dari om david, ketika membuat sebuah komponen buat 4 langkah sederhana, yaitu

Buat sebuah sketsa (gw gunakan balsamiq mockup)
Membagi sketsa tersebut ke komponen
Tambahkan nama untuk setiap komponen
Baru tulis ke kode!

✔️Komponen Twitter

Baiklah, project pertama yaitu pembuatan komponen twitter

1. Buat sebuah sketas dahulu

2. Bagi-bagi sketsa dengan pewarnaan

3. Kita berikan nama setiap komponen

Setiap nama akan menjadi komponen, dan A Web Page akan menjadi parent component dari semuanya, terdiri dari:

A Web Page
- Avatar
- Author
- Time
- Message
- ReplyButton
- RetweetButton
- LikeButton
- MoreOptionButton

Lanjut kita bangun masuk fase ke-4.

4. Mulai Koding!

Kita bisa menentukan tehnik, (Top - Down) atau (Bottom - Up)

Misalkan kita buat dari Top ke Down, #1: Buat komponen Web Page, lalu buat komponen children, seperti avatar, author, time dan seterusnya.

Misalkan kita buat dari Bottom ke Up, #2: Buat komponen avatar, author, time dan digabungkan, dicek lalu gabung dengan komponen Web Page.

Untuk hirarki yang sederhana, mana aja sih bisa, tapi kalo yang ruwet bisa dimulai dari bawah, buat dari yang terkecil lalu bungkus dan gabungkan dengan komponen lainnya dan juga mempermudah ujicoba dengan tools Jest dan Enzyme.

Untuk source ada di branch tweet:

https://github.com/topidesta/purereact/tree/tweet

✔️Komponen List Github

Baiklah, Contoh dari Project Twitter kita melakukan 4 langkah, diantaranya:

Mulai dengan Skema/ Sketsa/ Mockup
Bagi kebeberapa bagian komponen
Beri nama komponen tersebut
Mulai bangun!

Kurang lebih tampilannya (mockup) akan seperti dibawah ini

Selanjut kita bagi kebeberapa bagian, seperti ini

Selanjutnya kita berinama dalam bentuk hirariki (top-to-down)

fileList
- fileListItem
  - fileName
    - fileIcon
  - commitMessage
  - Time

Penjelasan:

fileList akan mengambil sebuah prop dari sebuah objek array.
fileListItem akan mengambil sebuah objek tunggal sebagai prop file, yang punya nama, tipe, commit, dan modifikasi terakhir.
fileName akan mengambil sebuah objek file dan diharapkan memiliki sebuah properti nama.
fileIcon akan mengambil sebuah objek menggunakan properti type dimana akan dimunculkan sebuah icon.
commitMessage akan menambilkan sebuah objek pesan commit dan diharapkakn memiliki sebuah properti pesan.
Time akan menjadi sebuah string, dimana akan digunakan berulangkali disetiap komponen.

Untuk Project dasar, copy-paste, file index.html di branch twitter untuk setup awal dengan Font Awesome dan sekaligus ubah nama <title> atau terserah anda deh.

Untuk source ada di branch github:

https://github.com/topidesta/purereact/tree/github

Sebelum masuk ke Komponen Shooping, Om David memberikan sedikit tugas (latihan) tambahan, semuanya sama seperti kode sebelumnya, hems... menarik. Untuk melihatnya bisa akses di halaman ini:

https://github.com/topidesta/purereact/tree/latihan

Silahkan buka foldernya, karena masing masing sudah berdasarkan project latihan tambahan.

❌Komponen Shooping

TOOLS:

VSCodium
Balsamiq Mockup Desktop
GIMP

Dashboard Template with ReactJS Support

desta@rspersahabatan.co.id — Tue, 19 May 2020 05:00:00 GMT

Bismillah...

Berikut ini daftar Template Gratis untuk React Developer gw dapet dari Github, lumayan bisa dimanfaatkan disetiap Project, Jangan Pernah Menghapus COPYRIGHT kalo mau dihapus, beli/ hubungi authornya. OKE!

Bonus

Have a nice day!

Upgrade Package NodeJS di Github

desta@rspersahabatan.co.id — Sun, 03 May 2020 09:00:00 GMT

Bismillah...

Kebetulan kita project belajar gw ada notif error getu, kayak gini:

Alhasil kita harus install ulang modules yang di node, disini gw pake yarn sebagai package manager.

rm -rf node_modules .yarn-lock

Kalo udah, install deh dengan perintah yarn -i

Done!

Simple kan.

SOURCE

Konsep Belajar "ATM"

desta@rspersahabatan.co.id — Thu, 23 Apr 2020 09:00:00 GMT

Bismillah...

Buat yang sering baca blog gw mungkin udah tau, gw cuman developer abal-abal .. jadi cara belajar gw bukan menaiki tangga, tapi menuruni tangga. Gw belajar dari Kodingan Orang, saat skripsi (waktu kuliah) gw belajar PHP dengan lebih dahulu belajar manual book Codeigniter dan bongkar codingan/ tutorial codeigniter diblog atau di github, kalo gak tau cari manual book di php atau googling, intinya gw mau tau logic alur proses, dan boom, gw bisa ikutin pola itu, yaps, pertama gw amati, gw tiru, gw ubah sesuai kebutuhan gw.

Saat belajar ReactJS pun sama, kebetulan gw pengen buat aplikasi pencarian dokter, kebetulan gw udah buat backend, yang sebelumnya backend gw ada yang bikin sql injection alhasil bikin server lemot dan sekarang udah gw buat authenticaton header setiap akses endpoint api backend.

Karena konsep belajar gw itu ATM jadi gak ada yang istimewa, apa bisa dibilang plagiator? ya bisa juga, jika gw publish aplikasi gw hanya pada tahap tiru dan tidak merubah, ouh iya, meski dirubah, kadang kalo aplikasi tersebut memiliki semacam LICENSE gw ikuti, minimal menambahkan link aselinya. :)

Biasanya sumber sourcecode TIRU dari Github atau nulled source code ... gw amati, tiru, lalu MODIFIKASI dengan style coding gw, terus kalo mau pake FULL sourcecode nullednya, YA BELI LAH!!... Alhamdulillah, setiap Goal Project gw selalu order Sourcecode yang gw Tiru di Themeforest. Karena Prinsip gw BERBAGI REZEKI .. hehe.

more info 👉 Klik https://topidesta.my.id/projek

Have a nice day!

Dana Tiket KAI 100% Kembali

desta@rspersahabatan.co.id — Sat, 28 Mar 2020 10:00:00 GMT

bismillah

Kebetulan baca berita online danjuga dikasih tau Istri, bahwa Tiket Mudik bisa dikembalikan full 100% tanpa potongan 25% seperti biasa, alhasil gw cari info dan langsung hubungi KAI untuk cari kebenarannya, gw coba email ke alamat ini cs@kai.id Pada tgl 25 Maret 2020 dan dibalas kembali pada tanggal 28 Maret 2020 dengan email pengirim kontak_pelanggan@kai.id, berikut isinya:

Dear,

Bukankah pembatalan di masa pandemi corona tidak ada potongan sebesar 25%?

Mohon kejelasan informasi.

itu gw kirim ke cs@kai.id, dan dapat balasan seperti ini:

Yth. Bapak Muchamad,

Terima kasih atas pertanyaan yang Bapak Muchamad sampaikan. Terhitung sejak tanggal 23 Maret 2020, tiket untuk keberangkatan 23 Maret-29 Mei 2020 jika dibatalkan maka dana akan dikembalikan 100%.

Untuk proses pembatalan tiket dapat dilakukan di stasiun online (stasiun yang melayani proses pembatalan tiket) paling lambat 1 jam sebelum keberangkatan kereta dengan membawa bukti tiket asli, identitas asli dan fotokopi identitas penumpang. Berikut langkah-langkahnya:

• Prosesnya dilakukan di stasiun online yang melayani pembatalan, paling lambat 1 jam sebelum keberangkatan sudah ada di depan loket.
• Mengisi formulir pembatalan.
• Melampirkan identitas asli, fotokopi identitas dan tiket/boarding pass asli.
• Untuk pembatalan yang dilakukan jauh-jauh hari (di luar batas 7x24 jam sebelum keberangkatan) yang dilakukan di stasiun yang sudah memiliki mesin CIC (Check In Counter) maka tidak perlu melampirkan tiket fisik. Cukup langsung ke loket pembatalan melampirkan identitas asli, fotokopi identitas dan kode booking.
• Apabila diwakilkan maka melampirkan surat kuasa bermaterai dari pemilik tiket kepada pemohon untuk melakukan pembatalan tiket beserta fotokopi bukti identitas pemberi kuasa dan yang dikuasakan.
• Jika pemohon pembatalan adalah turis asing maka yang dilampirkan adalah paspor dengan nama yang tertera pada tiket (pengembalian dana langsung secara tunai).
• Jika tiket yang dibatalkan lebih dari satu penumpang namun dengan kode booking yang sama, maka fotokopi bukti identitas dan surat kuasa yang dilampirkan cukup salah satu dari penumpang dimaksud. Jika masih dalam 1 kode booking dan yang bersangkutan juga batal berangkat, maka tidak perlu surat kuasa. Apabila yang hendak membatalkan tetap berangkat walaupun dalam 1 kode booking maka harus dilengkapi surat kuasa.
• Apabila memilih cara tunai untuk pengembalian uang pembatalan tiket, maka di tanggal yang sudah ditentukan penumpang mengambil uangnya ke loket yang sudah ditentukan (seperti yang tertera di formulir pembatalan). Jika diwakilkan silakan membawa surat kuasa bermaterai 6000, formulir pembatalan, fotokopi identitas dan identitas asli atas nama penumpang yang dibatalkan tiketnya.
• Refund secara tunai akan memerlukan waktu 30 hari terhitung setelah tanggal pembatalan.
• Apabila memilih refund secara transfer, mohon membawa atau mencantumkan nomor rekening dan nomor telepon yang dapat dihubungi. Untuk proses pengembalian dana secara transfer akan membutuhkan waktu 30-45 hari.
• Sejak tanggal 01 Juli 2016, pengembalian bea tiket yang dibatalkan secara transfer, ditetapkan rekening bank yang dapat digunakan adalah Bank Mandiri, BRI, BCA, BNI, CIMB Niaga.

Silakan Bapak sebutkan ingin melakukan pembatalan tiket di stasiun mana, agar dapat kami informasikan jam operasional loketnya.

Untuk alternatif lain, pembatalan juga dapat dilakukan melalui aplikasi KAI Access. Berikut langkah-langkah pembatalan melalui aplikasi KAI Access:


• Nomor identitas pengguna yang melakukan login harus termasuk dalam data penumpang pada kode booking yang akan dibatalkan. Nomor identitas pengguna juga harus sama dengan yang ada di dalam tiket.

• Dapat dilakukan paling lambat 3 jam sebelum jadwal keberangkatan kereta. Untuk sistem operasi Android adalah versi 4.3.0 dan setelahnya. Untuk sistem operasi iOS adalah versi 25.0 dan setelahnya. Kode booking yang dimiliki harus berstatus "Paid", serta belum dicetak sebagai boarding pass. Jika kurang dari 24 jam maka proses pembatalan hanya dapat dilakukan di loket stasiun online.

• Status pemesanan telah lunas dibayarkan.

• Pada halaman utama KAI Access pilih menu "Tiket/My Ticket" atau "Pembatalan/Cancellation".

• Jika sudah memilih menu "Tiket/My Ticket" atau "Pembatalan/Cancellation" silahkan pilih kode booking yang akan dilakukan pembatalan.

• Pada tampilan E-Ticket pilih nama yang akan dilakukan proses pembatalan, dengan mencentang kolom yang ada pada samping kanan nama penumpang lalu pilih "Pembatalan/Cancellation".

• Pada halaman pembatalan, beri tanda centang untuk penumpang yang akan dibatalkan, lalu isi data:

- Bank Account Name diisi dengan nama pemilik rekening.

- Bank Account Number diisi dengan nomor rekening.

- Penumpang dapat memilih salah satu dari 5 bank yang melayani refund yaitu: Bank Mandiri, BNI, BRI, BCA, dan CIMB Niaga. Klik kolom persetujuan untuk melanjutkan transaksi lalu klik "Lanjut/Next".

• Pada halaman konfirmasi pembatalan akan muncul data perjalanan, akun bank yang digunakan untuk proses refund, serta jumlah pengembalian dana refund. Jika sudah sesuai semua, klik "Batalkan Tiket/Cancel Ticket".

• Proses pembatalan berhasil dilakukan dan pemesanan akan masuk ke menu Histori.

• Untuk pengembalian dana refund secara transfer akan memerlukan waktu 30-45 hari. Silakan menunggu hingga jangka waktu tersebut, jika setelah 45 hari dana belum diterima silakan konfirmasi kembali kepada kami. Apabila refund telah dilakukan transfer, maka akan ada SMS ke nomor handphone yang dicantumkan saat proses pembatalan.

Demikian kami sampaikan. Apabila Bapak Muchamad masih membutuhkan informasi atau memiliki saran, keluhan mengenai layanan PT. KAI, Bapak dapat menghubungi Contact Center 121 (layanan 24 jam) di nomor telepon 121/021-121 atau email ke kontak_pelanggan@kereta-api.co.id, akun Twitter: @kai121 dan Facebook: KAI121. Atas kerja sama yang baik kami ucapkan terima kasih.


"Anda adalah Prioritas Kami"

Salam Hormat,

Customer Relation & Digital Community 121

PT Kereta Api Indonesia (Persero)

Telepon : 121 / +6221-121

KAI121 | @KAI121 | www.kereta-api.co.id

itu pengirimnya kontak_pelanggan@kai.id

Tunggu, ada point yang utama agar dapat 100% FULL, diantaranya:

23 Maret-29 Mei 2020 Itu Range Tanggal Tiket Keberangkatan yang bakal REFUND FULL 100%
Prosesnya Wajib Dateng Ke Loket Pembatalan (Di Stasiun Gambir Tersedia). 😪😪😪
Tersedia Pengembalian Tunai, lebih cepat, 30 HARI saja, Jika Transfer 30-45 HARI.
Alternatif Retrun Melalui Aplikasi KAI Access.

Ohya, untuk melalui aplikasi KAI masih ada catatan 25% potongan, jadi gw masih confirmasi dulu ke mereka, karena kalo melalui Loket Pengembalian di Gambir, gw ngeri ngeri sedap dengan Pandemi Covid19 ini.

UPDATE

Yes, Ternyata 25% adalah perubahan Jadwal, sedangkan di TOS Syarat dan ketentuan pembatalan daring dijelaskan dan sudah tertulis, jadi FULL 100% gw terima, kurang lebih 30-45 hari kerja, dengan katalain 2bulan kemudian.

Ini bukti pembatalannya: :) :) :)

Have a nice day!

Membagi Komponen Pencarian Dokter

desta@rspersahabatan.co.id — Wed, 25 Mar 2020 10:00:00 GMT

bismillah

Kebetulan lagi melanjutkan Project yang senpet tertunda, belajar ReactJS selama 30 hari, ya itu hasil translate manual gw sendiri, sekalian gw juga belajar, sebelumnya gw tulis dengan format doc/ dokumen word, tapi kurang sreg, akhirnya gw pake tools dokumentasi docusaurus, bisa diakses dihalaman ini: 30 Hari Belajar ReactJS.

Pas dihari ke-4, ada pembahasan mengenai komponen parent dan komponen child kebetulan di mockup pencarian dokter, belum gw bahas hehehe. ya kesempatan deh gw bisa bahas, kalo mau liat postingannya silahkan cek postingan mockup-design-aplikasi-pencarian-dokter

Postingan kali ini kita fokus untuk membagi bagi komponen-komponennya, pada halaman depan misalkan, bisa kita pecah komponen child menjadi 5, sebagi berikut:

UPDATE

Penjelasan: TODO :P

Website Penyedia Kerjaan Remote

desta@rspersahabatan.co.id — Wed, 18 Mar 2020 10:00:00 GMT

Bismillah

Lagi tren neh, kerja dirumah haha.. gegara si Corona, padahal di dunia perkodingan udah ada, yang penting mah ada kekuatan nepotisme haha .. Project 2m (Makasih-Mas). Skip, selain kekuatan nepotisme juga kekuatan menjual diri, baik dari sosial media, facebook, twitter, instagram atau linkedin juga gak kalah penting.

Berikut ini web yang memberikan informasi perusahaan yang menerima kerja remote (working from home) yang kurang lebih belum gw coba, mayan buat catatan pribadi gw aja dulu, sumber dari group fesbuk:

https://www.facebook.com/groups/webdesignindo/permalink/2964513876976365/ http://go.topidesta.my.id/remote-job

Nah lo, luar negeri semua ... hoho ... nice ... ntr kita coba cari tau, responsibility dan requiredment setiap kerjaan remote, kebetulan gw sendiri nyari remote untuk Admin Server (Setup dengan aaPanel), Codeigniter, Go-Lang dan React/ NextJS.

have a nice day!

Upgrade Docusaurus Manual Book Prima

desta@rspersahabatan.co.id — Sat, 07 Mar 2020 11:00:00 GMT

bismillah

Tutorialnya ada dihalaman ini:

https://v2.docusaurus.io/docs/migrating-from-v1-to-v2/

sebetulnya mager kalo upgrade, karena banyak config yang akan diubah .. hehe .. mungkin nanti di repository (maaf diprivate sourcecodenya), akan dibuat branch-versi-2 biar gampang handle.

Kebetulan searching online, pake Algolia, nah karena kebutuhan aplikasi untuk kalangan tersendiri, jadi pencarian dilocal server, menggunakan library lunr.js dan kebetulan beberapa source di github sudah ada yang implementasi, yahoooo ... jadi gak banyak oprek, berikut linknya:

gw mau coba 1-1, tapi sebelum nyoba, sesuai judul, sedang proses upgrade dokumentasi prima dari versi 1 ke versi 2.

Have a nice day!

Fetch Data di ReactJS

desta@rspersahabatan.co.id — Wed, 26 Feb 2020 13:40:00 GMT

bismillah

Lagi ikutin tutorial copy paste untuk aplikasi pencarian dokter, mentog di hooks lifecycle method, yang dahulu pernah gw bahas, ada di sini: ajax-request-di-react-lifecycle-event dan seketika dikenalkan dengan hooks, ada dihalaman ini: https://reactjs.org/docs/hooks-effect.html, langsung ajah kita coba okeh, source uji coba ada dihalaman ini:

https://github.com/mdestafadilah/contohreacthooks

pembahasan master ada di halaman ini: https://medium.com/@ri7nz/3-cara-fetch-data-di-reactjs-aaa064ccf5e9

disini gw cuman mau bahasa sebagai noobitol, pemula, meski sudah tua. hehe.

dalam uji coba tersebut, kita dikenalkan dengan merubah suatu DOM dengan render ulang (re-render), kalo dihooks dikenal dengan useEffect kalo yang umum itu lifecycles method (componentDidMount,componentDidUpdate) jika tanpa hooks kita merubah dengan state/ data ke DOM tanpa render ulang.

kalo pake hooks jadi lemot dong? ups, ya kagak lah ... bukan render halaman website secara utuh, hanya logical data aja, dan tidak ada pengulangan fetch data disetiap komponen, di project react-movie sudah ada, jadi cukup 1 komponen untuk 1 kebutuhan, dan seterusnya. inget, state itu sifatnya local, bukan global loh. #koreksikalogwsalah

ini dia perbedaan lifecycle nya:

terlihat kan, kalo hooks itu re-render dari DOM, sedangkan tanpa hooks, merubah state yang sama.

bingung ya? gw jg bingung jelasinnya... hehe.

~ todo: https://www.robinwieruch.de/react-fetching-data ~

Have a nice day!

Mockup Design Aplikasi Pencarian Dokter

desta@rspersahabatan.co.id — Sat, 22 Feb 2020 13:40:00 GMT

bismillah

Langsung aja ini adalah mockup atau design dari aplikasi yang akan gw kembangkan, yang sudah running dihalaman ini cuman kurang puas getu, dari sisi frontend ataupun backend ya, karena dikembangkan dengan butuh cepet, alhasil gw kembangkan sesuai template yang sudah dibeli.

Dipostingan lainnya akan gw jelaskan juga dari sisi backend API/ REST data dari aplikasi PRIMA, karena yang sekarang belum bisa sharing api/ rest, kudu pake password dan username basic, next implementasi JWT sebagai authnyah dari sisi backend.

Kembali lagi ke postingan kali ini, ini dia 3 design utama, ups... gw nyontek ini hehe dari beberapa project react-movie yang pernah gw bahas, baiklah berikut ini 3 designnyah:

Antarmuka
Hasil Pencarian
Detail pencarian

Emang sih sederhana, setidaknya gw berusaha membuat sebuah aplikasi berkualitas, aplikasi yang kedepannya mudah dikembangkan, dimana sourcecode bahkan designpun bisa diubah tidak terlalu rumit, dimana kalo ada programmer selain gw, mudah untuk handle, tidak kebingungan.

Oyah, silahkan comot file mockupnya, gw pake balsamiq mockup. ini filenya:

https://share.getcloudapp.com/NQuZAp96

UPDATE

Kurang puas dengan tampilan diatas akhirnya gw coba mockup ulang, dengan sedikit nyontek hehe ... berikut ini tampilannya.

Antarmuka
Hasil Pencarian
Detail pencarian

Seperti biasa, kalo ada yang mau, file mockupnya, comot ajah, geratis, bebas lu mau pake apa kagak:

https://share.getcloudapp.com/RBuvvlwA

Have a nice day!

React Parcel Bundler dan Netlify

desta@rspersahabatan.co.id — Fri, 21 Feb 2020 06:40:00 GMT

bismillah

Sebelumnya pengen pake create-react-app untuk project pencarian dokter dengan reactJS, tapi kok ya kayak berat ya, pas perintah build atau development, seperti yarn start ataupun yarn build. Akhirnya cari via google alternatif webpack, dapet deh beberapa diantaranya yang rekomended itu Parcel bundler, banyak di Github yang udah ready-to-production structure folder untuk development react. hanya saja disini gw ikut meramaikan, hehe, silahkan ke halaman ini:

https://github.com/mdestafadilah/react-parcel

itu udah ready to-go, termasuk running di netlify :) :) :).

Ups, ada settingan khusus dinetlify berikut ini settingannya:

Masuk ke Site Settings
Pilih Build & Deploy
Edit Publish directory, defaultnya adalah build ganti menjadi dist
done.

Haha ... sekian alternatif yang bisa di implementasikan!

have a nice day!

React Movie di Github Siap Dibedah!

desta@rspersahabatan.co.id — Mon, 17 Feb 2020 08:40:00 GMT

bismillah

Ini terkait postingan sebelumnya disini: movie react dan karena otak gw terbatas, hanya bisa ATM (Amati, Tiru, Modifikasi), tahap sekarang masih gw TIRU, berikut ini list source movie react yang gw coba tiru dan pelajari lalu modifikasi :) :P:

Web base

https://github.com/topidesta/react-movie-searcher
https://github.com/topidesta/movieapp
https://github.com/topidesta/ReactMovieDB (mirip dengan Tuturial Di Skillshare)
https://github.com/topidesta/movie-searcher (parcel bundler)
https://github.com/topidesta/MovoDB
https://github.com/topidesta/react-movie-list
https://github.com/topidesta/react-movie-app
https://github.com/topidesta/movie-library-react (design simple bagus!)
https://github.com/topidesta/sweet-movie-app (ada error kalo pake yarn)
https://github.com/topidesta/watchlist (harus login/ daftar ke TMBD)
https://github.com/topidesta/react_movie_app
https://github.com/topidesta/Movie-Bear
https://github.com/topidesta/sampleMovieList
https://github.com/topidesta/reactMovies (desing simple juga, bagus!)
https://github.com/topidesta/react-imdb

Native base

Done. ups, banyak juga ya? hehe. namanya juga copy-paste untuk baca logicnya, postingan selanjutnya bisa jadi gw bedah secara detail, dan kebetulan udah gw fork, jd bebas kita custome. :)

have a nice day!

Project React Movie dari SkillShare.com

desta@rspersahabatan.co.id — Fri, 14 Feb 2020 14:40:00 GMT

bismillah

Langsung ajah ini alamatnya:

https://www.skillshare.com/classes/Beginner-React-Movie-App-Hooks-API-and-Styled-Components-2019/1385179036

dan gw masih proses ikutin tutorialnya, lumayan, meski penjelasannya bukan level noob/ basic banget, lebih ke intermediet, alhamdulillah masih bisa gw ikutin, karena sebelumnya gw ikut tutorial di Lynda.com ... became react js developer jadi sedikit faham, kurang lebih syntact ES2016 script, dan beberapa logic script yang dividio skillshare.

Setiap Progres gw upload di Github pribadi, bisa diakses dihalaman ini: https://github.com/mdestafadilah/react-movie

Dan, lagi lagi ... gw kudu belajar dari script orang juga ... dulu belajar PHP/ Codeigniter, eh sekarang belajar JavaScript/ React, kudu dari script orang juga ;( ;( emang sih nantinya gw punya logic sendiri, cuman, gak pro banget kayaknya haha, gpp lah yang menting gw usaha dan baca dokumentasi juga, bismillah paksakan ...

Oya, karena tipe belajar gw ATM (Amati, Tiru, Modifikasi) akhirnya 2 website kadang jadi rujukan buat pencarian di mesin pencari gugel ..

dan, pada saat ikutin tutorial di skillshare pun, tak luput gw cari tau dengan keyword react-movie, bum ... hasilnya menakjubkan, ada 6.811 project!, banyak programmer dibelahaan dunia lainpun yang bikin project sama, jadi ATM gw otomatis bekerja, hehe.

https://github.com/search?o=desc&p=1&q=react-movie&s=stars&type=Repositories

Postingan lain mungkin gw bakal bahas, project di github yang membuat project pencarian film dengan teknik webbase ataupun nativebase, gw udah list tinggal coba atu atu, gw tiru, modifikasi, comot sana comot sini, buat project gw selanjutnya. masih rahasia. hehe

sekian, have a nice day!

Belajar Hook di React Pondasi FLUX

desta@rspersahabatan.co.id — Mon, 10 Feb 2020 03:40:00 GMT

bismillah

Karena gw tipe belajar yang lama, lama pahamin gampang melupakan, jadi lagi belajar di Lynda.com, Became React.JS Developer dapat materi tentang REDUX, gw skip dulu.

Gw pengen belajar dasar dulu, redux udah level advanced level kebutuhan aplikasinya beda, jadi redux itu semacam implementasi dari arsitektur FLUX, FLUX sendiri dikembangkan oleh Tim Fesbuk di React. sedangkan FLUX yang dipakai di React sendiri namanya HOOK, jadi keduanya adalah state management setiap komponen yang dibutuhkan, dan tergantung kebutuhan.

nah, karena gw subscribe beberapa video pembelajaran yang terbatas (ada waktu 2-3bulan), dapat pembahasan tentang hooks, sanpai pembuatan project realnya di skillshare.com diantaranya:

Ini hanya sebagai list pengingat ajah, kalo ada yang kebetulan sama lagi belajar, yuk sama sama belajar, yuk kita punya kemampuan frontend yang lebih baik, semoga pendapatan kita juga membaik.

Have A Nice Day!

#done

Trick Membuat Video Streaming Full HD

desta@rspersahabatan.co.id — Thu, 06 Feb 2020 03:40:00 GMT

bismillah

Pas lagi pengen belajar ya, sesuai dengan yang gw pengen, dan kebetulan dapet free premium, 2 bulan di skillshare.com eh pas streaming kualitasnya berasa file 3gp jaman kibenen...

dan ini connect ke laptop.

nah loh, apa yang mau lo liat? haha,akhirnya download 2 tools getFlv dan iStudio ... semua berbayar dan lagi lagi free cuman 1 menit, ah seteres, akhirnya coba deh koneksiin ke laptop, dan bisa ... ini trick simplenya

Search di windows connect
Aktifkan Tampilan Wi-Fi (Vivo F5 Plus)
Done

Simple, and Ready To Rock!

Website Persahabatan diHack

desta@rspersahabatan.co.id — Wed, 05 Feb 2020 08:40:00 GMT

bismillah

Lagi iseng pengen backup file website, tetiba muncul notif virus trojan oleh Antivirus ESET NOD32, kurang lebih ini file trojan yang sudah diupload di folder files

Keren kalian hacker bazingan ... 🤣🤣🤣. ~~Gw bukan hekel, jadi gak tau cara kerja bisa upload ini file~~, ada banyak cuy, hebat ... 👏🏻👏🏻👏🏻

Kurang lebih ini filenya:

Setelah dianalisa, ternyata folder files rwxrwxrwx ... OMG ... haha. dannn.... kelemahan dari KCFinder. :(

Nama Hackernya yang keren dan Ganteng.

Hacked By Tn.Angel
https://github.com/whoami-45
Mr.3L€NK ( RADEN KRAMAJAYA )
Tested By AzwarHensem
Hacked by Hentai Haxor
Pwnd By Nzul Xsexurity7
Kentoted By NzXsx7 feat Fake Friends
Hacked by ./AlfanXploit - Cowok Tersakiti Team
Powered By Indonesian Darknet
HACKED BY CH33KS
Deface By XRRXIY
Hacked By zorgon

Silahkan cari celah dan Panggung, cuman jika secara Resmi RSUP Persahabatan melaporkan kalian jangan pada Nangis ya.

Update

Setelah cek beberapa aplikasi ternyata upload hanya ada di folder files yang memang default 777 ... sekarang lagi bandingkan development dengan GatsbyJS atau BackdropCMS ... akhirnya pake GravCMS :), flatfile cms with php supports.

Untuk sekarang fungsi upload via cms di non-aktifkan. setiap yang mau isi content pake cms tapi kalo mau tambah foto atau file pdf, harus lewat win-scp.

Untuk yang mau file hacker yang terupload bisa cek di github ya:

https://github.com/rspersahabatan/hacker.git

Everything is done!

👌 👈 👌 👈 👌 👈

Dua Cara Binding Set State di React

desta@rspersahabatan.co.id — Sun, 02 Feb 2020 08:40:00 GMT

bismillah

Lagi ikutin langkah menjadi ReactJS developer dari Lynda.com, ini linknya: https://www.lynda.com/learning-paths/Web/become-a-react-developer

nah, dibagian tutorial bu ello React.js Essential Training section Using setState, ada 2 teknik untuk memaparkan lemparan data kalo direact disebut setstate, teknik #1

constructor(props){
    super(props)
    this.state = {
        open: false
    }
    // cara #1
    this.toggleOpenClosed = this.toggleOpenClosed.bind(this)
}

toggleOpenClosed = () => {
    this.setState( prevState => ({
        open: !prevState.open
    }))
}

Penjelasan singkat: sebuah object data open bernilai false, disimpan dikonstraktor, yang sifatnya global, dan dibuat fungsi onClick namanya toggleOpenClosed dengan menggunakan setState, dengan objek yang bernilai kebalikan dari false, berarti true, !prevState.open dah getu aja.

dan ini trick ke #2

state = { open: false }
toggleOpenClosed = () => {
    this.setState( prevState => ({
        open: !prevState.open
    }))
}

done. nah kan ada yang lebih simple.

Ajax Request di React - Lifecyle Event

desta@rspersahabatan.co.id — Sun, 19 Jan 2020 03:40:00 GMT

bismillah

Jika di Javascript kita mengenal Ajax request untuk menghandle tampilan data setelah ada permintaan, direact pun sama ada sendiri, dikenal dengan Lifecycle events, jika direact nampilin data dengan method Render(), hanya menampilkan ini belom request/ fetch data, nah method untuk request/ fetch data ini dikenal dengan lifecycle events, diantaranya:

componentDidMount() dipanggil saat komponen sudah dimasukkkan ke DOM
componenetWillMount() dipanggil sebelum komponene dihapus dari DOM
getDrivedStateFromProps() dipanggil saat komponen dipakai dan ketika ada props baru

ingat, method Render() hanya untuk menampilkan data, jangan sesekali menambahkan fungsi fetch data didalamnya!, gunakanlah componentDidMount() untuk menghandle fetch/ request data.

dah itu ajah, contohnya bisa cek disini: https://reactjs.org/docs/react-component.html

bonus:

sumber: http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

Balsamiq Keyboard Shortcut Di Windows

desta@rspersahabatan.co.id — Tue, 31 Dec 2019 16:40:00 GMT

bismillah

berikut ini syntact cepat untuk membuat design dengan balsamiq mockup ... ups, gw dapet dari tutorial yang gratis tapi lewat web resmi, ini buktinya:

https://www.skillshare.com/classes/Rapid-Wireframing-Finding-the-Right-Product-Design/1947996659/projects

berikut ini screenshoot cara pemanfaatan balsamiq dengan keyboard shortcut:

Membuat Frameborder/ Rectangle (R + Drag Mouse)
Membuat Menu/ Judul (Y + Drag Mouse)
Membuat Text Paragraf
Membuat Dummy Tet (Ketikkan lorem)
Transform Rectangle ke Icon Tertentu
Generate Button
Checkbox atau Uncheckbox
Buat Kolom dengan Comma

alhamdulillah, kelar juga perkenalan dengan balsamiq mockup ... seru juga ternyata ... haha, maaf video tutorialnya gak bisa di download meski ada terdownload, suara tak muncul, karena formatnya .ts pake vlc cuman gambar ajah.

have a nice day!

Cara Mengetest Madu Asli atau Palsu

desta@rspersahabatan.co.id — Mon, 30 Dec 2019 09:40:00 GMT

bismilllah

Lagi iseng liat pertanian, muncul diberanda cara mencari madu yang asli, ada berbagai cara diantaranya:

Periksa Label Pada saat pembelian periksa label dengan hati-hati. Jika Anda menemukan bahan-bahan tambahan, tidak usah membelinya. Jika Anda tak percaya, atau penjualnya tidak mencantumkan label, Anda bisa melakukan uji keaslian lainnya.

Uji Air Salah satu cara yang efektif untuk mengetahui bahwa madu Anda murni adalah dengan melakukan uji air. Tuangkan sesendok madu ke dalam segelas air. Jika madunya larut, madu itu berarti tidak murni karena ada kandungan air di dalamnya. Madu murni selalu berbentuk gumpalan ketika dituangkan ke dalam air.

Uji Api Hati-hati saat uji coba cara ini. Madu adalah objek yang mudah terbakar. Untuk membuktikan keaslian madu, Anda bisa mengambil lilin dan menempatkan madu pada sumbu. Sulutkan sumbu dengan api. Jika sumbu mulai menyala, maka madu murni. Jika tidak, berarti ada kandungan air dalam madu.

Uji Kertas Anda perlu kertas yang dapat mengisap cairan untuk melakukan uji ini. Tuangkan setetes madu di atasnya. Jika madunya tidak alami, kertas akan menyerap madu. Jika madunya murni, madu akan tetap berada di atas kertas. Ini adalah salah satu cara yang berguna untuk mengetahui bahwa madu Anda murni.

Uji Kain Tuangkan beberapa tetes madu pada kain. Madu murni akan diserap. Anda juga dapat membuktikan kemurnian dengan cara lain. Cuci bekas madu pada kain. Jika Anda tidak menemukan noda di atasnya, madu Anda murni.

Uji Alkohol Ambil proporsi yang sama madu dan alkohol dan tuangkan ke dalam gelas. Madu murni pasti akan membentuk gumpalan sementara madu yang tidak murni akan encer. Jika madu tidak murni Anda akan menemukan cairan putih seperti susu setelah percobaan.

Uji Panas Panas dapat membuat beracun. Meskipun tidak ada bukti ilmiah tentang itu. Coba panaskan madu sebentar. Madu murni akan membentuk karamel.

Uji Jam Kedengarannya sangat menarik, bukan? Sebenarnya, penelitian ini tidak ada hubungannya dengan jam. Tapi banyak orang percaya metode ini. Tenggelamkan sesendok madu ke dalam botol madu. Sekarang, angkat dan arahkan ke dalam wadah kosong. Biarkan madu menetes dari sendok. Jika madu jatuh searah jarum jam, madu dianggap murni.

Uji Roti Coba ini pada saat sarapan. Madu murni selalu membuat roti menjadi keras. Jika ada bahan lain di dalam madu, roti akan menjadi basah dan lembek. Hal ini terjadi karena kelembapan.

Uji Aroma Madu yang tidak murni baunya asam. Anda juga akan menemukan zat berbusa putih di dalamnya. Lebih baik untuk membuangnya segera. Madu murni memiliki aroma yang ringan dan halus yang menggoda hidung Anda.

Next kita coba sendiri ya, nanti gw share videonya, hehe. :)

source: https://youtu.be/-Owl7lY999o

Komponen dengan Fungsi atau Kelas

desta@rspersahabatan.co.id — Sun, 29 Dec 2019 20:40:00 GMT

bismillah

sekedar catatan lagi ya, hehe ... jadi di react sendiri di izinkan untuk menuliskan sebuah komponen dalam bentuk functional style atau class style, lanjutan dari penjelasan tutorial udacity, berikut ini contoh komponen class style.

/* CLASS STYLE */
class ListContacts extends Component {
    render() {
        // console.log('Props', this.props)
        return(
            <ol className='contact-list'>
                { this.props.contacts.map((contact) => (
                    <li key={contact.id} className="contact-list-item">
                        <div 
                            className="contact-avatar"
                            style={
                                {
                                    backgroundImage: `url(${contact.avatarURL})`
                                }
                            }>
                        </div>
                        <div className="contact-details">
                            <p>{contact.name}</p>
                            <p>{contact.handle}</p>
                        </div>
                        <button className="contact-remove">
                            Remove
                        </button>
                    </li>
                ))}
            </ol>
        );
    }
}

export default ListContacts

dan kalau function style kurang lebih macam ini:

/* FUNCTIOANAL STYLE */
function ListContacts(props) {
    return(
        <ol className='contact-list'>
            { props.contacts.map((contact) => (
                <li key={contact.id} className="contact-list-item">
                    <div 
                        className="contact-avatar"
                        style={
                            {
                                backgroundImage: `url(${contact.avatarURL})`
                            }
                        }>
                    </div>
                    <div className="contact-details">
                        <p>{contact.name}</p>
                        <p>{contact.handle}</p>
                    </div>
                    <button className="contact-remove">
                        Remove
                    </button>
                </li>
            ))}
        </ol>
    )
}

export default ListContacts

jadi apa bedanya, yaps, perbedaan ada pada pelemparan data, ketika dalam class style, sebuah data masih dalam state (otomatis binding) dengan memanfaatkan keyword global di javascript, yaitu this sedangkan dengan memanfaatkan function style, data harus ada variabel parameter untuk menampung lemparan data yang belom ter-state (belum binding), kurang lebih itu yang gw fahami.

bonus

class Email extends React.Component {
 render() {
   return (
     <div>
       {this.props.text}
     </div>
   );
 }
}

const Email = (props) => (
 <div>
   {props.text}
 </div>
);

have a nice day!

Sintak Sederhana Format JS dan JSX di React

desta@rspersahabatan.co.id — Sun, 29 Dec 2019 15:40:00 GMT

bismillah

sekedar catatan pribadi ajah, karena sebelumnya kita sudah bahas cara memecah sebuah object array di react, dengan declarative code, menggunakan fungsi map() dan filter(), berikut ini contoh pemanfaatannya, dalam format .js ataupun .jsx format.

const orang = [{ nama: "desta" }, { nama: "putri" }, { nama: "haikal" }];

/* FORMAT JS */
const element = React.createElement(
  "ol",
  null,
  orang.map(seorang =>
    React.createElement("li", { key: seorang.nama }, seorang.nama)
  )
);

const orangs = [{ nama: "desta" }, { nama: "putri" }, { nama: "haikal" }];

/* FORMAT JSX */
const element = <ol>
  {
    orangs.map((orang) => (
      <li>{orang.nama}</li>
    ))
  }
</ol>

/* DALAM FORMAT KOMPONEN TERSENDIRI */
class ContactList extends React.Component {
  render() {
    const orang = [{ nama: "desta" }, { nama: "putri" }, { nama: "haikal" }];

    return (
      <ol>
        {orang.map(orangs => (
          <li>{orangs.nama}</li>
        ))}
      </ol>
    );
  }
}

ReactDOM.render(<ContactList />, document.getElementById("root"));

resultnya sama seperti ini:

live version bisa dicek dihalaman ini: https://tpbt4.csb.app/

oke done, have a nice day!

Memanfaatkan Fungsi Map dan Filter Di Javascript

desta@rspersahabatan.co.id — Sun, 29 Dec 2019 13:40:00 GMT

bismillah

Sekarang masih fokus di Front End dengan reactJS, cuman beda source, sebelumnya di lynda.com nah karena pembahasan di lynda.com sedikit membosankan, coba cari Video Tutorial lainnya di Internet, Udacity NanoDegree V2.

Langsung aja ke sourcecode nyah yah

const people = ['Amanda', 'Farrin', 'Geoff', 'Karen', 'Richard', 'Tyler'];

kalo biasa kita memecahkan data dengan fungsi for dan if dengan vanillaJS sangat gampang, sekarang akan kita gunakan fungsi map() dan filter() untuk menggantikannya, karena di ReactJS akan lebih menggunakan itu ketimbang gaya lama.

jadi pada contoh kali ini kita akan share cara menggunakan 2 fungsi yang sudah mendukung ES6

sekarang kita akan bahas menggunakan fungsi for yang digantikan dengan fungsi .map(), kita tambahkan karakter !, berikut contohnya:


/* Menggunakan For untuk looping */
const excitedPeople = []
for (let i = 0; i < people.length; i++) {
 excitedPeople[i] = people[i] + '!'
}

/* Menggunakan Map() untuk looping */
const excitedPeople = people.map(name => name + '!')

// contoh: https://jsbin.com/nofelop/5/edit?js,console

oke lanjut kita akan coba dengan fungsi lainnya

/* Menggunakan If untuk mencari kondisi */
const excitedPeople = [];
const excitedPeopleLength = [];

for (let i = 0; i < people.length; i++) {
 excitedPeople[i] = people[i];
 excitedPeopleLength[i] = people[i].length;
 
  if(excitedPeopleLength[i] > 6){
    console.log(excitedPeople[i])
  }
}

/* Menggunakan Filter() untuk mencari kondisi */

const shortNames = people.filter( name => name.length > 6 );

nah, simple kan .. yah gw juga baru tau pas belajar reactJS ajah sih .. haha.

have a nice day!

React Native dengan Nox Emulator di Windows 10

desta@rspersahabatan.co.id — Mon, 09 Dec 2019 05:40:00 GMT

bismillah

Untuk yang baru pertama kali setup react-native silahkan ke halaman berikut ini:

http://go.topidesta.my.id/setup-rn-awal

kali ini sekedar catatan pribadi ajah, cara biar running emulator yang ringan, NOX Emulator termasuk ringan, dibanding dengan GenyMotion ya, nah karena sering muncul kalimat no devices detected .. akhirnya cari tau di google, terdampar dihalaman github, kurang lebih perintahnya seperti gambar ini:

pastikan liat log setelah perintah react-native run-android karena nanti akan muncul error yang akan tampil kurang lebih kayak gini:

solusinya buka SDK Manager (dalam hal ini, gw gak install Android Studio ya) dan install deh build tools 28.0.3, kelar.

running deh react native, ups, muncul error lagi kayak gini:

jangan panik, jalankan lagi ajah perintah koneksi ke nox, liat gambar pertama, perintahnya kurang lebih seperti ini:

nox_adb.exe connect 127.0.0.1:62001

eh muncul error

unable to connect to 127.0.0.1:62001: cannot connect to 127.0.0.1:62001: No connection could be made because th
e target machine actively refused it.

langsung ajah jalankan perintah dibawah ini...

nox_adb.exe kill-server
nox_adb.exe connect 127.0.0.1:5037

berikut ini gambarnya:

done, sekarang bisa pake nox emulator deh! :)

UPDATE

Kebetulan pas lagi pengen develop native react, tetiba nox emulator di windows 10 gw selalu bluescreen begitupula pake emulator dari android studio dan genymotion. Gw cari permasalahannya, karena install software tertentu, gw juga lupa. Akhirnya reset windows deh, eh kereset juga settingan native react dan beberapa tools lainnya.

Seperti biasa, gw ikutin langkah diatas seperti ini:

nox_adb.exe connect 127.0.0.1:62001

dan ternyata gak bisa langsung connect, gw lupa ada point tertentu untuk koneksikan nox dengan SDK android, gw baru engeh pas liat vidio ini: https://www.youtube.com/watch?v=_JJ-mxlTADc

sebelum itu hapus dulu semua sdk di foldernya, melalu SDK Manager atau kalo install android studio, kalo udah restart lalu buka lagi kalo muncul kayak gini:

itu harus download dulu file android.bat karena folder tools hilang ... download dulu sdk di google https://dl.google.com/android/repository/tools_r25.2.3-windows.zip, extract folder tools di folder sdk sebelumnya.

terus buka lagi deh SDK Managernya. lanjut ...

copy file adb.exe, AdbWinApi.dll, AdbWinUsbApi.dll copy-paste di folder bin nox terinstall, lalu rename adb.exe ke nox_adb.exe dan nox_adb dibackup/ rename nama lain.

Kalo sudah, buka nox emulator lalu koneksikan ke nox! Ups, di youtube atas dikasih trick biar gak ngetik ngetik, dibuat .bat file biar bisa dieksekusi windows 10, berikut scriptnya:

@echo off
PAUSE
C:
cd "C:\Program Files (x86)\Nox\bin"
nox_adb.exe connect 127.0.0.1:62001
@echo Port Emulator sudah diaktifkan
PAUSE
exit

buat yang mau filenya silahkan dicomot disini: https://cl.ly/d90053443bd9

Selesai, tunggu... ada error di gradle ...

OMG ... cobaaan apalagi ini, searching via gogel, akhirnya disuruh hapus folder cachenya dahulu, berikut contohnya:

@echo off
PAUSE
C:
cd "C:\Users\<NAMAUSER>\.gradle"
rmdir /s caches
@echo Berhasil Dihapus
PAUSE
exit

kalo udah lalu jalankan perintah react-native run-android di folder project native react, kurang lebih nanti akan download ulang, pastikan terkoneksi ke internet, seperti digambar ini:

ditunggu saja, tergantung kecepatan internet dan hardisk anda, karena banyak file yang didownload, jika sudah selesai maka akan muncul keterangan koneksi ke nox, seperti digambar ini:

Done! beneran selesai. Project native react sudah tampil di emulator nox!

FYI

Kalo suatu saat tidak bisa padahal sebelumnya bisa, COPY ULANG adb.exe (dari folder platform-tools) lalu rename jadi nox_adb.exe (di folder nox) dan pasti bisa lagi deh.

Mantap betul ...

sumber:

Command Not Found React Native Run Android

desta@rspersahabatan.co.id — Thu, 05 Dec 2019 05:40:00 GMT

bismillah

langsung sajah dah, tetiba perintah react-native run-android gw kagak bisa, command not found! apa karena gw ganti hdd ke ssd yak ... hems... padahal hanya drive selain C: .. yasudah, ini dia tricknya, install ulang lagi ajah module node js pake yarn package manager ya, ini perintahnya:

yarn global add expo-cli
yarn global add react-native-cli

pastikan buka CMD atau BASH terminal dalam posisi Run Administrator kalo udah ya restart atau log-out dulu, biar re-create index dl itu windows, inget ini bukan linux yak, hehe.

cek dengan perintah ini: react-native -v nanti akan muncul versi nyah.

Done, have a nice day!

source:

Contoh Surat Resmi Untuk Daftar Kerja di Pemerintahan atau Swasta

desta@rspersahabatan.co.id — Wed, 20 Nov 2019 08:40:00 GMT

Bismillah

Langsung ajah ini gw share surat resmi untuk mendaftar pekerjaan, baik pemerintahan atau swasta ya.

kalo mau file pdf nyah ini ya:

semoga bermangfaat ya.

Have a nice day!

Plugin VSCodium (VSCode Opensource) Editor di Windows

desta@rspersahabatan.co.id — Mon, 11 Nov 2019 08:40:00 GMT

Bismillah

Hari ini gw mau share plugin yang ada di editor ~~vscode~~, ups vscodium maksudnya hehe ... kebetulan ada beberapa plugin yang compitabel dengan vscodium, ada juga yang kgk, dan gw baru nemuin yang kagak compitabel, yaitu remote ssh, dalam penjelasan pluginnya kurang lebih seperti ini:

Telemetry
Visual Studio Code Remote - SSH and related extensions collect telemetry data to help us build a better experience working remotely from VS Code. We only collect data on which commands are executed. We do not collect any information about image names, paths, etc. The extension respects the telemetry.enableTelemetry setting which you can learn more about in the Visual Studio Code FAQ.

kurang lebih ini dia daftarnya:

Workspace Explorer
Prettier - Code Formatter
PHP InteliSense
php cs fixer
Material Icon Theme
Markdown Preview Enhanced
Nest Comments
Markdown All in One
GitDiffer
Git Diff and Merge Tool
Auto Rename Tag
Auto Complete Tag
Auto Close Tag
Auto Import - ES6 TS JSX TSX
EsLint
Git Lenst - Git Supercharged
React Native/ Reat/ Redux for Es6/ Es7
Reactjs code snippets
SSH FS
GO

Waduh banyak juga ternyata, tapi anehnya gak lemot gak kayak editor lainnya, sebelumya pake SublimeText sama Ecslipse ... tapi kok gak pas getu yah rasanya haha, akhirnya lumayan lama pake sublimetext, ketemu vscode beralih deh ke vscodium haha.

have a nice day!

Fungsi Untuk Mencari Kelipatan Bulan Setiap Tahun

desta@rspersahabatan.co.id — Wed, 30 Oct 2019 08:40:00 GMT

bismillah

Sekedar catatan pribadi aja sih yah, hehe ... kebetulan lagi buat laporan Grafik, dan beberapa pilihannya itu ada yang unik, yaitu mencari data pertriwulan, persemester, pertahun dan perbulan, tapi gak mau pake rentang bulan, misalkan kalo biasa bikin laporan kan gw pake rentang bulan, seperti gambar dibawah ini: Nah, gak masalah sih, bisa dihitung, asal baku pertriwulan itu dimulai dari Januari - Maret, bukan Febuari - April, ok Fix, bisa. nah langkah pertama buka google, haha ... cari deh keyword pake englsih .. "date range 3 month in php" ... pasti resultnya banyak dan bingung, neh gw kasih langsung ajah yah, fungsinya, bisa taro di helper (kalo pake Codeigniter).

// source: https://stackoverflow.com/a/7068745
// contoh: https://3v4l.org/6GWnC
if ( !function_exists('trisemester')) {
    function trisemester($apa) {

        $isiTri = [];

        // 1 Jan - 31 Maret
        if ($apa == '1') {
            $awal = '01-01-'.date('Y');
            $tri = mktime(0, 0, 0, date("1")+3, date("01"),date("Y"));

        // 1 April - 30 Juni
        }elseif ($apa == '2') {
            $awal = '01-04-'.date('Y');
            $tri = mktime(0, 0, 0, date("4")+3, date("01"),date("Y"));
        
        // 1 Juli - 30 September
        }elseif ($apa == '3') {
            $awal = '01-07-'.date('Y');
            $tri = mktime(0, 0, 0, date("7")+3, date("01"),date("Y"));
        
        // 1 Oktober - 31 Desember
        }elseif ($apa == '4') {
            $awal = '01-10-'.date('Y');
            $tri = mktime(0, 0, 0, date("10")+3, date("01"),date("Y"));

        // Semester 1, 1 Januari - 30 Juni
        }elseif ($apa == '5') {
            $awal = '01-01-'.date('Y');
            $tri = mktime(0, 0, 0, date("1")+6, date("01"),date("Y"));

        // Semester 1, 1 Juli - 31 Desember
        }elseif ($apa == '6') {
            $awal = '01-07-'.date('Y');
            $tri = mktime(0, 0, 0, date("7")+6, date("01"),date("Y"));

        // Setaon
        }elseif ($apa == '7') {
            $awal = '01-01-'.date('Y');
            $tri = mktime(0, 0, 0, date("1")+12, date("01"),date("Y"));
        }

        return $isiTri = array(
            'awal'  => $awal,
            'akhir' => gmdate("d-m-Y",$tri)
        );
    }
}

itu sekalian gw kasih source dari StackOverFlow nyah yah. oh iya bonus neh, ada satu lagi yang bikin fungsinya juga, ini dia.

// source: https://stackoverflow.com/a/24014541
if ( !function_exists('addMonths')) {
    function addMonths($months, DateTime $dateObject) {
        $next = new DateTime($dateObject->format('Y-m-d'));
        $next->modify('last day of +'.$months.' month');

        if($dateObject->format('d') > $next->format('d')) {
            return $dateObject->diff($next);
        } else {
            return new DateInterval('P'.$months.'M');
        }
    }
}

if ( !function_exists('endCycle')) {
    function endCycle($d1, $months) {
        $date = new DateTime($d1);

        // call second function to add the months
        $newDate = $date->add(addMonths($months, $date));

        // goes back 1 day from date, remove if you want same day of month
        $newDate->sub(new DateInterval('P1D')); 

        //formats final date to Y-m-d form
        $dateReturned = $newDate->format('Y-m-d'); 

        return $dateReturned;
    }
}

Keduanya sama saja, cuman yang gw butuh date yang sudah di definisikan, kalo yang kedua, kita bisa tentuin sendiri, triwulan itu dimulai dari mana, dah getu ajah, gak perlu lah yah dijelasin fungsinya, searching aja di dokumentasi php official ajah. sekian.

Have a nice day!

Cara Download File Di Pan Baidu Cina Dengan Web Downloader

desta@rspersahabatan.co.id — Tue, 15 Oct 2019 03:40:00 GMT

bismillah

Kebetulan gw pengen ikutin trick menjadikan dbeaver ee menjadi unlimited karena sekarang masih pake lisensi education, hanya 1 tahun, nah orang cina sono berhasil merubah menjadi tak terbatas, next gw akan coba ya, kalo sekarang fokus cara downloadnya ajah dulu, nah, ini trick bahasa cina ini dan diarahkan ke alamat baidu, okelah gw coba daftar, tricknya ada di youtube ternyata tak semudah itu ferguso! muncul notifikasi error ...

The system detects that the current account is registered through an illegal channel. For your account security, please use the formal channel to register.

Ok, cari digogel tricknya, secara ringkas, menggunakan

TamperMonkey
WebDownloader

dengan tampermonkey .. nothing works!

Akhirnya pakai cara ke-2, menggunakan jasa web-downloader, buatan orang rusia, alamatnya: https://speedbaidu.ru/enindex.php. kurang lebih langkahnya seperti digambar bawah ini:

Gratisnya sekali doang sayangnya, karena mereka juga sewa server dan membayar tim, dan file yang gw kirim ke mereka, ternyata salah ... sedih ... :(

UPDATE: mereka benar benar baik ... Tim speedbaidu telah mendownloadkan ulang file yang gw minta, alhamdulillah.

Buat temen temen yang punya dollar atau online payment ... silahkan donasi kemereka berapapun ... gw belum bisa karena memang gw gak punya dollar apalagi paypall.

akhirkata, ternyata daftar pan.baidu.com harus lewat speedy wifi id.

Have a nice day.

Penulisan Variabel di Go Lang

desta@rspersahabatan.co.id — Fri, 20 Sep 2019 03:40:00 GMT

Bismillah

Sekedar catatan dari belajar Golang, ada beberapa style penulisan variabel di golang, 1 baris atau lebih dari 1 baris. berikut ini contoh penulisan variabel

package main

func main() {
    // sintak penulisan variabel dengan banyak baris
    var john int // variabel john dengan tipe int nilai default 0
    var doe float64 // variabel doe dengan tipe float nilai default 0 
    var salah bool // varibel salah dengan tipe bool nilai default false atau 0
    var benar bool = true // variabel dengan tipe bool dan nilai true atau 1
    
    benar := true // sintak penulisan secara singkat, tipenya bool dengan nilai 1/ true

    // sintak penulisan variabel dengan banyak baris dalam 1 group
    var (
        john int
        doe float64
        salah bool 
    )
 
    // atau dengan cara lazzy, termalas ... hehe, 1 baris kelar
    var john, doe int // john dan doe pertipe integer

    namaDepan, namaBelakang := "John", "Doe" // deklarasi secara singkat otomatis bertipe string 

}

yaps, sesimple ituh ... semoga bermanfaat.

Have a nice day!

Activation Windows 10 Edu dengan KMS Server

desta@rspersahabatan.co.id — Thu, 19 Sep 2019 11:00:00 GMT

Bismillah

Sebetulnya ini catetan pribadi aja yah ... karena lagi belajar GoLang dan iseng cari tau apa itu Docker pas lagi install, lah ternyata minimum required itu "windows pro, education dan enterprise" sedangkan komputer kantor, pake lisensi home edition 😩

Akhirnya dipake deh, lisensi windows education gw (didapat dengan cara mendaftar di Universitas di Luar Negeri, ada banyak tutorialnya, ini cara Legal dan semoga berkah ... aamiin 😏), ternyata aktivasi gagal karena mendeteksi Hardware dengan Lisensi berbeda, maklum, lisensi sebelumnya itu Home Retailer karena gw pengen install itu docker, akhirnya terdampar dibeberapa vlog dan blog, kurang lebih isinya seperti dibawah ini:

@echo off
title Windows 10 ALL version activator&cls&echo ************************************&echo Supported products:&echo - Windows 10 Home&echo - Windows 10 Professional&echo - Windows 10 Enterprise, Enterprise LTSB&echo - Windows 10 Education&echo.&echo.&echo ************************************ &echo Windows 10 activation...
cscript //nologo c:\windows\system32\slmgr.vbs /ipk TX9XD-98N7V-6WMQ6-BX7FG-H8Q99 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk 3KHY7-WNT83-DGQKR-F7HPR-844BM >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk 7HNRX-D7KGG-3K4RQ-4WPJ4-YTDFH >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk PVMJN-6DFY6-9CCP6-7BKTT-D3WVR >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk MH37W-N47XK-V7XM9-C7227-GCQG9 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk NW6C2-QMPVW-D7KKK-3GKT6-VCFB2 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk 2WH4N-8QGBV-H22JP-CT43Q-MDWWJ >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk NPPR9-FWDCX-D2C8J-H872K-2YT43 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk DPH2V-TTNVB-4X9Q3-TJR4H-KHJW4 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk WNMTR-4C88C-JK8YV-HQ7T2-76DF9 >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ipk 2F77B-TNFGY-69QQF-B8YKP-D69TJ >nul
echo ************************************ &echo.&echo.&set i=1
:server
if %i%==1 set KMS_Sev=kms.shuax.com
if %i%==2 set KMS_Sev=NextLevel.uk.to
if %i%==3 set KMS_Sev=GuangPeng.uk.to
if %i%==4 set KMS_Sev=AlwaysSmile.uk.to
if %i%==5 set KMS_Sev=kms.chinancce.com
if %i%==6 exit
cscript //nologo c:\windows\system32\slmgr.vbs /skms %KMS_Sev% >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ato | find /i "successfully" && (echo.& echo ************************************ & echo. & choice /n /c YN /m "Do you want to restart your PC now [Y,N]?" & if errorlevel 2 exit) || (echo The connection to the server failed! Trying to connect to another one... & echo Please wait... & echo. & echo. & set /a i+=1 & goto server)
shutdown.exe /r /t 00

@echo off
title Activate Windows 10 ALL versions for FREE!&cls&echo ============================================================================&echo #Project: Activating Microsoft software products for FREE without software&echo ============================================================================&echo.&echo #Supported products:&echo - Windows 10 Home&echo - Windows 10 Home N&echo - Windows 10 Home Single Language&echo - Windows 10 Home Country Specific&echo - Windows 10 Professional&echo - Windows 10 Professional N&echo - Windows 10 Education N&echo - Windows 10 Education N&echo - Windows 10 Enterprise&echo - Windows 10 Enterprise N&echo - Windows 10 Enterprise LTSB&echo - Windows 10 Enterprise LTSB N&echo.&echo.&echo ============================================================================&echo Activating your Windows...&cscript //nologo slmgr.vbs /upk >nul&cscript //nologo slmgr.vbs /cpky >nul&wmic os | findstr /I "enterprise" >nul
if %errorlevel% EQU 0 (cscript //nologo slmgr.vbs /ipk NPPR9-FWDCX-D2C8J-H872K-2YT43 >nul&cscript //nologo slmgr.vbs /ipk DPH2V-TTNVB-4X9Q3-TJR4H-KHJW4 >nul&cscript //nologo slmgr.vbs /ipk WNMTR-4C88C-JK8YV-HQ7T2-76DF9 >nul&cscript //nologo slmgr.vbs /ipk 2F77B-TNFGY-69QQF-B8YKP-D69TJ >nul&cscript //nologo slmgr.vbs /ipk DCPHK-NFMTC-H88MJ-PFHPY-QJ4BJ >nul&cscript //nologo slmgr.vbs /ipk QFFDN-GRT3P-VKWWX-X7T3R-8B639 >nul) else wmic os | findstr /I "10 pro" >nul
if %errorlevel% EQU 0 (cscript //nologo slmgr.vbs /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX >nul&cscript //nologo slmgr.vbs /ipk MH37W-N47XK-V7XM9-C7227-GCQG9 >nul) else wmic os | findstr /I "home" >nul
if %errorlevel% EQU 0 (cscript //nologo slmgr.vbs /ipk TX9XD-98N7V-6WMQ6-BX7FG-H8Q99 >nul&cscript //nologo slmgr.vbs /ipk 3KHY7-WNT83-DGQKR-F7HPR-844BM >nul&cscript //nologo slmgr.vbs /ipk 7HNRX-D7KGG-3K4RQ-4WPJ4-YTDFH >nul&cscript //nologo slmgr.vbs /ipk PVMJN-6DFY6-9CCP6-7BKTT-D3WVR >nul) else (echo.)
set i=1
:server
if %i%==1 set KMS_Sev=kms7.MSGuides.com
if %i%==2 set KMS_Sev=kms8.MSGuides.com
if %i%==3 set KMS_Sev=kms9.MSGuides.com
if %i%==4 goto notsupported
cscript //nologo slmgr.vbs /skms %KMS_Sev% >nul&echo ============================================================================&echo.&echo.
cscript //nologo slmgr.vbs /ato | find /i "successfully" && (echo.&echo ============================================================================&echo.&echo #My official blog: MSGuides.com&echo.&echo #How it works: bit.ly/kms-server&echo.&echo #Please feel free to contact me at msguides.com@gmail.com if you have any questions or concerns.&echo.&echo #Please consider supporting this project: donate.msguides.com&echo #Your support is helping me keep my servers running everyday!&echo.&echo ============================================================================&choice /n /c YN /m "Would you like to visit my blog [Y,N]?" & if errorlevel 2 exit) || (echo The connection to my KMS server failed! Trying to connect to another one... & echo Please wait... & echo. & echo. & set /a i+=1 & goto server)
explorer "http://MSGuides.com"&goto halt
:notsupported
echo ============================================================================&echo.&echo Sorry! Your version is not supported.&echo.
:halt
pause >nul

Berdasarkan informasi yang gw dapet key diatas adalah key evaluate (180 hari), jadi nanti kudu generate ulang lagi, dan itu key ORIGINAL alias bukan bajakan, kenapa karena kita aktivasi langsung ke server KMS Microsoft melalui server yang ada di script diatas.

kalo gw pake yang ini:

@echo off
title Windows 10 ALL version activator&cls&echo ************************************&echo Supported products:&echo - Windows 10 Home&echo - Windows 10 Professional&echo - Windows 10 Enterprise, Enterprise LTSB&echo - Windows 10 Education&echo.&echo.&echo ************************************ &echo Windows 10 activation...
cscript //nologo c:\windows\system32\slmgr.vbs /ipk GW_GANTI_SAMA_KEY_EDU_GW >nul
echo ************************************ &echo.&echo.&set i=1
:server
if %i%==1 set KMS_Sev=kms.shuax.com
if %i%==2 set KMS_Sev=NextLevel.uk.to
if %i%==3 set KMS_Sev=GuangPeng.uk.to
if %i%==4 set KMS_Sev=AlwaysSmile.uk.to
if %i%==5 set KMS_Sev=kms.chinancce.com
if %i%==6 exit
cscript //nologo c:\windows\system32\slmgr.vbs /skms %KMS_Sev% >nul
cscript //nologo c:\windows\system32\slmgr.vbs /ato | find /i "successfully" && (echo.& echo ************************************ & echo. & choice /n /c YN /m "Do you want to restart your PC now [Y,N]?" & if errorlevel 2 exit) || (echo The connection to the server failed! Trying to connect to another one... & echo Please wait... & echo. & echo. & set /a i+=1 & goto server)
shutdown.exe /r /t 00

* CARA PAKAI

Copy & Paste Script diatas, simpan dengan nama activator.txt
Simpan dengan nama activator.cmd
Klik kanan run as administrator
Selesai.

dan sekarang lisensi ada 2 dikomputer gw, home retailer dan education hehe, dan bisa install Docker untuk belajar.

Have a nice Day!!

source:

dua Cara Rendering Data dengan setState ReactJS

desta@rspersahabatan.co.id — Wed, 18 Sep 2019 08:00:00 GMT

Bismillah

Langsung ke sourcecode js nya yah, ini adalah cara pertama melakukan setState() dimana kita melakukan binding terhadap fungsi addSideDish().


// komponen
const NowEating = props => <h1>{props.meal}</h1>

class Menu extends React.Component {
    constructor(props){
        super(props)
        this.state = {
            meal: "Roti"
        }
        this.addSideDish = this.addSideDish.bind(this)
    }

    // cara#1
    addSideDish() {
        this.setState({
            meal:"Roti dan Kopi"
        })
    }

    // cara#2
    addSideDish() {
        this.setState(prevState => {
            return { meal: `${prevState.meal} dan Kopi`}
        })
    }
    
    render(){
        return(
            <div>
                <NowEating meal={this.state.meal}/>
                {(this.state.meal === "Roti")
                    ? <button onClick={this.addSideDish}>Add side dish</button>
                    : null
                }
            </div>
        )
    }
}

ReactDOM.render(
    <Menu />,
    document.getElementById('root')
)

atau kita bisa membuatkan fungsi anonymouse ... source seperti ini:

// Komponen
const NowEating = props => <h1>{props.meal}</h1>

class Menu extends React.Component {

    state = { 
        meal: "Roti"
    }

    // membuat function anonimus
    addSideDish = () => {
        this.setState(prevState => {
            return { meal: `${prevState.meal} dan Kopi`}
        })
    }
    
    render(){
        return(
            <div>
                <NowEating meal={this.state.meal}/>
                {(this.state.meal === "Roti")
                    ? <button onClick={this.addSideDish}>Add side dish</button>
                    : null
                }
            </div>
        )
    }
}

ReactDOM.render(
    <Menu />,
    document.getElementById('root')
)

yaps kata mentor seterah dah pake teknik yang mana, karena semuanya bisa dilakukan ... have a nice day!

Rendering Arrays di React JS

desta@rspersahabatan.co.id — Tue, 17 Sep 2019 13:00:00 GMT

Bismillah

Lagi belajar ReactJS di Lynda.Com, kebetulan sekalian nyatet, sourcecode kurang lebih seperti ini:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://unpkg.com/@babel/standalone/babel.js"></script>
        <script src="https://unpkg.com/react/umd/react.development.js"></script>
        <script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
    </head>
    <div id="root"></div>
    <script type="text/babel">

    // Kita Akan Buat Komponen 'Greeting' dengan functional type ( => )
    const Greetings = () => {
        return [
            <li key="1">Hello</li>,
            <li key="2">John</li>,
            <li key="3">Doe</li>
        ]
    }

    // Rendering value dari komponen Greeting
    ReactDOM.render(
        <Greetings />,
        document.getElementById('root')
    )
    </script>
</html>

akan keluar output:

Hello
John
Doe

<!DOCTYPE html>
<html>
    <head>
        <script src="https://unpkg.com/@babel/standalone/babel.js"></script>
        <script src="https://unpkg.com/react/umd/react.development.js"></script>
        <script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
    </head>
    <div id="root"></div>
    <script type="text/babel">

    // buat array sederhana
    const data = [
        { greeting: "Hello", id: 1 },
        { greeting: "John Doe", id: 2 },
        { greeting: "Again", id: 3 }
    ]

    // komponen gretings
    const Greetings = ({ data }) => {
        return data.map(item => {
            return (
                <li key="{item.id}">{item.greeting}</li>
            )
        })
    }

    ReactDOM.render(
        // Passing Data array ke komponen
        <Greetings data={data} />,
        document.getElementById('root')
    )
    </script>
</html>

apa bedanya? silahkan analisa sendiri haha haha haha

have a nice day!

Bermain Konstanta di Golang

desta@rspersahabatan.co.id — Wed, 11 Sep 2019 08:00:00 GMT

Bismillah

kali ini gw akan coba bahas mendasar, penulisan konstanta (nilai tetap) pada golang .. ya sekedar catatan gw sendiri juga ya, berikut code go nyah.

package main

import (
	"fmt"
)

const Hello = "hello"
const World = "world"

func main() {
	fmt.Println(Hello, World)
}

Play groundnya klik, jadi pada fungsi diatas, kita akan menampilkan fungsi hello world dengan mendefinisikan nilai tetap Hello dan World.

senjata utama GO ialah, bisa penetapan nilai secara multiple, seperti code go dibawah ini:

package main

import (
	"fmt"
)

const Hello, World = "hello","world"

func main() {
	fmt.Println(Hello, World)
}

Play groundnya klik untuk beberapa orang akan menganggap ini terlalu beraturan, sulit untuk membacanya, makah bisa kita ubah menjadi ini:

package main

import (
	"fmt"
)

const (
    Hello = "hello"
    World = "world"
)

func main() {
	fmt.Println(Hello, World)
}

Play groundnya klik ups, ini tergantung kalian, style yang mana ... kondisikan saja lah yah, oh iya kita juga mendefinisikan keluaran dengan jenis tipe nyah dengan menambahkan %v semacam verb default (nilai bawaan), sumberya ini: package fmt, source go seperti ini:

package main

import (
	"fmt"
)

const (
    Hello = "hello"
    World = "world"
)

func main() {
	fmt.Printf("%v %v",Hello, World)
}

Play groundnya klik

done.

Have a nice day!

sumber: GoNotebook

Memahami Slice atau Array di Golang

desta@rspersahabatan.co.id — Thu, 29 Aug 2019 16:00:00 GMT

Bismillah

Langsung saja baca penjelasannya ya, konsepnya sama hanya beda gaya menjelaskannya. :)

atau kita sedikit bermain dengan playground ya ... kurang lebih seperti ini:


    // ke-1
    fmt.Println("\n###### Array ######\n")
    intArray := [5]int{1,2,3,4,5}   
    for index,element := range intArray{
        fmt.Println(index,"=>",element)
    }
     
    // ke-2
    fmt.Println("\n###### Slice ######\n")
    intSlice := make([]int,5)
    intSlice[0]=1
    intSlice[1]=2
    intSlice[2]=3
    intSlice[3]=4
    intSlice[4]=5
    for index,element := range intSlice{
        fmt.Println(index,"=>",element)
    }
     
    // ke-3
    fmt.Println("\n###### Map ######\n")
    intStrMap := make(map[string]int)
    intStrMap["A"]=0
    intStrMap["B"]=1
    intStrMap["C"]=2
    intStrMap["D"]=3
    intStrMap["E"]=4
    for index,element := range intStrMap{
        fmt.Println(index,"=>",element)
    }

oya, ini gw dapet dari halaman ini: Golang Programs

Ke #1

Kita akan mencoba modifikasi source ini:

    fmt.Print("\n###### Array ######\n")
    intArray := [5]int{1,2,3,4,5}   
    for index,element := range intArray{
        fmt.Println(index,"=>",element)
    }

    fmt.Print("\n###### Array ######\n")
    intArray := [4]int{1,2,3,4,5}   
    for index,element := range intArray{
        fmt.Println(index,"=>",element)
    }
    // output: ./prog.go:9:32: array index 4 out of bounds [0:4]

Menurut Mas Noval Agung, error itu karena kapasitas dari array adalah 4, sedangkan isi dari array itu berjumlah 5, bagaimana kalo di isi 6 ? silahkan cek playground ternyata tidak error, tetapi akan mengisi dengan nilai 0. Nah, kita akan convert ke slice berdasarkan buku mas noval. kurang lebih seperti ini:

    fmt.Print("\n###### Array ######\n")
    intArray := []int{1,2,3,4,5}   
    newArray := intArray[0:4] // kita ambil nilai sebelum 4

    for index,element := range newArray {
        fmt.Println(index,"=>",element)
    }

Silahkan cek playgroundnya.

Ke #2

Lanjut, kita akan modifikasi slice ini:

    fmt.Print("\n###### Slice ######\n")
    intSlice := make([]int,5)
    intSlice[0]=1
    intSlice[1]=2
    intSlice[2]=3
    intSlice[3]=4
    intSlice[4]=5
    for index,element := range intSlice{
        fmt.Println(index,"=>",element)
    }

sebetulnya slice tak perlu di-index datanya (dari buku yang gw baca) .. hems, coba kita ubah menjadi ini:

    fmt.Print("\n###### Slice ######\n")
    intSlice := []int{1,2,3,4,5}
    for index,element := range intSlice{
        fmt.Println(index,"=>",element)
    }

ternyata berhasil tanpa error, silahkan cek playgroundnya

sumber:

Deklarasi Tipe data secara dinamik di Golang

desta@rspersahabatan.co.id — Wed, 28 Aug 2019 12:50:00 GMT

Bismillah

Sekedar catatan aja sih, hehe .... soalnya saat liat source code golang, ada yang membenak di otak gw, ini tuh kode apa sih ... := nah mulai deh baca manual book dari orang laen bukan official yak, ternyata itu adalah tipe data dinamik kalo orang bule nyebutnya tuh type inference alias tipe data berdasarkan nilai valuenya, contohnya,

	var x float64 = 20
	y := 30
	firstName := "fadilah"
	
	fmt.Println(x)
	fmt.Println(y)
	fmt.Println(firstName)
	
	fmt.Printf("tipe data x adalah %T\n", x)
	fmt.Printf("tipe data y adalah %T\n", y)
	fmt.Printf("tipe data firstName adalah %T\n", firstName)

bisa dilihat, baris pertama dari nilai x adalah 20 dengan tipe datanya float64 yang sudah didefinisikan diawal, inget cara bacanya dari kanan, nilai 20 bertipe float64 divariabel X lanjut, kalo variabel y tipe datanya adalah int karena berupa angka, sedangkan variabel firstName tipe datanya adalah string, golang membacanya melalui sebuah literal double quote macam ini "_value_" silahkan baca manualnya di sini dan bisa dilihat di halaman play go

done, simple tapi mengena.

3 Cara mencari tahu tipe data apa di golang

desta@rspersahabatan.co.id — Wed, 28 Aug 2019 11:50:00 GMT

Bismillah

lagi belajar variabel tipe data di golang, catatan coba cek disini eh coba gogling, karena error muncul saat define string, ./prog.go:13:15: invalid character literal (more than one character) ternyata dimanual booknya dikatakan men-definisi string wajib kudu harus double quote .. "_value_" tetiba terdampar dihalaman stackoverflow

#1 - string formatting

Teknik ini sudah kita gunakan dicatatan ini, pengunnannya simple, contohnya seperti ini:

i := "horror"
fmt.Printf("%T\n", i)

resultnya adalah string tipe datanya.

#2 - package reflect

Teknik ini dengan mengimport paket reflect dahulu, baru bisa kita gunakan, misalkan seperti ini:

import (
	"fmt"
	"reflect"
)

func main() {
	i := "horror"
	fmt.Println(reflect.TypeOf(i))
}

resultnya adalah string juga, silahkan coba di go play ya ini.

#3 - dengan assertions

Assertion itu semacam mengecek value yang sudah didefine sebelumnya, contohnya ini, sumber di tour golang ya

	var i interface{} = "hello"

	s := i.(string)
	fmt.Println(s)

	s, ok := i.(string)
	fmt.Println(s, ok)

	f, ok := i.(float64)
	fmt.Println(f, ok)

	f = i.(float64) // panic
	fmt.Println(f)

	var i interface{} = "horror"
	fmt.Printf("%T\n", i)
	fmt.Println(reflect.TypeOf(i))

	switch i.(type) {
	case string:
		fmt.Println("betul string")
	case int:
		fmt.Println("betul integer")
	}

berdasarkan info e-book dari om noval agung, penggunakan switch - case hanya digunakan untuk mendeteksi tipe data konkrit yang bertipe interface{}. silahkan cek di playgroundnya ya.

yaps sekian, have a nice day!

Setting Workspace Go Lang Project di Windows

desta@rspersahabatan.co.id — Tue, 27 Aug 2019 11:50:00 GMT

Bismillah

Sekedar catatan gw ajah sih, lagi iseng belajar bahasa GO, tetiba terfikirkan kalo banyak folder dalam pengembangannya bagaimana? struktur projectnya, karena GO itu sifat bahasanya package/ membutuhkan paket lain, akhirnya googling dulu ... terdampar dihalaman ini:

https://golang.org/doc/code.html#Workspaces

Secara eksplisit, workspace bahasa GO, merupakan ruang kerja, dimana didalamnya terdapat, 2 folder utama, yaitu:

src source file go disini
bin source exe go disini

UPDATE

Ternyata ada 1 folder, setelah dieksekusi, nama foldernya:

pkg

jadi semacam folder yang menghubungkan object go yang sudah dicompile dari folder src yang saling terhubung ke folder bin, contohnya: paket fmt hampir ada disemua program Go, ketika kita compile akan muncul di pkg tapi sekali saja, dan tersimpan di folder pkg, dan akan terlink otomatis, penghematan!.

info didapat dari sini: StackOverFlow

GO akan membuat file binaries saat build project yang akan disimpan di bin folder dan folder src lah yang akan menjadi tempat project dibuat dalam bentuk subdirectory , kurang lebih workspce seperti ini:

Lihat, ada folder mdestafadilah dimana didalam folder itu akan ada subdirectory project kita, ini berdasarkan rekomendasi golang didokumentasinya ya.

Untuk instalasi GO silahkan gunakan Chocolatey Management Software

Ups, kayaknya ada yang keliwat, yaps .. PATH agar bisa diakses oleh CMD Windows dan GOPATH agar menjadi default dari workspace project GO, silahkan refrensikan ke alamat ini:

http://go.topidesta.my.id/go-setup-win

secara singkat kurang lebih seperti gambar dibawah ini untuk setting path

Untuk mengecek apakah berhasil, silahkan buka command prompt, lalu ketik: go version maka akan muncul versi go, kurang lebih seperti gambar dibawah ini:

selanjutnya, kita akan setting GOPATH sebagai workspace project kita, terkait tulisan ini, silahkan bebas meletakkan folder utama GO dimana saja, kalo gw di drive D: dengan nama folder GO-WORKS, silahkan lihat gambar dibawah ini, perhatikan ada nomor sebagai langkahnya:

Untul melakukan pengecekan konfigurasi lakukan perintah seperti dibawah ini:

go env

Jika sudah nanti akan muncul konfigurasi golang di PC kita.

info dari sini -> https://stackoverflow.com/a/36800555

verifikasi apakah GOPATH sudah benar dengan download hellworld golang:

go get github.com/golang/example/hello
%GOPATH%/bin/hello

Update 2022

λ go get github.com/golang/example/hello
go: go.mod file not found in current directory or any parent directory.
        'go get' is no longer supported outside a module.
        To build and install a command, use 'go install' with a version,
        like 'go install example.com/cmd@latest'
        For more information, see https://golang.org/doc/go-get-install-deprecation
        or run 'go help get' or 'go help install'.

tinggal update init module nya dulu..

go mod init

jika gopath sesuai akan muncul seperti ini:

dan ... selesai!

Website Penyedia Software Link Download

desta@rspersahabatan.co.id — Mon, 26 Aug 2019 09:00:00 GMT

Bismillah

Hanya sekedar berbagi informasi, sebaiknya ..

BELI LAH SOFTWARE ASELI, JIKA MAMPU! KARENA HAL TERSEBUT MENDUKUNG PENGEMBANGNYA NYICIL GADGET ATAU LAPTOP MAC-OS

dikarenakan beberapa software gw ada yang pake jamu ada yang pakai serial fake atau user fake atau register fake dll, dan juga biar gak ribet klak kliknya, berikut ini list website penyedia software gratis yang sering gw kunjungin, diantaranya:

Tambahan:

GetIntoPC
FreewareSys
AkangSuhar
Haramain Software
Mufasi
HaxNode
LatestUploads

Bonus

Aplikasi Nulled

Have a nice Day!

sumber: https://kutt.it/12-software

Dua Langkah Disable IDM Windows dengan Regedit - Register Editor

desta@rspersahabatan.co.id — Mon, 26 Aug 2019 03:00:00 GMT

Bismillah

Ini mah sekedar catatan gw ajah yak, kebetulan meski dengan windows original, beberapa software masih pakai jamu (alias crack-crackan) ... terkait harga software yang benar benar ngocek kantong, kali ini catatan mengenai update IDM yang selalu muncul, ada 2 cara yang gw lakukan, 2 tekhnik seharusnya, ini tekhnik pertama.

1 (Perpanjang Tahun)

berikut ini langkahnya:

Open regedit (WinKey + R) lalu ketik regedit, lalu Enter
Buka key: HKEY_CURRENT_USER\Software\DownloadManager\LastCheck
Ubah ke format tahun yang akan datang, misal: 01/01/99
Keluar regedit
Restart Komputer
Done

Berikut screenshoot tanggalnya:

2 (Abaikan Server IDM)

Jika langkah pertama kurang puas, alias masih ajah muncul notif update atau apalah apalah ini tekhnik selanjutnya, berikut ini langkahnya:

Open regedit (WinKey + R) lalu ketik regedit, lalu Enter
Klik HKEY_CURRENT_USER\Software\DownloadManager
Klik kanan, new keyword DWORD pilih arsitektur 32/64 bit
Ketik nama AutoUpdate
Lalu pilih ExceptionServers
Klik kanan tambahkan tulisan '*.tonec.com' dibaris terakhir
Klik Ok
Restart Komputer
Done

Berikut ini tampilannya:

Selesai, Have a nice day!

sumber:

Download Video Youtube Di Windows

desta@rspersahabatan.co.id — Tue, 20 Aug 2019 08:00:00 GMT

Bismillah

Sekedar berbagi informasi tentang downloader di youtube namanya 4kdownloader .. lumayan bisa download video youtube dengan mudah, ada juga yang melalui website, tapi ini yang sangat mudah dan cepat.

bisa download lalu install via chocolatey atau searching di google, ada banyak linknya.

Terima kasih.

Function Sederhana Upload Data Via Sheet Excel di Codeigniter

desta@rspersahabatan.co.id — Thu, 15 Aug 2019 08:00:00 GMT

Bismillah

Sekedar catatan kecil gw ajah, karena keseringan digunakan untuk update data master yang ribet input lewat interface, mending dalam format excel, lebih cepet.

Pertama, buat fungsi seperti ini:

function disposisi_upload()
{
    $this->load->library(array('PHPExcel','PHPExcel/IOFactory'));

		if ($this->input->post('save')) {
			$type = explode('.', $_FILES["import"]["name"]); // data file
			$type = strtolower($type[count($type)-1]); // data type like .jpg
			// exit(dump($type));
			$inputFileName = "./assets/upload/".uniqid(rand()).'.'.$type; // hash unik
            
			if(in_array($type, array("xls", "xlsx"))) {
				if(is_uploaded_file($_FILES["import"]["tmp_name"])) {
					if(move_uploaded_file($_FILES["import"]["tmp_name"],$inputFileName)) {

						//  Read your Excel workbook
						try {
							$inputFileType = IOFactory::identify($inputFileName);
							$objReader = IOFactory::createReader($inputFileType);
							$objPHPExcel = $objReader->load($inputFileName);
						} catch(Exception $e) {
							die('Error loading file "'.pathinfo($inputFileName,PATHINFO_BASENAME).'": '.$e->getMessage());
						}

						//  Get worksheet dimensions
						$sheet = $objPHPExcel->getSheet(0);
						$highestRow = $sheet->getHighestRow();
						$highestColumn = $sheet->getHighestColumn();

						//  Loop through each row of the worksheet in turn
						for ($row = 2; $row <= $highestRow; $row++) {  				//  Read a row of data into an array 				
							$rowData = $sheet->rangeToArray('A' . $row . ':' . $highestColumn . $row,
								NULL,
								TRUE,
                                FALSE);
                                
							// Insert row data array into your database of choice here
							$data = array(
								"nama"	=> $rowData[1][3],
								"kode_org"	=> $rowData[1][2],
							);
							// exit(dump($rowData[0][1]));
							$this->db->insert("sdm_master_jabatan_detail",$data); // exit(show_last_query());
						}
						echo "Import Success, tunggu sebentar..";
					}
				}
			}
		}
		$this->setFlash('Data eksel berhasil diimport!', 'alert-success');
		redirect('office/upload_disposisi','refresh');
}

Kedua, buat form upload seperti ini:

<div class="col-xs-12 col-sm-12">
  <div class="box">
    <div class="box-content">
        <h3 class="page-header"><?php echo $title;?></h3>
        <form class="form-horizontal well" action="<?=base_url('officeaction/disposisi_upload');?>" method="post" enctype="multipart/form-data" role="form">
            <div class="form-group">
                <div class="col-sm-3">
                  <td><input type="file" id="import" name="import" multiple="multiple"></td>
              </div>
              <div class="col-sm-3">
                <input type="submit" class="btn btn-primary" value="Import" name="save" />
            </div>
        </div>
    </form>
	</div>
  </div>
</div>

Jangan lupa untuk load library, kalo belum ada silahkan download/ clone aja dialamat ini:

https://github.com/mdestafadilah/excel-upload-codeigniter

have a nice day!

Satu Perintah Bash Untuk Virtual Host 2.4 Di Linux Lite

desta@rspersahabatan.co.id — Fri, 09 Aug 2019 08:00:00 GMT

Bismillah...

pernah share, cara membuat virtual host untuk pengembangan web terutama laravel ya masa kudu akses dari loclhost/laravel/public, soal akses url, ini dia:

trick-cara-jitu-setting-virtual-host-untuk-laravel-di-linuxlite-ubuntu-16-04

kalo males copy past donwload aja ini url:

#! /bin/bash

# May need to run this as sudo!
# I have it in /usr/local/bin and run command 'vhost' from anywhere, using sudo.

#
#   Show Usage, Output to STDERR
#
function show_usage {
cat <<- _EOF_

Create a new vHost in Ubuntu Server
Assumes /etc/apache2/sites-available and /etc/apache2/sites-enabled setup used

    -d    DocumentRoot - i.e. /var/www/yoursite
    -h    Help - Show this menu.
    -s    ServerName - i.e. example.com or sub.example.com
    
    how: sudo vhost -d /var/www/myproject  -s myproject.local
    
_EOF_
exit 1
}


#
#   Output vHost skeleton, fill with userinput
#   To be outputted into new file
#
function create_vhost {
cat <<- _EOF_
<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    ServerName $ServerName
    ServerAlias www.$ServerName

    DocumentRoot $DocumentRoot

    <Directory $DocumentRoot>
        Options -Indexes +FollowSymLinks +MultiViews
        AllowOverride All
        Order allow,deny
        Allow from all
        Require all granted
    </Directory>

    ErrorLog \${APACHE_LOG_DIR}/$ServerName-error.log

    # Possible values include: debug, info, notice, warn, error, crit,
    # alert, emerg.
    LogLevel warn

    CustomLog \${APACHE_LOG_DIR}/$ServerName-access.log combined


</VirtualHost>
_EOF_
}

#Sanity Check - are there two arguments with 2 values?
if [ $# -ne 4 ]; then
	show_usage
fi

#Parse flags
while getopts "d:s:" OPTION; do
    case $OPTION in
        h)
            show_usage
            ;;
        d)
            DocumentRoot=$OPTARG
            ;;
        s)
            ServerName=$OPTARG
            ;;
        *)
            show_usage
            ;;
    esac
done

if [ ! -d $DocumentRoot ]; then 
    mkdir -p $DocumentRoot
    #chown USER:USER $DocumentRoot #POSSIBLE IMPLEMENTATION, new flag -u ?
fi

if [ -f "$DocumentRoot/$ServerName.conf" ]; then
    echo 'vHost already exists. Aborting'
    show_usage
else
    sudo sh -c "echo \"127.0.0.0    ${ServerName}\" >> \/tmp\/hosts"
    create_vhost > /etc/apache2/sites-available/${ServerName}.conf
    cd /etc/apache2/sites-available/ && a2ensite ${ServerName}.conf #Enable site
    service apache2 reload #Optional implementation
fi

Langkahnya:

$ cd /tmp
wget -s https://gist.github.com/mdestafadilah/2aff0ebefefcd79a7932393d8dec5f1d
sudo mv vhosts.sh vhosts
sudo mv /tmp/hosts /usr/local/bin/vhosts
Run: vhost -h

Done. caranya ada kok di sourcenya.

Have a nice day.

source: Sumber

have a nice day!

Upload docusaurus local ke github pages

desta@rspersahabatan.co.id — Fri, 09 Aug 2019 08:00:00 GMT

Bismillah...

Langsung ajah lo liat video youtube ini:

https://www.youtube.com/watch?v=dn4dgA51WNg

Jadi, Langkahnya yang gw tangkep:

Buat Repository di Github
Clone ke Lokal (Komputer)
Install docusaurus di Folder hasil clone (di dalam foldernya), gw anggep lu tau install docusaurus
Push ke master
Commit ke branch
$ git checkout -b gh-pages
Masuk ke folder website, jalankan perintah ini:yarn run build # or `npm run build`
$ git add -f website/build/nama_repo_github && git commit -m "Initial dist subtree commit"
$ git subtree push --prefix website/build/nama_repo_github origin gh-pages
Done. akses via: nama_username.github.io/nama_repo_github

Permasalahan_ke_1

Tanya: Gw Pengen Update ke Master, tapi github.io gak update?

Jawab:

git branch -d the_local_branch
git push origin --delete the_remote_branch
Ikuti Ke-6 diatas sanpai langkah terakhir
Selesai terupdate

Have a Nice Day!

source:

<ul>
 	<li>https://www.youtube.com/watch?v=dn4dgA51WNg</li>
 	<li>https://makandracards.com/makandra/621-git-delete-a-branch-local-or-remote</li>
 	<li>https://docusaurus.io/docs/en/publishing</li>
</ul>

have a nice day!

Aplikasi Install Program dengan Chocolatey di Windows

desta@rspersahabatan.co.id — Fri, 09 Aug 2019 08:00:00 GMT

Bismillah

Kebetulan laptop dan komputer kantor pakai windows original, jadi sekarang pakai windows baik nguli jadi web dev (front/ backend) atau sebagai penulis blog Topidesta' Dev , kembali ke topik lagi. Kalo di GNU/Linux kita kenal, DPKG, RPM, YUM, PACMAN, dll. Untuk diwindows, sekarang ini ada yang namanya Chocolatey Package Manager, amazing ini aplikasi, bisa akses kehalaman ini:

Chocolatey Link

Silahkan baca sendiri cara installnya, bisa lewat commandpromt (CMD) atau Windows Powershell (WPS), harus admin saat hendak install yah.

Kurang lebih dengan perintah choco list --local-only kita akan lihat daftar yang sudah terinstall, kurang lebih seperti gambar dibawah ini daftar list yang terinstall

tanpa download file lagi, choco akan mengdownload lalu install, otomatis dengan perintah yang simple, choco install nama_aplikasi -y, tunggu dan boom. done.

Update

Ternyata aplikasi yang terinstall oleh choco ada beberapa yang perlu update ... gak mungkin kan satu satu ... nah ada satu perintah lagi untuk update aplikasi yang tersedia cup all -y dengan catatan choco versi 0.9.8.33+. kurang lebih nanti tampilannya seperti ini:

Have a nice day!

source:

Daftar List Postingan Wordpress Yang akan Digunakan kembali di Rumah Baru

desta@rspersahabatan.co.id — Thu, 08 Aug 2019 08:00:00 GMT

Daftar Tulisan yang akan di Import ke Website Git Style.

Menambahkan Library ESC/POS di Codeigniter
Error Yang Sering Muncul Dalam Pengembangan Web Codeigniter
Upload Docusaurus Localhost ke Github Pages
Belajar Translate E-Book React FullStack
Cara Jitu Setting Virtual Host di LinuxLite (ubuntu)
1 Perintah Bash Untuk Buat Virtual Host di Apache 2.4
Cara Jitu Setting Virtual Host Untuk Laravel di LinuxLite (Ubuntu 16.04)
Download File di Google Drive Yang Terkena Limit (Batasan)
Pemanfaatan DropzoneJS dengan Codeigniter 2

Cara Jitu Setting Virtual Host untuk Laravel di LinuxLite

desta@rspersahabatan.co.id — Thu, 08 Aug 2019 08:00:00 GMT

TODO :p

Daftar Error Pengembangan Web Codeigniter buat pemula

desta@rspersahabatan.co.id — Thu, 08 Aug 2019 08:00:00 GMT

Bismillah...

Okelah, pagi pagi dengan internet gratis di kampus yang ~~tercinta~~? kali ini gw pengen berbagi dari hasil pengalaman gw aja sih, dan halaman ini akan terus di update secara berkala, karena setiap error yang gw alami, akan gw catat, haa... biasa otak pas-pasan dan cepet lupa pula, okelah ini dia beberapa line-code yang error dan berhasil gw atasi masalahanya dengan bantuan om google.

Fatal error: Call to a member function query() on a non-object in C:\xampp\htdocs\lab\ci\@riset-PKL\www\models\user_model.php on line 21

Solusinya ini

into your library don’t use
$this->db->query();
but
$CI = get_instance();
$CI->db->query
see in the help file
Ciao!
sumber: [sumber link](http://goo.gl/xk61d)

A PHP Error was encountered
Severity: Notice
Message: Undefined variable: kd_wil
Filename: controllers/admin.php
Line Number: 79

Solusinya:

Tambahkan variable kd_wil di file Admin dengan $kd_wil yang memiliki nilai tertentu misalkan, dalam passing object yang telah di assign ke variable $kd_wil, biasanya variable di view gak singkron dengan variable kontroler.

A PHP Error was encountered
Severity: Notice
Message: Trying to get property of non-object
Filename: controllers/user.php
Line Number: 40

Solusinya ini:

Solusi: Ganti tanda (;) setiap endforeach;
Source: http://codeigniter.com/forums/viewthread/160337/

<?php anchor();?>
PERMASALAHAN: TIDAK BISA link image? Ada solusinya.

Solusinya ini:

http://codeigniter.com/forums/viewthread/97297/

[Err] 1305 - FUNCTION riset_pkl.alamat does not exist

Solusinya ini:

SOLUSI: Artinya, tidak ada field alamat pada tabel, dikarenkan kurang dalam penulisan sintaks, tambahkan (comma)/ (,). Masalah ilaang.

Parse error: syntax error, unexpected T_ELSE, expecting T_FUNCTION in C:\xampp\htdocs\lab\ci\@riset-PKL\www\controllers\peksos.php on line 1141

Solusinya ini:

SOLUSI: Cek tanda kutif kurawal – { } di setiap baris logic codenya. Selasai

Fatal error: Call to a member function getCalendar() on a non-object in C:\xampp\htdocs\lab\ci\@mynote\www\controllers\welcome.php on line 135

Solusinya ini:

SOLUSI: Kalo udah baca post diatas (paling atas) biasanya pake ini $CI = get_instance(); tricknya, tapi kali ini sedikit berbeda, setelah gw liat script oranglaen, dan wow, bisa ini dia yang dia pake.

BEST-SOLUSI: 
$date = $this->welcome->getCalendar($year, $mon);
$this->load->model('Mynote_m','welcome');

artinya: Kita mengload controller 'welcome' agar pas diakses controller maka langsung mengakses model (construct).

Yups, hanya itu yang gw alami, nanti gw tambahin juga trick dari group codeigniter indonesia, biar lebbih afdol mending temen-temen bookmark. ya, kalo dirasa perlu.

Have Nice Day!

Library ESC/ POS, Menambahkan Fungsi cetak Server Side di Codeigniter

desta@rspersahabatan.co.id — Thu, 08 Aug 2019 08:00:00 GMT

Bismillah...

Kebetulah dikantor lagi dapet maenan baru, printer epson series tm-u220d kayak gini:

Terus, karena ngoding langsung pake RAW-TEXT dari printer ribet, contoh RAW-TEXT dari Vendor Zebra kayak gini neh:

^FN11 : NO Rekam medis
^FN12 : Nama Pasien
^FN13 : No Rekam medis bentuk barcode
^FN61 : Nama obat
^FN62 : kwantitas makan, brp tablet/kapsul perhari
^FN63 : sblm atau ssedh makan
^PQ  : kwantitas label identik
^XA
^XFE:PHARMA01.ZPL
^FN11^FD111212121212^FS
^FN12^FDKomarudin Ibrahim Saleh^FS
^FN13^FD&gt;;111212121212^FS
^FN61^FDPanadol Expectoran 250mg^FS
^FN62^FD3 x 1 Tablet / hari^FS
^FN63^FDMinum Setelah Makan^FS
^PQ2,0,0
^XZ

Nah, karena yang dipake itu dari EPSON, akhirnya searching eh dapet deh di Github yang senang hati berbagi ini linknya:

[https://github.com/mike42/escpos-php/tree/master](https://github.com/mike42/escpos-php/tree/master)

Ternyata TM-U220 didukung sama libarary ini, yaudah oprek deh, cara gunanya gampang banget, karena udah pake bootstrap auotloader, jadi yah tinggal load sebagai library ... selebihnya bisa dicek di repo gw:

[https://github.com/rspersahabatan/ESC-POS](https://github.com/rspersahabatan/ESC-POS)

Gw Kagak fork, soalnya gw pake manual download dan upload file git nyah .... hehehe.

Have a nice day!

source:

https://github.com/mike42/escpos-php/tree/master
https://github.com/RSUP/ESC-POS