Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 103,659

HOME > Windows Azure > Windows Azure (Mobile Services) and Android > ตอนที่ 14 : Show Case 1 : Register Form (Android and Mobile Services)



ตอนที่ 14 : Show Case 1 : Register Form (Android and Mobile Services)

ตอนที่ 14 : Show Case 1 : Register Form (Android and Mobile Services) บทความนี้จะเป็นการ Show case ยกตัวอย่างการทำระบบ Member register รับข้อมูลจากเครื่อง android เช่น username , password , name , email และ tel โดยจะทำการส่งข้อมูลทั้งหมดเหล่านี้ไปจัดเก็บไว้ที่ตาราง Table ของ Mobile Service ที่อยู่บน Windows Azure

Android  Register Form (Android and Mobile Services)

Android Mobile Services Register Form


บทความนี้ถือเป็นการทบทวนและประยุกต์ใช้จากการศึกษาในหัวข้อที่ผ่าน ๆ มา ซึ่งการทำนั้นก็ไม่ต่างอะไรกับการออกแบบ Form รับข้อมูลบน Android และ Insert ลงไปใน Table ของ Mobile Services

Example ตัวอย่างการทำระบบลงทะเบียน Member Register Form

Android  Register Form (Android and Mobile Services)

ตอนนี้เรามี Mobile Services อยู่ 1 รายการ

Android  Register Form (Android and Mobile Services)

ชื่อตารางว่า MyMember

Android  Register Form (Android and Mobile Services)

มีข้อมูลอยู่ 2 รายการ


กลับมายัง Android Project บนโปรแกรม Eclipse

Android  Register Form (Android and Mobile Services)

เป็นโครงสร้างของไฟล์ทั้งหมด








activity_main.xml

Android  Register Form (Android and Mobile Services)

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
 
   	<TableRow
      android:id="@+id/tableRow1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" >
     
     <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Register Form "
        android:layout_span="1"
        android:textAppearance="?android:attr/textAppearanceLarge" />
  	        
 	</TableRow>

	<View
		android:layout_height="1dip"
		android:background="#CCCCCC" />
 
  <TableLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.1"
        android:orientation="horizontal">

      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Input Username :"
          android:textAppearance="?android:attr/textAppearanceMedium" />

      <EditText
          android:id="@+id/txtUsername"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:ems="10" >
      </EditText>
      
       <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Input Password :"
          android:textAppearance="?android:attr/textAppearanceMedium" />

      <EditText
          android:id="@+id/txtPassword"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:ems="10" >
      </EditText>     
      
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Input Name :"
          android:textAppearance="?android:attr/textAppearanceMedium" />

      <EditText
          android:id="@+id/txtName"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:ems="10" >
      </EditText>
      
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Input Email :"
          android:textAppearance="?android:attr/textAppearanceMedium" />

      <EditText
          android:id="@+id/txtEmail"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:inputType="textEmailAddress"
          android:ems="10" >
      </EditText>
      
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Input Tel :"
          android:textAppearance="?android:attr/textAppearanceMedium" />

      <EditText
          android:id="@+id/txtTel"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:inputType="phone"
          android:ems="10" >
      </EditText>

		<Button
		    android:id="@+id/btnSave"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="Save" />
		
  	        
 	</TableLayout >
	
</TableLayout>


MyMember.java
package com.example.thaicreate;

public class MyMember {
	
	@com.google.gson.annotations.SerializedName("id")
	private int mId;
	
	@com.google.gson.annotations.SerializedName("username")
	private String mUsername;
	
	@com.google.gson.annotations.SerializedName("password")
	private String mPassword;	
	
	@com.google.gson.annotations.SerializedName("name")
	private String mName;	
	
	@com.google.gson.annotations.SerializedName("tel")
	private String mTel;		
	
	@com.google.gson.annotations.SerializedName("email")
	private String mEmail;	
	
	public MyMember() {
		// empty
	}
	
	public MyMember(String username, String password, 
			String name,String tel,String email) {
		this.setUsername(username);
		this.setPassword(password);
		this.setName(name);
		this.setTel(tel);
		this.setEmail(email);
	}
	
	public final void setUsername(String username) {
		mUsername = username;
	}
	
	public final void setPassword(String password) {
		mPassword = password;
	}
	
	public final void setName(String name) {
		mName = name;
	}
	
	public final void setTel(String tel) {
		mTel = tel;
	}
	
	public final void setEmail(String email) {
		mEmail = email;
	}
}


MainActivity.java
package com.example.thaicreate;

import java.net.MalformedURLException;

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import com.microsoft.windowsazure.mobileservices.MobileServiceClient;
import com.microsoft.windowsazure.mobileservices.MobileServiceTable;
import com.microsoft.windowsazure.mobileservices.ServiceFilterResponse;
import com.microsoft.windowsazure.mobileservices.TableOperationCallback;

public class MainActivity extends Activity {
	
	private MobileServiceClient mClient;
	private MobileServiceTable<MyMember> mMyMember;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        /*** Create to Mobile Service ***/
        try {
			mClient = new MobileServiceClient(
				      "https://thaicreate.azure-mobile.net/",
				      "QUjngFknhHZjdaGgYAAzdoXkOzKoxi24",
				      this);
			
		} catch (MalformedURLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
        
        /*** Create getTable ***/
        mMyMember = mClient.getTable(MyMember.class);
        
        final EditText txtUsername = (EditText)findViewById(R.id.txtUsername); 
        final EditText txtPassword = (EditText)findViewById(R.id.txtPassword); 
        final EditText txtName = (EditText)findViewById(R.id.txtName); 
        final EditText txtEmail = (EditText)findViewById(R.id.txtEmail); 
        final EditText txtTel = (EditText)findViewById(R.id.txtTel); 
		
        final AlertDialog.Builder adb = new AlertDialog.Builder(this);
        
        // btnSave
        final Button btnSave = (Button) findViewById(R.id.btnSave);
        // Perform action on click
        btnSave.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
            	if (mClient == null) {
            		AlertDialog ad = adb.create();
            		ad.setMessage("Cannot connect to Windows Azure Mobile Service!");
            		ad.show();
            	}
            	else
            	{
                	/*** Item for Insert ***/
                	MyMember item = new MyMember();
                	item.setUsername(txtUsername.getText().toString());
                	item.setPassword(txtPassword.getText().toString());
            		item.setName(txtName.getText().toString());
            		item.setTel(txtTel.getText().toString());
            		item.setEmail(txtEmail.getText().toString());
            		
            		// Insert the new item
            		mMyMember.insert(item, new TableOperationCallback<MyMember>() {

            			public void onCompleted(MyMember entity, Exception exception, ServiceFilterResponse response) {
            				
            				if (exception == null) {
                        		AlertDialog ad = adb.create();
                        		ad.setMessage("Register Data Successfully.");
                        		ad.show();           					
            				} else {
                           		AlertDialog ad = adb.create();
                        		ad.setMessage("Error : " + exception.getCause().getMessage());
                        		ad.show();
            				}

            			}
            		});
            	}
            	
            }	
        });
        
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

}


Screenshot

Android  Register Form (Android and Mobile Services)

Register Form ทำการ Input ข้อมูล

Android  Register Form (Android and Mobile Services)

Register Form ทำการ Input ข้อมูล

Android  Register Form (Android and Mobile Services)

เมื่อ Input ข้อมูลเสร็จสิ้น

Android  Register Form (Android and Mobile Services)

เมื่อกลับไปดูที่ Mobile Services บน Windows Azure ก็จะมีข้อมูลกรากฏขึ้นมา 1 รายการ


บทความถัดไปที่แนะนำให้อ่าน









บทความที่เกี่ยวข้อง


   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2013-05-10 12:09:46 / 2017-03-24 11:18:41
  Download : Download  ตอนที่ 14 : Show Case 1 :  Register Form (Android and Mobile Services)
 Sponsored Links / Related

 
ตอนที่ 1 : รู้จัก Android Mobile Services บน Windows Azure คืออะไร
Rating :

 
ตอนที่ 2 : เตรียมความพร้อมของ Android ก่อนที่จะเขียน Android กับ Mobile Services
Rating :

 
ตอนที่ 3 : การสร้าง Android Mobile Services และการเรียกใช้งานแบบง่าย ๆ
Rating :

 
ตอนที่ 4 : การเชื่อมต่อ Android กับ Mobile Services บน Windows Azure
Rating :

 
ตอนที่ 5 : สร้าง Project บน Eclipse การเชื่อมต่อไปยัง Mobile Services ด้วย Android
Rating :

 
ตอนที่ 6 : Android สร้างตาราง Table บน Mobile Services และการ Insert ข้อมูล
Rating :

 
ตอนที่ 7 : Android อ่าน Data จาก Table ของ Mobile Services และแสดงผลบน App
Rating :

 
ตอนที่ 8 : อ่านข้อมูล Mobile Services แบบมีเงื่อนไข Where และแสดงผลบน Android
Rating :

 
ตอนที่ 9 : การทำ Authentication in Azure Mobile Services ด้วย Android
Rating :

 
ตอนที่ 10 : การทำ Push Notifications in Mobile Services ด้วย Android
Rating :

 
ตอนที่ 11 : การทำ Validate และ Modify data in Mobile Services บน Andriod
Rating :

 
ตอนที่ 12 : การทำ Refine Mobile Services queries with paging บน Android
Rating :

 
ตอนที่ 13 : การเขียน Scripts to authorize users in Mobile Services บน Android
Rating :

 
ตอนที่ 15 : Show Case 2 : Login User Password (Android and Mobile Services)
Rating :

 
ตอนที่ 16 : Show Case 3 : Update Data (Android and Mobile Services)
Rating :

 
ตอนที่ 17 : Show Case 4 : Delete Data (Android and Mobile Services)
Rating :

 
ตอนที่ 18 : บทความอื่น ๆ เกี่ยวกับ Android Mobile Services บน Windows Azure
Rating :


ThaiCreate.Com Forum




Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   


Acc : thaicreate@hotmail.com










Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2017 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 084-715-5121 อัตราราคา คลิกที่นี่