none
MS Knowledge Base: Bagaimana membangun aplikasi web chat menggunakan ASP.NET AJAX?(Part 1) RRS feed

  • Diskusi Umum

  • Artikel ini menjelaskan tentang sampel All-In-One Code Framework yang tersedia untuk di-download. Sampel kode ini akan memberikan anda panduan langkah-demi-langkah yang menggambarkan cara membuat aplikasi web chat dengan menggunakan ASP.NET AJAX.  

     

    Tingkat Kesulitan

    Tinggi

    Pembahasan Teknis

    Anda pastinya memiliki pengalaman berchatting ria dengan teman-teman anda di web. Anda mungkin berpikir  sangatlah rumit untuk mengembangkan aplikasi web chat. Namun, ASP.NET menyediakan cara yang mudah untuk melakukannya. Dalam bagian ini juga akan diperkenalkan bagaimana  membangun web chat room dengan menggunakan AJAX.

    Prinsip yang diperlukan untuk membangun web chat
    dengan menggunakan AJAX tidak begitu rumit. Seperti yang Anda ketahui, untuk membuat aplikasi web chat hanya membutuhkan empat kontrol berikut:

    ·         List kontrol yang digunakan untuk menampilkan daftar dari anggota chat

    ·         List kontrol yang digunakan untuk menampilkan daftar  pesan chat

    ·         Text box kontrol yang akan digunakan untuk menulis pesan

    ·         Button yang digunakan untuk mengirim pesan

     

    User biasanya akan menulis pesan dalam text box, dan kemudian mereka akan menekan tombol Send. Dalam situasi ini, pesan akan dikirim ke server. Daftar pesan diperbarui setiap dua detik untuk mendapatkan pesan-pesan terbaru di chat room dari server.

    Sulit untuk membuat aplikasi web AJAX chatting yang be
    kerja dengan cara yang sama dengan aplikasi Windows Form, karena Anda tidak bisa menjaga koneksi berkelanjutan dengan server. Oleh karena itu, banyak event yang seharusnya bisa segera dikomunikasikan antara klien dan server tidak dapat direalisasikan. Solusi umumnya  adalah dengan membuat aplikasi web chat yang mengirimkan request setiap beberapa detik untuk memeriksa update dari sisi server.

     

    Catatan Sebelum Anda mulai mengembangkan aplikasi web chat dengan menggunakan AJAX, Anda harus memiliki pengetahuan dasar tentang ASP.NET AJAX, Windows Communication Foundation (WCF) layanan, JavaScript (misalnya, jQuery dan Microsoft Ajax CDN), HTML, dan CSS. Sempel kode ini  menggunakan database sebagai host data, sehingga Anda juga membutuhkan pengetahuan tentang LINQ dan SQL.

    Pembahasan Sampel
    Sampel kode dipisahkan menjadi 4 bagian:

    -       Data. Sebagai contoh, LINQ dan SQL.

    -       Service. Sebagai contoh, WCF.

    -       Logika. Misalnya, class yang digunakan untuk service dan berkomunikasi dengan data.

    -       User Interface (UI). Misalnya, halaman dan script klien.

    Setelah mendownload sampel kode, ikuti langkah-langkah dibawah ini untuk memulai mengembangkan aplikasi web chat.

     

    Data

    1.     Buatlah aplikasi web dalam ASP.NET.

    2.     Buatlah file database. Sebagai contoh, anda bisa membuat sebuah .mdf file.

    3.     Buka database tersebut dan buatlah 4 tabel seperti berikut:

    Catatan Untuk informasi lebih lanjut tentang bagaimana cara untuk membuat tabel diatas, ikuti sampel kode yang sudah anda download.

    4.     Tambahkan LINQ ke dalam SQL file. Sebagai contoh, anda bisa menambah LINQ pada .dbml SQL file. Pindahkan dan taruh table tersebut ke dalam stage file Visual Studio IDE.

    Logic

    1.     Buatlah class file sebagai berikut:

    Nama Tabel

    Penjelasan

    ChatManager.cs

    Dalam contoh kode, terdapat beberapa static methods untuk mengkontrol data dalam database menggunakan LINQ.

    ChatRoom.cs

    DataContract yang digunakan untuk mengirim chat room data kepada klien menggunakan WCF.

    Message.cs

    DataContract yang digunakan untuk mengirim message data kepada klien menggunakan WCF.

    RoomTalker.cs

    DataContract yang digunakan untuk mengirim talker data dalam chat room kepada klien menggunakan WCF.

    Catatan Untuk informasi lebih lanjut tentang bagaimana cara untuk membuat class diatas, ikuti sampel kode yang sudah anda download.

    Service

    1.     Tambahkan AJAX-enabled WCF service.

     

    Berlanjut ke MS Knowledge Base: Bagaimana membangun aplikasi web chat menggunakan ASP.NET AJAX?(Part 2)


    Agnes Sannie [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    Senin, 04 April 2011 02.34
    Moderator