diff options
Diffstat (limited to 'demos/quickstart/protected/pages/Tutorial')
| -rw-r--r-- | demos/quickstart/protected/pages/Tutorial/id/AjaxChat.page | 20 | ||||
| -rw-r--r-- | demos/quickstart/protected/pages/Tutorial/id/CurrencyConverter.page | 12 |
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($("<%= $this->userinput->ClientID %>"), "keypress", function </com:TClientScript>
</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><label></tt> untuk melakukan hal yang sama, tapi anda harus mencari <tt>ID</tt> yang benar pada kotak teks (atau <tt><input></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><head></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. |