BMS-HOSxP Community

HOSxP => Development => ข้อความที่เริ่มโดย: dusit ที่ มิถุนายน 07, 2012, 15:39:46 PM

หัวข้อ: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: dusit ที่ มิถุนายน 07, 2012, 15:39:46 PM
ตอนนี้ Application บน Mobile น่าจะทำให้เกิดสีสรรในการทำงานของเราได้ส่วนหนึ่ง Mobile ที่ใช้ OS ที่มีการติดต่ั้ง
โปรแกรมเข้าไปได้ หรือ APP ก็อยากจะพัฒนาอะไรที่เกี่ยวกับชีวิตการทำงานดูบ้าง
ผมได้ทดลองหาวิธีทำ APP บน Andriod แต่ภาษาในเครื่องมือที่ Android มีให้มาเช่น eclipse Java ผมยังไม่ถนัดและยังไม่ได้เริ่มศึกษา
ไปพบเครื่องมือในการแปลง HTML5 +CSS+JQueryMobile +Javascript
ให้เป็น Native แปลงออกมาได้หลาย แบบ หากสมาชิกท่านใดที่ ไม่ถนัด Java แบบผม
ลองเอาความรู็เรื่อง HTML5 +CSS+JQueryMobile +Javascript มาเขียนเป็น App ได้ครับ
โดยทดสอบได้ไป Web browser ที่รองรับ HTML5 เช่น Google
ซึ่งทำให้เราสามารถแปลงไปเป็น Application ได้หลาย OS เช่น Iphone ,Android ด้วยการเขียน
Code ครั้งเดียว โดยบริการของ PhoneGAP จะแปลงจาก HTML ให้เอง
และ Adobe CS6  มีการปรับปรุงให้เราได้พัฒนาให้เราเขียน Code ให้ใช้บน Mobile ได้ สะดวกขึ้น
และเมื่อทำเสร็จแล้วก็สามารถ เชื่อมต่อกับ PhoneGAP ให้แปลงออกมาเป็น ไฟล์ที่สามารถนำไปติดตั้งบน
Mobile ได้เลย ด้วยหน้าตาของ JQueryMobile แต่แสดงผลเป็น Application ครับ
แต่ผมเพิ่งทดสอบในเบื้องต้นนะครับ
ถ้าจะใช้งานจริงคงอีกนาน เลยมาแนะนำ สมาชิกเผื่อจะไปได้เร็วกว่าผม
จะได้มาแชร์กันครับ

ยังไม่มีผลงานนะครับ เอามาแชร์ครับ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Multithreading ที่ มิถุนายน 07, 2012, 16:06:32 PM
สำหรับผู้เริ่มต้นนั้น ผมคิดว่า
การพัฒนา Android App แบบ Native นั้น ง่ายมากครับ น่าจะง่ายกว่า สาย iOS
ซึ่งเพียงศึกษา Java แค่ตัวเดียวเท่านั้น น่าจะลดระยะเวลาในการศึกษา HTML5 +CSS+JQueryMobile +Javascript ซึ่งรวมแล้ว 5 ตัว  และต่อไปน่าจะมีหนังสือ สอนพัฒนา android app ออกมาให้อ่านมากขึ้น ตอนนี้เห็นมีของคนไทยอยู่ 2 เล่ม 

ในเรื่องของฐานข้อมูล ตัว android device จะมี dbms คือ เจ้า sqllite มาให้ใช้ด้วย 
หมายความว่าเราสามาถดำเนินการแบบ offline ได้ด้วย ซึ่งผมเคยใส่ตาราง patient,person,opitemrace,house,village,thaiaddress  ลงไป มีขนาด 30MB  เจ้า android ก็ไม่มีปัญหากับฐานข้อมูลขนาดใหญ่   และถ้าหากเราไม่ต้องการ transaction ข้อมูลบน android  ก็จะสามารถจัดการฐานข้อมูลผ่าน Android>PHP web service>MySQL>JSON ได้ครับ( ซึ่งน่าจะเรียกว่าระบบ 3-tire)

android ไม่ยากอย่างที่คิด



เป็นข้ออภิปรายแลกเปลี่ยนนะครับ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: dusit ที่ มิถุนายน 07, 2012, 16:21:26 PM
สำหรับผู้เริ่มต้นนั้น ผมคิดว่า
การพัฒนา Android App แบบ Native นั้น ง่ายมากครับ น่าจะง่ายกว่า สาย iOS
ซึ่งเพียงศึกษา Java แค่ตัวเดียวเท่านั้น น่าจะลดระยะเวลาในการศึกษา HTML5 +CSS+JQueryMobile +Javascript ซึ่งรวมแล้ว 5 ตัว  และต่อไปน่าจะมีหนังสือ สอนพัฒนา android app ออกมาให้อ่านมากขึ้น ตอนนี้เห็นมีของคนไทยอยู่ 2 เล่ม 

ในเรื่องของฐานข้อมูล ตัว android device จะมี dbms คือ เจ้า sqllite มาให้ใช้ด้วย 
หมายความว่าเราสามาถดำเนินการแบบ offline ได้ด้วย ซึ่งผมเคยใส่ตาราง patient,person,opitemrace,house,village,thaiaddress  ลงไป มีขนาด 30MB  เจ้า android ก็ไม่มีปัญหากับฐานข้อมูลขนาดใหญ่   และถ้าหากเราไม่ต้องการ transaction ข้อมูลบน android  ก็จะสามารถจัดการฐานข้อมูลผ่าน Android>PHP web service>MySQL>JSON ได้ครับ( ซึ่งน่าจะเรียกว่าระบบ 3-tire)

android ไม่ยากอย่างที่คิด



เป็นข้ออภิปรายแลกเปลี่ยนนะครับ
ขอบคุณครับ ที่แลกเปลี่ยน อยากทำแบบนั้นบ้างครับ
เพราะเว็บ Application จะต้องมี WebServer อยากเขียนเป็น App จริง ๆ   
เพราะบางส่วนคงจะนำใช้งานภายในเครื่อง Mobile เท่านั้นครับ
เหมือนผลงาน ที่ คุณ Multithreadin ทำไว้ ได้ยอดเยี่ยม ที่เคยโพสไว้ครับ

หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Multithreading ที่ มิถุนายน 07, 2012, 16:26:37 PM
เดี่ยวผมจะลองสอบถามหัวหน้าก่อนครับ ถ้าจะจัดอบรม  สอนพัฒนา Android App ในงานสาธารณสุข ที่ สนย.
จะพอเป็นไปได้มั้ย เพราะ สนย.ไม่เคยจัดอบรมลักษณะนี้  ส่วนใหญ่สอนโปรแกรมมิ่ง จะเป็น ศูนย์เทคฯ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: มนตรี บอยรักยุ้ยคนเดียว ที่ มิถุนายน 08, 2012, 08:33:37 AM
เดี่ยวผมจะลองสอบถามหัวหน้าก่อนครับ ถ้าจะจัดอบรม  สอนพัฒนา Android App ในงานสาธารณสุข ที่ สนย.
จะพอเป็นไปได้มั้ย เพราะ สนย.ไม่เคยจัดอบรมลักษณะนี้  ส่วนใหญ่สอนโปรแกรมมิ่ง จะเป็น ศูนย์เทคฯ


ผมว่าดีนะครับ

ลองให้มีการลงทะเบียนดูก่อนก็ได้นะครับว่า จะได้รู้จำนวนคนที่อยากเรียนรู้มากน้อยแค่ไหน

ผมว่านะจะหลายนะครับ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: nutsuanplu ที่ มิถุนายน 08, 2012, 09:07:57 AM
ตอนนี้ Application บน Mobile น่าจะทำให้เกิดสีสรรในการทำงานของเราได้ส่วนหนึ่ง Mobile ที่ใช้ OS ที่มีการติดต่ั้ง
โปรแกรมเข้าไปได้ หรือ APP ก็อยากจะพัฒนาอะไรที่เกี่ยวกับชีวิตการทำงานดูบ้าง
ผมได้ทดลองหาวิธีทำ APP บน Andriod แต่ภาษาในเครื่องมือที่ Android มีให้มาเช่น eclipse Java ผมยังไม่ถนัดและยังไม่ได้เริ่มศึกษา
ไปพบเครื่องมือในการแปลง HTML5 +CSS+JQueryMobile +Javascript
ให้เป็น Native แปลงออกมาได้หลาย แบบ หากสมาชิกท่านใดที่ ไม่ถนัด Java แบบผม
ลองเอาความรู็เรื่อง HTML5 +CSS+JQueryMobile +Javascript มาเขียนเป็น App ได้ครับ
โดยทดสอบได้ไป Web browser ที่รองรับ HTML5 เช่น Google
ซึ่งทำให้เราสามารถแปลงไปเป็น Application ได้หลาย OS เช่น Iphone ,Android ด้วยการเขียน
Code ครั้งเดียว โดยบริการของ PhoneGAP จะแปลงจาก HTML ให้เอง
และ Adobe CS6  มีการปรับปรุงให้เราได้พัฒนาให้เราเขียน Code ให้ใช้บน Mobile ได้ สะดวกขึ้น
และเมื่อทำเสร็จแล้วก็สามารถ เชื่อมต่อกับ PhoneGAP ให้แปลงออกมาเป็น ไฟล์ที่สามารถนำไปติดตั้งบน
Mobile ได้เลย ด้วยหน้าตาของ JQueryMobile แต่แสดงผลเป็น Application ครับ
แต่ผมเพิ่งทดสอบในเบื้องต้นนะครับ
ถ้าจะใช้งานจริงคงอีกนาน เลยมาแนะนำ สมาชิกเผื่อจะไปได้เร็วกว่าผม
จะได้มาแชร์กันครับ

ยังไม่มีผลงานนะครับ เอามาแชร์ครับ


กลับมาสอนผมซิ จะได้ช่วยทำ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Multithreading ที่ มิถุนายน 19, 2012, 02:02:52 AM
ผมลอง  PhoneGAP  ตามที่ ท่านอาจารย์ Dusit แนะนำ 
ก็ถือว่า OK ครับ 
-ติดต่อ sqlite บน device ได้ 
-ติดต่อ mysql  ผ่าน AJAX ยิ่ง work มากครับ
- แปลงเป็น  apk  ซึ่งเทียบเท่า native ที่เขียนด้วย Java เลยครับ

เหมาะมากสำหรับ web programmer ครับ สำหรับ tool ตัวนี้

ปล.รุปด้านล่าง  test กับ sumsung galaxy Y  ครับ 
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: dusit ที่ มิถุนายน 19, 2012, 09:37:00 AM
ขอบคุณที่ test ให้ครับ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Svl2Nuk3 ที่ กรกฎาคม 05, 2012, 14:24:26 PM
เดี่ยวผมจะลองสอบถามหัวหน้าก่อนครับ ถ้าจะจัดอบรม  สอนพัฒนา Android App ในงานสาธารณสุข ที่ สนย.
จะพอเป็นไปได้มั้ย เพราะ สนย.ไม่เคยจัดอบรมลักษณะนี้  ส่วนใหญ่สอนโปรแกรมมิ่ง จะเป็น ศูนย์เทคฯ


ถ้าจัดอบรม ผมเข้าไปด้วยได้ป่าวครับ  อิอิ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: udomchok ที่ กรกฎาคม 05, 2012, 15:02:45 PM
เดี่ยวผมจะลองสอบถามหัวหน้าก่อนครับ ถ้าจะจัดอบรม  สอนพัฒนา Android App ในงานสาธารณสุข ที่ สนย.
จะพอเป็นไปได้มั้ย เพราะ สนย.ไม่เคยจัดอบรมลักษณะนี้  ส่วนใหญ่สอนโปรแกรมมิ่ง จะเป็น ศูนย์เทคฯ

ท่าน Multithreading ย้ามมาอยู่ สนย. แล้วเหรอครับ  :) :) :)
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Multithreading ที่ กรกฎาคม 05, 2012, 16:01:43 PM
เดี่ยวผมจะลองสอบถามหัวหน้าก่อนครับ ถ้าจะจัดอบรม  สอนพัฒนา Android App ในงานสาธารณสุข ที่ สนย.
จะพอเป็นไปได้มั้ย เพราะ สนย.ไม่เคยจัดอบรมลักษณะนี้  ส่วนใหญ่สอนโปรแกรมมิ่ง จะเป็น ศูนย์เทคฯ

ท่าน Multithreading ย้ามมาอยู่ สนย. แล้วเหรอครับ  :) :) :)

ช่วยราชการชั่วคราวครับ ครบกำหนดเดี่ยวก็กลับ
ล้วงความลับทางราชการไปในตัว
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Svl2Nuk3 ที่ กรกฎาคม 05, 2012, 17:23:07 PM
สมมุติว่าผมมี Developer ID ของ Apple  ใช้ PhoneGap  For iOS
สุดท้ายผมจะได้ไฟล์อะไรออกมาครับ  แล้วสามารถนำไปขึ้น App Store ได้หรือเปล่า
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: dusit ที่ กรกฎาคม 05, 2012, 22:24:46 PM
สมมุติว่าผมมี Developer ID ของ Apple  ใช้ PhoneGap  For iOS
สุดท้ายผมจะได้ไฟล์อะไรออกมาครับ  แล้วสามารถนำไปขึ้น App Store ได้หรือเปล่า
ถ้า android ก็จะได้ .apk  มา install บนเครื่องครับ เอาไปติดตั้งใช้งานได้เลย

ถ้า iOS ก็จะได้ไฟล์เช่นกัน แต่ App Store เปล่าผมไม่มี Dev ID เช่นกันครับ

หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Svl2Nuk3 ที่ กรกฎาคม 17, 2012, 20:52:13 PM
ลอง Test บน Xcode ให้อีกแรงครับ

Install ไฟล์ที่โหลดจาก PhoneGap   แล้วจะเข้าไปอยู่ใน xcode เลยครับ
ตอนสร้าง Project เลือกเป็น Cordova Based Application
แล้วจะมี Folder ของ html อยู่ครับ

ขั้นตอนอื่นๆ  เหมือนกับการเขียน App บน iOS ครับ
หัวข้อ: Re: HTML5 +CSS+JQueryMobile +Javascript อีก 1 ทางสำหรับการพัฒนา APP Mobile ด้วย ภาษา Web
เริ่มหัวข้อโดย: Multithreading ที่ กรกฎาคม 17, 2012, 22:10:43 PM
เห็นกระทู้นี้อีกครั้ง  ก็ขอแจ้งข่าวกับผู้สนใจ

DreamWeaver 6  มี PhoneGap Build แล้วนะครับ
คือเขียน app บน DW แล้ว build ออกมาเป็น Native App กันเลย

http://phonegap.com/2012/04/24/adobe-dreamweaver-cs6-supports-phonegap-build/ (http://phonegap.com/2012/04/24/adobe-dreamweaver-cs6-supports-phonegap-build/)