summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Tutorial
diff options
context:
space:
mode:
Diffstat (limited to 'demos/quickstart/protected/pages/Tutorial')
-rw-r--r--demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page20
-rw-r--r--demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page12
2 files changed, 16 insertions, 16 deletions
diff --git a/demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page b/demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page
index c509b7b6..ae83f826 100644
--- a/demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page
+++ b/demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page
@@ -3,13 +3,13 @@
<com:RequiresVersion Version="3.1a" />
<p id="90081" class="block-content">Tutorial ini memperkenalkan kerangka kerja aplikasi web Prado
<a href="?page=Database.ActiveRecord">ActiveRecord</a>
- dan <a href="?page=ActiveControls.Home">Active Controls</a> untuk membangun aplikasi web Chat. Diasumsikan bahwa anda sudah terbiasa dengan PHP dan akan telah mengakses server web yang dapat melayani naskah PHP5.
+ dan <a href="?page=ActiveControls.Home">Kontrol Aktif</a> untuk membangun aplikasi web Chat. Diasumsikan bahwa anda sudah terbiasa dengan PHP dan akan telah mengakses server web yang dapat melayani naskah PHP5.
Aplikasi chat dasar ini akan memanfaatkan ide/komponen berikut dalam Prado.
</p>
<ul id="u1" class="block-content">
<li>Membangun kelas kustom Manajer Pengguna.</li>
<li>Mengotentikasi dan menambahkan pengguna ke database.</li>
- <li>Menggunakan ActiveRecord untu berinteraksi dengan database.</li>
+ <li>Menggunakan ActiveRecord untuk berinteraksi dengan database.</li>
<li>Menggunakan Kontrol Aktif dan callbacks untuk menerapkan antarmuka pengguna.</li>
<li>Memisahkan logika aplikasi dan alur aplikasi.</li>
</ul>
@@ -88,7 +88,7 @@ class Login extends TPage
a <com:DocLink ClassPath="System.Web.UI.TForm" Text="TForm" />,
a <com:DocLink ClassPath="System.Web.UI.WebControls.TTextBox" Text="TTextBox" />,
a <com:DocLink ClassPath="System.Web.UI.WebControls.TRequiredFieldValidator" Text="TRequiredFieldValidator" />
- dan <com:DocLink ClassPath="System.Web.UI.WebControls.TButton" Text="TButton" />. Halam yang dihasilkan terlihat seperti berikut (setelah menerapkan beberapa style sheet).
+ dan <com:DocLink ClassPath="System.Web.UI.WebControls.TButton" Text="TButton" />. Halaman yang dihasilkan terlihat seperti berikut (setelah menerapkan beberapa style sheet).
<img src=<%~ chat2.png %> class="figure" />
Jika anda mengklik pada tombol <tt>Login</tt> tanpa memasukan teks
apapun dalam kotak teks nama pengguna, pesan kesalahan ditampilkan. Ini dikarenakan <com:DocLink ClassPath="System.Web.UI.WebControls.TRequiredFieldValidator" Text="TRequiredFieldValidator" />
@@ -123,10 +123,10 @@ Selanjutnya, kita menambahkan file konfigurasi <tt>chat/protected/pages/config.x
</configuration>
</com:TTextHighlighter>
Kita menyiapkan otentikasi menggunakan kelas standar seperti dijelaskan dalam
-<a href="?page=Advanced.Auth">otentikasi/otorisasi quickstart</a>.
+<a href="?page=Advanced.Auth">tutorial cepat otentikasi/otorisasi</a>.
Dalam definisi otorisasi, kita membolehkan pengguna anonim untuk mengakses halaman <tt>Login</tt> (pengguna anonim dietapkan dengan the <tt>?</tt> tanda tanya).
Kita membolehkan setiap pengguna dengan aturan yang sama dengan "normal" (didefinisikan nanti) untuk mengakses semua halaman, yakni halaman <tt>Login</tt> dan <tt>Home</tt>.
-Terakhir, kita menolak semua pengguna tanpa aturan apapun untuk mengakses setiap halaman. Aturan otorisasi dijalamkan pada basis sama pertama.
+Terakhir, kita menolak semua pengguna tanpa aturan apapun untuk mengakses setiap halaman. Aturan otorisasi dijalankan pada basis sama pertama kali.
</p>
<p id="90088" class="block-content">Jika anda mencoba untuk mengakses halaman <tt>Home</tt> dengan mengarahkan browser anda ke
@@ -547,7 +547,7 @@ Untuk kemudahan kita membentuk pesan dalam kelas Rekaman Aktif. Untuk aplikasi b
</p>
<h1 id="18017">Menyatukan Semuanya</h1>
-<p id="90103" class="block-content">Sekarang waktunya untuk menyatukan alur aplikasi secara keseluruhan. Dalam <tt>Home.php</tt> kita memutakhirkan tombol <tt>Send</tt> pengendali event <tt>OnClick</tt> untuk menggunakan logika aplikas yang baru saja kita implementasikan.
+<p id="90103" class="block-content">Sekarang waktunya untuk menyatukan alur aplikasi secara keseluruhan. Dalam <tt>Home.php</tt> kita memutakhirkan tombol <tt>Send</tt> pengendali event <tt>OnClick</tt> untuk menggunakan logika aplikasi yang baru saja kita implementasikan.
<com:TTextHighlighter Language="php" CssClass="source block-content" id="code_90049">
function processMessage($sender, $param)
{
@@ -572,7 +572,7 @@ Kita cukup menyimpan pesan ke bufer chat dan kemudian meminta semua pesan untuk
<p id="90104" class="block-content">Pada titik ini aplikasi sebenarnya sudah berfungsi, cuma tidak bersahabat. Jika anda membuka dua browser berbeda, anda seharusnya bisa berkomunikasi diantara dua pengguna kapan saja tombol <tt>Send</tt> diklik.
</p>
-<p id="90105" class="block-content">Bagian berikutnya barangkali lebih rumit dan mengakali daripada tugas lainnya. Kita perlu untuk meningkatkan pengalaman pengguna. Pertama, kita menginginkan daftar pengguna saat ini juga. Maka kita menambahkan metode berikut ke <tt>Home.php</tt>, kita dapat memanggil metode ini kapansaja beberapa event callback dimunculkan, misalnya saat tombol <tt>Send</tt> diklik.
+<p id="90105" class="block-content">Bagian berikutnya barangkali lebih rumit dan mengakali daripada tugas lainnya. Kita perlu untuk meningkatkan pengalaman pengguna. Pertama, kita menginginkan daftar pengguna saat ini juga. Maka kita menambahkan metode berikut ke <tt>Home.php</tt>, kita dapat memanggil metode ini kapan saja beberapa event callback dimunculkan, misalnya saat tombol <tt>Send</tt> diklik.
<com:TTextHighlighter Language="php" CssClass="source block-content" id="code_90050">
protected function refreshUserList()
{
@@ -616,7 +616,7 @@ protected function refreshMessageList()
</com:TTextHighlighter>
Jangkar menggunakan <tt>time()</tt> sebagai ID untuk titik fokus agar saat daftar
pesan pada sisi klien diperoleh sangat lama, metode fokus akan menggulung daftar
-pesan ke pesan terbaru (ini bekerja baik pada umumnya browsers).
+pesan ke pesan terbaru (ini bekerja baik pada umumnya browser).
</p>
<p id="90107" class="block-content">Selanjutnya, kita perlu mengalihkan pengguna
@@ -660,7 +660,7 @@ function refresh($sender, $param)
</com:TTextHighlighter>
</p>
-<p id="90109" class="block-content">Langkah terakhir kita memerlukan kita untuk menggunakan beberapa javascript. Kita menginginkan bahwa saat pengguna mengetikan beberapa teks dalam area teks dan menekan tombol <tt>Enter</tt>, kita menginginkannya untuk mengirimkan pesan tanpa mengklik tombol <tt>Send</tt>. Kita menambahkan beberapa javascript ke
+<p id="90109" class="block-content">Langkah terakhir memerlukan kita untuk menggunakan beberapa javascript. Kita menginginkan bahwa saat pengguna mengetikan beberapa teks dalam area teks dan menekan tombol <tt>Enter</tt>, kita menginginkannya untuk mengirimkan pesan tanpa mengklik tombol <tt>Send</tt>. Kita menambahkan beberapa javascript ke
<tt>Home.page</tt>.
<com:TTextHighlighter Language="javascript" CssClass="source block-content" id="code_90055">
@@ -677,7 +677,7 @@ Event.observe($("&lt;%= $this->userinput->ClientID %&gt;"), "keypress", function
&lt;/com:TClientScript&gt;
</com:TTextHighlighter>
Rincian sehubungan dengan javascript bisa dilihat dalam seksi
-<a href="?page=Advanced.Scripts">Pengenalan Javascript</a> pada quickstart.
+<a href="?page=Advanced.Scripts">Pengenalan Javascript</a> pada tutorial cepat.
</p>
<p id="90110" class="block-content">Ini melengkapi tutorial untuk membuat aplikasi chat web menggunakan kerangka kerja Prado. Diharapkan anda menikmatinya.
diff --git a/demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page b/demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page
index 7d2e7252..523e8a43 100644
--- a/demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page
+++ b/demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page
@@ -84,7 +84,7 @@ php prado/framework/prado-cli.php -c currency-converter
untuk memasukan nilai pertukaran kurs.
Nilai properti <tt>ForControl</tt> property menentukan komponen mana label
diperuntukan. Ini membolehkan pengguna aplikasi mengklik pada label
- untuk memfokuskan pada field (hal yang baik). Anda mungkin telah menggunakan eleman
+ untuk memfokuskan pada field (hal yang baik). Anda mungkin telah menggunakan elemen
biasa HTML <tt>&lt;label&gt;</tt> untuk melakukan hal yang sama, tapi
anda harus mencari <tt>ID</tt> yang benar pada kotak teks (atau
<tt>&lt;input&gt;</tt> dalam HTML) karena komponen Prado dapat/mungkin menyajikan
@@ -164,7 +164,7 @@ class Home extends TPage
<p id="80066">Dalam metode "<tt>convert_clicked</tt>" parameter pertama, <tt>$sender</tt>,
berhubungan dengan obyek yang memunculkan event, dalam hal ini, tombol
"Convert". Parameter kedua, <tt>$param</tt> berisi data tambahan lain
- di mana obyek <tt>$sender</tt> yang ingi ditambahkan.
+ di mana obyek <tt>$sender</tt> yang ingin ditambahkan.
</p>
<p id="80067">Sekarang kita akan memeriksa, tiga baris yang mengimplementasikan konversi
@@ -212,8 +212,8 @@ $this->total->Text = $rate * $dollars;
<li>kurs mata uang adalah positif.</li>
</ol>
<p id="666" class="block-content">
- Untuk memastikan 1 kita menambahkan satu
- <com:DocLink ClassPath="System.Web.UI.WebControls.TRequiredFieldValidator" Text="TRequiredFieldValidator" />. Untuk memastikan 2 dan 3, kita menambahkan satu <com:DocLink ClassPath="System.Web.UI.WebControls.TCompareValidator" Text="TCompareValidator" />. Kita dapat menambahkan validator ini di mana saja di dalam template "Home.page". Perincian selanjutnya mengenai validator ini dan validator lainnya dapat ditemukan dalam halaman
+ Untuk memastikan poin 1 kita menambahkan satu
+ <com:DocLink ClassPath="System.Web.UI.WebControls.TRequiredFieldValidator" Text="TRequiredFieldValidator" />. Untuk memastikan poin 2 dan 3, kita menambahkan satu <com:DocLink ClassPath="System.Web.UI.WebControls.TCompareValidator" Text="TCompareValidator" />. Kita dapat menambahkan validator ini di mana saja di dalam template "Home.page". Perincian selanjutnya mengenai validator ini dan validator lainnya dapat ditemukan dalam halaman
<a href="?page=Controls.Validation">Validation Controls</a>.
</p>
<com:TTextHighlighter Language="prado" CssClass="source block-content" id="code9">
@@ -320,7 +320,7 @@ Prado::using('System.Web.UI.ActiveControls.*');
</p>
<p id="80079" class="block-content">Untuk membuat dan menggunakan tema dengan aplikasi Prado, kita membuat direktori baru "themes/Basic" dalam direktori <tt>currency-converter</tt>.
- Anda mungkinperlu untuk membuat direktori <tt>themes</tt> lebih dahulu. Direktori apapun di dalam <tt>themes</tt> dianggap sebagai tema dengan nama temanya adalah nama direktori. Lihat
+ Anda mungkin perlu untuk membuat direktori <tt>themes</tt> lebih dahulu. Direktori apapun di dalam <tt>themes</tt> dianggap sebagai tema dengan nama temanya adalah nama direktori. Lihat
<a href="?page=Advanced.Themes">Tema dan Skin</a> untuk lebih jelasnya.
</p>
@@ -342,7 +342,7 @@ Prado::using('System.Web.UI.ActiveControls.*');
merujuk ke elemen HTML <tt>&lt;head&gt;</tt>. Sebagai tambahan terhadap
tampilan properti <tt>Title</tt> pada <tt>THead</tt>, semua file CSS
dalam direktori <tt>themes/Basic</tt> juga disajikan/dikaitkan untuk
- halaman saat ini. Aplikasi web pengubah kurs final kita terlihat seper
+ halaman saat ini. Aplikasi web pengubah kurs final kita terlihat seperti
berikut.
<img src=<%~ example2.png %> class="figure" />
Tutorial pengenalan lengkap terhadap kerangka kerja aplikasi web Prado.