Chrome Web Apps Archives

Chrome Notebook, Chrome OS, Chrome browser ในความคิดของผม

บล็อกตอนนี้เขียนค้างไว้นานแล้ว วันนี้เลยกัดฟันเขียนต่อให้จบ ขาดๆ เกินๆ ขออภัยด้วยครับ

Chrome OS เปิดตัวมานานแล้ว แต่เพิ่งจะมีโน๊ตบุ๊คออกมา ให้ชื่อแปลกๆว่า Cr-48 ไม่รู้เหมือนกันว่ามันเป็นรหัสอะไร ในบล็อกตอนนี้ อยากจะเขียนถึง Chrome Notebook ก่อน แล้วก็จะพูดถึง Chrome OS พูดในฐานะคนใช้ ไม่ใช่ expert ทางด้านเทคโนโลยี จึงขอพูดในแบบบ้านๆ เหมือนนั่งคุยกัน มันมีผลิตภัณฑ์ที่รวมกันอยู่ที่อยากจะแยกส่วนของมัน คือ 1.ตัวเครื่องโน๊คบุคและ Chrome OS 2.ตัวโปรแกรม Chrome browser ขอพูดถึงเป็นส่วนๆไป

Chrome Notebook หรือ Cr-48 กับ Chrome OS มีสโลแกนแบบเท่ๆว่า “Nothing but the web” ผมแปลแบบที่เข้าใจว่า “ไม่อะไรนอกจากเว็บ” อธิบายให้เข้าใจคือมันเป็น Cloud Computer ของจริง ทุกอย่างทำงานบนเว็บ ต้องขอพูดรวมกันเพราะทั้งสองต้องทำงานร่วมกัน มันเป็นเครื่องที่ต้องรัน Chrome OS เครื่องเดียว ณ ขณะนี้ มี spec ดังนี้

Intel Pine Trail processor
12.1 inch display
Flash storage
full size keyboard without function key and cap lock key
oversized touchpad
Build-in 3G chip
802.11n dual-band WiFi
8 hours battery life of active use
Webcam
Weight 3.8 pounds (1.72KG)

มันรันด้วย Google Chrome OS สามารถ boot พร้อมใช้งานได้ภายในเวลาประมาณ 10 วินาที ข้างในไม่มีอะไรของจาก Chrome browser ให้เปิดโปรแกรมต่างๆทางอินเทอร์เน็ต ใช้งานกับเครื่องข่าย 3G หรือ Wifi เครื่องสามารถทำงานแบบ Offline ได้ในบางโปรแกรมที่รองรับ จุดเด่นที่เขาโฆษณาของตัวนี้คือ มันเป็น Cloud computing อย่างแท้จริง โปรแกรม พื้นที่เก็บข้อมูลอยู่บนเว็บหมด จึงไม่ต้องกลัวว่าเมื่อโน๊ตบุคพังจะทำให้ข้อมูลหาย เราจึงได้เห็นวีดีโอโฆษณาที่โชว์จุดเด่นนี้คือ พังโน๊ตบุคโชว์กันเลย ไม่ต้องกลัวข้อมูลสูญหาย

คนอื่นที่จะใช้เครื่องเราสามารถใช้ในหมวด incognito ได้ เมื่อปิดทุกอย่างก็จะถูกลบไป เครื่องตอนนี้ไม่มีขาย แต่ Google แจกให้ทดลองใช้ เฉพาะในอเมริกาที่สามารถลงทะเบียนของทดลองใช้ มีคนแอบเอามาขายใน ebay ด้วย ซึ่ง Google ก็บอกว่าผิดกฏหมายนะ ห้ามซื้อ-ขาย ไม่รู้เหมือนกันว่าเคสนี้จบยังไง

มีหลายคนออกมาวิเคราะห์เรื่องนี้มากมายว่า Chrome OS จะอยู่รอดหรือไม่ โดยเฉพาะ Paul Buchheit คนที่เคยอยู่เบื้องหลัง Gmail บอกว่ามันจะล่ม ผมเห็นด้วยกับเขานะ ผมว่ามันอยู่สายเดียวกับ Netbook หรือ Tablet อะไรแนวนั้น คือเป็นเครื่องเสริมมากกว่าเครื่องหลัก โดยไอเดียของมันแล้วจะใช้เป็นเครื่องหลักก็คงไม่สะดวกมากหนัก (ตอนนี้พนักงานบางกลุ่มของ Google ใช้เป็นเครื่องหลักในการทำงานแล้ว) ณ ตอนนี้ยังใส่ข้อมูลผ่านทาง USB ไม่ได้ด้วย แต่เขาบอกว่าเครื่องที่จะมีการผลิตจากบริษัทผลิตเครื่องรายอื่นจะใช้ได้นะ ถ้าให้ซื้อโน๊คบุ๊คที่เปิดได้แค่ Chrome browser ตัวเดียวโปรแกรมอื่นๆใช้บนเน็ตหมด คิดกลุ่มคนที่สามารถทำแบบนี้ได้น่าจะมีอยู่น้อย ยังไงก็ต้องมีอีกเครื่อง ใช้ tablet ไปเลยดีไหม เล่นโปรแกรมอย่างอื่นได้ด้วย

ยิ่งตอนนี้ Android 3.0 ที่ออกแบบมาสำหรับ Tablet โดยตรงได้เปิดตัวแล้ว ยิ่งเห็นชัดว่ามันทับกันอยู่ ถ้า Android รัน Chrome browser ได้แล้ว ทุกอย่างก็ครบสมบูรณ์ คือ Android ทำงานฝั่งของ Chrome OS ได้แต่ Chrome OS ทำงานในฝั่งของ Android OS ไม่ได้ เป็นคุณจะเลือกอะไร ผมก็ตอบแทนได้เลยว่า เลือก Android OS ดีกว่า

อันที่จริงปัญหาเรื่องทับกันของผลิตภัณฑ์เคยถูกถามตั้งแต่ตอนเปิดตัว Google Chrome OS แล้ว ในตอนนั้น Google บอกว่าสุดท้ายแล้วมันจะเชื่อมกัน (หรืออันหนึ่งถูกยุบไปเลย?) แม้จะบอกว่า Netbook กับ Tablet มันคนละตลาดกัน แต่ผมว่ามันไม่ใช่ ถ้า Tablet เกิด Netbook ก็ถูกแย่งตลาดแน่นอน อาจรวมไปถึงโน๊ตบุคด้วยซ้ำไป

ขอพูดถึง Chrome browser บ้าง และยอดคนใช้ก็โตวันโตคืน แม้จะเปิดตัวไม่นานเมื่อเทียบกับเจ้าอื่น พบว่ามันพัฒนาเร็วมาก อีกทั้งการพัฒนาของ Google ดูเหมือนจะเร็วกว่าเจ้าอื่นๆ ตอนนี้มัน V.10 แล้วนะ (Dev channel) ออกอัพเดตแทบจะทุกสัปดาห์ อันแหละที่ผมว่ามันเป็นจุดแข็ง จะเรียกว่า Chrome มันมาปฎิวัติการวงการ web browser เลยนะ(พูดตามจริง ไม่ได้อวย) อย่างน้อยก็หน้าตา tab อยู่ด้านบน มีช่อง address bar รวมกับช่อง search มีตัว web store มาเสริมอีก ทำให้มันน่าใช้มากยิ่งขึ้น

เขียนมายาวแล้ว สรุปเลยแล้วกันในความคิดผม ผมว่า Chrome OS อาจจะตอบโจทย์ของผู้บริโภคในขณะนี้ได้น้อย มันเป็นคอมพิวเตอร์ยุคใหม่ เหมือนจะมาเร็วไปนิด คิดว่ามันจะเกิดได้แต่ต้องใช้เวลาไม่เปรี้ยงตอนนี้ ใจจริงอยากให้มันเป็นที่นิยม เพราะผมคิดว่ามันคืออนาคตของโลกคอมพิวเอตร์ที่จะมาอันใกล้นี้ ส่วนตัว Chrome browser มันจะยังคงรุ่งต่อไป และเพิ่มส่วนแบ่งเพิ่มขึ้นเรื่อยๆ

Chrome Web Apps Setting UI

หน้าของ Web Apps ใน Google Chrome ยังเปลี่ยนหน้าตาไปเรื่อย ผมใช้ dev channel อัพเดตทีก็จะเปลี่ยนที แต่ก่อนจะเป็น Pin Tap เล็กๆ ไม่มี Address bar จากนั้นปรับมาเป็น panel tap เหมือนเก่า แล้วก็เป็น Pin Tab+Address bar ลองหาดูจากโพสเก่าๆที่เขียนเกี่ยวกับ Chrome Web Apps

ตัวล่าสุด V.8.0.552.5 dev รวมไว้หมดเลย อยากได้อันไหนตั้งเอง เพิ่ม Full Screen มาอีกอัน คิดว่ามันก็ยังต้องปรับเปลี่ยนไปเรื่อยๆอีกอยู่ดี แต่ผมชอบอันนี้นะ

แก้ปัญหาไอคอน Web Apps ใน Chrome หายไป

Google Chrome Dev. ตัวล่าสุด 6.0.490.1 dev หลังจากอัพเดตแล้วพบว่า web apps ของเราที่เคยทำไว้ ไอคอนหายหมด เหลือตัวเดียวคือ Chrome Web Store ที่มาพร้อมกับโปรแกรม ดูใน discussion board ก็พบว่ามีคนอื่นก็เจอปัญหานี้เหมือนกัน วิธีแก้ปัญหาของคนอื่นที่แนะนำไว้ เช่น reinstall ทั้ง web apps และ Chrome ใหม่ พบว่าไม่เกิดอะไรขึ้นปัญหาเดิมยังอยู่ เลยลองถอยกลับไปใช้ Chrome beta ปรากฏว่า ไอคอนกลับมาให้เห็นอีกครั้ง เสียดายหน้า web apps ของเวอร์ชั่น dev มันเพิ่ม address bar เข้ามาด้วย เดี๋ยวต้องรอดูว่าคนอื่นจะมีวิธีไหนอีก ถ้าใช้ได้ค่อยกับไปใช้ Chrome dev. อีกครั้ง

if you install Google Chrome Beta channel the icons should become visible again.

Grooveshark ฟังเพลงสากลออนไลน์

Grooveshark ผมรู้จักเว็บนี้ครั้งแรก ตอนที่ลองเล่น Google Chrome Web Apps

ในกลุ่มเว็บฟังเพลงออนไลน์ดังๆ ที่เราเห็นในการนำเสนอผลิตภัณฑ์ใหม่ๆ(ของ Apple,Google) เป็นเหมือนตัวทดสอบอีกตัวที่ต้องทำให้ผ่าน นั้นคือ Pandora แต่ในบ้านเรามันใช้งานไม่ได้ แต่ลอง Grooveshark มันใช้งานได้แฮะ ผมฟังเพลงทุกประเภท ตั้งแต่หมอลำ ลูกทุ่ง เพื่อชีวิต ไทยสากล สากล เป็นสมาชิกดาวน์โหลดเพลง unlimited ของ true เดือนหนึ่งโหลดมา 1-2 เพลง คอมมีพื้นที่เก็บน้อย ส่วนใหญ่แล้ว จึงใช้ฟังเพลงผ่านทาง internet radio และ Grooveshark คือหนึ่งในนั้น ลงเป็น Web Apps ตัวหนึ่งใน Chrome ไว้เลย สิ่งที่ชอบคือ popular playlist กับเสียงที่ชัดแจ๋ว และ ความสามารถการ restore playlist ล่าสุดที่ฟังไว้ได้ (ต้อง login)

ลองใช้งานดูนะครับ

วิธีทำ Chrome Web Apps แบบ crx file

ช่วงนี้ยังสนุกอยู่กับ Chrome web apps เลยเขียนต่อเนื่องกันมา ใครยังไม่ได้อ่านตอนเก่าๆไปอ่านได้ที่ ตอนที่ 1, ตอนที่ 2 พอเขียนเกี่ยวกับเรื่องนี้พบว่า โปรแกรมที่เป็น web-base มันมีเยอะมาก ครอบคุมการใช้งานเกือบหมด อาจจจะบางอันที่ต้องการประสิทธิภาพสูงหน่อยที่โปรแกรมบนเว็บ อาจจะไม่เพียงพอ โปรแกรมบนเว็บ พวกทำงานบนกลุ่มเมฆ มันมาแน่นอน อีกอย่างก็คือรู้สึกว่า Google ฉลาดที่จะรวมมันไว้ที่ Web App Store เกมที่อยู่บนเว็บแบบเจ๋งๆก็มีเยอะ ตัวอย่างเช่น Star Wars Lego เป็นเกม 3D ที่เล่นได้เพลินดี เข้าสู่ขั้นตอนการทำ Chrome web apps เลยดีกว่า

ขั้นตอนการทำ Chrome web apps

ตัวอย่างนี้ผมทดลองสร้าง web app ชื่อ Office ซึ่งใช้เรียกการใช้งาน Online Office ของ Microsoft

เตรียมไฟล์เหล่านี้ไว้ในโฟล์เดอร์เดียวกัน(ตั้งชื่อตามต้องการ ผมตั้งชื่อว่า Office_app) ได้แก่ รูปไอคอนของ web apps อย่างน้อยสองอัน(ได้มากกว่าหนึ่ง) คือ 24×24 px และ 128×128 px กับไฟล์ manifest.json ดาวน์โหลดตัวอย่าง

อธิบาย โค้ด manifest.json

[code lang="js"]
{
   "app": {
      "launch": {
         "web_url": "https://office.live.com/"  /* ส่วนนี้คือ URL ของ app */
      },
      "urls": [ "*://office.live.com/", "*://office.microsoft.com/en-us/web-apps/redir/XT101857758.aspx"] /* ส่วนนี้คือ URL ที่เมื่อเรียกใช้ให้เรียก app ที่อยู่ด้านบนมาใช้ ใส่ได้หลายอัน */
   },
   "icons": {
      "128": "128.png",
      "24": "24.png"
   }, // รูป 128 px จะเป็น icons ที่อยู่ใน new tab และ 24 px จะเป็นไอคอนเล็กบน tab ของ app ที่เรียกใช้งาน
   "name": "Office", // ชื่อ app
   "version": "1" //เวอร์ชั่น app
}
// ถ้าจะก๊อบโค้ดนี้ไปใช้ ควรลบคอมเม้นออก เอาโค้ดในไฟล์ที่แนบมาดีกว่า
[/code]

ที่จริงเพียง 3 ไฟล์นี้ก็แจกให้คนอื่นติดตั้งได้แล้ว ด้วยวิธีการ unpack ไปดูวิธีที่ติดตั้งที่นี้ แต่ความตั้งใจของเราคือสร้างแบบ crx file ที่สามารถ drag & drop เข้า Chrome ได้เลย
เมื่อไฟล์พร้อมแล้ว เข้าไปที่ Extension >> Pack extension
Pack extension

Extension root directory : browse ไปที่ตำแน่งที่อยู่ของโฟล์เดอร์ Office_app ที่เก็บไฟล์ 3 ตัวที่สร้างไว้
Private key file : ในครั้งแรกที่สร้าง web app ให้ว่างไว้
แล้วก็คลิกโอเค
เสร็จแล้วเราจะได้ 2 ไฟล์ Office_app.crx กับ Office_app.pem
Office_app.crx เป็นไฟล์ที่พร้อมติดตั้ง หรือจะแชร์ให้คนอื่นได้แล้ว
Office_app.pem เป็นไฟล์จะใช้ใส่ช่อง Private key file ตามข้อ 4 เมื่อจะ Pack Extension ใหม่หลังจากมีการอัพเดต web app นั้น ซึ่งเมื่อเอาไฟล์ .crx ใหม่ที่ได้ ไปติดตั้งจะเป็นการอัพเดต web app เดิม ถ้าไม่ใส่ Private key เมื่อนำไปติดตั้ง Chrome จะฟ้องว่ามีโปรแกรมนี้อยู่แล้ว ต้องถอนออกก่อน ลงทับไม่ได้
ดูตัวอย่างที่ผมลองทำไว้ มีทั้งที่ทำเอง และเอาของคนอื่นมาโมดิไฟ รวม Chrome Web Apps พร้อมติดตั้ง

ปล. ไฟล์ .crx ใช้ โปรแกรม unzip เปิดดูได้

อ้างอิง : Google Chrome Extension-Creating a package

รวม Chrome Web Apps พร้อมติดตั้ง

เอา Web Apps พร้อมติดตั้งมาแจก เป็นตัวที่ผมใช้บ่อยเลยทำเป็น web apps ไว้ใช้งาน คนที่จะใช้ได้ต้อง enable app ก่อนนะครับ ดูได้ที่ Google Chrome Web Apps ติดตั้งและการใช้งาน มีทั้งที่ทำขึ้นมาใหม่, ติดมากับ Chrome และปรับแก้ไขของลิงค์นี้ เพราะ Chrome เวอร์ชั่นใหม่เรียกใช้ apps แบบใหม่ อันเก่าเลยใช้ไม่ได้ วิธีติดตั้งคลิกโหลดแล้วทำตามขั้นตอนไปเดี๋ยวได้เอง ถ้ามันคลิกโหลดไฟล์ให้ save เมื่อโหลดเสร็จ ให้คลิกลากไฟล์มาวางใน Chrome ก็ได้ ส่วนวิธีการทำจะมาเล่าให้ฟังภายหลังครับ

Web Apps เรียงตามชื่อ

Google Buzz