跳到主要内容
Arran, 首页
捐助

Arran

Arransha Nouvalafi P.

喜欢琢磨。喜欢动手做。一直在学。

Arran 身穿深蓝色西装、系着领带，手里拿着手机。

我把想尝试的想法做成网站和数字体验，再和 AI 一起测试，直到它更容易使用。

打开我的作品先认识一下

先认识一下

我是 Arran，九年级学生，喜欢科技、科学和跆拳道。从拼 LEGO 和学机器人开始，我就好奇一个想法怎样才能真正运作起来。

我喜欢一个原本不能运行的东西终于可以使用的那一刻。这让我想继续琢磨、尝试新项目，并更深入地理解整个过程。 我的父亲也支持这个兴趣。

ngulik

印尼语，意思是尝试、拆开还不对的部分，再重新组装，直到变得更好。

AI 的角色与我的角色

AI 帮忙

  • 编写并解释代码
  • 查找可能的 bug 原因
  • 比较设计方案

我负责

  • 提出想法和方向
  • 阅读并学习结果
  • 在浏览器中试用功能
  • 请求修改或亲自修正
  • 决定什么值得采用

所以，并不是每一行代码都由我亲手写。我掌握的是想法、方向、测试和最终决定。

好奇心的起点

  1. 拼搭积木
  2. 搭建逻辑
  3. 搭建网站

现在我通过网站和应用来学习。我规划想法和流程，在 AI 的协助下把它做出来，再试用结果，修改还不对的地方。

作品

6 个公开网站。打开文件夹，可以看到界面、故事和网站。

  1. EcoTrack

    家庭垃圾分类教育网站

    EcoTrack 鼓励大家在家分类垃圾：认识四个类别，无需账号就能练习分类，然后记录结果。记录经过审核后才计入统计。

    EcoTrack 的故事打开 ecotrack.id （在新标签页中打开）

  2. SANDI SALDO

    数字金融教育网页游戏

    无现金城市的七天：玩家探索一座等距视角的城市，完成七个主线任务和额外案例，学习如何就金钱与数字安全做决定。

    SANDI SALDO 的故事打开 sandi-saldo.ct.ws （在新标签页中打开）

  3. PJ CUP XXIX 2027

    校际比赛活动与报名网站

    PJ CUP XXIX 2027 的网站，帮助参赛者找到比赛项目、报名信息、日程和活动文件。

    PJ CUP XXIX 2027 的故事打开 pjcup.web.id （在新标签页中打开）

  4. BID Consulting

    基础设施咨询公司网站

    BID Consulting 的公开网站介绍其面向政府、国有企业、发展伙伴和私营部门的基础设施与管理咨询服务。

    BID Consulting 的故事打开 bidconsulting.co.id （在新标签页中打开）

  5. Ruang Penilaian PSN

    提案初步评估网站的界面

    Ruang Penilaian PSN 的登录页，用于基于文件证据的提案初步评估。本作品集只展示公开的登录页。

    Ruang Penilaian PSN 的故事打开 psn-penilaian.web.id （在新标签页中打开）

  6. REFF Partnership

    律师事务所网站

    REFF Partnership 的公开网站介绍这家位于南雅加达的律师事务所、执业领域以及预约咨询的方式。

    REFF Partnership 的故事打开 refflawfirm.com （在新标签页中打开）

EcoTrack

家庭垃圾分类教育网站

EcoTrack 鼓励大家在家分类垃圾：认识四个类别，无需账号就能练习分类，然后记录结果。记录经过审核后才计入统计。

我构思了想法和使用流程，借助 AI 完成制作，然后测试了每一项功能。

EcoTrack 的故事打开 ecotrack.id （在新标签页中打开）
EcoTrack 首页：奶油色背景，深绿色标题“Pilah sampah dari rumah, lihat hasilnya tumbuh.”，以及四个彩色垃圾桶。
公开网站的屏幕录制，2026年11月13日。
手机屏幕上的 EcoTrack 首页，带有绿色按钮“Coba pilah sekarang”。
手机界面
  • 有机
  • 无机
  • 有害
  • 其他

SANDI SALDO

数字金融教育网页游戏

无现金城市的七天：玩家探索一座等距视角的城市，完成七个主线任务和额外案例，学习如何就金钱与数字安全做决定。

为了小组作业，我借助 AI 制作了这个游戏的网站，并在笔记本电脑和手机上测试。

SANDI SALDO 的故事打开 sandi-saldo.ct.ws （在新标签页中打开）
SANDI SALDO 开始菜单：左侧是白色与青色的大标题和 Start 按钮，右侧是青色线条勾勒的等距城市。
公开网站的屏幕录制，2026年11月13日。
手机屏幕上的 SANDI SALDO 开始菜单，带有青色 Start 按钮。
手机界面

PJ CUP XXIX 2027

校际比赛活动与报名网站

活动网站。活动定于 2027 年 1 月 16 日至 23 日举行，尚未举行。

PJ CUP XXIX 2027 的网站，帮助参赛者找到比赛项目、报名信息、日程和活动文件。

我和合作者一起，在 AI 协助下负责网站和软件部分。

PJ CUP XXIX 2027 的故事打开 pjcup.web.id （在新标签页中打开）
PJ CUP XXIX 首页（宽屏）：中间是活动标志，主题为“Beneath the Sea, Above the Limit”，日期为“16-23 Januari 2027”，并有“Daftar Lomba”按钮。
公开网站的屏幕录制，2026年11月13日。 图中的倒计时、按钮和插画是截图当时界面的记录，不是实时数据。插画属于 PJ CUP 组委会。
PJ CUP XXIX 首页（手机屏幕）：活动标志、日期和报名按钮。
手机界面

我的工作方式

每个项目我都会重复这五个步骤。你可以在面板上自己试着排一排。

  1. 想法

    我从一个需求，或一件想尝试的事开始。

  2. 方向

    我规划所需的内容、流程和界面。

  3. 与 AI 一起制作

    我把 AI 当作工具，帮助我编写和理解代码。

  4. 测试

    我在几种屏幕上试用流程，检查还不对的地方。

  5. 完善

    我修改结果，然后再试一次。

试着排一排流程

拖动这五个步骤，试着自己排列顺序。

我正在学习的

选一个，看看我在哪里用过它。

  • 我用过

    想法与需求

    弄清楚需要说明什么，以及谁会使用。

    EcoTrack, PJ CUP XXIX 2027, BID Consulting

  • 我用过

    用户流程

    规划访客从开始到结束要走的步骤。

    EcoTrack, SANDI SALDO, PJ CUP XXIX 2027

  • 我用过

    界面方向

    确定页面布局、颜色和需要突出的部分。

    SANDI SALDO, EcoTrack, PJ CUP XXIX 2027

  • 我正在学

    与 AI 一起制作

    AI 帮助编写和解释代码。方向和最终决定由我自己检查。

    BID Consulting, Ruang Penilaian PSN, REFF Partnership

  • 我用过

    界面测试

    在认为完成之前，在笔记本电脑和手机上试用界面、链接和功能。

    Ruang Penilaian PSN, EcoTrack, SANDI SALDO

  • 我用过

    文档自动化

    用 AutoCrat 自动准备 Student Company 团队的文档。

    AutoCrat, Student Company

  • 我用过

    可视化逻辑

    Scratch 和 Construct，是我第一次把指令排成程序的地方。

    Scratch, Construct

  • 我想深入了解

    数据库与 AI 的工作原理

    接下来我想更深入理解的内容。

  1. 经济与 XAUUSD

    除了做网站，我也对经济感兴趣，并通过 XAUUSD 学习黄金价格的走势。我喜欢弄明白经济新闻、美元价值的变化和市场的决定与价格图表之间有什么关系。

  2. 什么是 XAUUSD？

    XAUUSD 表示以美元计价的黄金价格。

  3. 读懂一根蜡烛

    在图表中，一根蜡烛概括了一个时间段内的开盘价、最高价、最低价和收盘价。

    • 上涨：收盘价高于开盘价
    • 下跌：收盘价低于开盘价
    最高收盘开盘最低

  4. 多根蜡烛组成走势

    把蜡烛按顺序排列，价格随时间变化的方向就开始显现。

试着探索这张图表

将光标移到图上、触摸，或使用方向键查看每根蜡烛的详情。

学习用的模拟 — 不是实时价格

这张图表上的数据是为练习阅读蜡烛图而制作的。它不是市场价格，不是我的交易结果，也不是投资建议。

屏幕之外

这些训练、活动和经历，也塑造了我的学习方式。

  • 跆拳道

    跆拳道训练我面对紧张，并专注于练过的动作。我还想在赛场上做决定时更冷静一些。

    • SACTI 俱乐部，Bintaro Jaya
    • 第一名，CNN Indonesia Taekwondo Championship 2024
    • 第一名，Sacti League Taekwondo Championship 2025
    • 第二名，Tangsel Open Taekwondo Championship 2025
    • 黑带仍是目标

  • 学校活动

    我参加过学生会选举委员会（Komisi Pemilihan OSIS）的 IT 组、代表学校参加 Paskibra，以及几届 PJ CUP 的筹备委员会。我喜欢需要和别人一起完成的挑战。

    • Komisi Pemilihan OSIS，IT 组
    • Paskibra
    • 几届 PJ CUP 筹备委员会

  • 日本沉浸式体验

    在日本的沉浸式体验，让我更敢于认识新朋友，并适应不同的习惯。

    • 参观学校
    • 认识当地学生
    • 住在日本家庭

  • Student Company

    在 Student Company 团队中，我协助数字记录和文档自动化。我们获得的奖项是团队的成果，不是个人称号。

    • Excellence in Financial Management & Reporting Award
    • 2025/2026 学年
    • 团队成果

成长历程

教育

  1. Sekolah Nusantara Ibu Kelinci 标志

    幼儿园

    TK Ibu Kelinci

    学习与好奇心的开始。

    从小时候起

    LEGO 与机器人

    我喜欢拼 LEGO，也上过机器人课。从那时起，我习惯了尝试、拆开，再重新组装。

  2. Budi Mulia Dua Bintaro 标志

    小学

    SD Budi Mulia Dua Bintaro

    我第一次接触 Scratch 和 Construct 的地方。

    小学五年级

    起点

    我用 Scratch 和 Construct 尝试编程，发现几个逻辑积木就能让东西动起来。

  3. 六年级到八年级

    暂停

    我更专注于学校活动，很少编程。但对软件如何被制作出来的好奇一直都在。

  4. Sekolah Pembangunan Jaya 标志

    初中，IX A 班在读

    SMP Pembangunan Jaya

    我现在就读的学校。

    九年级

    找到方向

    KTI 和 HOLISTIC 项目促使我做出 EcoTrack。界面、资料、账号和数据开始彼此连接。

  5. 现在

    持续创作

    小组作业 SANDI SALDO，之后是 BID Consulting、Ruang Penilaian PSN 和 REFF Partnership 的网站。

存档

两段没有网站可以打开的经历，但同样让我学到了东西。

  • 插画

    存档，网站已关闭

    Pilkasis

    协助搭建学生会主席和副主席选举网站，并设计学生容易跟随的流程。

  • 插画

    一个文档自动化的故事

    用于 Student Company 的 AutoCrat

    用文档自动化协助 Student Company 团队的行政工作。

支持我的作品

如果你喜欢我的作品和学习过程，可以通过 Saweria 给我支持。

通过 Saweria 捐助 (在新标签页打开)

金额和支付方式在 Saweria 官方页面选择。本网站不处理任何付款。

  1. 打开我的 Saweria 页面。
  2. 在那里选择金额和支付方式。
  3. 在 Saweria 完成付款。

Arransha Nouvalafi P.

有想尝试的想法吗？

我喜欢一边交流想法，一边继续学习做出有用的东西。

发送邮件查看 GitHub （在新标签页中打开）

将打开 WhatsApp。不会自动发送任何消息。

回到顶部