Tutorial AppML

AppML Membawa Data ke HTML

"Aplikasi Web Tanpa Omong kosong"


pengantar

Web berkembang pesat, dan jumlah data di Cyberspace tumbuh lebih cepat lagi.

Setiap hari sistem informasi baru dikembangkan, dan setiap hari pengguna baru terhubung, dan data dapat diakses 24/7 dari mana saja di dunia.

Metode pengembangan perangkat lunak yang lebih cepat dan lebih baik sangat dibutuhkan .

Sejalan dengan ini, W3Schools telah mengembangkan teknik yang sangat fleksibel untuk mengambil, menampilkan, dan memanipulasi data, tanpa memerlukan pemrograman tradisional.

Bekerja sama dengan Jan Egil Refsnes, W3schools telah mengembangkan kosakata untuk mendefinisikan aplikasi Web. Kosa kata tersebut disebut AppML (Application Modeling Language).

AppML menggunakan teknik dan ide paling mutakhir dari pengembangan Web modern dengan fokus pada:

  • Biaya rendah
  • Pengembangan Web yang Cepat dan Lincah
  • Dioptimalkan untuk Komputasi Awan
  • Kecepatan Tinggi dan Konsumsi Bandwidth Rendah
  • Arsitektur MVC (Model Viev Controller)
  • Pemisahan Penuh Konten dari Presentasi
  • Sangat Terukur dan Dapat Diuji
  • Konfigurasi dan Konfigurasi Ulang yang Mudah

AppML mendukung fungsi yang Anda temukan di kerangka kerja lain seperti React, Angular, dan Vue, tetapi AppML jauh lebih mudah digunakan, dan lebih mudah dipahami.


Apa itu AppML?

AppML adalah singkatan dari App lication M odeling L anguage.

AppML bukan bahasa pemrograman. Ini adalah bahasa deskriptif (bahasa untuk menggambarkan aplikasi).

Itu dibangun di sekitar konsep aplikasi Web yang sudah dikenal seperti:

  • Formulir
  • Daftar
  • Laporan
  • Filter
  • Fungsi
  • Database

AppML berjalan di halaman HTML mana pun. Tidak diperlukan instalasi.

AppML adalah alat untuk membawa data ke aplikasi HTML:

  • Dari Objek
  • Dari file JSON
  • Dari file teks
  • Dari file XML
  • Dari database






Mengapa AppML?

HTML sangat tidak cocok untuk menggambarkan aplikasi web.

AppML dibuat untuk aplikasi web:

  • AppML memperluas HTML dengan atribut data.
  • AppML menambahkan pengontrol ke HTML, untuk mengontrol perilaku data HTML.

AppML sangat mudah dipahami dan sangat cepat untuk dikembangkan.


Contoh AppML

Contoh ini menunjukkan betapa mudahnya AppML membawa data ke HTML:

Contoh AppML

<!DOCTYPE html>
<html lang="en-US">

<title>Customers</title>
<link rel="stylesheet" href="style.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>

<body>
<h1>Customers</h1>

<table appml-data="customers.js">
<tr>
  <th>Customer</th>
  <th>City</th>
  <th>Country</th>
</tr>
<tr appml-repeat="records">
  <td>{{CustomerName}}</td>
  <td>{{City}}</td>
  <td>{{Country}}</td>
</tr>
</table>

</body>
</html>

AppML adalah alat untuk pengembangan aplikasi web yang mudah, cepat, dan gesit.


Mudah dan Lincah

Di pasar saat ini, ada banyak kerangka kerja (alat atau pustaka) yang dirancang untuk memperluas HTML.

Sebagian besar kerangka kerja ini memanipulasi HTML, CSS, atau JavaScript dengan cara yang membuatnya sulit untuk digunakan (terutama bila digunakan dalam kombinasi).

AppML berbeda. Anda memiliki kebebasan penuh HTML, CSS, dan JavaScript.

AppML memudahkan pembuatan Single Page Applications (SPA) dengan cara yang sangat bersih dan efisien.

Bahkan jika Anda belum pernah bekerja dengan pengembangan web sebelumnya, Anda akan menemukan AppML sangat mudah digunakan.

Jika Anda seorang pengembang web berpengalaman, Anda akan segera menemukan kekuatan AppML.