creatorbe links

Building a Portfolio site with Next.js and Vercel

Tue, 23 Dec 2025 15:10:00 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

اَلْحَمْدُ للّٰهِ رَبِّ العَالَمِيْنَ والعاقبة للمتقين

وَالصَّلاَةُ وَالسَّلَامُ عَلىَ إمام الْمُرْسَلِيْنَ،نبيين مُحَمَّدٍ وَعَلَى اٰلِهِ وَصَحْبِهِ اَجْمَعِيْنَ

ربى اشرح لى صدرى ويسر لى امرى واحلل عقدة من لسانى يفقهو قولي

اللّهُمَّ إِنِّيْ أَعُوْذُ بِكَ مِنْ عِلْمٍ لاَ يَنْفَعُ، وَمِنْ قَلْبٍ لاَ يَخْشَعُ، وَمِنْ نَفْسٍ لاَ تَشْبَعُ، وَمِنْ دَعْوَةٍ لاَ يُسْتَجَابُ لَهَا

اَمَّا بَعْدُ

Muslim Intro : QS. Ash-Sharh (Al-Insyirah) - 94:7

فَإِذَا فَرَغْتَ فَٱنصَبْ

When you have completed your affairs and obligations (both worldly and deen akhirah) then devote yourself diligently to worship. And supplicate, to your Lord alone, hoping for what lies with Him.

An educator once said: “On the last day of my exams, I was thinking about all the things I would do during the holidays : sleeping, playing, joking around, and so on. Suddenly, my thoughts were interrupted by the voice of the Imam leading the Maghrib prayer, reciting: { So when you have finished [your duties], then stand up [for worship]. And to your Lord direct [your] longing. } (Quran 94:7–8) At that moment, I realized that a Muslim should never cease being in a state of obedience to Allah. Rather, one should move from one act of obedience to another.”

If someone says: “If I were serious all the time in my life, I would surely grow tired and bored.” and We respond: Your rest to regain your energy is itself a form of engagement and deed—that is, being occupied does not always mean being in motion. Your rest to renew your vigor for other tasks is also an act. What matters is that you consistently make your entire life one of seriousness and work.

“hanya kepada Allah kita meminta, semoga lelah kita lillah”

رَبَّنَا تَقَبَّلْ مِنَّا إِنَّكَ أَنْتَ السَّمِيعُ الْعَلِيمُ

A step-by-step guide to creating a clean portfolio website

Introduction

As developers, our portfolio is often the first impression we make on potential employers or clients. In this post, I’ll walk you through how I built my personal portfolio website using Next.js 16, Tailwind CSS v4, and deployed it on Vercel — all with a minimalist, terminal-inspired aesthetic that screams “I’m an engineer.”

Live Demo: creatorbe.vercel.app

Tech Stack

Framework: Next.js 16 (App Router)
Styling: Tailwind CSS v4
Theme: next-themes (Dark/Light mode)
Icons: Lucide React
Deployment: Vercel
Font: System monospace

Step 1: Setting Up the Project

First, create a new Next.js project:

npx create-next-app@latest my-vercel

Select the following options:

✅ TypeScript
✅ Tailwind CSS
✅ ESLint
✅ App Router
❌ src/ directory (optional, I used it)
❌ Import alias customization

Navigate to your project:

cd my-vercel

Step 2: Install Dependencies

Install the required packages for theming:

npm install next-themes lucide-react

Step 3: Configure Tailwind CSS v4 for Dark Mode

In Tailwind CSS v4, dark mode configuration is different. Update your globals.css:

@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

This enables the dark: variant to work with class-based dark mode.

Step 4: Create the Theme Provider

Create src/components/theme-provider.tsx:

"use client";

import { ThemeProvider as NextThemesProvider, type ThemeProviderProps } from "next-themes";

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}

Step 5: Create the Theme Toggle

Create src/components/theme-toggle.tsx:

"use client";

import * as React from "react";
import { Moon, Sun } from "lucide-react";
import { useTheme } from "next-themes";

export function ThemeToggle() {
  const { resolvedTheme, setTheme } = useTheme();
  const [mounted, setMounted] = React.useState(false);

  React.useEffect(() => {
    setMounted(true);
  }, []);

  if (!mounted) {
    return <div className="w-8 h-8 rounded border border-neutral-300 dark:border-neutral-700" />;
  }

  const isDark = resolvedTheme === "dark";

  return (
    <button
      onClick={() => setTheme(isDark ? "light" : "dark")}
      className="inline-flex items-center justify-center w-8 h-8 rounded border border-neutral-300 dark:border-neutral-700 bg-neutral-100 dark:bg-neutral-800 hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors"
      aria-label="Toggle theme"
    >
      {isDark ? (
        <Sun className="h-4 w-4 text-amber-500" />
      ) : (
        <Moon className="h-4 w-4 text-neutral-600" />
      )}
    </button>
  );
}

Important: Use resolvedTheme instead of theme to get the actual theme value, especially when enableSystem is true.

Step 6: Setup the Root Layout

Update src/app/layout.tsx:

import "./globals.css";
import { ThemeProvider } from "@/components/theme-provider";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Your Name - Developer Portfolio",
  description: "Your description here",
  icons: {
    icon: "/favicon.ico",
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className="bg-white dark:bg-[#0d1117]">
        <ThemeProvider
          attribute="class"
          defaultTheme="dark"
          enableSystem
          disableTransitionOnChange
        >
          {children}
        </ThemeProvider>
      </body>
    </html>
  );
}

Step 7: Design Philosophy — Terminal Aesthetic

I wanted my portfolio to feel like a developer’s natural habitat: the terminal. Here’s the design approach:

Monospace Font

<div className="font-mono">

Terminal-style Header

<span className="text-green-600 dark:text-green-400">~/creatorbe</span>

Command-style About Section

<div className="bg-neutral-100 dark:bg-neutral-900 rounded-lg border">
  {/* Terminal window dots */}
  <div className="flex items-center gap-2 px-4 py-2 bg-neutral-200 dark:bg-neutral-800">
    <div className="w-3 h-3 rounded-full bg-red-500" />
    <div className="w-3 h-3 rounded-full bg-yellow-500" />
    <div className="w-3 h-3 rounded-full bg-green-500" />
    <span className="ml-2 text-xs text-neutral-500">about.sh</span>
  </div>

  {/* Terminal content */}
  <div className="p-4 text-sm">
    <p className="text-green-600 dark:text-green-400">$ whoami</p>
    <p className="text-neutral-600 dark:text-neutral-400 mt-1">
      A Software Engineer with expertise in building scalable applications...
    </p>
  </div>
</div>

Markdown-style Headings

<h2 className="text-lg font-bold flex items-center gap-2">
  <span className="text-green-600 dark:text-green-400">#</span> Tech Stack
</h2>

Config-file Style Tech Lists

<div className="border-l-2 border-green-500 pl-4">
  <p>
    <span className="text-cyan-600 dark:text-cyan-400">frontend:</span>
    Next.js, React.js, TypeScript
  </p>
</div>

To add that extra “nerd” touch, I used a Matrix-style animated GIF as a banner:

<div className="w-full h-48 sm:h-64 relative overflow-hidden">
  <Image
    src="https://raw.githubusercontent.com/CreatorB/creatorb/main/creatorbe-hasanbasri-matrix.gif"
    alt="Matrix Banner"
    fill
    className="object-cover opacity-60 dark:opacity-40"
    unoptimized
  />
  <div className="absolute inset-0 bg-gradient-to-b from-transparent to-white dark:to-[#0d1117]" />
</div>

The gradient overlay creates a smooth fade into the content below.

Step 9: Deploy to Vercel

Deploying to Vercel is incredibly simple:

Option 1: Via GitHub Integration

Push your code to GitHub:

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/yourusername/your-repo.git
git push -u origin main

Go to vercel.com
Click “New Project”
Import your GitHub repository
Click “Deploy”

That’s it! Vercel automatically detects Next.js and configures everything.

Option 2: Via Vercel CLI

npm install -g vercel
vercel login
vercel

Step 10: Custom Domain (Optional)

In Vercel Dashboard:

Go to your project → Settings → Domains
Add your custom domain
Update DNS records as instructed

Key Takeaways

Tailwind CSS v4 requires @custom-variant for dark mode with classes
Use resolvedTheme from next-themes for reliable theme detection
Monospace fonts give that authentic developer feel
Subtle animations (like the Matrix banner) add personality without being distracting
Vercel deployment is literally one-click with GitHub integration

Project Structure

src/
├── app/
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── theme-provider.tsx
│   └── theme-toggle.tsx

Final Thoughts

Building a portfolio doesn’t have to be complicated. With Next.js and Tailwind CSS, you can create something that’s both functional and expressive of your personality as a developer.

The terminal aesthetic isn’t just about looking cool—it’s a statement that says “I live in the command line, and I’m proud of it.”

Feel free to fork my repository and make it your own!

Source Code: github.com/CreatorB/my-vercel

Live Site: creatorbe.vercel.app

اَللّٰهُ أَعْلَم

al-faqiir ilaa rahmatillahi ta’ala

✎ Hasan B

◉ Kiunara, KP Tengah, Cileungsi, Bogor, West Java, Indonesia

📅 Tuesday, 4 Rajab 1447 H, 22:10

IT Infrastructure Handbook

Mon, 03 Nov 2025 16:00:00 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

اَلْحَمْدُ للّٰهِ رَبِّ العَالَمِيْنَ والعاقبة للمتقين

ربى اشرح لى صدرى ويسر لى امرى واحلل عقدة من لسانى يفقهو قولي

اَمَّا بَعْدُ

Hadith Intro - Chapter: Regarding the Divine Decree (Qadr)

الْمُؤْمِنُ الْقَوِيُّ خَيْرٌ وَأَحَبُّ إِلَى اللَّهِ مِنَ الْمُؤْمِنِ الضَّعِيفِ وَفِي كُلٍّ خَيْرٌ احْرِصْ عَلَى مَا يَنْفَعُكَ وَاسْتَعِنْ بِاللَّهِ وَلاَ تَعْجِزْ فَإِنْ أَصَابَكَ شَىْءٌ فَلاَ تَقُلْ لَوْ أَنِّي فَعَلْتُ كَذَا وَكَذَا ‏.‏ وَلَكِنْ قُلْ قَدَّرَ اللَّهُ وَمَا شَاءَ فَعَلَ فَإِنَّ ‏”‏ لَوْ ‏”‏ تَفْتَحُ عَمَلَ الشَّيْطَانِ

The strong believer is better and more beloved to Allah than the weak believer, although both are good. Strive for that which will benefit you, seek the help of Allah, and do not feel helpless. If anything befalls you, do not say, “if only I had done such and such” rather say “Qaddara Allahu wa ma sha’a fa’ala (Allah has decreed and whatever he wills, He does).” For (saying) ‘If’ opens (the door) to the deeds of Satan.

Sunan Ibn Majah 79

The Prohibition of “If Only” Do not say, “If only I had done such and such…”, for saying “if” opens the door to the deeds of Satan. This ruling clarifies that the word “if” must not be used to oppose destiny. When facing sickness, death, or calamity, one must submit, be patient, and seek reward from God rather than dwelling on unchangeable past events. Such regret leads only to fruitless doubt and despair. Instead, the believer should affirm: “Allah has decreed, and whatever He wills, He does” (Qaddara Allahu wa ma sha’a fa’ala).

The Nuance of Regret It is important to distinguish between prohibited and permissible uses of “if only”:

Prohibited: Using it to object to fate or dwell on negative outcomes (e.g., “If only I chose a different doctor, he wouldn’t have died”).
Permissible: Using it to express a desire for missed opportunities to do good, without questioning God’s decree (e.g., “If I had known he was sick, I would have visited him”).

Distinguishing Free Will from Compulsion Humans inherently possess the ability to distinguish between voluntary actions driven by their free will and involuntary actions caused by compulsion. For instance, intentionally walking down stairs is recognized as a personal choice, whereas accidentally falling is understood as occurring without one’s will. Similarly, involuntary bodily functions due to illness (like incontinence) are clearly distinguished from voluntary functions after recovery. Every individual instinctively recognizes this difference.

Theological Consistency Because we know this difference, it is fundamentally unjust to inconsistently shift theological stances based on convenience. One should not adopt a deterministic mindset (Jabriyyah) only when sinning—claiming it is inescapable fate—while adopting a free-will mindset (Qadariyyah) when performing good deeds—claiming full personal credit for their obedience.

اللَّهُمَّ أَرِنَا الْحَقَّ حَقًّا، وَارْزُقْنَا اتِّبَاعَهُ. ،وَأَرِنَا الْبَاطِلَ بَاطِلاً، وَارْزُقْنَا اجْتِنَابَهُ

Ultimate Network Infrastructure Guide

This guide is designed to be followed from top to bottom. It transforms a fresh Mikrotik into a powerful, segmented network firewall with ad-blocking and remote access capabilities.

1. Hardware & Safety (Anti-Lightning)

Before configuring software, we must secure the hardware. Since I live in a lightning-prone area, I use Optical Isolation and Barrel Connector to protect the router.

The Logic: Lightning surges travel through copper wires (ISP cables). They cannot travel through glass (Fiber Optic).

The Topology:

[ISP Modem (Bridge Mode)]
      | (RJ45 Cable)
[Media Converter A]
      |
      | (Fiber Optic Patch Cable - The "Safety Gap")
      |
[Media Converter B]
      | (RJ45 Cable)
[Mikrotik RB5009 (Port 1 - Internet)]
      | (RJ45 Barrel)
[Router / Access Point]

Note: If lightning strikes the ISP line, only “Media Converter A” burns. The expensive router remains safe.

I have also written a small proposal (Indonesian Version) that you can review : Network & Electrical Surge Protection

2. Mikrotik Configuration

I have prepared a complete script based on the “Ma’had Syathiby” topology. It separates traffic into groups: Ikhwan (Men), Akhwat (Women), IT, Lab, and Streaming.

How to apply:

Download Winbox from Mikrotik.com.
Connect your PC to Port 2 of the router.
Open Winbox, click “Terminal” on the left menu.
Copy and Paste the following scripts one by one.

Part A: Interface & IP Setup

Renames ports and sets up network addresses.

# 1. Reset & Preparation
/system identity set name="RB5009-Main"
/interface ethernet
set [ find default-name=ether1 ] name=ether1-Internet loop-protect=on
set [ find default-name=ether2 ] name=ether2-LAN-Ikhwan loop-protect=on
set [ find default-name=ether3 ] name=ether3-WiFi-Ikhwan loop-protect=on
set [ find default-name=ether4 ] name=ether4-LAN-Akhwat loop-protect=on
set [ find default-name=ether5 ] name=ether5-WiFi-Akhwat loop-protect=on
set [ find default-name=ether6 ] name=ether6-LAN-IT loop-protect=on
set [ find default-name=ether7 ] name=ether7-WiFi-Streaming loop-protect=on
set [ find default-name=ether8 ] name=ether8-Lab loop-protect=on

# 2. IP Addresses
/ip address
add address=192.168.10.1/24 interface=ether2-LAN-Ikhwan
add address=192.168.20.1/24 interface=ether3-WiFi-Ikhwan
add address=192.168.30.1/24 interface=ether4-LAN-Akhwat
add address=192.168.40.1/24 interface=ether5-WiFi-Akhwat
add address=192.168.50.1/24 interface=ether6-LAN-IT
add address=192.168.60.1/24 interface=ether7-WiFi-Streaming
add address=192.168.90.1/24 interface=ether8-Lab

# 3. DHCP Server Setup
/ip pool
add name=pool-ikhwan-lan ranges=192.168.10.50-192.168.10.254
add name=pool-ikhwan-wifi ranges=192.168.20.50-192.168.20.254
add name=pool-akhwat-lan ranges=192.168.30.50-192.168.30.254
add name=pool-akhwat-wifi ranges=192.168.40.50-192.168.40.254
add name=pool-it-lan ranges=192.168.50.50-192.168.50.254
add name=pool-streaming ranges=192.168.60.50-192.168.60.254
add name=pool-lab ranges=192.168.90.50-192.168.90.254

/ip dhcp-server
add address-pool=pool-ikhwan-lan interface=ether2-LAN-Ikhwan name=dhcp-ikhwan lease-time=1h
add address-pool=pool-ikhwan-wifi interface=ether3-WiFi-Ikhwan name=dhcp-ikhwan-wifi lease-time=1h
add address-pool=pool-akhwat-lan interface=ether4-LAN-Akhwat name=dhcp-akhwat lease-time=1h
add address-pool=pool-akhwat-wifi interface=ether5-WiFi-Akhwat name=dhcp-akhwat-wifi lease-time=1h
add address-pool=pool-it-lan interface=ether6-LAN-IT name=dhcp-it lease-time=1h
add address-pool=pool-streaming interface=ether7-WiFi-Streaming name=dhcp-streaming lease-time=1h
add address-pool=pool-lab interface=ether8-Lab name=dhcp-lab lease-time=1h

# 4. Network Config (Gateway & DNS)
/ip dhcp-server network
add address=192.168.10.0/24 gateway=192.168.10.1 dns-server=192.168.50.100
add address=192.168.20.0/24 gateway=192.168.20.1 dns-server=192.168.50.100
add address=192.168.30.0/24 gateway=192.168.30.1 dns-server=192.168.50.100
add address=192.168.40.0/24 gateway=192.168.40.1 dns-server=192.168.50.100
add address=192.168.50.0/24 gateway=192.168.50.1 dns-server=192.168.50.100
add address=192.168.60.0/24 gateway=192.168.60.1 dns-server=192.168.50.100
add address=192.168.90.0/24 gateway=192.168.90.1 dns-server=192.168.50.100

# 5. Enable Internet
/interface list add name=WAN
/interface list member add interface=ether1-Internet list=WAN
/ip dhcp-client add interface=ether1-Internet disabled=no
/ip firewall nat add chain=srcnat action=masquerade out-interface=ether1-Internet

Part B: Security, Firewall & AdGuard Redirection

Blocks YouTube, Social Media, and forces all DNS traffic to AdGuard.

# 1. Interface Lists for Security
/interface list add name=LAN
/interface list add name=TRUSTED
/interface list member add interface=ether2-LAN-Ikhwan list=LAN
/interface list member add interface=ether3-WiFi-Ikhwan list=LAN
/interface list member add interface=ether4-LAN-Akhwat list=LAN
/interface list member add interface=ether5-WiFi-Akhwat list=LAN
/interface list member add interface=ether6-LAN-IT list=TRUSTED
/interface list member add interface=ether7-WiFi-Streaming list=LAN
/interface list member add interface=ether8-Lab list=LAN

# 2. Block Lists
/ip firewall layer7-protocol add name=Block_YouTube regexp="^.*(youtube.com|ytimg.com|googlevideo.com).*\\\$"
/ip firewall address-list add list=sosmed comment="fb/ig/tiktok" address=31.13.95.35
/ip firewall address-list add list=sosmed address=157.240.0.0/16
/ip firewall address-list add list=sosmed address=199.96.57.0/24
/ip firewall address-list add list=sosmed address=23.48.173.0/24

# 3. DNS Redirection (Force AdGuard)
/ip firewall nat
add chain=dstnat action=dst-nat dst-port=53 protocol=udp src-address=!192.168.50.100 to-addresses=192.168.50.100 to-ports=53 comment="Redirect DNS to AdGuard"
add chain=dstnat action=dst-nat dst-port=53 protocol=tcp src-address=!192.168.50.100 to-addresses=192.168.50.100 to-ports=53

# 4. Firewall Rules
/ip firewall filter
add chain=input action=accept connection-state=established,related
add chain=input action=accept in-interface-list=LAN comment="Allow LAN"
add chain=input action=drop in-interface-list=WAN comment="Block Internet to Router"
# Blocking Rules
add chain=forward action=drop dst-address-list=sosmed in-interface=ether3-WiFi-Ikhwan comment="Block Sosmed Ikhwan"
add chain=forward action=drop dst-address-list=sosmed in-interface=ether5-WiFi-Akhwat comment="Block Sosmed Akhwat"
add chain=forward action=drop layer7-protocol=Block_YouTube in-interface=ether8-Lab comment="Block YouTube Lab"
add chain=forward action=drop protocol=udp dst-port=1194,1701,1723,4500,500 comment="Block VPNs"

Part C: Bandwidth Management (QoS)

Ensures fairness so one user doesn’t slow down the network.

/queue type
add name=pcq-download-500M kind=pcq pcq-rate=500M pcq-classifier=dst-address
add name=pcq-upload-500M kind=pcq pcq-rate=500M pcq-classifier=src-address

/queue simple
add name=Streaming-Priority target=ether7-WiFi-Streaming max-limit=500M/500M priority=1/8
add name=Lab target=ether8-Lab max-limit=1G/1G
add name=IT-Unlimited target=ether6-LAN-IT max-limit=500M/500M
add name=Ikhwan-Fair target=ether3-WiFi-Ikhwan max-limit=200M/200M queue=pcq-upload-500M/pcq-download-500M
add name=Akhwat-Fair target=ether5-WiFi-Akhwat max-limit=200M/200M queue=pcq-upload-500M/pcq-download-500M

Part D: AdGuard DNS Failover

/tool netwatch add host=192.168.50.100 interval=30s up-script=AdGuardUp down-script=AdGuardDown

or via WinBox:

Tools → Netwatch → Add (+)
Isi Host: 192.168.50.100
Interval: 30s (as your needed)
Up Script: AdGuardUp
Down Script: AdGuardDown
OK

/system script add name=AdGuardUp source="\
/ip firewall filter enable [find where comment~\"Block DNS\"];\n\
/ip firewall nat enable [find where comment~\"Redirect DNS\"];\n\
/log info \"AdGuard UP - Firewall & NAT diaktifkan\""

/system script add name=AdGuardDown source="\
/ip firewall filter disable [find where comment~\"Block DNS\"];\n\
/ip firewall nat disable [find where comment~\"Redirect DNS\"];\n\
/log warning \"AdGuard DOWN - Firewall & NAT dimatikan\""

/ip firewall filter set [find where action=drop dst-port=53] comment="Block DNS"
/ip firewall nat set [find where action=redirect dst-port=53] comment="Redirect DNS"

Make sure script run as well :

/system script run AdGuardUp
/system script run AdGuardDown

Should print :

/log print where message~"AdGuard"

✅ When it UP, firewall dan NAT aktif.
❌ When it DOWN, firewall dan NAT nonaktif.

3. Unifi Access Point Setup (WiFi)

Since the Mikrotik handles the routing, the Unifi APs act purely as antennas.

Hardware Connection:

Connect AP Ikhwan to Ethernet Port 3 on Mikrotik.
Connect AP Akhwat to Ethernet Port 5 on Mikrotik.

Software Setup (The Controller):

You need to configure the APs once. You can use the Unifi App on your phone or install the Controller on a Windows PC (Laptop).

Download: Get the “UniFi Network Server” from ui.com/download.
Install & Run: Open the program and click “Launch a Browser to Manage the Network”.
Adoption:
- Plug your Laptop into Port 6 (IT) of the Mikrotik.
- The Unifi software should see the APs as “Pending Adoption”.
- Click Adopt.
WiFi Configuration:
- Go to Settings > WiFi > Create New.
- SSID Name: e.g., “Syathiby @ ikhwan”, “SyathibyNet”.
- Password: Set your secure password.
- Important: Since we physically separated the ports on Mikrotik (Port 3 and Port 5), you can just set up standard SSIDs. The AP plugged into Port 3 will automatically give out “Ikhwan” IP addresses (192.168.20.x).

But sometime UniFi devices (APs, switches) cannot be adopted when they’re on different network segments than the controller.

Solution Steps:

Step 1: Factory Reset the UniFi Device (if you forgot the ssh account)

Physical Reset: Locate the reset button on the device
- Press and hold for 5-10 seconds until LEDs indicate reset
- Device will reboot with default settings

Step 2: SSH Access to UniFi Device

Find Device IP: Check your DHCP server or MikroTik log or use network scanner
SSH Connection: Use terminal/Putty to connect:
```
ssh ubnt@[device-ip]
```
Default credentials:
- Username: ubnt
- Password: ubnt

Step 3: Manual Inform URL Configuration

Once logged in via SSH, set the controller inform URL:

Set Controller IP/Address:

set-inform http://[controller-ip]:8080/inform

Example for controller at 192.168.50.100:

set-inform http://192.168.50.100:8080/inform

Verify Setting (optional):
```
info
```
Apply and Test:
```
set-inform http://[controller-ip]:8080/inform
```
Run this command twice to ensure persistence

Step 4: Network Configuration (If Needed)

If the device needs specific network settings:

Set Static IP (optional):

set-inform http://[controller-ip]:8080/inform

Configure Network Mode:
```
set-default
```

Step 5: Controller-Side Adoption

Return to UniFi Controller interface
The device should now appear for adoption
Click “Adopt” and wait for provisioning

Step 6: Verify and Troubleshoot

Check Adoption Status:
```
mca-cli
info
```
Common Issues & Fixes:
- Firewall Rules: Ensure port 8080/TCP and 3478/UDP are open
- L3 Adoption: Enable “Override inform host” in Controller Settings
- DNS Resolution: Ensure device can resolve controller hostname

Alternative Method: DHCP Option 43

For enterprise deployments, configure DHCP server (like MikroTik):

MikroTik Configuration:

/ip dhcp-server option
add code=43 name=unifi value=0x0104C0A83264  # Hex of controller IP (192.168.50.100)
/ip dhcp-server network
set [find address=192.168.1.0/24] dhcp-option=unifi

Permanent Solution Considerations

Network Design: Ensure UniFi devices and controller are on same VLAN or have proper routing
Controller Hosting: Consider cloud-hosted controller for distributed deployments
DNS Records: Create unifi or unifi-controller A record in local DNS (AdGuard Home)

This SSH-based manual adoption method bypasses network segmentation issues by directly telling the device where to find the controller, effectively solving cross-subnet adoption problems.

4. AdGuard Home Installation (On Router)

We will run the AdBlocker inside the Mikrotik router (Container).

Format USB: Plug a USB stick into the MikroTik. Go to System > Disks, select it, and click Format (Choose EXT4).
Enable Container Mode: Open Terminal and type: /system/device-mode/update container=yes You must physically press the Mode button or unplug/replug power when asked.
Install AdGuard: Copy-paste this script into Terminal:

# Network Interface for Container
/interface veth add name=veth-adguard address=192.168.50.100/24 gateway=192.168.50.1
/interface bridge port add bridge=bridge1 interface=veth-adguard

# Configure Registry
/container config set registry-url=[https://registry-1.docker.io](https://registry-1.docker.io) tmpdir=usb1/pull

# Download & Start AdGuard
/container add remote-image=adguard/adguardhome:latest interface=veth-adguard root-dir=usb1/adguard logging=yes
/container start [find tag~"adguard"]

Setup Wizard:
- Open your browser: http://192.168.50.100:3000
- Click “Get Started”.
- Admin Web Interface: Port 80.
- DNS Server: Port 53.
- Finish setup. Now your router will send all ads here to be blocked.

You can also manual install on PC or Raspberry Pi (the cheap one is Pi Zero 2W) by download the AdGuardHome software on github.com/AdguardTeam/AdGuardHome

Installation Steps:

Download the AMD64 version (for me win11 64bit)
Extract to the C: drive root directory
Open Command Prompt as Administrator and navigate to the directory:
```
cd c:\AdGuardHome
```

Install and start the service:

AdGuardHome.exe -s install
AdGuardHome.exe -s start

Windows Firewall Configuration (Post-Update): Windows Updates frequently reset inbound firewall rules, potentially blocking external connections to AdGuard Home’s DNS port (53).

Solution: Configure Windows Defender Firewall

On the host machine (e.g., 192.168.50.100):

Open Windows Defender Firewall with Advanced Security
Navigate to Inbound Rules
Verify there are existing rules Allowing incoming traffic on Port 53 for both UDP and TCP protocols

If rules are missing, create them:

Click New Rule…
Select Port → Next
Choose UDP and TCP (create separate rules for each)
Enter 53 in “Specific local ports” → Next
Select Allow the connection → Next
Apply to all profiles (Domain, Private, Public) → Next
Name: “AdGuard Home DNS (Port 53)” → Finish

Important Notes:

Ensure these rules permit traffic from your local subnet (or at minimum, from your MikroTik router’s IP)
Confirm there are no conflicting Deny rules specifically blocking Port 53
After major Windows updates, verify these rules remain active and readjust if necessary

For reference about backup AdGuardHome settings you can visit : github.com/syathiby/AdGuardHome-configs

5. ZeroTier Setup (Remote Access)

Access your home network from anywhere in the world. (check my youtube video above for detail installations)

Create Account: Go to ZeroTier.com and create a Network. Copy the Network ID.
Mikrotik Setup:

/zerotier set zt1 disabled=no
/zerotier interface add name=zerotier1 instance=zt1 network=<PASTE_YOUR_NETWORK_ID_HERE> allow-managed=yes allow-global=yes

Authorize:
- Go back to ZeroTier website.
- Scroll to “Members”. You will see your Mikrotik router.
- Check the box “Auth”.
Firewall Rules: (Already included in the Mikrotik Config above, specifically the “Allow ZeroTier” rules).

6. SSH Windows Setup

If you have a PC at home you want to control remotely via ZeroTier.

On the Windows PC:
- Go to Settings > System > Optional Features.
- Click “View features” -> Search for OpenSSH Server -> Install.
Start Service:
- Open PowerShell as Administrator.
- Run: Start-Service sshd
- Run: Set-Service -Name sshd -StartupType 'Automatic'
Connect Remotely:
- Install ZeroTier on your remote laptop and join the same network.
- Open CMD/Terminal: ssh username@<Windows_ZeroTier_IP> or you can ssh the broadcasted local IP.

7. Quick Tutorial: Access Files Remotely with File Browser & Ngrok

Part A : File Browser

Download & Configure File Browser

Download File Browser from filebrowser.org
Extract to your preferred location (e.g., C:\FileBrowser\)
Open Command Prompt as Administrator

Start File Browser Service

# Navigate to File Browser directory
cd C:\FileBrowser

# Start File Browser
filebrowser.exe -a 0.0.0.0 -p 1345 -r "D:\Server File"

Parameters Explained:

-a 0.0.0.0 → Listen on all network interfaces
-p 1345 → Use port 1345
-r "D:\Server File" → Root directory to share

File Browser will be accessible locally at http://localhost:1345

Part B : Configure Ngrok for Remote Access

Install & Authenticate Ngrok

Download Ngrok from ngrok.com
Open PowerShell as Administrator
Add your authtoken:

ngrok config add-authtoken 32yBYGkc0aRMZUQfmV57tHHqrJc_3G9du3dGfiVaLhcRzTTtc

Authtoken saved to configuration file: C:\Users\CreatorB\AppData\Local/ngrok/ngrok.yml

Create Secure Tunnel

# Create tunnel to port 1345
ngrok http 1345

Ngrok will display a public URL (e.g., https://abc123.ngrok.io) that tunnels to your local File Browser.

Part C : Access Files Remotely

First-Time Setup (via Local Network)

Open browser and go to http://[local-ip]:1345 (e.g., http://192.168.50.100:1345)
Create admin username and password when prompted
Configure additional settings as needed

Remote Access Setup

Via Ngrok URL: Access https://your-ngrok-url.ngrok.io from any device with internet
Via ZeroTier/VPN: If using ZeroTier, use your ZeroTier IP instead (more secure)

Part D : Security Recommendations

Essential Security Steps:

Strong Password: Use a complex password in File Browser settings
HTTPS Only: In File Browser settings, enable HTTPS or use reverse proxy

Restrict Access:

# Allow only specific IP (optional)
filebrowser.exe config set --auth.method=proxy

Windows Firewall Rules:

Ensure port 1345 is allowed in Windows Firewall:

Open Windows Defender Firewall
Create Inbound Rule for port 1345 (TCP)
Restrict to private network only

Part E : Advanced: Persistent Service Setup

Create Windows Service (Optional)

# Download NSSM (Non-Sucking Service Manager)
# Run as Administrator:
nssm install FileBrowser "C:\FileBrowser\filebrowser.exe" -a 0.0.0.0 -p 1345 -r "D:\Server File"

# Start the service
net start FileBrowser

Auto-start with Windows:

Create a shortcut to the command in Startup folder
Or use Task Scheduler to run on boot

Part F : Troubleshooting

Common Issues:

“Connection Refused” → Check File Browser is running and firewall allows port 1345
Ngrok Tunnel Fails → Verify ngrok authtoken is valid

Cannot Login → Reset File Browser config:

filebrowser.exe users rm admin
filebrowser.exe users add admin newpassword --perm.admin

Verify Connections:

# Check if port is listening
netstat -ano | findstr "1345"

# Test local access
curl http://localhost:1345

Quick Start Script

Create a batch file start-filebrowser.bat:

@echo off
cd /d C:\FileBrowser
start filebrowser.exe -a 0.0.0.0 -p 1345 -r "D:\Server File"
timeout /t 5
cd C:\laragon\www
start ngrok http 1345

Note: For production use, consider setting up proper authentication, SSL certificates, and access controls rather than relying solely on Ngrok for security.

You can also use tightvnc with zerotier or some remote desktop Chrome Remote Desktop (with password), attended mode for Rustdesk (free your own server), Anydesk, TeamViewer, etc.

8. ZKTeco Fingerprint Device Reset Method

Time-Based Password Calculation

For ZKTeco fingerprint devices that use time-based reset passwords, follow this formula:

Get Current Time in 24-hour format (HHMM)
- Example: Current time is 14:30 → 1430

Calculate Reset Password:

9999 - (Current Time HHMM) = N
N × N = Password

Step-by-Step Reset Procedure

On the Fingerprint Device:
- Access the device’s menu or settings
- When prompted for a password, enter: 8888
- You’ll be asked for a “super password” or “reset password”
Calculate the Password:
- Let’s say current time is 14:30 (2:30 PM)
- Calculation:
```
9999 - 1430 = 8569
8569 × 8569 = 73,427,761
```
- Password: 73427761 (use last 8 digits if longer)
Enter the Password:
- Type the calculated 8-digit password
- Device should grant access to reset/configuration menu

Important Notes

⚠️ Critical Considerations:

Time Synchronization: Device time must be accurate for this to work
Quick Calculation: Do the math quickly; if time changes, recalculate
8-Digit Limit: Use only the last 8 digits if result exceeds 8 digits
Model Variations: Some ZKTeco models use different methods:
- Try 9999 or 0000 as default passwords
- Some use: 9999 - HHMMSS (including seconds)
- Others: HHMM × HHMM then subtract from 9999

Summary

Now you will have a network that is safe from lightning, separated by user groups, blocks ads automatically, and can be managed from anywhere in the world.

I will periodically update this handbook with beneficial stuff inshaAllah, If you have another tips or corrections, feel free to commit your change and create PR on Our GitHub Page.

اَللّٰهُ أَعْلَم

al-faqiir ilaa rahmatillahi ta’ala

✍︎ Hasan B

◉ Ma’had Tahfizh Al-Qur’an Al-Imam Asy-Syathiby, Bogor, Cileungsi.

◴ Itsnayn, 12 Jumadil Awal 1447 H

Fix Windows Cannot Access Network Shared Folder

Thu, 09 Oct 2025 16:00:13 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

اَلْحَمْدُ للّٰهِ رَبِّ العَالَمِيْنَ والعاقبة للمتقين

اَمَّا بَعْدُ

Hadith Intro - Chapter: Health and leisure

باب مَا جَاءَ فِي الرِّقَاقِ وَأَنْ لاَ عَيْشَ إِلاَّ عَيْشُ الآخِرَةِ

نِعْمَتَانِ مَغْبُونٌ فِيهِمَا كَثِيرٌ مِنَ النَّاسِ، الصِّحَّةُ وَالْفَرَاغُ

The Prophet (ﷺ) said: “There are two blessings that many people are deceived into losing: health and free time.”

Ibn Al-Jawzi (رحمه الله) said: “It happens that a person has good health, but does not have free time because of his being engaged in earning his livelihood; or he is rich but has no good health. So, if these two (good health and free time) are gathered in a person, but laziness overtakes him from fulfilling his duties, then he is a loser.

الحمد لله على كل حال و نسأل الله السلامة والعافية

‏اللهَ أَرْجُو أن يشفيكم ويجعلكم من الأبناء الصالحين

اللهم آمين

Step by step fixing error windows shared folder

Are you trying to access a shared folder on your local network (like \\192.168.50.100\Server File) but getting errors like:

“The network path was not found”
“Access is denied”
“System error 53 has occurred”
“You might not have permission to use this network resource”

Even though other computers can access it just fine?

You’re not alone. This is a common issue in Windows 10 and 11, especially when connecting to older servers, NAS devices, or local machines with guest sharing enabled.

In this guide, I’ll walk you through both manual and automatic solutions to fix SMB (Server Message Block) access problems — including a powerful fix-smb.bat script that resolves most issues in one click.

Why This Happens

Microsoft has hardened Windows security over the years, and by default, Windows blocks insecure SMB connections, such as:

Accessing shared folders without a password (guest access)
Connecting to servers that don’t support SMB signing
Using outdated SMBv1 (though not recommended)

While this improves security, it often breaks access to local network shares in trusted environments like home or office LANs.

Solution 1: Manual Fix (Step-by-Step)

Follow these steps carefully to re-enable access to shared folders.

1. Reset Winsock & TCP/IP Stack

This clears any corrupted network configurations.

Open Command Prompt as Administrator and run:

netsh winsock reset
netsh int ip reset
ipconfig /release
ipconfig /renew
ipconfig /flushdns

Restart your computer after running these commands.

2. Re-enable SMB 1.0/CIFS Client

Even if it’s already checked, re-enable it to ensure it’s properly loaded.

Open Control Panel > Programs > Turn Windows features on or off
Uncheck:
- ☐ SMB 1.0/CIFS File Sharing Support
- ☐ SMB 1.0/CIFS Client
Click OK → Restart
After restart, re-enable both options
Restart again

3. Disable SMB Security Signing (PowerShell)

Force Windows to allow insecure (but functional) SMB connections.

Open PowerShell as Administrator and run:

Set-SmbClientConfiguration -RequireSecuritySignature $false -EnableSecuritySignature $false -Confirm:$false

Verify the change:

Get-SmbClientConfiguration | Select RequireSecuritySignature, EnableSecuritySignature

Both values should be False.

4. Allow Insecure Guest Access (Registry)

This is often the missing piece — Windows blocks guest logons by default.

Press Win + R, type regedit, and press Enter

Navigate to:

HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\LanmanWorkstation\Parameters

Create or modify a DWORD (32-bit) value:
- Name: AllowInsecureGuestAccess
- Value: 1
Click OK and restart your PC

⚠️ This setting is ignored if Group Policy overrides it (common in corporate networks).

Now try accessing the shared folder:

In File Explorer:

\\192.168.50.100\Server File

Or via Command Prompt:

net use Z: \\192.168.50.100\Server File

Replace Data with your actual shared folder name.

6. Update Network Driver

Outdated or corrupted network drivers can block SMB.

Press Win + X → Device Manager
Expand Network adapters
Right-click your adapter → Update driver
Choose: “Search automatically for drivers”

If no update found, try uninstalling the driver and restarting — Windows will reinstall it.

7. Use Ethernet Instead of Wi-Fi

Wi-Fi power-saving or security settings can interfere with SMB.

➡️ Connect via Ethernet cable if possible and test again.

Solution 2: Automatic Fix (fix-smb.bat)

If the manual steps are too time-consuming, use this automated batch script to apply all fixes at once.

`fix-smb.bat` – One-Click SMB Repair

Create a file named fix-smb.bat with the following content:

@echo off
echo.
echo  Fixing SMB Configuration...
echo  =============================
echo.

:: Allow insecure guest access
reg add "HKLM\SYSTEM\CurrentControlSet\Services\LanmanWorkstation\Parameters" /v "AllowInsecureGuestAccess" /t REG_DWORD /d 1 /f

:: Disable SMB signing requirements
powershell Set-SmbClientConfiguration -RequireSecuritySignature $false -EnableSecuritySignature $false -Confirm:$false >nul 2>&1

:: Reset network stack
netsh winsock reset >nul
netsh int ip reset >nul
ipconfig /flushdns >nul

echo.
echo  [SUCCESS] Configuration applied.
echo  Please restart your computer to complete the fix.
echo.
pause

How to Use:

Save as fix-smb.bat
Right-click → Run as administrator
Restart your computer
Try accessing \\192.168.50.100\Server File again

💡 This script combines all the manual fixes into one reliable tool.

Security Note

These fixes reduce security for the sake of compatibility. Only use them in trusted networks (home, office LAN). Avoid using them on public Wi-Fi or untrusted environments.

To restore default security later:

Set AllowInsecureGuestAccess = 0
Re-enable SMB signing
Re-enable SMB 1.0 only if absolutely necessary

📌 Summary

Step	Purpose
Reset Winsock/IP	Clear network corruption
Re-enable SMB 1.0	Support legacy servers
Disable SMB signing	Allow connections to unsigned servers
Allow insecure guest access	Enable passwordless access
Update driver	Fix hardware-level issues
Use Ethernet	Avoid Wi-Fi interference

Troubleshot

If every PC can’t access your SMB server, try to disable Private Network on Firewall and Network Connection, you can also monitoring the current access with Powershell :

while ($true) {
    Clear-Host
    Write-Host "=== SMB Sessions ===" -ForegroundColor Yellow
    Get-SmbSession
    Write-Host "`n=== Open Files ===" -ForegroundColor Yellow
    Get-SmbOpenFile
    Start-Sleep -Seconds 5
}

Final Thoughts

If other computers can access the shared folder but yours can’t — it’s not the server’s fault. The issue is almost always on the Windows client side due to tightened security policies.

With this guide and the fix-smb.bat script, you now have a complete toolkit to fix SMB access issues — whether manually or automatically.

Want this script handy?
Save fix-smb.bat on a USB drive for quick fixes on any Windows machine!

Have questions or a different error? Let me know in the comments! Thank you, yassarallahulakum.

اَللّٰهُ أَعْلَم

al-faqiir ilaa rahmatillahi ta’ala

✎ Hasan B

◉ Kiunara, KP Tengah, Cileungsi, Bogor, West Java, Indonesia

📅 Thursday, 18 Rabiulakhir 1447 H

Solved rd.break is stuck at Warning: Break before switch_root - RHA134

Sat, 07 Oct 2023 15:35:05 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

اَلْحَمْدُ للّٰهِ رَبِّ العَالَمِيْنَ والعاقبة للمتقين

اَمَّا بَعْدُ

JUDUL

Mengatasi permasalahan rd.break di RHA 134 Chapter 10 - Controlling The Boot Process

ABSTRAK

Pembahasan ini ditulis untuk membantu siapa saja (terlebih mahasiswa Sibermu) yang mengalami permasalahan yang sama di course RHA134 Chapter 10, yang perlu di garis bawahi saya (penulis) tidak menggunakan fitur / tombol Show Solution (lihat solusi / jawaban) dari course yang dimaksud, bisa jadi apa yang saya tulis disini sama dengan solusi yang ada di balik fitur tersebut. Lalu kenapa saya menulis ini? karena saya merasa materi tutorial / course yang diberikan sebelumnya tidak menyertakan alternatif yang telah saya lakukan untuk menyelesaikan chapter ini, sementara ini saya belum tau pasti ini adalah bug atau memang penyedia course menginginkan peserta mencari dari referensi lain untuk menyelesaikan tugas lab di chapter 10 ini, atau memang bisa jadi hanya lab saya yang bermasalah, karena tidak seperti sebelumnya di RHA124 dan RHA134 chapter sebelumnya, tugas lab yang diberikan sesuai dengan materi yang disampaikan.

Kemudian beberapa solusi dan referensi yang telah dikumpulkan disajikan disini dalam bentuk tahapan yang bisa diikuti / praktekkan dan diakhiri dengan kesimpulan. Versi Red Hat Enterprise Linux yang dipakai di lab ini ialah RHEL 9.0 plow, tidak menuntut kemungkinan jika terjadi permasalahan sebenarnya (real) yang sama diluar sana juga bisa mengikuti apa yang dijelaskan dipembahasan ini.

Kata Kunci : Sibermu, Linux, Red Hat, RHA134 Chapter 10, Control The Boot Process, RHEL 9.0 Plow, Atur Ulang Kata Sandi RHEL, Diagnosa dan Perbaikan Boot, rd.break, init=/bin/bash

ISI

Di Lab RHA134 Chapter 10, peserta diminta untuk mereset root password, memperbaiki beberapa konfigurasi boot dan menetapkan default target boot ke mode graphical.

Setelah memulai lab dan masuk pada serverb melalui console di Lab Environment, akan mendapati issue pada file-system yang harus diselesaikan dan pertama-pertama harus merubah password user root terlebih dahulu. Hanya saja di materi sebelumnya menggunakan rd.break yang dipasang di akhir baris linux yang ada pada boot loader (dengan menekan huruf keyboard e pada menu list boot untuk edit, menu ini ada setelah restart / awal booting), namun ketika menggunakan rd.break saya tidak bisa masuk ke prompt switch_root yang diharapkan dari sana mengubah password user root ke redhat. Alih-alih masuk kesana, melainkan terlempar ke mode emergency yang passwordnya memang perlu direset dan jika diperhatikan list log diatasnya, sebelum masuk mode emergency, didapati error rd.break is stuck at Warning: Break before switch_root.

Setelah beberapa waktu mencoba tetap gagal untuk masuk ke switch_root menggunakan rd.break, akhirnya diputuskan untuk masuk tanpa menggunakan rd.break, melainkan init=/bin/bash dengan tahapan sebagai berikut :

Edit boot-loader entry (pembahasannya telah disampaikan di materi sebelum tugas lab).
Pembahasan yang disampaikan sebelumnya dengan menambahkan rd.break diakhir baris kata linux dan itu sudah dicoba dan gagal / tidak bekerja, maka ganti dengan menambahkan init=/bin/bash diakhir baris kata, tidak hanya itu hapus juga 'console=tty0' & 'console=ttyS0,115200n8'.
Kemudian Ctrl + x untuk booting dengan konfigurasi yang telah diperbaharui dilangkah nomor 2 diatas.
Maka akan masuk ke kernel commandline, dan secara default file sistem root dalam keadaan mount dan read-only maka remount untuk menjadikannya read-write, menggunakan perintah mount -o remount,rw /
Di shell yang sedang aktif sekarang ini bisa digunakan untuk reset password dan mengatasi permasalahan yang ada dalam tugas lab, untuk reset password, menggunakan perintah passwd dan ganti passwordnya ke redhat (sesuai soal dalam tugas lab ini).
Setelah password berhasil diperbaharui, bisa keluar dari shell dengan perintah exec /sbin/init atau reboot. Dalam posisi ini password telah berhasil diatur ulang.

Demikian beberapa tahapan yang bisa dilakukan untuk berhasil reset password yang sebelumnya terkendala ketika menggunakan rd.break, disiasati dengan masuk melalui alternatif shell init=/bin/bash. Selanjutnya silahkan kembali mengerjakan tugas lab nya sesuai materi yang sebelumnya disampaikan.

PENUTUP

Dari beberapa referensi yang dihimpun, maka disimpulkan Opsi kernel rd.break dan init=/bin/bash memiliki tujuan sama dan berbeda dalam cara kerjanya:

rd.break: Opsi ini menghentikan proses booting dan memberikan akses ke emergency shell, sebelum sistem beralih ke sistem file root yang sebenarnya. Ketika menggunakan rd.break, sistem initial RAM disk (initramfs) awalnya terpasang / mount sebagai inisialisasi dari sistem file root, dalam posisi ini bisa menggunakan mount untuk mengakses sistem file root yang sebenarnya. Ini berguna untuk memperbaiki masalah booting yang terkait dengan initramfs, termasuk reset password.
init=/bin/bash: Opsi ini secara langsung menetapkan bahwa shell /bin/bash dieksekusi sebagai proses init dari sistem, sehingga membuatnya menjadi proses root. Ini menggantikan proses init standar karena menjalankan shell secara langsung. Dengan cara ini bisa langsung masuk menuju sistem file root yang sebenarnya tanpa melalui initramfs. Ini juga masuk dalam kategori mode emergency shell, untuk pemulihan ketika sistem tidak dapat booting normal.

Seperti yang telah dialami, rd.break tidak berfungsi seperti yang diharapkan, kesimpulannya bisa jadi karena konfigurasi tertentu atau masalah dengan initramfs, Penggunaan init=/bin/bash yang mem bypass initramfs, sangat bermanfaat ketika rd.break tidak berfungsi seperti kasus ini. Hanya saja penggunaan init=/bin/bash harus dilakukan dengan hati-hati karena proses ini tidak melalui langkah inisialisasi dan konfigurasi yang terjadi selama proses booting, tidak seperti dengan apa yang dilakukan rd.break.

اَللّٰهُ أَعْلَم

Alhamdulillahi rabbil ‘alamin, mungkin sekian dulu catatan kecil ini, semoga bermanfaat, barakallahufiik.

Al-Faqiir ilaa Rahmatillahi Ta’ala

✎ Hasan Basri

◉ Belakang pemda situbondo - Sabtu (malam Ahad), 21 Rabi’ul Awwal 1445

Red Hat Academy (RHA) Sibermu - Bab 1

Mon, 04 Sep 2023 17:45:05 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

اَلْحَمْدُ للّٰهِ رَبِّ العَالَمِيْنَ والعاقبة للمتقين

اَمَّا بَعْدُ

Hai

Sebelumnya salam kenal, saya Hasan Basri asal situbondo jawatimur, dari prodi informatika sibermu angkatan 5. Bagi kalian yang belum tau apa SiberMu yuk kunjungi Kampus Virtual SiberMu.

Teruntuk sesama angkatan salam kompak selalu dan bagi kakak angkatan dan segenap dosen, mohon bimbingannya (/|). Berikut rangkuman dari materi Redhat Academy, sekedar catatan sederhana, semoga bermanfaat dan sengaja tidak saya tulis lengkap khawatir copyright, tapi insyaAllah sudah mencakup inti materi, saran dan kritik membangun saya terima dengan sangat senang hati <3 barakallahufiik.

Sekedar mengingatkan kembali untuk mengikuti Red Hat Academy ini, silahkan mengikuti instruksi sesuai modul pdf panduan yang sudah di share di group whatsapp, kemudian setelah mendaftar dan mendapat rhnid dan email bisa lakukan konfirmasi di link google form dan selamat menunggu email konfirmasi. Setelah mendapat link konfirmasi di email silahkan masuk pakai rhnid dan password yang sebelumnya daftar di Red Hat untuk mempelajari materi. Untuk panduan lebih jelas bisa simak video mengenai RHCSA : Tutorial Membuat Red Hat Network Id dan Login Red Hat Academy. Pertanyaan lebih lanjut terkait Red Hat Academy bisa bergabung di link telegram yang telah di bagikan pak @andisugandi.

Bab 1. Memulai Red Hat Enterprise Linux

Visi : Mengenal Open Source, Linux, Linux Distributions, Red Hat Enterprise Linux
Misi : Menjelaskan tujuan open source, Linux, Linux distributions, Red Hat enterprise Linux

Linux

Linux adalah kernel opensource, kernel adalah core / inti, antar muka pertama yang mengontrol sistem dengan mengakses CPU, Memory, disk I/O, networking melalui sistem operasi. Sistem operasi / operating system (OS) sendiri adalah perangkat lunak (software) yang bertugas menangani operasi dasar sistem dan manajemen perangkat keras (hardware), banyak sistem operasi yang sering kita pakai misal Windows, atau di laptop macbook memakai OS MacOS, di iphone memakai OS iOS, atau di smartphone lain memakai OS Android. Linux pertama kali dikembangkan oleh Linus Torvalds pada tahun 1991. Sebenarnya Linux dikembangkan untuk komputer pribadi berarsitektur Intel x86, tetapi seiring waktu Linux telah diporting ke berbagai arsitektur, bahkan lebih banyak daripada sistem operasi lainnya.

Kenapa harus belajar Linux?

Teknologi penting yang harus diketahui pekerja IT/TI profesional.
Linux mengelola sistem point-of-sale (sistem yang digunakan untuk penjualan produk) dan pasar saham dunia.
Mendukung smart TV dan sistem entertainment dalam penerbangan (hiburan audio,video yang disajikan pada penumpang maskapai penerbangan).
Dipakai disebagian besar 500 superkomputer (komputer yg dipakai untuk perhitungan intensif semisal simulasi pesawat, riset iklim dan perkiraan cuaca, dll) di dunia.
Menyediakan teknologi yang mempelopori cloud revolution dan menyediakan tool untuk membangun generasi terkini dari aplikasi berbasis container, software-based dan big data.
Pengguna OS Windows butuh untuk saling bekerja dengan sistem Linux dan aplikasinya.
Cloud Computing (teknologi internet komputer) memakai Linux.
Aplikasi mobile dan perangkat Internet of Things (IoT) kebanyakan memakai Linux.
dll

Apa bagusnya memakai Linux?

Karena Opensource, maksudnya kita bisa mengakses semuanya (source code, dll) kita bisa mengetahui cara kerja sistemnya, bisa memodifikasi dan membagikan secara gratis untuk dipakai bersama, termasuk tujuan opensource untuk lebih mudah dan cepat dalam pengembangan software itu sendiri.
Menyediakan command-line interface / CLI (bisa menggakses komputer dengan interface / antarmuka tampilan berbasis text saja) untuk kemudahan akses dan powerfull scripting (interpreter menerjemahkannya sehingga dipahami kernel, bisa dipakai untuk otomatisasi pekerjaan, backup, monitoring, dll)
Karena Modular, bisa dengan mudah memperbaharui, meningkatkan, mengganti, menghapus semua komponen dalam sistem operasi.

Opensource Software

Adalah Perangkat lunak (software) yang source code nya bisa dipelajari, dimodifikasi dan dibagikan.
Source code adalah kumpulan kode instruksi yang bisa dipahami manusia dan digunakan untuk membuat program.
Source code yang telah dibuat memiliki copyright (hak cipta).
Pembuat hak cipta memberikan ketentuan terkait perangkat lunak yang dibuat apakah bisa disalin, dimodifikasi, disebarkan, dll.
Pengguna perangkat lunak menggunakannya sesuai lisensi yang tertera.
Beberapa perangkat lunak ada yang memiliki lisensi kepemilikan / hak paten (proprietary / closed source) source code nya hanya bisa dilihat, diubah, atau didistribusikan oleh orang, tim, atau organisasi pembuatnya, sedangkan bagi pengguna lain ada keterbatasan dalam mengakses program dan source codenya.
Perangkat lunak opensource tetap bisa dijadikan komersial.
Vendor opensource seperti Red Hat menawarkan dukungan komersial untuk menerapkan, mengelola, dan memberikan solusi tepat berdasarkan produk opensource.
Lisensi Copyleft adalah lisensi opensource yang hasil turunan (perangkat lunak yang telah dimodifikasi / dikembangkan) harus sama lisensi nya dengan lisensi induk / awalnya.
Lisensi Permissive adalah lisensi opensource yang hasil turunannya boleh memakai lisensi lain bahkan dijadikan lisensi proprieatary, komersil.

Manfaat Opensource

Control = Mengetahui bagaimana cara kerja kode dan meningkatkan performanya.
Training = Melatih untuk langsung belajar dari code yang sudah berjalan dan bisa membuat aplikasi lain yang bermanfaat.
Security = Memeriksa kode yang sensitif (ada celah untuk dirusak) dan bisa langsung memperbaikinya.
Stability = Kode nya tetap bisa diandalkan (dimanfaatkan, dikembangkan, dll) meskipun sudah ditinggalkan oleh pembuat awalnya.

Apa itu Linux Distribution / Distro Linux

Distro Linux, sebutan untuk sistem operasi yang dikembangkan menggunakan kernel Linux.
Dibuat untuk tujuan tertentu dan kadang juga didalamnya memiliki banyak aplikasi opensource.
Distro Linux Memiliki dokumentasi terkait distro dan instalasi.
Distro Linux Menyediakan partisipasi untuk dukungan software dan komunitas pengembang.
Distro Linux tidak hanya dikembangkan gratis oleh komunitas, ada juga yang dikembangkan secara berbayar oleh organisasi.

Mengenal Red Hat

Adalah perusahaan penyedia perangkat lunak opensource terkemuka dunia.
Pelopor di komunitas dalam mengembangkan teknologi cloud, Linux, middleware, storage, teknologi virtualisasi dan teknologi terbaik lain nya dengan sistem opensource.
Berpartisipasi dalam mengembangkan pelanggan dalam komunitas opensource dan industri teknologi.

Fedora Rawhide - Fedora | CentOS Stream - Red Hat Enterprise Linux / RHEL

RHEL, Distro Linux komersil yang di distribusikan oleh perusahaan Red Hat.
Red Hat mendukung penuh dalam pengembangannya demi mendapatkan software berkualitas untuk semua orang.
Red Hat mensponsori fedora (salah satu distro Linux) dan mengintegrasikan menjadi proyek opensource yang berbasis komunitas dan fedora menjadi laboratorium pengembangan untuk fitur yang nantinya akan masuk pada CentOS dan produk RHEL.
CentOS adalah upstream dari RHEL, dimana source nya dari Fedora.
Red Hat berupaya menjaga CentOS Stream tetap stabil untuk siap digunakan dalam jangka waktu panjang, terstandart dan mengintegrasikan pada RHEL dalam keadaan siap produksi.
Pembaharuan RHEL bersifat opensource dan semua orang bisa berkontribusi didalamnya, patch akan di kirim ke CentOS Stream dan akan segera di integrasikan ke RHEL.
RHEL Edge, varian RHEL yang digunakan untuk membuat image OS untuk keperluan Edge Computing (lokalisasi cloud computing biasanya untuk keperluan perangkat IoT)
Red Hat CoreOS (RHCOS), bukan OS yang berdiri sendiri tapi image OS pada host dalam container, termasuk bagian dari Red Hat OpenShift Container Platform (RHOCP), terkait detail mengenai ini bisa mempelajari OpenShift dan containers.
Red Hat Universal Base Image (UBI), ini biasanya diperuntukkan bagi developer / pengembang yang ingin mengembangkan aplikasi cloud-native dalam container, seperti bahasa pemprograman .NET, Golang, Node.js, Perl, PHP, Python, dan Ruby.
Fedora Rawhide adalah continuous development environment (sebuah lingkungan pengembangan berkala) dari Fedora yang dirilis ke publik atau sederhananya Fedora Rawhide adalah versi terbaru fedora yang sedang dikembangkan.
Komunitas melakukan pengujian dan menyiapkan versi kernel Linux baru, driver, utilities, dan aplikasi untuk di distribusikan sebagai rilis Fedora versi selanjutnya, adapun RHEL yang dirilis didapatkan dari rilis Fedora terbaru yang menjadi dasar dari CentOS Stream. Contohnya : Fedora 34 adalah sumber kode awal yang digunakan untuk membangun RHEL 9 dan CentOS Stream 9, jika ada package suatu software/aplikasi fedora 34 diperbaharui, maka pembaharuan dimasukkan ke CentOS Stream dan akan menjadi RHEL versi nightly build.
Permisalan antara Fedora dan Fedora Rawhide sama dengan RHEL dan CentOS Stream, CentOS Stream disiapkan untuk pengembangan minor rilis dari RHEL dan Red Hat melakukan pengujian disegala aspek sebelum merilis RHEL ke publik.

Beberapa alternatif untuk mendapatkan RHEL

RHEL varian evaluation bisa download di https://access.redhat.com/products/red-hat-enterprise-linux/evaluation untuk mengakses nya bisa gratis mendaftar akun di https://access.redhat.com/. Produk ini akan menerima update dan dukungan dari Red Hat dalam periode tertentu, dan jika periode habis tetap masih bisa dipakai hanya saja tanpa dukugan Red Hat lagi.
RHEL Developer Subsription, varian RHEL yang bisa download di https://developer.redhat.com/, catatan : Ada himbauan dari Red Hat untuk tidak menggunakan varian subscription ini jika sudah memiliki subscription organisasi tertentu, karena Developer Subcription ditujukan untuk perseorangan yang tertarik untuk mencobanya.
Penyedia komputasi awan (Cloud Providers) terkemuka seperti Amazon Web Services, Google Cloud Platform, Microsoft Azure, pun menawarkan RHEL dengan subscription Red Hat Cloud Access service.
Fedora Linux dan beberapa turunannya bisa dipakai gratis, bisa download di https://getfedora.org.
EPEL / EPEL Next = Extra Packages for Enterprise Linux (EPEL) menyediakan berbagai package turunan dari Fedora atau sudah masuk CentOS tapi belum tersedia di RHEL. Silahkan baca lebih detail di https://docs.fedoraproject.org/en-US/epel/
CentOS Stream bisa download di https://www.centos.org/centos-stream/.

Rangkuman

Perangkat lunak (software) Open source adalah perangkat lunak yang source code nya bisa diakses semua orang, dipelajari, dimodifikasi dan dibagikan ulang.
Linux Distribution / Distro, ialah sistem operasi yang dibangun menggunakan Linux Kernel dengan dukungan aplikasi dan library.
Perusahaan Red Hat berpartisipasi dan berkontribusi pada proyek Open source, mensponsori dan mengintegrasikannya menjadi distribusi berbasis komunitas kemudian menstabilkannya agar dapat ditawarkan sebagai produk komersil yang enterprise-ready (suatu sistem teruji yang digunakan untuk meningkatkan aktivitas operasional perusahaan bekerja secara efektif).
Red Hat Enterprise Linux (RHEL) adalah produk opensource yang enterprise-ready dengan dukungan berbayar yang ditawarkan oleh perusahaan Red Hat,
Red Hat Developer Subscription versi gratis dibuat untuk mempermudah seseorang untuk mendapat sumber belajar, informasi, termasuk Developer Subscription sendiri dan produk produk Red Hat lainnya.

Tips

Keseluruhan course berbahasa inggris, dan beberapa bahasa lain selain bahasa indonesia, untuk pengguna browser chrome terbaru bisa klik kanan dan pilih terjemahkan halaman ini, atau bisa juga install addons / aplikasi chrome untuk menerjemahkan halaman atau kata yg dipilih (select/blok) menggunakan ImTranslator. Saya rekomendasikan ImTranslator karena memakai beberapa provider translator, Google, Bing, Yandex dan untuk hasil translate lebih manusiawi lagi (human readable) bisa memakai chatGPT atau addons yang memakai chatGPT seperti MaxAI.me.
Teruntuk prodi informatika / informasi, bahasa inggris termasuk ilmu alat penting yang dibutuhkan oleh pekerja IT dan mempelajarinya termasuk nilai tersendiri, karena mayoritas dokumentasi teknologi terupdate menggunakan bahasa inggris. Sebagaimana jika alat sudah lengkap maka pekerjaan lebih efisien lagi untuk dikerjakan. (Tentunya tetap semua kemudahan datangnya dari Allah, adapun keahlian hanya salah satu usaha untuk menggapai kemudahan dari Allah).
Kembali mengingatkan kutipan dari pak @andisugandi Goal untuk September 2023 ini bukan kebut-kebutan 15 chapters selesai (+ dapat sertifikat ketuntasan), melainkan mendapatkan exam voucher. Syaratnya dapat exam voucher ini harus eligible, syarat eligible: jangan ngebut: maksimal 2/3 chapter per 1X login (per hari). Boleh diulang-ulang untuk setiap chapter yg sama (berkali-kali login per hari).

اَللّٰهُ أَعْلَم

Alhamdulillahi rabbil ‘alamin, mungkin sekian dulu catatan kecil ini, insyaAllah kita akan bertemu lagi di sesi berikutnya, barakallahufiik.

Al-Faqiir ilaa Rahmatillahi Ta’ala

✎ Hasan Basri

◉ Belakang pemda situbondo - Selasa, 19 Shofar 1445

Apa itu sunnah Rosul?

Thu, 19 Mar 2020 06:06:42 +0000

بِسْــــــــــــــــــمِ اللهِ الرَّحْمَنِ الرَّحِيْمِ

إِنَّ الْحَمْدَ لِلَّهِ, نَحْمَدُهُ, وَنَسْتَعِينُهُ, وَنَسْتَغْفِرُهُ, وَنَعُوذُ بِاللَّهِ مِنْ شُرُورِ أَنْفُسِنَا, وَسَيِّئَاتِ أَعْمَالِنَا

مَنْ يَهْدِهِ اللَّهُ فَلاَ مُضِلَّ لَهُ, وَمَنْ يُضْلِلْ فَلاَ هَادِيَ لَهُ, وَأَشْهَدُ أَنْ لاَ إِلَهَ إِلاَّ اللَّهُ وَحْدَهُ لاَ شَرِيْكَ لَهُ, وَأَشْهَدُ أَنَّ مُحَمَّدًا عَبْدُهُ وَرَسُولُهُ

يَا أَيُّهَا الَّذِينَ آمَنُوا اتَّقُوا اللَّهَ حَقَّ تُقَاتِهِ وَلاَ تَمُوتُنَّ إِلاَّ وَأَنْتُمْ مُسْلِمُونَ

يَا أَيُّهَا النَّاسُ اتَّقُوا رَبَّكُمُ الَّذِي خَلَقَكُمْ مِنْ نَفْسٍ وَاحِدَةٍ وَخَلَقَ مِنْهَا زَوْجَهَا وَبَثَّ مِنْهُمَا رِجَالاً كَثِيرًا وَنِسَاءً وَاتَّقُوا اللَّهَ الَّذِي تَسَاءَلُونَ بِهِ وَالأََرْحَامَ إِنَّ اللَّهَ كَانَ عَلَيْكُمْ رَقِيبًا

يَا أَيُّهَا الَّذِينَ آمَنُوا اتَّقُوا اللَّهَ وَقُولُوا قَوْلاً سَدِيدًا يُصْلِحْ لَكُمْ أَعْمَالَكُمْ وَيَغْفِرْ لَكُمْ ذُنُوبَكُمْ وَمَنْ يُطِعِ اللَّهَ وَرَسُولَهُ فَقَدْ فَازَ فَوْزًا عَظِيمًا

أَمَّا بَعْدُ:
فَإِنَّ خَيْرَ الْحَدِيثِ كِتَابُ اللَّهِ, وَخَيْرَ الْهَدْيِ هَدْيُ مُحَمَّدٍ, وَشَرَّ الأُمُورِ مُحْدَثَاتُهَا, وَكُلَّ مُحْدَثَةٍ بِدْعَةٌ, وَكُلَّ بِدْعَةٍ ضَلاَلَةٌ, وَكُلُّ ضَلاَلَةٍ فِي النَّارِ

Ketahuilah wahai sauadaraku -semoga Allah memberkahimu- aku membuka risalah (wacana tertulis) ini dengan kalimat bismillahirrohmanirrohim karena yang demikian termasuk sunnah rosul, hal ini diriwayatkan dalam hadits Bukhori bahwasanya nabi Muhammad shallallahu ‘alaihi wasallam memulai suratnya pada raja heraclius dengan basmalah.

Wahai saudaraku -semoga Allah memberi kita hidayah- perhatikanlah kalimatku diatas, engkau mendapatiku mengatakan sunnah rosul kemudian mengutip salah satu hadits riwayat bukhori (hadits adalah salah satu redaksi yang bersumber dari Rasulullah Muhammad shallallahu ‘alaihi wasallam), Mengapa? karena ini adalah perintah Allah,

فَاعْلَمْ أَنَّهُ لَا إِلَهَ إِلَّا اللَّهُ وَاسْتَغْفِرْ لِذَنْبِكَ

“Maka ilmuilah (ketahuilah)! Bahwasanya tiada sesembahan yang berhak disembah selain Allah dan mohonlah ampunan untuk dosamu” Quran Surah, Muhammad [47]: 19

Na’am dalam ayat tersebut, Allah memulainya dengan perintah ‘ilmuilah’ lalu mengatakan ‘mohonlah ampun’. Ilmuilah yang dimaksudkan adalah perintah untuk berilmu terlebih dahulu, sedangkan ‘mohonlah ampun’ adalah amalan. Ini pertanda bahwa ilmu hendaklah lebih dahulu sebelum amal perbuatan. Masyaallah, pernahkah terbersit olehmu penjelasan begitu gamblang ini? Barokallahufiikum, Engkau bisa menemuinya di kitab Fathul Bari, 1/108 dengan demikian Al Bukhori berkata, “Al ‘Ilmu Qoblal Qouli Wal ‘Amal“ (Ilmui dulu Sebelum Berkata dan Berbuat). Sungguh agama ini indah, jelas dan terang wahai saudaraku hanya saja terkadang kita menutup diri dan terlalaikan dari menuntut ilmu (maka dari itu bersabarlah dalam membaca risalah ini hingga tuntas), semoga Allah memberi kita taufiq.

(Berikutnya terjemahan teks dibawah Bismillahirrohmanirrohim diatas)

Segala puji hanya bagi Allah, kami memuji-Nya, memohon pertolongan dan ampunan kepada-Nya, kami berlindung kepada Allah dari kejahatan diri-diri kami dan kejelekan amal perbuatan kami. Barangsiapa yang Allah beri petunjuk, maka tidak ada yang dapat menyesatkannya, dan barangsiapa yang Allah sesatkan, maka tidak ada yang dapat memberinya petunjuk. Aku bersaksi bahwasanya tidak ada sesembahan yang berhak diibadahi dengan benar kecuali Allah saja, tidak ada sekutu bagi-Nya, dan aku bersaksi bahwasanya Nabi Muhammad adalah hamba dan Rosul-Nya.

Wahai orang-orang yang beriman, bertaqwalah kepada Allah dengan sebenar-benar taqwa kepada-Nya, dan janganlah sekali-kali kamu mati melainkan dalam keadaan beragama Islam. (QS.AIi’lmron: 102)

Wahai sekalian manusia, bertaqwalah kepada Robb-mu yang telah menciptakanmu dari diri yang satu, dan daripadanya Allah menciptakan pasangannya (istri), dan dari keduanya Allah memperkembangbiakkan laki-laki dan perempuan yang banyak. Dan bertaqwalah kepada Allah yang dengan menggunakan Nama-Nya kamu saling meminta, dan (peliharalah) hubungan silaturohim. Sesungguhnya Allah selalu menjaga dan mengawasimu. (QS. an-Nisa’:1)

Wahai orang-orang yang beriman, bertaqwalah kamu kepada Allah dan ucapkanlah perkataan yang benar, niscaya Allah memperbaiki bagimu amalan-amalanmu dan mengampuni bagimu dosa-dosamu. Dan barangsiapa mentaati Allah dan Rosul-Nya, maka sesungguhnya ia telah mendapatkemenanganyang besar.” (QS. al-Ahzaab: 70-71 )

Amma ba’du: Sesungguhnya sebenar-benar perkataan adalah Kitabulloh (al-Qur’an) dan sebaik-baik petunjuk adalah petunjuk Muhammad shallallahu ‘alaihi wa sallam (as-Sunnah). Seburuk-buruk perkara adalah perkara yang diada-adakan (dalam agama), setiap yang diada-adakan (dalam agama) adalah bid’ah, setiap bid’ah adalah sesat, dan setiap kesesatan tempat-nya di neraka.

Adapun setelahnya aku melanjutkan tulisanku dengan Khutbatul Hajah (terjemahannya telah di uraikan diatas) yang demikian juga ada pada sunnah nabi. Ada banyak riwayat menjelaskan seringnya rosulullah membaca khutbatul hajah sebelum memulai khutbahnya, salah satunya engkau bisa merujuk dalam riwayat Hadits Muslim, bahwasanya Dhimad al-Azdi (tukang ruqyah zaman Jahiliyah yang datang untuk meruqyah rosulullah karena dia menganggap beliau gila, Subhanallah) akan tetapi dia malah mengucapkan syahadat masuk Islam setelah mendengar Nabi shallallahu ‘alaihi wa sallam membacakan khutbah hajah kepadanya, Dhimad berkata: “Aku telah mendengar ucapan para dukun, para penyihir dan para penyair. Namun aku belum pernah mendengar kata-kata engkau (Rosulullah) tersebut. Sungguh, kata-kata itu telah sampai ke dasar lautan (karena kedalaman makna yang dikandungnya).” (Muslim: 868). Adapun syarah (penjelasan rinci) dari makna khutbatul hajah tidak terlampirkan dalam risalah ini karena pembahasan ini sudah mulai meluas, -barokallahufiikum-.

Al muhim (intinya), Nabi kita shallallahu ‘alaihi wa sallam memulai suratnya pada Raja Heraklius dengan basmalah dan ketika berkhutbah Nabi shallallahu ‘alaihi wa sallam memulainya dengan hamdu lillah dan memuji Allah Ta’ala, yang demikian termasuk sunnah nabi / sunnah rasul (rosul) dan -walhamdulillah- kita telah melewati pemaparan diatas sebagai contoh gamblang dan pendekatan secara konteks, sebelum kita masuk dalam pembahasan. Lalu apa arti Sunnah nabi / Sunnah rosul?

Pengertian Sunnah Nabi / Sunnah Rosul

Arti Sunnah Secara Umum

Telah dikenal secara umum dikalangan kita, sunnah adalah segala perbuatan yang apabila dikerjakan mendapat pahala dan jika ditinggalkan maka tidak berdosa. Na’am shahih, ini adalah pengertian secara sudut pandang para fuqaha (ulama pakar dalam disiplin ilmu fikih), https://id.wikipedia.org/wiki/Fuqaha yang telah menyebar dikalangan kita. Maka datang juga tingkat hukum syariat yaitu: wajib, haram, makruh, mubah, dan sunnah (mustahab/mandub). Dengan demikian sunnah dalam pandangan ini adalah suatu amal yang dianjurkan oleh syariat namun tidak mencapai derajat wajib atau harus, ini pengertian sunnah dalam pandangan Fiqih. Ulama Mutaakhkhirîn (belakangan ini) mengenai sunnah ini lebih dikenal dengan arti mustahab atau mandûb, sebaiknya dalam menghukumi syariat memang demikian jika hendak meninjau hukum, kita katakan hukum perkara ini adalah mustahab lalu sampaikan sisi pendalilan (al-quran/hadits) karena jika hanya dikatakan sunnah maka cangkupannya akan meluas meski tetap dalam satu konteks makna (penjelasannya akan datang dibawah ini, Insyaallah).

Arti Sunnah Secara Bahasa

Secara etimologi atau bahasa, sunnah berarti ‘thariqah’ (jalan) atau metode. Silahkan merujuk pada Hadits Riwayat. Muslim: 2398, bahwasanya:

مَنْ سَنَّ فِى الإِسْلاَمِ سُنَّةً حَسَنَةً فَلَهُ أَجْرُهَا وَأَجْرُ مَنْ عَمِلَ بِهَا بَعْدَهُ مِنْ غَيْرِ أَنْ يَنْقُصَ مِنْ أُجُورِهِمْ شَىْءٌ وَمَنْ سَنَّ فِى الإِسْلاَمِ سُنَّةً سَيِّئَةً كَانَ عَلَيْهِ وِزْرُهَا وَوِزْرُ مَنْ عَمِلَ بِهَا مِنْ بَعْدِهِ مِنْ غَيْرِ أَنْ يَنْقُصَ مِنْ أَوْزَارِهِمْ شَىْءٌ

“Barang siapa yang mencontohkan jalan yang baik di dalam Islam, maka ia akan mendapat pahala dan pahala orang yang mengamalkannya setelahnya tanpa mengurangi pahala mereka sedikit pun. Dan barang siapa yang mencontohkan jalan yang jelek, maka ia akan mendapat dosa dan dosa orang yang mengerjakannya sesudahnya tanpa mengurangi dosa mereka sedikit pun.”

Wahai saudaraku -semoga Allah memudahkan urusan-urusanmu dalam kebaikan- jika kita bekerja di suatu perusahaan dan perusahaan mengumumkan ada bonus, hadiah sekian dan sekian jika mengerjakan suatu pekerjaan yang bisa kita lakukan, tidak kah kita mengambil peluang itu? Tentu, apa lagi kita di dunia ini Nahnu al-fuqara ilaallah, maka telah datang di depan kita Ghanimah, hendaknya kita bersemangat dalam menghidupkan sunnah (mengilmui, mengamalkan dan menyampaikan), tentunya yang berlandaskan dalil (sumber redaksi) yang shahih (valid).

Arti Sunnah yang PENTING kita ketahui

Berkata As-Syaikh Abdullah Hamud al Furaih dalam Muqoddimah (pendahuluan) kitabnya Al-Minhul ‘Aliyyah fii Bayan As-Sunanil Yaumiyyah (telah terbit terjemahan indonesianya, Hadiah Indah Penjelasan Tentang Sunnah-Sunnah Sehari-Hari (shallallahu alaihi wa sallam)), beliau berkata: “Sunnah adalah segala sesuatu yang disandarkan kepada Rasul, baik berupa perkataan, perbuatan, penetapan, sifat fisik atau sifat perangainya”. Sedangkan Pengertian tersebut terbagi lagi menjadi beberapa, salah satunya sudut pandang para pakar hadits (muhadditsun) yang menyatakan segala redaksi yang bersumber pada nabi baik sebelum diutus menjadi nabi ataupun setelahnya, tentu apa yang diyakini Muhadditsun itu sunnah bisa menjadi wajib bagi pengertian Fuqaha (diatas sudah dibahas dalam tinjauan hukum syariat). Beda lagi dalam pembahasan Ushul Fiqih (tidak dijelaskan secara rinci disini) segala sesuatu yang bersandarkan pada rosulullah namun yang hanya sudah ditetapkan beliau baik dalam perbuatan dan perkataan, Adapun yang berupa sifat fisik maupun akhlak, maka itu tidak termasuk sunnah dalam pandangan ushul fiqih. Begitu pula yang terjadi sebelum diutusnya beliau menjadi Nabi, atau yang berasal dari para Nabi sebelumnya, maupun generasi setelahnya, yaitu sahabat, tabiin, dan selainnya, maka hal itu pun bukan termasuk sunnah dalam pandangan disiplin ilmu ushul fiqih. Kemudian yang terakhir adalah sunnah menurut Ulama Aqidah, Sunnah bagi mereka adalah setiap amal perbuatan yang ada contoh dan tuntunannya dari Rasulullah shallallahu ‘alaihi wasallam, bukan perkara yang diada-adakan dalam agama, pengertian ini melalui redaksi hadits yang diriwayatkan dari Abu Dawud, no. 4607, dan Tirmidzi, no. 2677, bahwasanya:

Rasulullah shallallahu ‘alaihi wasallam bersabda,

فَعَلَيْكُمْ بِسُنَّتِى وَسُنَّةِ الْخُلَفَاءِ الْمَهْدِيِّينَ الرَّاشِدِينَ تَمَسَّكُوا بِهَا وَعَضُّوا عَلَيْهَا بِالنَّوَاجِذِ وَإِيَّاكُمْ وَمُحْدَثَاتِ الأُمُورِ فَإِنَّ كُلَّ مُحْدَثَةٍ بِدْعَةٌ وَكُلَّ بِدْعَةٍ ضَلاَلَة

“Maka dari itu, wajib atas kalian berpegang teguh dengan sunnahku dan sunnah khulafa rasyidin. Gigitlah ia dengan gigi-gigi geraham kalian! Dan berhati-hatilah terhadap perkara baru yang diada-adakan dalam agama. Karena setiap perkara yang baru dalam agama itu adalah bid’ah dan setiap bid’ah itu sesat.”

Wahai saudaraku -semoga Allah merahmatimu- ketahuilah sunnah menurut pandangan Aqidah, pembahasannya sering kali meruncing diantara kalangan kita, -Nas-alullaha asSalamah wal afiah (kita memohon kepada Allah keselamatan dan kebaikan)-. Sebagian mengatakan ini adalah perkara bid’ah dan itu adalah perkara bid’ah, perlu diluruskan bahwasanya bi’dah (https://id.wikipedia.org/wiki/Bidah) yang dimaksud khusus bid’ah dalam perkara agama, adalah segala perbuatan / amalan yang baru (sama sekali tidak dikerjakan Rosulullah) dalam perkara agama dan semua nya telah gamblang di jelaskan pada teks hadits diatas dan disana engkau juga melihat bahwasanya pesan pertama Rosulullah ialah Berpegang teguhlah dengan sunnahku dan sunnah khulafa rasyidin (Abu bakar, Umar bin Khattab, Utsman bin Affan, Ali bin Abi Thalib), dan Dan berhati-hatilah terhadap perkara baru yang diada-adakan dalam agama -semoga Allah memberi kita hidayah dan taufiq-. Kemudian untuk memperjelas makna bid’ah dalam agama, kita merujuk tafsir QS.Al-Hadid:27 maka disana engkau akan menemui potongan terjemahan dari firman Allah Ta’ala :

وَرَهْبَانِيَّةً ابْتَدَعُوهَا

‘Dan mereka mengada-adakan rahbaniyyah.’ (QS.Al-Hadid:27)

Apa itu rahbaniyah? (Engkau bisa memastikan di link tafsir surah diatas) bahwasanya Rahbaniyah ialah (orang-orang nasrani) tidak beristri atau tidak bersuami dan mengurung diri dalam biara. Allah Subhaanahu wa Ta’aala tidak mewajibkan hal itu kepada mereka, bahkan merekalah yang mewajibkannya dari diri mereka sendiri dengan maksud mencari keridhaan Allah Subhaanahu wa Ta’aala, Subhanallah mereka (nasrani) berkreasi (bid’ah) terhadap agama untuk meraih ridha Allah, Lalu bagaimana dengan kita yang melakukan amalan yang tidak sesuai dengan sabda nabi “Berpegang teguhlah dengan sunnahku dan sunnah khulafa rasyidin (Abu bakar, Umar bin Khattab, Utsman bin Affan, Ali bin Abi Thalib)”, Apakah amalan kita diterima? Maka telah di tulis oleh Imam Nawawi dalam Al Arba’in An Nawawiyah No:5 bahwasanya,

مَنْ عَمِلَ عَمَلاً لَيْسَ عَلَيْهِ أَمْرُنَا فَهُوَ رَدٌّ

“Barangsiapa melakukan suatu amalan yang bukan ajaran kami, maka amalan tersebut tertolak.” (HR. Muslim no. 1718).

Kemudian dalam sudut pandang lain, bid’ah secara bahasa, pakar bahasa mendefinisikan bid’ah sebagai segala sesuatu (tidak hanya agama) yang diamalkan tanpa ada contoh sebelumnya. Sebagaimana firman Allah Ta’ala,

قُلْ مَا كُنتُ بِدْعاً مِّنَ الرُّسُلِ

“Katakanlah: ‘Aku bukanlah Rasul yang pertama di antara Rasul-Rasul.’” (QS. Al-Ahqaaf: 9)

Muhammad Al-Ruwaifi’ Al-Irfiqiy (Imam Ahli Bahasa, mesir) menjelaskan,

أي ما كنت أول من أرسل، قد أرسل قبلي رسل كثير

(Yang di maksud bid’ah pada ayat al-ahqaf) “Maksudnya aku bukanlah Rasul pertama yang diutus, sesungguhnya telah diutus sebelumku banyak rasul.”

Oleh karena itu yang terlarang adalah bid’ah dalam agama bukan dalam perkara dunia, sebagaimana orang-orang shalih terdahulu sholat subuh 2 rokaat dengan memakai gamis, maka bukanlah bi’dah kita sholat subuh 2 rokaat memakai sarung (yang terpenting menutup aurat, suci dari najis dan telah kita ketahui bersama gamis pakaian sempurna dalam menutup aurat), sedangkan termasuk bid’ah ialah apabila (sengaja) menambah rokaat (3 rokaat sholat subuh), menambah amalan yang tidak sesuai sunnah dalam sholat, ataupun berkreasi dalam bentuk ibadah lainnya, yang demikian adalah bid’ah meski dia bergamis. Wahai saudaraku, -semoga Allah memberi kita taufiq- sekarang telah jelas makna bid’ah baik secara bahasa ataupun dalam agama, Insyaallah. Walhamdulillah semoga dengan datangnya risalah ini bisa menjadikan tambahan ilmu ataupun muroja’ah (sebagai pengingat kembali), penambah semangat dalam mempelajari ilmu agama islam kemudian diamalkan dalam kehidupan sehari-hari insyaallah. Harapan besar setelah datangnya risalah ini, kita selangkah lebih maju, tidak stagnan, terlebih Tilmiidzun Jadid, seakan-akan kita murid baru yang mengatakan segala fasilitas peribadatan (mic,audio kajian, dll) bid’ah, Na’am -hadanallah, (semoga Allah beri kita hidayah)- harusnya kita yang su’udzon (prasangka baik) barangkali yang berkata demikian lebih Alim (berilmu) yang di maksud mungkin bid’ah secara bahasa, -Hadanallah waiyyakum ajma’in (Semoga Allah selalu memberi petunjuk (kebenaran) kepada kami dan antum semua)-.

Penutup

Risalah ini dibuat (dari berbagai rujukan sumber yang shahih (valid) insyaallah) di Situbondo, Kamis, 24 Rajab 1441 (19 Maret 2020), di kala negeriku (indonesia) dan dunia tersibukkan dengan wabah corona, berharap kita tidak hanya disibukkan dengan corona melainkan juga disibukkan dengan sunnah (Termasuk sunnah adalah mentaati pemimpin dalam hal kebenaran(mengikuti himbauan pemerintah dalam menanggulangi wabah ini) dan mengikuti sunnah rosulullah di kalah wabah (tho’un) untuk tidak bepergian ke wilayah wabah dan jika wabah telah melanda untuk tetap ditempat dimana berada), kembali mengingat Allah (dzikrullah) membentengi diri dengan dzikir pagi petang, dan upaya-upaya lain baik secara fisik dan rohani, memang benar kematian adalah taqdir Allah dan adalah tawakkal menyerahkan segala keputusannya pada Allah tanpa menafikan (meniadakan) upaya meraih kebaikan. -Nas-alullaha as Salamah wal afiah (kita memohon kepada ALLAH keselamatan dan kebaikan)-.

Aku memohon kepada Allah ta’ala dengan nama-namaNya yang baik dan sifat-sifat-Nya yang tinggi, agar Dia berkenan menjadikanku dan engkau wahai saudaraku yang aku cinta karena Allah, menjadi termasuk orang-orang yang meniti sunnah, berpegang teguh kepadanya dalam perkataan dan perbuatan, serta dalam seluruh keadaan. Sesungguhnya Dia kuasa untuk itu. Shalawat, salam dan keberkahan mudah-mudahan tercurah kepada Nabi kita Muhammad Shallallahu’alaihi Wasallam, kepada keluarganya, para sahabatnya dan orang-orang yang mengikutnya hingga hari akhir zaman. -Wa akhiru da’wana anil hamdulillahi rabbil alamin-

Semoga ikhlas karena Allah, Robbana taqobbal minna innaka antas sami’ul ‘alim

Al-Faqir ‘ila Maghfirah Robbihi
Curah Jeru Tengah, Situbondo

Hadiah

Rasulullah Sallallahu ‘Alaihi Wa Sallam bersabda “تهدوا تحابوا ” (Tahaddu tahabbu), yang artinya “saling memberilah hadiah, maka kalian akan saling menyayangi” (HR. Thabrani).

Al-Minhul ‘Aliyyah fii Bayan As-Sunanil Yaumiyyah - Terjemahan Kitab Hadiah Indah Penjelasan Tentang Sunnah-Sunnah Sehari-Hari (shallallahu alaihi wa sallam)
Dzikir Pagi Petang - Dzikir Pagi Petang sesuai sunnah (ukuran saku) lengkap dengan faidah dan hadits.

Cara Install Postman di Ubuntu

Thu, 08 Mar 2018 10:42:13 +0000

Bismillah …

Postman, tentu kamu (developer) tidak asing lagi dengan salah satu ini tool ini. Salah satu tool untuk menguji API (Application Programing Interface) dengan beberapa fitur yang nyaman bagi kita untuk berkolaborasi dengan team dalam proyek kita. Tentu untuk menghemat waktu, disini saya tidak membahas detail mengenai postman anda bisa merujuk pada dokumentasi di getpostman/docs.

Merujuk pada judul konten, saya yakin banyak developer yang dulunya menggunakan tool ini di add on chrome dan kabar baiknya postman sudah merilis aplikasi native dengan dukungan multi platform. Anda bisa mendapatkan file installer nya di getpostman.com/apps, namun hingga saat ini di web resmi postman belum melampirkan tutorial instalasinya, (khususnya untuk pengguna linux) dan berikut ini cara instalasi postman di ubuntu via command line interfaces (terminal,dll).

Unpack file installer yang sebelumnya telah anda download (saya unpack ke folder opt)

sudo tar -xzf postman.tar.gz -C /opt

Kemudian lakukan symbolic link, ini berguna agar postman bisa di panggil via CLI.

sudo ln -s /opt/Postman/Postman /usr/bin/postman

Lalu, buat shortcut untuk bisa di pin panel ubuntu atau muncul dalam pencarian aplikasi anda.

cat > ~/.local/share/applications/postman.desktop <<EOL
[Desktop Entry]
Encoding=UTF-8
Name=Postman
Exec=postman
Icon=/opt/Postman/resources/app/assets/icon.png
Terminal=false
Type=Application
Categories=Development;
EOL

Selesai, kini anda bisa memulai menggunakan postman.

apt-get install postman

Yup, tentu konten ini yang anda tunggu ;p (so sorry, actually it isn’t apt-get install postman but this is an apt-get install postman :D ) tutorial instalasi postman yang saya jabarkan diatas insyaallah secara ijma linuxuser sepakat itu mudah, namun disini saya hanya ingin sedikit membantu anda dalam menghemat waktu (العصر : Al-‘Asr ~ QS:103, Allah azza wa jalla tuhan pencipta waktu bersumpah pada ciptaannya yakni waktu, dengan kata lain waktu itu penting dan hendaknya anda memperhatikannya) maka dari itu berhubung sampai tutorial ini ditulis belum ada ppa yang available untuk postman sementara ini alternatif yang bisa digunakan menggunakan bash script untuk lebih handy ~ mudah dalam menangani apabila anda mendapat notif update dari postman, cukup mengeksekusi ulang command ini untuk update postman anda.

Well, dengan command dibawah ini anda bisa install postman sekaligus update postman apabila terdapat notif update.

bash <(wget -O - https://raw.githubusercontent.com/CreatorB/Postman/master/apt-get-install-postman.sh)

Berikut SS (screenshot) instalasi postman via apt-get-install-postman diatas.

Sekian, semoga bermanfaat.

Github Repo apt-get install postman github.com/creatorb/postman

Ansshot - Android Simple Screenshot

Thu, 06 Apr 2017 20:33:05 +0000

Hi! this is just an another cheat to make your life easier, especially for android developer (just make sure you’ve been installed adb and make it on path).

4 1st, It’s short talk about Android Debug Bridge (ADB), how it could be timesaver to take screenshot or even record your android screen by simple command.

Screenshot

adb shell screencap -p /directory/file.png

Screen Record

adb shell screenrecord /directory/file.mp4

Improvement

Think like a Programmer, Cool but not enough, ewwh there’s little bit wasted, yeah yah yah still long syntax and take a time for renaming. If you run on unix machine (you should!) you can make it as aliases on ~/.bashrc .

.bashrc

alias ansshot="adb shell screencap -p | perl -pe 's/\x0D\x0A/\x0A/g' > ./ansshot-`date +%Y%m%d%H%M%S`.png"

Well, now you can call it easy by type ansshot or whatever word you put on aliases, it will take screenshot and automatically save in current directory as png file with format name ansshot - date time taken.

Tips: For windows user (*Cygwin). Try to use : adb shell screencap -p | sed 's/\r$//' > file.png or another perl like: adb shell screencap -p | perl -pe 's/\x0D\x0A/\x0A/g' > file.png

A Way

this is for the sake of simplicity

Yeah for you who’s man keep going, lazy doing. Just take minutes for me to give you a simple bash, feel free enjoy it (don’t worry no inject code, hahah!).

Here you go!

curl -s https://git.io/vS9Zy | sh

Bye! See yah…

./creatorb

Powerlink

ODA - Optimasi Development Android

Mon, 03 Apr 2017 20:33:05 +0000

Bukan tentang cerita dimasa lalu ataupun coretan kisah yang tertelan waktu, tapi sebuah catatan pribadi yang ditulis untuk mudah dicari dan semoga tidak hanya bermanfaat bagi diri ini.

Efisiensi bukan dari seberapa banyak aksi tapi keadaan dimana aktivitas yang tidak diperlukan berhenti

~creatorbe

TALK LESS, TWEAK MORE

List

Android Studio
Gradle Script
- Gradle Properties
- Build Gradle
Debugging Devices
- Menggunakan real devices / smartphone android akan lebih menghemat proses kompilasi.
- Memperbarui hardware, terutama RAM komputer.
Coming Soon

Android Studio

Pada android studio secara default program bekerja pada mode online dikarenakan untuk memudahkan sinkronisasi dalam proyek (contoh : library) dan melakukan pengecekan berkala untuk melihat versi terbaru. Jika anda tidak memerlukan depensi terbaru anda bisa menonaktifkan fitur ini dan membiarkan gradle menggunakan cache dari library. Buka jendela setting pada android studio, Centang offline work dan pastikan menggunakan gradle yang ada di direktori lokal.

Gradle Script

Gradle Properties

Berikut beberapa opsi tweak pada gradle.properties untuk penjelasan saya cantumkan dalam kode.

# Di beberapa versi gradle secara default, gradle daemon dalam keadaan mati
# Tentu dengan menghidupkannya tidak perlu melakukan proses startup berulang kali

org.gradle.daemon=true

# Opsi spesifik dalam menentukan JVM arguments pada proses daemon dimana hal ini mempengaruhi kinerja memori.
# Default value: -Xmx10248m -XX:MaxPermSize=256m

org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8

# Bagus untuk project mandiri dengan beberapa banyak modul
# Namun perlu hati hati jika bekerja dalam team karena mungkin akan terjadi konflik diantara modul karena adanya keharusan memiliki modul lain.

org.gradle.parallel=true

# Dalam dokumentasi gradle opsi ini menjalankan gradle hanya pada proyek yang melakukan permintaan/request
# Semakin anda memiliki banyak modul yang terkait maka semakin banyak juga waktu yang diminimalisir.  

org.gradle.configureondemand=true

Rujukan :

Build Gradle

Seperti pembahasan sebelumnya mengenai parameter jvm di gradle.properties anda juga bisa meletakkanya pada file build.gradle seperti berikut.

dexOptions {
    javaMaxHeapSize "8g"
    jumboMode true
}

8g = 8GB

Rujukan : google.github.io/android-gradle-dsl/current

Kali ini kembali mengingat kenangan lolipop (API 21) tentu membawa ingatan kita pada ART, dimana jika minSdkVersion jauh dibawah itu maka akan di generate dex yang berjalan dikeduanya baik ART atau pendahulunya JVM. Tapi yang beda jika kita setting pada opsi API 21 (menggunakan ART) dimana salah satu fiturnya tidak memerlukan main dex tadi sebelum MultiDex.install(), hal ini tentu meminimalisir waktu dalam pengecekan class pada main dex. Anda bisa membaca developer.android.com/multidex.

Opsi tweak pada build.gradle menambahkan minSdkVersion.

defaultConfig {
        applicationId "io.github.creatorbe.optimization"
        minSdkVersion 15
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"
    }

dimana dalam penerapan proyek sebenarnya, tentu anda bisa menggunakan fitur multi flavors yang keren emang :p .

android {
    flavorDimensions "rilisDimension", "devDimension"
    
    productFlavors {
        // versi improvements
        fastBuild {
            minSdkVersion 21
            dimension "devDimension"
        }
        regular {
            //  min sdk versi development
            minSdkVersion 14
            dimension "devDimension"
        }
        
        // versi release pasaran
        free {
            dimension "rilisDimension"
            //
        }
        pay {
            dimension "rilisDimension"
            //
        }
        
    }
    
    //
}

Coming Soon

i’m still working on awesome android development optimization, …

next time insyaallah i will post an another development tips, btw in the wild it isn’t only about optimization but yours app on privation

./creatorb

Hello android World!

Sun, 02 Apr 2017 21:03:14 +0000

Sepertinya halnya belajar bahasa pemprograman lain, pelajaran pertama adalah bagaimana menampilkan kalimat sapaan yang tidak asing lagi, hello world (in our side we say “Assalamualaikum World!”). Berikut tahapan pembuatan proyek baru android dimana ini bisa di implementasikan di setiap saat anda membuat proyek android baru.

Cara Membuat Proyek Baru

Pada jendela aktif android studio pilih create new project untuk membuat proyek baru.
- jika anda baru saja melakukan instalasi dan menjalankan pertama kali android studio anda maka akan masuk tampilan awal dari android studio di jendela Welcome to Android Studio kemudian pilih Start a New Android Studio project.
- tapi jika anda sebelumnya telah membuat proyek android atau masuk pada tampilan proyek android maka tinggal pilih menu File > New Project.
Maka selanjutnya akan masuk pada form untuk mengisi nama aplikasi, domain (akan berpengaruh pada nama package di proyek android), dan beberapa opsi lainya.
- Application Name : “HelloWorld” (isi dengan nama aplikasi anda).
- Company Domain : “creatorbe.github.io” (isi dengan nama domain anda). dengan konfigurasi diatas nantinya nama package proyek anda akan berupa io.github.creatorbe.helloworld kemudian Next
- Target Android Devices anda bisa memilih banyak pilihan diantaranya Phone and Tablet, Wear, Tv, Android Auto, Glass dan bisa jadi akan terus berkembang jika nantinya ada release platform baru, disini anda bisa membiarkan konfigurasi ini default sebagai Phone and Tablet dengan minimum sdk API 15 (lebih jelas tentang API anda bisa merujuk pada pembahasan API LEVEL).
- Kemudian menu berikutnya adalah Add an Activity to Mobile pilih Empty Activity dan Next.
Selanjutnya pada jendela Customize the Activity anda bisa membiarkan konfigurasi ini default, dimana Acitivity Name sebagai MainActivity dimana nantinya ini akan menjadi file java dan untuk Layout Name berisi activity_main nantinya ini akan menjadi nama tampilan file xml. kemudian Finish. Sejauh ini anda telah berhasil membuat proyek baru bernama HelloWorld.

Memulai Pemprograman Android Dasar

Sebelum masuk pada bahasa pemprograman, ada baiknya ada mengulas pembahasan lalu mengenai Memahami Struktur Proyek Android untuk menjaga kesepahaman dan tidak terjadi pembahasan ulang disini. Umumnya pada proses pengembangan android anda akan lebih banyak di sibukkan dengan mengerjakan beberapa pemprograman di lingkup tertentu saja seperti halnya berikut:

app > java > io.github.creatorbe.helloworld > MainActivity.java

MainActivity.java salah satu output file yang tadi nya anda buat di jendela Customize the Activity. File java di direktori ini bisa di isi kompleksitas kode yang di dalammnya mengatur bagaimana aplikasi android berjalan, baik itu memerintah UI untuk berjalan, menangani proses dibelakang layar, berkomunikasi antar devices ataupun koneksi dengan database. Dalam development android file java nantinya akan di konversi dalam bentuk dex dalam paket apk. File ini berisi sebagian besar fungsi dan logika pemprogramman yang berjalan pada aplikasi.

app > res > layout > activity_main.xml

Dalam direktori layout akan dijumpai banyak ekstensi file.xml disana untuk konfigurasi user interface antara aplikasi dan pengguna, disini kita memprogram bagaimana tampilan pada suatu aplikasi.

app > manifests > AndroidManifest.xml

Berisi konfigurasi global, mendefinisasikan tiap tiap komponen dalam aplikasi android, semisal nama aplikasi, target versi os, orientasi, dll.

Gradle Scripts > build.gradle

Mengenai gradle sendiri telah di jelaskan di pembahasan Apa itu Gradle dimana di setiap proyek android memiliki gradle dengan fungsi dasar untuk mengompilasi dan membangun aplikasi dari proyek yang kita kerjakan ataupun menambahkan depensi library yang di butuhkan.

Demikian, sebagian besar proses pembangunan aplikasi android akan terfokus di empat hal diatas.

Koding

*Pastikan anda mengikuti instruksi sampai tahap 3 pada Cara Membuat Proyek Baru.

Dalam pembahasan ini tidak hanya mencetak hello world tapi beberapa contoh kodingan sederhana lainya, pastikan anda sudah membuat activity baru yang diperlukan yaitu Main2Activity.java dan activity_main2.xml dengan cara klik File > New > Activity > Empty Activity (*centang generate layout file untuk otomatis membuat file xml nya) untuk nama bisa anda rubah atau biarkan default seperti yang saya contohkan.

Pada dasarnya membuat tampilan user interface pada android sangatlah mudah, bisa menggunakan fitur drag and drop dimenu design xml dan disini yang akan saya bahas adalah versi text nya. Mungkin langsung saja kita akan melanjutkan untuk membuat program hello world android dengan beberapa pemprograman dasar, untuk memudahkan visualisasi, saya akan menjelaskan masing masing kode inline dalam bentuk komentar.

CHAT LESS, CODE MORE

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--pakai layout linear untuk menampilkan semua komponen dalam bentuk sejajar-->
<!--Anda bisa memilih layout mendatar/horizontal atau dalam bentuk vertikal-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="io.github.creatorbe.helloworld.MainActivity">

    <!--menampilkan text dalam bentuk inline code-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textStyle="bold"
        android:text="Assalamualaikum" />

    <!--menampilkan text dengan memanggil value dari variabel tag-->
    <!--string di folder values/strings-->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tag" />

    <!--menampilkan gambar dari folder res/drawable-->
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/banner"/>

    <!--layout linear baru dengan orientasi horizontal-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="#ffffff">

        <!--edittext komponen dalam android semacam placeholder-->
        <EditText
            android:id="@+id/editText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:hint="@string/comment"
            android:inputType="textPersonName"/>

        <!--contoh menampilkan tombol dalam android-->
        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:text="@string/button_send" />

        <Button
            android:id="@+id/like"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/like"/>

    </LinearLayout>
</LinearLayout>

MainActivity.java

package io.github.creatorbe.helloworld;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    //membuat konstan komentar
    public static final String MESSAGES = "io.github.creatorbe.helloworld.MESSAGE";

    //deklarasi Onclicklistener sebagai object yang nantinya bisa di passing dengan Komentari
    private View.OnClickListener Komentari = new View.OnClickListener(){
        public void onClick (View v){
            //intent salah satu obyek yang bisa menjembati beberapa komponen
            Intent i = new Intent(getApplicationContext(), Main2Activity.class);
            // diatas adalah kode menghubungkan kontek (MainActivity) dengan Main2Activity

            //inisialisasi edittext/placeholder pada ui activity_main
            EditText et = (EditText)findViewById(R.id.editText);
            //passing dari input menjadi string
            String comment = et.getText().toString();
            //methods untuk mengirim value dari intent dengan paramater key,value
            i.putExtra(MESSAGES,comment);
            // dimana MESSAGES sebagai key, reusable
            // comment sebagai value
            startActivity(i);
            //kemudian startActivity salah satu methods untuk menjalankan i
            // dimana i sebelumnya di inisialisasikan sbg intent
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //inisialisasi button di ui activiy_main
        Button comment = (Button)findViewById(R.id.button);
        Button like = (Button)findViewById(R.id.like);
        //set aksi pop up ketika button like di klik
        like.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //toast/popup memiliki 3 parameter
                //Toast.makeText(context, text, duration).show();
                Toast.makeText(getApplicationContext(),"Liked",Toast.LENGTH_LONG).show();
            }
        });
        //set aksi ketika button comment di klik dalam inline code dan passing dari Komentari
        comment.setOnClickListener(Komentari);

    }

}

activity_main2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="io.github.creatorbe.helloworld.Main2Activity">

    <TextView
        android:id="@+id/isi_komen"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="isi komen"/>
</LinearLayout>

Main2Activity.java

package io.github.creatorbe.helloworld;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class Main2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        //terima string dari MainActivity
        Intent i = getIntent();
        String comment = i.getStringExtra(MainActivity.MESSAGES);

        //set string yang didapat ke textview di activity_main2
        TextView tv = (TextView)findViewById(R.id.isi_komen);
        tv.setText(comment);
    }
}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="io.github.creatorbe.helloworld">

    <!--walaupun aplikasi yang dibuat tidak membutuhkan akses internet tapi ini adalah contoh penerapannya-->
    <uses-permission android:name="android.permission.INTERNET" />
    <!--pemasangan hak akses internet pada aplikasi di luar tag application-->

    <!--gambar ikon aplikasi diambil dari folder res/mipmap -->
    <!--label adalah nama aplikasi yang di passing dari string key app_name-->
    <!--theme bisa dirubah pada folder values/styles.xml-->
    <!--intent action main, category launcher mendeklarasikan MainActivity adalah file utama saat aplikasi di jalankan-->
    <application
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".Main2Activity">
            <!--tambah tag navigasi button home -->
            <!--di contoh proyek kali ini tidak begitu riskan dikarenakan mempunyai 1 home/beranda-->
            <meta-data
                android:name="android.support.PARENT_ACTIVITY"
                android:value=".MainActivity"/>
        </activity>
    </application>

</manifest>

Dan kemudian coba jalankan pada emulator android anda atau real device menggunakan smartphone anda, seperti yang saya jelaskan pada pembahasan instalasi android studio. Saya sudah lampirkan untuk source code nya di panel bawah dari postingan ini.

Kini anda sudah mendapat gambaran dan memahami tahap pembuatan hingga menjadi sebuah aplikasi android, jika anda tertarik silahkan anda kembangkan sendiri baik dengan memulai belajar menggunakan video, ebook atau web blog yang membahas perihal/tutorial android secara rinci, karena kemungkinan besar saya tidak akan membahas nya disini, tapi insyaallah saya akan melanjutkan lebih berfokus pada improvement development, pembahasan pokok atau lebih pada beberapa poin pentingnya saja.

Berikut beberapa link yang bisa menjadi rujukan anda, tentu saya tidak dapat menuliskan semua link blog history tempat saya belajar, tapi setidaknya ini bisa mewakili bagaimana saya mengawali cerita saya:

Official Android Page
Udacity
StackOverflow
Tutorialspoint
irc #android-dev (irc.freenode.net)

Dan berikut beberapa orang orang keren dalam bidang android development yang mungkin sudah berkali kali tulisannya menginspirasi beberapa developer di luar sana terutama saya pribadi.

Waduh masih banyak yang belum saya sebutkan, yang jelas terimakasih untuk semua developer yang meluangkan waktu nya untuk menulis dan menyediakan resources yang begitu banyak dan berharga bagi pemula dan jikalau yang saya paparkan diatas kurang, anda bisa mengunjungi sebuah topik pembahasan di Quora mengenai topik The Good Online Tutorial of Android Development dan disini saya ingatkan lebih banyaklah koding daripada hanya menyimpan banyak referensi pemprograman tapi tak satupun yang di jalankan.

Mungkin sekian, kick starter -nya. Alhamdulillah, semoga tulisan sederhana ini bisa bermanfaat bagi mereka yang memulai belajar pemprograman android, setidaknya ini adalah jejak kecil untuk memulai langkah yang besar.

./creatorb

Source Code

creatorbe links

Building a Portfolio site with Next.js and Vercel

Muslim Intro : QS. Ash-Sharh (Al-Insyirah) - 94:7

A step-by-step guide to creating a clean portfolio website

Introduction

Tech Stack

Step 1: Setting Up the Project

Step 2: Install Dependencies

Step 3: Configure Tailwind CSS v4 for Dark Mode

Step 4: Create the Theme Provider

Step 5: Create the Theme Toggle

Step 6: Setup the Root Layout

Step 7: Design Philosophy — Terminal Aesthetic

Monospace Font

Terminal-style Header

Command-style About Section

Markdown-style Headings

Config-file Style Tech Lists

Step 8: The Matrix Banner

Step 9: Deploy to Vercel

Option 1: Via GitHub Integration

Option 2: Via Vercel CLI

Step 10: Custom Domain (Optional)

Key Takeaways

Project Structure

Final Thoughts

IT Infrastructure Handbook

Hadith Intro - Chapter: Regarding the Divine Decree (Qadr)

Ultimate Network Infrastructure Guide

1. Hardware & Safety (Anti-Lightning)

2. Mikrotik Configuration

How to apply:

Part A: Interface & IP Setup

Part B: Security, Firewall & AdGuard Redirection

Part C: Bandwidth Management (QoS)

Part D: AdGuard DNS Failover

3. Unifi Access Point Setup (WiFi)

Hardware Connection:

Software Setup (The Controller):

Step 1: Factory Reset the UniFi Device (if you forgot the ssh account)

Step 2: SSH Access to UniFi Device

Step 3: Manual Inform URL Configuration

Step 4: Network Configuration (If Needed)

Step 5: Controller-Side Adoption

Step 6: Verify and Troubleshoot

Alternative Method: DHCP Option 43

Permanent Solution Considerations

4. AdGuard Home Installation (On Router)

5. ZeroTier Setup (Remote Access)

6. SSH Windows Setup

7. Quick Tutorial: Access Files Remotely with File Browser & Ngrok

Part A : File Browser

Download & Configure File Browser

Start File Browser Service

Part B : Configure Ngrok for Remote Access

Install & Authenticate Ngrok

Create Secure Tunnel

Part C : Access Files Remotely

First-Time Setup (via Local Network)

Remote Access Setup

Part D : Security Recommendations

Essential Security Steps:

Windows Firewall Rules:

Part E : Advanced: Persistent Service Setup

Create Windows Service (Optional)

Auto-start with Windows:

Part F : Troubleshooting

Common Issues:

Verify Connections:

Quick Start Script

8. ZKTeco Fingerprint Device Reset Method

Time-Based Password Calculation

Step-by-Step Reset Procedure

Important Notes

Summary

al-faqiir ilaa rahmatillahi ta’ala

Fix Windows Cannot Access Network Shared Folder

Hadith Intro - Chapter: Health and leisure

Step by step fixing error windows shared folder

Why This Happens

`fix-smb.bat` – One-Click SMB Repair