1. Persiapan
1.1. Identifikasi Masalah
1.1.1. Mengembangkan Website Pengelolaan Tanah Pertanian
1.2. Sasaran Pengguna
1.2.1. Masyarakat khususnya petani
1.3. Fitur dan Spesifikasi
1.3.1. Tahap ke-1 berbasis website dengan bahasa pemrograman HTML, C# (frontend development), dan T-SQL (backend development)
1.4. Konten
1.4.1. Analisis lahan pertanian sesuai dengan input yang dimasukkan oleh pengguna
1.4.2. Rekomendasi siklus tanaman
2. HTML
2.1. Sintaksis elemen pada HTML
2.1.1. Merancang Judul
2.1.2. Merancang Lists
2.1.3. Merancang Quotes
2.1.4. Mengonfigurasikan tulisan Bold dan Italics
2.1.5. Teks Formatting pada HTML
2.1.5.1. - <code> untuk menandai bagian dari kode program - <samp> untuk menandai output dari program komputer -<kbd> untuk menandai tombol keyboard -<var> untuk menandai sebuah variabel -<pre> untuk preformatting teks
2.2. Navigasi dan Tautan
2.2.1. Tag HTML <a> mendefinisikan hyperlink
2.2.2. Atribut target menentukan tempat untuk membuka dokumen tertaut.
2.2.2.1. _self
2.2.2.1.1. Membuka dokumen di jendela/tab yang sama dengan yang diklik
2.2.2.2. _blank
2.2.2.2.1. Membuka dokumen di jendela atau tab baru
2.2.2.3. _parent
2.2.2.3.1. Membuka dokumen di bingkai induk
2.2.2.4. _top
2.2.2.4.1. Membuka dokumen di seluruh badan jendela
2.3. Memasukkan gambar
2.3.1. Tag <img> digunakan untuk menyisipkan gambar ke dalam dokumen HTML.
2.3.1.1. Catatan: Seperti <br> , elemen <img> juga merupakan elemen kosong, dan tidak memiliki tag penutup. Namun, dalam XHTML ia menutup dirinya sendiri yang diakhiri dengan "/>".
2.4. Memasukkan Media
2.4.1. Menginput audio
2.4.2. Menginput video
2.4.2.1. Menggunakan tag <video>
2.4.2.1.1. <video> <source src="file_name" type="video_file_type"> </video>
2.5. Head dari Sebuah Web
2.5.1. Tag <head> berisi elemen kepala lainnya seperti <title>, <meta>, <link>, <style> <link>
2.5.1.1. <head> <title>Title of the document</title> </head>
2.5.2. Menggunakan tag <audio>
2.5.2.1. <audio> <source src="file_name" type="audio_file_type"> </audio>
2.6. HTML Form
2.6.1. kumpulan input dari berbagai jenis input pengguna, seperti detail kontak seperti nama, alamat email
2.6.1.1. Tag <form> digunakan untuk membuat formulir HTML
2.6.1.1.1. <form> <label for="username">Username:</label> <input type="text" name="username" id="username"> </form>
2.6.2. Bagian Password
2.6.2.1. menggunakan elemen <input> yang atribut tipenya memiliki nilai kata sandi
2.6.2.1.1. <form> <label for="user-pwd">Password:</label> <input type="password" name="user-password" id="user-pwd"> </form>
2.6.3. Radio Buttons
2.6.3.1. dibuat menggunakan elemen <input> yang atribut tipenya memiliki nilai radio.
2.6.3.1.1. <form> <input type="radio" name="gender" id="male"> <label for="male">Male</label> <input type="radio" name="gender" id="female"> <label for="female">Female</label> </form>
2.6.4. Checkboxes
2.6.4.1. Itu dibuat menggunakan elemen <input> yang atribut tipenya memiliki nilai kotak centang (checkbox).
2.6.4.1.1. Jika ingin membuat tombol radio atau kotak centang dipilih secara default, dapat menambahkan atribut yang dicentang ke elemen input, <input type="checkbox" checked>.
2.7. iFrame
2.7.1. bingkai sebaris digunakan untuk menampilkan objek eksternal termasuk halaman web lain di dalam halaman web
2.7.1.1. Sintaks dasar untuk menambahkan iframe ke halaman web dapat diberikan dengan:<iframe src="URL"></iframe>
2.7.1.2. Atribut tinggi dan lebar digunakan untuk menentukan tinggi dan lebar iframe.
2.7.1.2.1. <iframe src="hello.html" width="400" height="200"></iframe>