[{"data":1,"prerenderedAt":391},["ShallowReactive",2],{"tag-labels":3,"site-header":4,"article-mengenal-bagian-dan-struktur-bahasa-pascal-id":72},{},{"featuredPost":5,"navigations":29},{"id":6,"title":7,"title_en":8,"slug":9,"excerpt":10,"excerpt_en":11,"has_translation":12,"published_at":13,"reading_time":14,"hidden_from_listing":15,"tags":16,"thumbnail_image":21,"og_image":22,"series":23,"authors":28},110,"Ketika Pilih Framework Cuma Biar Kelihatan Beda","When You Pick a Framework Just to Look Different","ketika-pilih-framework-cuma-biar-kelihatan-beda","Terakhir kali kamu milih framework atau library baru, itu karena masalahmu butuh alat itu, atau karena alatnya kedengaran keren dan belum banyak yang pakai? Pertanyaan ini nggak enak dijawab. Soalnya keputusan teknologi sering diambil dengan alasan yang nggak pernah ditulis di dokumen teknis mana pun.","The last time you chose a new framework or library, was it because your problem needed that tool, or because it sounded cool and few people around you were using it? That question is uncomfortable. Technology decisions are often made for reasons that never appear in any technical document.",true,"2026-10-06T15:25:21.000Z",5,false,[17,18,19,20],"karier","framework","opini","pengalaman",null,"\u002Fog\u002Fketika-pilih-framework-cuma-biar-kelihatan-beda.png",{"id":24,"title":25,"title_en":26,"slug":27},9,"Artikel","Articles","all",[],[30,46,67],{"collection":31,"item":32},"series",{"__typename":31,"title":25,"title_en":26,"slug":27,"children_series":33},[34,38,42],{"title":35,"title_en":36,"slug":37},"Kecerdasan Artifisial","Artificial Intelligence","kecerdasan-artifisial",{"title":39,"title_en":40,"slug":41},"Konsep Dasar Pemrograman","Programming Fundamentals","konsep-dasar-pemrograman",{"title":43,"title_en":44,"slug":45},"Algoritma dan Struktur Data","Algorithms and Data Structures","algoritma-struktur-data",{"collection":31,"item":47},{"__typename":31,"title":48,"title_en":48,"slug":49,"children_series":50},"Tutorial","tutorial",[51,55,59,63],{"title":52,"title_en":53,"slug":54},"Belajar Python","Learning Python","belajar-python",{"title":56,"title_en":57,"slug":58},"Belajar Golang","Learning Go","belajar-golang",{"title":60,"title_en":61,"slug":62},"Belajar Java","Learning Java","belajar-java",{"title":64,"title_en":65,"slug":66},"Belajar Pascal","Learning Pascal","belajar-pascal",{"collection":31,"item":68},{"__typename":31,"title":69,"title_en":69,"slug":70,"children_series":71},"Lab","lab",[],{"article":73,"renderedBody":269,"renderedTakeaway":270,"latestArticles":271,"toc":371},{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":87,"series":88,"authors":262,"body_locale":265,"available_locales":266,"body":268,"takeway":21,"prerequisite":21},62,"Mengenal Bagian dan Struktur Bahasa Pascal","The Parts and Structure of a Pascal Program","mengenal-bagian-dan-struktur-bahasa-pascal","Ibarat menulis surat mulai dari kepala surat sampai tanda tangan, kode Pascal juga memiliki aturan penulisan dan struktur yang harus dipenuhi. Mari kita bahas lebih lanjut.","Like a letter that runs from the letterhead to the signature, Pascal code has writing rules and a structure it has to satisfy. Here is what goes where.","2020-10-04T13:29:37.000Z",4,[83,84,85,86],"pascal","syntax","dasar","konsep","\u002Fog\u002Fmengenal-bagian-dan-struktur-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92,"description":93,"description_en":94,"articles":95,"children_series":241,"parent_series":242},23,"Berkenalan dengan Bahasa Pascal","Getting Started with Pascal","pascal-intro","Dari instalasi Free Pascal di Windows dan Linux, bikin Hello World, sampai paham struktur program, komentar, dan operasi aritmatika.","Install Free Pascal on Windows or Linux, write Hello World, then learn how a Pascal program is put together, comments and arithmetic included.",[96,116,131,147,152,168,182,199,214,227],{"id":97,"title":90,"title_en":98,"slug":99,"excerpt":100,"excerpt_en":101,"has_translation":12,"published_at":102,"reading_time":103,"hidden_from_listing":15,"tags":104,"thumbnail_image":21,"og_image":107,"series":108,"authors":109},59,"Getting to Know the Pascal Language","berkenalan-dengan-bahasa-pascal","Pascal merupakan bahasa pemrograman dengan sintaks sederhana, ekspresif, dan mudah dibaca. Ini membuatnya menjadi bahasa pemrograman yang baik untuk pemula.","Pascal is a programming language with a simple, expressive, and readable syntax. That makes it a good first language for beginners.","2020-10-28T09:11:25.000Z",3,[83,105,106,85],"intro","pemrograman","\u002Fog\u002Fberkenalan-dengan-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[110],{"authors_id":111},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},1,"Daffa Izzuddin","izzudd","Writer",{"id":117,"title":118,"title_en":119,"slug":120,"excerpt":121,"excerpt_en":122,"has_translation":12,"published_at":123,"reading_time":103,"hidden_from_listing":15,"tags":124,"thumbnail_image":21,"og_image":126,"series":127,"authors":128},60,"Sistem Input dengan Read dan Readln pada Bahasa Pascal","Input with Read and Readln in Pascal","sistem-input-dengan-read-dan-readln-pada-bahasa-pascal","Pada kesempatan kali ini kita akan belajar tentang proses masukan dari keyboard dengan menggunakan perintah read dan readln pada Bahasa Pascal.","This time you'll learn how keyboard input works with the read and readln commands in Pascal.","2020-10-22T12:05:49.000Z",[83,125,84],"input-output","\u002Fog\u002Fsistem-input-dengan-read-dan-readln-pada-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[129],{"authors_id":130},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":132,"title":133,"title_en":134,"slug":135,"excerpt":136,"excerpt_en":137,"has_translation":12,"published_at":138,"reading_time":103,"hidden_from_listing":15,"tags":139,"thumbnail_image":21,"og_image":142,"series":143,"authors":144},61,"Menginstall Free Pascal pada Linux","Installing Free Pascal on Linux","menginstall-free-pascal-pada-linux","Untuk menjalankan kode Pascal pada sistem operasi Windows kita perlu compiler. Kali ini kita akan mengunakan Free Pascal sebagai compiler sekaligus code editor kita.","To run Pascal code you need a compiler. This time we'll use Free Pascal as both our compiler and our code editor.","2020-10-01T07:33:57.000Z",[83,140,141],"instalasi","tooling","\u002Fog\u002Fmenginstall-free-pascal-pada-linux.png",{"id":89,"title":90,"title_en":91,"slug":92},[145],{"authors_id":146},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":87,"series":148,"authors":149},{"id":89,"title":90,"title_en":91,"slug":92},[150],{"authors_id":151},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":153,"title":154,"title_en":155,"slug":156,"excerpt":157,"excerpt_en":158,"has_translation":12,"published_at":159,"reading_time":103,"hidden_from_listing":15,"tags":160,"thumbnail_image":21,"og_image":163,"series":164,"authors":165},63,"Penulisan Komentar pada Bahasa Pascal","Writing Comments in Pascal","penulisan-komentar-pada-bahasa-pascal","Kali ini kita akan membahas tentang penulisan komentar pada bahasa Pascal. Komentar adalah bagian dar kode yang tidak akan dibaca oleh komputer.","This time we'll cover how to write comments in Pascal. A comment is the part of the code the computer never reads.","2020-10-05T11:08:33.000Z",[83,161,84,162],"komentar","best-practice","\u002Fog\u002Fpenulisan-komentar-pada-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[166],{"authors_id":167},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":169,"title":170,"title_en":171,"slug":172,"excerpt":173,"excerpt_en":174,"has_translation":12,"published_at":175,"reading_time":103,"hidden_from_listing":15,"tags":176,"thumbnail_image":21,"og_image":177,"series":178,"authors":179},64,"Output dengan Write dan Writeln pada Bahasa Pascal","Output with Write and Writeln in Pascal","output-dengan-write-dan-writeln-pada-bahasa-pascal","Sistem output merupakan suatu yang sangat penting dalam pemrograman. Bukan cuma pemrograman, bahkan semua hal pasti berorientasi pada output.","Output matters in programming, and not only there: every process is judged by what it produces. This is how Pascal puts text on the console.","2020-10-09T11:17:19.000Z",[83,125,84],"\u002Fog\u002Foutput-dengan-write-dan-writeln-pada-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[180],{"authors_id":181},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":183,"title":184,"title_en":185,"slug":186,"excerpt":187,"excerpt_en":188,"has_translation":12,"published_at":189,"reading_time":190,"hidden_from_listing":15,"tags":191,"thumbnail_image":21,"og_image":194,"series":195,"authors":196},65,"Variable, Konstanta, dan Tipe Data pada Pascal","Variables, Constants, and Data Types in Pascal","variable-konstanta-dan-tipe-data-pada-pascal","Variable, konstanta, dan tipe data merupakan jantung dari pemrograman yang akan kita gunakan untuk melakukan manipulasi data.","Variables, constants, and data types are the heart of programming: they're what you use to manipulate data.","2020-10-11T11:25:24.000Z",7,[83,192,193,85],"variabel","tipe-data","\u002Fog\u002Fvariable-konstanta-dan-tipe-data-pada-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[197],{"authors_id":198},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":200,"title":201,"title_en":202,"slug":203,"excerpt":204,"excerpt_en":205,"has_translation":12,"published_at":206,"reading_time":14,"hidden_from_listing":15,"tags":207,"thumbnail_image":21,"og_image":209,"series":210,"authors":211},66,"Operasi Aritmatika pada Bahasa Pascal","Arithmetic Operations in Pascal","operasi-aritmatika-pada-bahasa-pascal","Setelah tahu tentang apa itu tipe data, sekarang kita akan coba belajar tentang operasi apa saja yang dapat dilakukan pada setiap tipe data dalam bahasa Pascal.","Once you know what a data type is, the next question is which operations each type allows. Here is the answer for Pascal, type by type.","2020-10-18T11:46:28.000Z",[83,208,85],"operator","\u002Fog\u002Foperasi-aritmatika-pada-bahasa-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[212],{"authors_id":213},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":215,"title":216,"title_en":217,"slug":218,"excerpt":136,"excerpt_en":219,"has_translation":12,"published_at":220,"reading_time":14,"hidden_from_listing":15,"tags":221,"thumbnail_image":21,"og_image":222,"series":223,"authors":224},102,"Menginstal Free Pascal pada Windows","Installing Free Pascal on Windows","menginstal-free-pascal-pada-windows","To run Pascal code on Windows you need a compiler. This time we'll use Free Pascal as both our compiler and our code editor.","2020-09-30T07:32:11.000Z",[83,140,141],"\u002Fog\u002Fmenginstal-free-pascal-pada-windows.png",{"id":89,"title":90,"title_en":91,"slug":92},[225],{"authors_id":226},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":228,"title":229,"title_en":230,"slug":231,"excerpt":232,"excerpt_en":233,"has_translation":12,"published_at":234,"reading_time":81,"hidden_from_listing":15,"tags":235,"thumbnail_image":21,"og_image":236,"series":237,"authors":238},103,"Membuat Program Hello World pada Pascal","Writing Your First Hello World Program in Pascal","membuat-program-hello-world-pada-pascal","Setelah melakukan instalasi Free Pascal baik pada windows atau linux, kali ini kita akan belajar untuk membuat program pertama kita. Sekaligus kenalan sedikit dengan Program Free Pascal.","With Free Pascal installed on Windows or Linux, it's time for your first program, plus a quick look around the Free Pascal IDE.","2020-10-02T13:06:35.000Z",[83,49,85],"\u002Fog\u002Fmembuat-program-hello-world-pada-pascal.png",{"id":89,"title":90,"title_en":91,"slug":92},[239],{"authors_id":240},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},[],{"id":243,"title":64,"title_en":65,"slug":66,"parent_series":244,"children_series":245},14,{"id":112,"title":48,"title_en":48,"slug":49},[246,247,252,257],{"id":89,"title":90,"title_en":91,"slug":92,"cover_image":21},{"id":248,"title":249,"title_en":250,"slug":251,"cover_image":21},24,"Struktur Kontrol","Control Structures","pascal-struktur-kontrol",{"id":253,"title":254,"title_en":255,"slug":256,"cover_image":21},25,"Tipe Data Bentukan","Composite Types","pascal-tipe-data-bentukan",{"id":258,"title":259,"title_en":260,"slug":261,"cover_image":21},26,"Pemrograman Prosedural","Procedural Programming","pascal-pemrograman-prosedural",[263],{"authors_id":264},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},"id",[267,265],"en","Setelah memahami cara [membuat dan menjalankan kode Pascal](\u002Fp\u002Fmembuat-program-hello-world-pada-pascal), kali ini kita akan belajar tentang struktur dasar bahasa Pascal.\n\nIbarat menulis surat mulai dari kepala surat sampai tanda tangan, kode Pascal juga memiliki aturan penulisan dan struktur yang harus dipenuhi. Mari kita bahas lebih lanjut.\n\n## Struktur Bahasa Pascal\n\nPenulisan terstruktur merupakan keunggulan dari bahasa Pascal. Dengan adanya struktur, para programmer bisa dengan mudah membaca kode programnya.\n\nKita akan coba identifikasi struktur kode program [Hello World](\u002Fp\u002Fmembuat-program-hello-world-pada-pascal) sebelumnya. Kodenya kurang lebih seperti ini.\n\n```pascal\nprogram HelloWorld;\nuses crt;\nbegin\n  clrscr;\n  writeln('Hello World');\n  readln;\nend.\n```\n\n### 1. Bagian Judul Program\n\nBagian pertama adalah judul program. Yang namanya judul pasti tempatya dibagian atas sendiri. Baik itu cerpen, berita, bahkan tutorial ini juga punya judul dibagian atas sendiri.\n\nSudah tahu bagian mana judul program? Sepertinya sudah jelas ya.\n\nBagian judul program Pascal juga ada di **paling awal program** yaitu kode berikut:\n\n```pascal\nprogram HelloWorld;\n```\n\nJudul program pada Pascal selalu diawali dengan kata `program`. setelah kata program dilanjutkan dengan **judul program** yang diinginkan, dan diakhiri dengan **titik koma (;)**.\n\n```pascal\nprogram \u003CJudul_Program>;\n```\n\nDalam penulisan judul program ada beberapa aturan yang harus dipenuhi. Kalau tidak sesuai aturan maka program akan error. Aturan penulisan judul program adalah sebagai berikut.\n\n1. Judul program **harus** diawali dengan huruf (a-z \u002F A-Z)\n2. **Tidak boleh** ada spasi pada judul program\n3. Karakter **underscore** dapat digunakan untuk menggantikan spasi\n4. Angka hanya bisa digunakan pada bagian **tengah atau akhir** judul\n\nJudul program ini sebenarnya bersifat **opsional**. Tetapi akan lebih baik jika disertakan.\n\n### 2. Bagian Deklarasi\n\nSelanjutnya adalah deklarasi program. Bagian ini bisa diibaratkan sebagai **Alat dan Bahan** pada buku resep makanan.\n\nIsi dari bagian deklarasi adalah memberi tahu komputer apa apa saja yang kita butuhkan dalam menjalankan program.\n\nLetak bagian deklarasi ini ada tepat di bawah judul program dan di atas keyword **begin**.\n\nPada contoh program **Hello World** di atas, bagian deklarasinya adalah kode berikut.\n\n```pascal\nuses crt;\n```\n\nKode tersebut memerintahkan komputer untuk menggunakan \"library\" yang bernama **crt.** Ibaratkan saja **library** itu sebagai sebuah \"alat\" untuk melakukan sesuatu. \"Sesuatu\" ini akan kita lakukan di bagian selanjutnya.\n\nPada bagian deklarasi ini kita juga dapat mengetikkan beberapa \"bahan\" yang dibutuhkan seperti **constant, variable, type,** **procedure** dan **function.**\n\n> Kita akan mempelajari **constant** dan **variable** pada tutorial selanjutnya. sedangkan **type**, **procedure** dan **function** akan kita pelajari di bagian lanjutan.\n\n### 3. Bagian Program Utama\n\nBagian terakhir dan bagian paling penting. Ini adalah tempat untuk menuliskan logika program kita. Pada bagian ini, program akan menggunajan semua \"alat\" dan \"bahan\" pada bagian deklarasi.\n\nSeluruh bagian di antara **begin** dan **end** merupakan bagian program utama.\n\n```pascal\nbegin\n  clrscr;\n  writeln('Hello World');\n  readln;\nend.\n```\n\nMari kita bahas kode ini dari atas sampai bawah.\n\n1. `begin` **:** Memerintahkan komputer untuk memulai logika program.\n2. `clrscr` **:** Merupakan kependekan dari ***Clear Screen***. Perintah ini digunakan untuk membersihkan layar. `clrscr` merupakan salah satu kegunaan dari \"alat\" `crt` yang ada pada bagian deklarasi.\n3. `writeln('Hello World')` **:** Sudah jelas ya kan.. **write** = menulis, **ln** = singkatan dari **line**. Memerintahkan komputer untuk menulis sesuatu yang berada dalam tanda kurung. dalam hal ini adalah **Hello World**.\n4. `readln` : Seperti sebelumnya, **read** = baca, **ln** = **line**. Memerintahkan komputer untuk membaca baris. Jadi sebelum kita menekan **enter**, komputer akan tetap berhenti pada bagian ini untuk membaca sesuatu — tanpa ini output akan keluar dalam sekejap saja.\n5. `end` : Bagian akhir program yang menyatakan bahwa program sudah selesai dieksekusi. Selanjutnya program akan keluar. Perhatikan tanda titik (.), tanda ini eksklusif hanya digunakan untuk bagian paling akhir program saja.\n\n> `**writeln**` dan `**readln**` merupakan perintah yang digunakan untuk sistem **input** **output**. Selain itu ada juga perintah `**write**` dan `**read**`. Untuk sistem output akan kita pelajari di tutorial selanjutnya.\n\n## Penggunaan Tanda Titik Koma\n\nMulai dari judul program sampai bagian utama program, pasti ada tanda titik koma. Sebenarnya apa fungsi tanda ini?.\n\nPada bahasa Pascal tanda titik koma digunakan untuk menunjukkan akhir dari suatu **statement**. Statement adalah kode program yang digunakan untuk melakukan suatu hal spesifik. seperti menulis (`writeln`), membaca (`readln`), dan deklarasi.\n\n\"**Apa yang terjadi jika kita menghapus tanda titik koma?**\"\n\nJawabannya adalah program akan error seketika. Ini karena komputer hanya bisa membaca satu blok pertintah dalam satu waktu.\n\nJika kita menghilangkan tanda titik koma, maka komputer akan membaca perintah pertama dan perintah kedua sebagai satu perintah.\n\nDengan titik koma ini kita bisa menulis kode yang panjang dalam satu baris. Seperti ini adalah kode yang valid:\n\n```pascal\nprogram HelloWorld; uses crt;\nbegin\n  clrscr; writeln('Hello World'); readln;\nend.\n```\n\nPada program tersebut `clrscr`, `writeln`, dan `readln` akan dibaca sebagai 3 statement yang berbeda sehingga tidak akan terjadi error. Berlaku pula kepada **bagian judul** dan **deklarasi**.\n\n> Penulisan kode dalam satu baris sangat tidak disarankan karena dapat menyebabkan kebingungan dalam membaca kode program.\n\n## Selanjutnya\n\nCukup sekian untuk kesempatan kali ini, semoga bermanfaat.\n\nJika ingin mengetahui lebih lanjut tentang struktur Pascal, bisa pergi ke [laman wiki free pascal](https:\u002F\u002Fwiki.freepascal.org\u002FProgram_Structure) atau cari cari di internet yang luas ini.\n\nSelanjutnya kita akan membahas tentang [Penulisan Komentar pada Bahasa Pascal](\u002Fp\u002Fpenulisan-komentar-pada-bahasa-pascal).\n\nSee ya 👋\n","\u003Cp>Setelah memahami cara \u003Ca href=\"\u002Fp\u002Fmembuat-program-hello-world-pada-pascal\">membuat dan menjalankan kode Pascal\u003C\u002Fa>, kali ini kita akan belajar tentang struktur dasar bahasa Pascal.\u003C\u002Fp>\n\u003Cp>Ibarat menulis surat mulai dari kepala surat sampai tanda tangan, kode Pascal juga memiliki aturan penulisan dan struktur yang harus dipenuhi. Mari kita bahas lebih lanjut.\u003C\u002Fp>\n\u003Ch2 id=\"struktur-bahasa-pascal\">Struktur Bahasa Pascal\u003C\u002Fh2>\n\u003Cp>Penulisan terstruktur merupakan keunggulan dari bahasa Pascal. Dengan adanya struktur, para programmer bisa dengan mudah membaca kode programnya.\u003C\u002Fp>\n\u003Cp>Kita akan coba identifikasi struktur kode program \u003Ca href=\"\u002Fp\u002Fmembuat-program-hello-world-pada-pascal\">Hello World\u003C\u002Fa> sebelumnya. Kodenya kurang lebih seperti ini.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"program%20HelloWorld%3B%0Auses%20crt%3B%0Abegin%0A%20%20clrscr%3B%0A%20%20writeln('Hello%20World')%3B%0A%20%20readln%3B%0Aend.\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>program HelloWorld;\nuses crt;\nbegin\n  clrscr;\n  writeln('Hello World');\n  readln;\nend.\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Ch3 id=\"1-bagian-judul-program\">1. Bagian Judul Program\u003C\u002Fh3>\n\u003Cp>Bagian pertama adalah judul program. Yang namanya judul pasti tempatya dibagian atas sendiri. Baik itu cerpen, berita, bahkan tutorial ini juga punya judul dibagian atas sendiri.\u003C\u002Fp>\n\u003Cp>Sudah tahu bagian mana judul program? Sepertinya sudah jelas ya.\u003C\u002Fp>\n\u003Cp>Bagian judul program Pascal juga ada di \u003Cstrong>paling awal program\u003C\u002Fstrong> yaitu kode berikut:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"program%20HelloWorld%3B\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>program HelloWorld;\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Judul program pada Pascal selalu diawali dengan kata \u003Ccode>program\u003C\u002Fcode>. setelah kata program dilanjutkan dengan \u003Cstrong>judul program\u003C\u002Fstrong> yang diinginkan, dan diakhiri dengan \u003Cstrong>titik koma (;)\u003C\u002Fstrong>.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"program%20%3CJudul_Program%3E%3B\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>program <Judul_Program>;\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Dalam penulisan judul program ada beberapa aturan yang harus dipenuhi. Kalau tidak sesuai aturan maka program akan error. Aturan penulisan judul program adalah sebagai berikut.\u003C\u002Fp>\n\u003Col>\n\u003Cli>Judul program \u003Cstrong>harus\u003C\u002Fstrong> diawali dengan huruf (a-z \u002F A-Z)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Tidak boleh\u003C\u002Fstrong> ada spasi pada judul program\u003C\u002Fli>\n\u003Cli>Karakter \u003Cstrong>underscore\u003C\u002Fstrong> dapat digunakan untuk menggantikan spasi\u003C\u002Fli>\n\u003Cli>Angka hanya bisa digunakan pada bagian \u003Cstrong>tengah atau akhir\u003C\u002Fstrong> judul\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Judul program ini sebenarnya bersifat \u003Cstrong>opsional\u003C\u002Fstrong>. Tetapi akan lebih baik jika disertakan.\u003C\u002Fp>\n\u003Ch3 id=\"2-bagian-deklarasi\">2. Bagian Deklarasi\u003C\u002Fh3>\n\u003Cp>Selanjutnya adalah deklarasi program. Bagian ini bisa diibaratkan sebagai \u003Cstrong>Alat dan Bahan\u003C\u002Fstrong> pada buku resep makanan.\u003C\u002Fp>\n\u003Cp>Isi dari bagian deklarasi adalah memberi tahu komputer apa apa saja yang kita butuhkan dalam menjalankan program.\u003C\u002Fp>\n\u003Cp>Letak bagian deklarasi ini ada tepat di bawah judul program dan di atas keyword \u003Cstrong>begin\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>Pada contoh program \u003Cstrong>Hello World\u003C\u002Fstrong> di atas, bagian deklarasinya adalah kode berikut.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"uses%20crt%3B\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>uses crt;\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Kode tersebut memerintahkan komputer untuk menggunakan "library" yang bernama \u003Cstrong>crt.\u003C\u002Fstrong> Ibaratkan saja \u003Cstrong>library\u003C\u002Fstrong> itu sebagai sebuah "alat" untuk melakukan sesuatu. "Sesuatu" ini akan kita lakukan di bagian selanjutnya.\u003C\u002Fp>\n\u003Cp>Pada bagian deklarasi ini kita juga dapat mengetikkan beberapa "bahan" yang dibutuhkan seperti \u003Cstrong>constant, variable, type,\u003C\u002Fstrong> \u003Cstrong>procedure\u003C\u002Fstrong> dan \u003Cstrong>function.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Kita akan mempelajari \u003Cstrong>constant\u003C\u002Fstrong> dan \u003Cstrong>variable\u003C\u002Fstrong> pada tutorial selanjutnya. sedangkan \u003Cstrong>type\u003C\u002Fstrong>, \u003Cstrong>procedure\u003C\u002Fstrong> dan \u003Cstrong>function\u003C\u002Fstrong> akan kita pelajari di bagian lanjutan.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch3 id=\"3-bagian-program-utama\">3. Bagian Program Utama\u003C\u002Fh3>\n\u003Cp>Bagian terakhir dan bagian paling penting. Ini adalah tempat untuk menuliskan logika program kita. Pada bagian ini, program akan menggunajan semua "alat" dan "bahan" pada bagian deklarasi.\u003C\u002Fp>\n\u003Cp>Seluruh bagian di antara \u003Cstrong>begin\u003C\u002Fstrong> dan \u003Cstrong>end\u003C\u002Fstrong> merupakan bagian program utama.\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"begin%0A%20%20clrscr%3B%0A%20%20writeln('Hello%20World')%3B%0A%20%20readln%3B%0Aend.\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>begin\n  clrscr;\n  writeln('Hello World');\n  readln;\nend.\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Mari kita bahas kode ini dari atas sampai bawah.\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Ccode>begin\u003C\u002Fcode> \u003Cstrong>:\u003C\u002Fstrong> Memerintahkan komputer untuk memulai logika program.\u003C\u002Fli>\n\u003Cli>\u003Ccode>clrscr\u003C\u002Fcode> \u003Cstrong>:\u003C\u002Fstrong> Merupakan kependekan dari \u003Cem>\u003Cstrong>Clear Screen\u003C\u002Fstrong>\u003C\u002Fem>. Perintah ini digunakan untuk membersihkan layar. \u003Ccode>clrscr\u003C\u002Fcode> merupakan salah satu kegunaan dari "alat" \u003Ccode>crt\u003C\u002Fcode> yang ada pada bagian deklarasi.\u003C\u002Fli>\n\u003Cli>\u003Ccode>writeln('Hello World')\u003C\u002Fcode> \u003Cstrong>:\u003C\u002Fstrong> Sudah jelas ya kan.. \u003Cstrong>write\u003C\u002Fstrong> = menulis, \u003Cstrong>ln\u003C\u002Fstrong> = singkatan dari \u003Cstrong>line\u003C\u002Fstrong>. Memerintahkan komputer untuk menulis sesuatu yang berada dalam tanda kurung. dalam hal ini adalah \u003Cstrong>Hello World\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>\u003Ccode>readln\u003C\u002Fcode> : Seperti sebelumnya, \u003Cstrong>read\u003C\u002Fstrong> = baca, \u003Cstrong>ln\u003C\u002Fstrong> = \u003Cstrong>line\u003C\u002Fstrong>. Memerintahkan komputer untuk membaca baris. Jadi sebelum kita menekan \u003Cstrong>enter\u003C\u002Fstrong>, komputer akan tetap berhenti pada bagian ini untuk membaca sesuatu — tanpa ini output akan keluar dalam sekejap saja.\u003C\u002Fli>\n\u003Cli>\u003Ccode>end\u003C\u002Fcode> : Bagian akhir program yang menyatakan bahwa program sudah selesai dieksekusi. Selanjutnya program akan keluar. Perhatikan tanda titik (.), tanda ini eksklusif hanya digunakan untuk bagian paling akhir program saja.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cblockquote>\n\u003Cp>\u003Ccode>**writeln**\u003C\u002Fcode> dan \u003Ccode>**readln**\u003C\u002Fcode> merupakan perintah yang digunakan untuk sistem \u003Cstrong>input\u003C\u002Fstrong> \u003Cstrong>output\u003C\u002Fstrong>. Selain itu ada juga perintah \u003Ccode>**write**\u003C\u002Fcode> dan \u003Ccode>**read**\u003C\u002Fcode>. Untuk sistem output akan kita pelajari di tutorial selanjutnya.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch2 id=\"penggunaan-tanda-titik-koma\">Penggunaan Tanda Titik Koma\u003C\u002Fh2>\n\u003Cp>Mulai dari judul program sampai bagian utama program, pasti ada tanda titik koma. Sebenarnya apa fungsi tanda ini?.\u003C\u002Fp>\n\u003Cp>Pada bahasa Pascal tanda titik koma digunakan untuk menunjukkan akhir dari suatu \u003Cstrong>statement\u003C\u002Fstrong>. Statement adalah kode program yang digunakan untuk melakukan suatu hal spesifik. seperti menulis (\u003Ccode>writeln\u003C\u002Fcode>), membaca (\u003Ccode>readln\u003C\u002Fcode>), dan deklarasi.\u003C\u002Fp>\n\u003Cp>"\u003Cstrong>Apa yang terjadi jika kita menghapus tanda titik koma?\u003C\u002Fstrong>"\u003C\u002Fp>\n\u003Cp>Jawabannya adalah program akan error seketika. Ini karena komputer hanya bisa membaca satu blok pertintah dalam satu waktu.\u003C\u002Fp>\n\u003Cp>Jika kita menghilangkan tanda titik koma, maka komputer akan membaca perintah pertama dan perintah kedua sebagai satu perintah.\u003C\u002Fp>\n\u003Cp>Dengan titik koma ini kita bisa menulis kode yang panjang dalam satu baris. Seperti ini adalah kode yang valid:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PASCAL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"program%20HelloWorld%3B%20uses%20crt%3B%0Abegin%0A%20%20clrscr%3B%20writeln('Hello%20World')%3B%20readln%3B%0Aend.\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>program HelloWorld; uses crt;\nbegin\n  clrscr; writeln('Hello World'); readln;\nend.\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Pada program tersebut \u003Ccode>clrscr\u003C\u002Fcode>, \u003Ccode>writeln\u003C\u002Fcode>, dan \u003Ccode>readln\u003C\u002Fcode> akan dibaca sebagai 3 statement yang berbeda sehingga tidak akan terjadi error. Berlaku pula kepada \u003Cstrong>bagian judul\u003C\u002Fstrong> dan \u003Cstrong>deklarasi\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Penulisan kode dalam satu baris sangat tidak disarankan karena dapat menyebabkan kebingungan dalam membaca kode program.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch2 id=\"selanjutnya\">Selanjutnya\u003C\u002Fh2>\n\u003Cp>Cukup sekian untuk kesempatan kali ini, semoga bermanfaat.\u003C\u002Fp>\n\u003Cp>Jika ingin mengetahui lebih lanjut tentang struktur Pascal, bisa pergi ke \u003Ca href=\"https:\u002F\u002Fwiki.freepascal.org\u002FProgram_Structure\">laman wiki free pascal\u003C\u002Fa> atau cari cari di internet yang luas ini.\u003C\u002Fp>\n\u003Cp>Selanjutnya kita akan membahas tentang \u003Ca href=\"\u002Fp\u002Fpenulisan-komentar-pada-bahasa-pascal\">Penulisan Komentar pada Bahasa Pascal\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>See ya 👋\u003C\u002Fp>\n","",[272,291,304,317,330,351],{"id":273,"title":274,"title_en":21,"slug":275,"excerpt":276,"excerpt_en":21,"has_translation":15,"published_at":277,"reading_time":278,"hidden_from_listing":15,"tags":279,"thumbnail_image":21,"og_image":282,"series":283,"authors":288},133,"Python Strings: the Badge That Only Worked for One Name","python-strings","The badge script printed the right name for the person who wrote it and the wrong name for everybody else. Slicing counts characters, and a name is words.","2026-10-28T13:00:00.000Z",6,[280,281],"python","string","\u002Fog\u002Fpython-strings.png",{"id":284,"title":285,"title_en":286,"slug":287},30,"Koleksi dan String","Collections and Strings","python-collections",[289],{"authors_id":290},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":292,"title":293,"title_en":21,"slug":294,"excerpt":295,"excerpt_en":21,"has_translation":15,"published_at":296,"reading_time":278,"hidden_from_listing":15,"tags":297,"thumbnail_image":21,"og_image":299,"series":300,"authors":301},132,"Python Tuples: Why All Three Points Are the Same Point","python-tuples","Three points walk into a loop and come out identical. The list was never copied three times; the name was. A tuple makes that bug impossible.","2026-10-28T12:00:00.000Z",[280,298],"tuple","\u002Fog\u002Fpython-tuples.png",{"id":284,"title":285,"title_en":286,"slug":287},[302],{"authors_id":303},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":305,"title":306,"title_en":21,"slug":307,"excerpt":308,"excerpt_en":21,"has_translation":15,"published_at":309,"reading_time":278,"hidden_from_listing":15,"tags":310,"thumbnail_image":21,"og_image":312,"series":313,"authors":314},131,"Python Sets: the Duplicate That Keeps Coming Back","python-sets","A de-duplication loop that works on clean data leaves four tags where there should be two. The bug is case, and the fix is a `set`.","2026-10-28T11:00:00.000Z",[280,311],"set","\u002Fog\u002Fpython-sets.png",{"id":284,"title":285,"title_en":286,"slug":287},[315],{"authors_id":316},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":318,"title":319,"title_en":21,"slug":320,"excerpt":321,"excerpt_en":21,"has_translation":15,"published_at":322,"reading_time":278,"hidden_from_listing":15,"tags":323,"thumbnail_image":21,"og_image":325,"series":326,"authors":327},130,"Python Dictionaries: the Key That Isn't There","python-dictionary","A word counter dies the first time it meets a word twice. The fix is one line; what takes longer is knowing which of a dict's three lookups to reach for.","2026-10-28T10:00:00.000Z",[280,324],"dictionary","\u002Fog\u002Fpython-dictionary.png",{"id":284,"title":285,"title_en":286,"slug":287},[328],{"authors_id":329},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":331,"title":332,"title_en":333,"slug":334,"excerpt":335,"excerpt_en":336,"has_translation":12,"published_at":337,"reading_time":14,"hidden_from_listing":15,"tags":338,"thumbnail_image":21,"og_image":345,"series":346,"authors":348},129,"Biar RAG nggak kena 504: pisahin jalur query dan ingestion","So Your RAG Stops Hitting 504: Split the Query Path From Ingestion","rag-pisah-jalur-query-dan-ingestion","Satu service RAG yang merangkap parsing dan menjawab kueri bakal tumbang pas ada yang upload PDF 200 halaman. Obatnya dua jalur dan satu queue.","One RAG service that both parses uploads and answers queries will fall over the moment someone uploads a 200-page PDF. The cure is two paths and one queue.","2026-10-22T01:30:00.000Z",[339,340,341,342,343,344],"rag","cloud-run","cloud-tasks","gcp","serverless","arsitektur","\u002Fog\u002Frag-pisah-jalur-query-dan-ingestion.png",{"id":347,"title":35,"title_en":36,"slug":37},8,[349],{"authors_id":350},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},{"id":352,"title":353,"title_en":354,"slug":355,"excerpt":356,"excerpt_en":357,"has_translation":12,"published_at":358,"reading_time":278,"hidden_from_listing":15,"tags":359,"thumbnail_image":21,"og_image":366,"series":367,"authors":368},128,"Linear atau graf: cara mengatur banyak agent tanpa loop abadi","Linear or Graph: How to Run Many Agents Without an Eternal Loop","multi-agen-linear-atau-grafik","Satu agent dengan dua puluh tool gampang kacau. Begitu beberapa agent saling revisi, kamu butuh graf yang mendukung cycle dan angka yang membuatnya berhenti.","One agent with twenty tools gets messy fast. Once several agents revise each other, you need a graph that allows cycles and a number that makes it stop.","2026-10-21T16:05:00.000Z",[360,361,362,363,364,365],"multi-agent","langgraph","autogen","orkestrasi","checkpoint","llm","\u002Fog\u002Fmulti-agen-linear-atau-grafik.png",{"id":347,"title":35,"title_en":36,"slug":37},[369],{"authors_id":370},{"id":112,"name":113,"slug":114,"role":115,"profile_picture":21},[372,376,379,382,385,388],{"text":373,"depth":374,"id":375},"Struktur Bahasa Pascal",2,"struktur-bahasa-pascal",{"text":377,"depth":103,"id":378},"1. Bagian Judul Program","1-bagian-judul-program",{"text":380,"depth":103,"id":381},"2. Bagian Deklarasi","2-bagian-deklarasi",{"text":383,"depth":103,"id":384},"3. Bagian Program Utama","3-bagian-program-utama",{"text":386,"depth":374,"id":387},"Penggunaan Tanda Titik Koma","penggunaan-tanda-titik-koma",{"text":389,"depth":374,"id":390},"Selanjutnya","selanjutnya",1793295834587]