Posts

Tugas Struktur Kontrol - PHP

 Projek PHP sederhana - Struktur Kontrol Halo semua! Pada kesempatan ini saya akan sharing projek buatan saya, pada materi pembelajaran Pemrograman Web dan Perangkat Bergerak, yaitu Struktur Kontrol dengan bahasa pemrograman PHP. Disini saya akan membuat design dengan konsep sederhana, menggunakan ELSE-IF, IF, dan ELSE. Saya membuat konsep dimana saat kita menuliskan nama rempah pada kolom, jika nama rempah tersebut adalah rempah yang ada pada script saya maka akan muncul gambar rempah tersebut beserta manfaatnya, berikut ini adalah kode/scriptnya ; <!DOCTYPE html> < html > < head > < title > Galeri Rempah-rempah </ title > < style > body { font-family : Arial, sans-serif; background-color : #f0f0f0 ; } h1 { text-align : center; color : #007bff ; } form { text-align : center; } label { font-weight :...
Post a Comment
Read more

CSS Lanjutan

Image
  Display Pada Elemen Memiliki 2 Jenis, yaitu:    a. elemen Block  Saat ditampilkan, blok elemen pada HTML akan memenuhi kapasitas maksimal dari lebar komponen atasnya. Misalkan komponen utama browser memiliki lebar 1140px, maka blok elemen akan memenuhinya.     b. elemen Inline Sedangkan inline element tidak akan memenuhi ruang horizontal saat ditampilkan tampilannya hanya akan memanjang sesuai dengan ukuran konten. 2. Properti     a. fLoat atribut float sebagai contoh : pada element gambar, membuat gambar terletak ke samping dan text akan menjorok mengikuti elemen gambar See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .    b. overflow Fungsi dari properti overflow pada CSS adalah untuk mengontrol konten yang terlalu besar atau melewati batas yang telah ditentukan untuk dimasukkan ke dalam suatu area.    c. border-radius Untuk membuat sudut membulat, sudut melengkung atau rounded corner, ...
Post a Comment
Read more

CSS Selector

Image
  CSS : CSS Selector copyright by Razadd Halo semuanya! Di hari yang cerah ini saya akan menjelaskan komponen penting dalam bahasa pemrograman CSS yaitu CSS Selector!  Nahh, sebelum kita kupas tuntas tentang Apa yang dimaksud dengan CSS Selector?  ada baiknya kita mengenal terlebih dahulu CSS  APA ITU CSS? copyright by Razadd           CSS (Cascading Style Sheet) adalah sebuah bahasa pemrograman berbasis HTML yang digunakan saat proses mendesign suatu tampilan Website, Tampilan elemen CSS tertulis dalam bahasa Markup yang memang serupa dengan HTML. Dalam suatu website, HTML berperan sebagai penyusun struktur website sedangkan CSS untuk mengatur layout halaman website. Dapat disimpulkan, HTML dan CSS saling berhubungan satu sama lain. Fungsi CSS           Dalam bahasa Markup, CSS mengatur tampilan elemen yang memisahkan konten dari tampilan visual sebuah website. CSS inilah yang mengatur tampilan halaman sua...
Post a Comment
Read more

Landing page!

See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

Penerapan Layout Table pada HTML

Image
berikut ini adalah penerapan tabel beserta atribut nya : frog = katak :D   See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

Penerapan Tag-Tag HTML

Image
 
Post a Comment
Read more

Design Layout Web

Image
  See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

Review HTML, CSS & C#

Image
Review Kembali HTML, CSS & C#  
Post a Comment
Read more

Layout : Mencontoh Web Sebagai Reference

Image
 Layout : Mencontoh Website Sebagai Referensi inspired by :  https://genshin-impact.fandom.com/wiki/Character See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

CSS : Layout

Image
 Penerapan Layout pada CSS Apa Itu Layout Pada HTML? Layout pada HTML adalah suatu cara untuk mengatur tampilan website, agar terstruktur dan tersaji dalam bentuk responsif. Adapun, komponen yang ditemukan dalam pembuatan Layout pada HTML ; <header> Menentukan header untuk dokumen atau bagian <nav> Menentukan wadah untuk tautan navigasi <section> Menentukan bagian dalam dokumen <article> Menentukan artikel <aside> Menentukan konten lain selain konten utama (seperti bilah sisi) <footer> Menentukan footer untuk dokumen atau bagian <detail> Menentukan detail tambahan <summary> Menentukan heading untuk elemen Berikut ini adalah contoh penerapan berupa script code : See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

Penerapan Input Dan Output

Image
PENERAPAN INPUT DAN OUTPUT  Hasil dari code script : 
Post a Comment
Read more

Margin Dan Padding

Image
Margin Dan Padding Apa Itu Margin ?  Margin adalah ruang disekitar elemen yang berfungsi untuk mengaplikasikan jarak jarak tepi pada sebuah elemen bagian luar (tepi garis luar).  Margin memiliki 4 macam penjabaran : Margin - Top Margin - Left Margin - Right Margin - Bottom Apa Itu Padding? Pada bahasa pemrograman CSS, Padding adalah sebuah istilah untuk Spasi. Gunanya sendiri ialah untuk memberik jarak atau ruang antara elemen dan pembatas. Padding dapat pula digunakan untuk mengatur tampilan elemen yang tertulis juga untuk memisahkan dari tampilan visual sebuah website. Membuat Contoh Margin & Padding Script Code : See the Pen Untitled by helio ( @stellarfantasy ) on CodePen .
Post a Comment
Read more

Biodata diri menggunakan C# beserta penjelasannya

Image
Biodata Diri Menggunakan C# Beserta Penjelasannya script kode :  using System ; using System . Diagnostics ; namespace latihan2 {     class latihantugas1   {     static void Main ( string [] args )     {       Console . WriteLine ( "~Biodata Diri~" ); //Judul menggunakan Console.WriteLine()       Console . WriteLine ( "Nama : Razad Ijlal Falih" ); //Nama       Console . Write ( "Usia : " ); //Usia dapat menggunakan Console.Write(), Merupakan tipe data string       Console . WriteLine ( 5 * 3 ); //Nilai umur yang berupa angka menggunakan Console.Write(), Merupakan tipe data int       Console . WriteLine ( "Sekolah : SMK NEGERI 1 JAKARTA" ); //tipe data string       Console . WriteLine ( "Kelas : X-PPLG 2" ); //tipe data string       Console . WriteLine ( "Tempat dan Tanggal Lahir: " ); //tipe data string       Console . Wri...
Post a Comment
Read more

Styling Halaman Web Menggunakan CSS

Image
 Styling Tampilan Website Menggunakan CSS Topik Pembahasan Penggunaan CSS 1. Penjelasan CSS (Pengertian, Definisi, Fungsi, dan Tujuan) 2. Konsep Layout pada halaman website. 3. Jenis -  jenis Layout pada halaman website. 4. Contoh penulisan script code CSS. 5. Metode Stylesheet  Inline Style Internal Style External Style 6. Contoh - contoh property pada CSS. 1. PENJELASAN CSS Pengertian :      CSS merupakan singkatan dari Cascading Style Sheet, yaitu bahasa yang digunakan untuk menentukan tampilan dan format website. CSS digunakan bersama dengan bahasa markup, seperti HTML oleh karena itu hubungan kedua bahasa ini cukup erat karena HTML yang sifatnya sebagai fondasi dan CSS yang sifat nya sebagai pengisi. Tujuan :     Tujuan CSS sendiri ialah untuk menentukan tampilan dan format halaman website sehingga dapat menciptakan sebuah website yang menarik dan memiliki fungsi yang berjalan dengan baik. Fungsi : Mempercepat loading halaman website. Memudah...
Post a Comment
Read more

C# : Mengetahui Sintak Dasar Bahasa Pemrograman C#

Image
 Dasar Bahasa Pemrograman C# Semua bahasa pemrograman memiliki sintaks maupun simbol-simbol yang hampir sama.  Untuk C# sendiri yang merupakan pengembangan dari bahasa C terdahulunya (C dan C++).  C# banyak mengambil inspirasi dari kedua bahasa terdahulunya itu sehingga tidak dapat dipungkiri jika sintak nya hampir mirip. 1. Struktur Dasar Bahasa Pemrograman C# struktur dari program C# terdiri atas 3 bagian yaitu : Bagian Deklarasi Pustaka Bagian Class Bagian Fungsi atau Method A. Bagian Deklarasi Pustaka Penulisan pustaka ( library ) yang dibutuhkan program ditulis pada bagian ini, karena itulah bagian ini terletak di bagian paling atas. Pustaka berisikan kumpulan Variabel, Konstanta, Fungsi, Method, Class, dan Objek yang nantinya dapat dipergunakan di program. B. Bagian Class Pemrograman yang berorientasikan objek seperti C# ini menggunakan paradigma OOP ( Object Oriented Programming ). Setiap pembuatan program C#, bagian class ini digunakan untuk mencakup fungsi dan va...
Post a Comment
Read more

Colspan dan Rowspan

COLSPAN DAN ROWSPAN Tabel adalah bagian dari dokumen HTML yang dimana dulu sebelum adanya CSS, HTML digunakan untuk mengatur tata letak ketika layout halaman. Hubungan tabel dengan Colspan maupun Rowspan sendiri adalah sebagai atribut pelengkap untuk mengatur tata letak sesuai yang diinginkan. Fungsi Colspan dan Rowspan Colspan, merupakan atribut HTML yang berfungsi untuk menggabungkan beberapa kolom. Singkatnya, Colspan menggabungkan kolom tabel ke samping. Rowspan, merupakan atribut HTML yang berfungsi untuk menggabungkan beberapa baris. Singkatnya, Rowspan menggabukan baris tabel ke bawah. Berikut ini adalah contoh tabel yang menggunakan atribut Colspan dan Rowspan :     Tabel Angka 1 2 3 4 5 6 7 8 ...
Post a Comment
Read more

Instalasi Software Editor C#

Image
Instalasi C# di Windows Berikut ini adalah beberapa hal-hal persiapkan untuk Instalasi C# di Windows. Apa saja komponen penting yang diperlukan? Koneksi Internet yang cepat dan stabil Aplikasi Visual Studio  Visual Studio adalah software editor yang umum digunakan pada Windows untuk coding bahasa pemrograman C#. Disini, kita akan berkenalan dengan aplikasi software editor 'Visual Studio' beserta cara instalasi bahasa pemrograman C#. Apa yang dimaksud Visual Studio? https://reviews.financesonline.com/p/visual-studio-ide/ Visual Studio adalah IDE ( Integerated Development Environment ) yang diciptakan oleh Microsoft untuk tujuan pengembangan aplikasi berbasis .NET, VB, C#, C++, juga bahasa pemrograman lainnya seperti Python dan Javascript. Apa yang menjadi perbedaan dengan Visual Studio Code? Visual Studio Code (VS Code) adalah Teks editor. Untuk saat ini  
Post a Comment
Read more

Tampilan Script/Code HTML pada website

Image
Tabel Pada HTML Berikut ini adalah komponen yang digunakan dalam membuat Tabel pada HTML. Script/Code tabel : <table></table> = Membuat tabel pada sebuah web <tr></tr> = Membuat baris kebawah pada tabel <td></td> = Membuat kolom kesamping (kanan) pada tabel <th></th> = Membuat judul kolom pada tabel Border = Mengatur garis tabel Padding = Mengatur padding pada cell Text-align = Mengatur perataan pada konten tabel Border-spacing = Mengatur jarak spasi tabel Colspan = Menggabungkan beberapa kolom Rowspan = Menggabungkan beberapa baris Hasil tampilan code :  Jenis Sayur Jenis Buah Brokoli Mangga Wortel Stroberi Sawi Semangka Jagung Jeruk Timun Anggur Form Pada HT...
Post a Comment
Read more

Segala Tentang C#

Image
 Apa Itu C# ? https://play.google.com/store/apps/details?id=com.technoapps.www.learncsharp&hl=in&gl=US Definisi C# Definisi C# ( C Sharp ) Menurut Handoyo (2011/9), adalah bahasa pemrograman berorientasi objek yang dikembangkan oleh Microsoft .NET Framework sebagai dari inisiatif kerangka. C# menggunakan bahasa high level. Struktur C# Struktur dari program C# yang paling dasar terdiri atas 3 bagian : 1. Bagian deklarasi pustaka 2. Bagian class 3. Bagian fungsi atau method Jenis aplikasi C# 1. Aplikasi Konsol 2. Aplikasi Visual 3. Aplikasi Class Library 4. Aplikasi WPF Software Editor C# 1. Visual Code Studio 2. Notepad++ 3. Tabnine 4. SlickEdit 5. EclipseaCute 6. DevExpress 7. Atom 8. Scriptcs 9. Codeanywhere
Post a Comment
Read more

Bahasa Pemograman dan Software Editor

Image
Bahasa Pemrograman https://www.bola.com/ragam/read/4884061/jenis-jenis-bahasa-pemrograman-yang-populer-lengkap-beserta-penjelasannya Pengertian Bahasa Program Singkatnya, Bahasa Pemograman komputer, adalah instruksi standar untuk memerintah kompute r. Fungsi Bahasa Pemograman sendiri ialah untuk memerintah komputer agar dapat mengelola data sesuai alur maupun cara yang kita inginkan. Tujuan Bahasa Pemograman sendiri adalah memudahkan suatu hal agar dapat dikerjakan lebih praktis dan efisien. Macam Bahasa Pemrograman 1. Java  https://dev.java/ Java adalah salah satu bahasa pemrograman yang biasanya digunakan untuk mengembangkan bagian back-end dari software maupun Android juga website. Java dapat dijalankan di berbagai macam platform tanpa perlu disusun ulang untuk menyesuaikan platformnya. 2. Visual Basic https://www.youtube.com/watch?v=FLIvdS6cj2c Microsoft Visual Basic atau yang biasa disingkat menjadi VB adalah bahasa pemrograman yang menawarkan Integrated Development Environme...
Post a Comment
Read more