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

Google Chrome

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

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

Google Chrome Notebook

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 ดีกว่า

Chrome OS and 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

Chrome Web Apps

หน้าของ 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 หายไป

ไอคอน web apps หายไป

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.

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

Google Chrome Web Apps

ช่วงนี้ยังสนุกอยู่กับ 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

  1. เตรียมไฟล์เหล่านี้ไว้ในโฟล์เดอร์เดียวกัน(ตั้งชื่อตามต้องการ ผมตั้งชื่อว่า Office_app) ได้แก่ รูปไอคอนของ web apps อย่างน้อยสองอัน(ได้มากกว่าหนึ่ง) คือ 24×24 px และ 128×128 px กับไฟล์ manifest.json ดาวน์โหลดตัวอย่าง
  2. อธิบาย โค้ด 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. ที่จริงเพียง 3 ไฟล์นี้ก็แจกให้คนอื่นติดตั้งได้แล้ว ด้วยวิธีการ unpack ไปดูวิธีที่ติดตั้งที่นี้ แต่ความตั้งใจของเราคือสร้างแบบ crx file ที่สามารถ drag & drop เข้า Chrome ได้เลย
  4. เมื่อไฟล์พร้อมแล้ว เข้าไปที่ Extension >> Pack extension
    Pack extension

    Extension root directory : browse ไปที่ตำแน่งที่อยู่ของโฟล์เดอร์ Office_app ที่เก็บไฟล์ 3 ตัวที่สร้างไว้
    Private key file : ในครั้งแรกที่สร้าง web app ให้ว่างไว้
    แล้วก็คลิกโอเค

  5. เสร็จแล้วเราจะได้ 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 จะฟ้องว่ามีโปรแกรมนี้อยู่แล้ว ต้องถอนออกก่อน ลงทับไม่ได้
  6. ดูตัวอย่างที่ผมลองทำไว้ มีทั้งที่ทำเอง และเอาของคนอื่นมาโมดิไฟ รวม 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

Google Calendar

Google Docs

Faceook

Google Analytics

Gmail

Google News Timeline

Google Wave

Greenwave 106.5 fm

Hootsuite เล่น twitter ผ่านหน้าเว็บ

Google Latitude

Nation Channel : ดูทีวีออนไลน์ช่องเนชั่น

Microsoft Office Online

Photoshop : แต่งภาพออนไลน์

Picasa web

Picnik : แต่งภาพออนไลน์

Pixlr : แต่งภาพออนไลน์

World Of Solitaire : เกมเล่นไพ่

Youtube

ถ้าทำเพิ่มจะเอามาแจกอีก

มาอัพเดตต่อ

Adobe Browserlab : ทดสอบเว็บกับโปรแกรม browser ต่างๆ

eBuddy : เล่น MSN,Gtalk,Yahoo IM,ICQ,etc ผ่านเว็บ

Mindmeister : เขียน Mindmap

MockFlow : เขียนแบบร่างของโปรแกรม หรือแบบร่างของเว็บไซต์

mockingbird : เขียนแบบร่างเว็บไซต์

Postica : เขียน Post it เตือนความจำ

Colorschemedesigner : โปรแกรมเลือกกลุ่มสี

Prezi : เอาไว้ทำ Presentation Zoom ออนไลน์

Google Chrome Web Apps วิธีติดตั้งและการใช้งาน

จากตอนที่แล้ว เขียนเกี่ยวกับ Online Image Editor ทดลองใช้งานโปรแกรมที่รันบนอินเทอร์เน็ต มาตอนนี้มา ทดลองทำ Google Chrome ให้สามารถใช้งานและติดตั้ง Web Apps ได้ หรือที่ Google เรียกว่า Chrome Web Store จะได้เหมาะกับการใช้โปรแกรมบนเว็บ เมื่อทำแล้วจะได้หน้าตาของ Google Chrome ประมาณรูปข้างล่างนี้ ซึ่งผมชอบมาก ดูเหตุผลตอนท้ายว่าทำไมชอบ

  • ด้านมุมซ้ายจะเป็น Web app ที่เปิดใช้งานอยู่ ส่วนถัดมาจะเป็น Tab ธรรมดา

    Web app ที่รันอยู่ จะแสดงที่มุมซ้าย

  • เปิด New Tab จะแสดงรายการของ Web apps ที่ติดตั้งอยู่

    New Tab แสดง web apps ที่ติดตั้ง

ขั้นตอนการเปิดการใช้งาน Web Apps

  1. ติดตั้ง Google Chrome เวอร์ชั่นของ  dev channel คลิกเพื่อติดตั้ง ตอนนี้เป็น v.6.0.453.1 (ไม่แน่ใจว่าเวอร์ชั่น stable กับ beta ใช้ได้หรือเปล่า?)
  2. เพิ่มโค้ด enable app ให้ Google Chrome โดยไปที่ shortcut ที่เปิดโปรแกรม คลิกขวาเปิด Properties ของ Shortcut ตรงช่อง Target เพิ่มโค้ด –enable-apps ต่อท้ายลงไป ตัวอย่างเช่น <path ที่อยู่ของโปรแกรม>\Chrome.exe –enable-apps
    คลิกขวาที่ shortcut เปิดโปรแกรม Google Chrome เลือก properties

    ถ้าต้องการให้ New Tab เปิดเป็น panel ขึ้นมา ให้ใส่โค้ด –apps-panel เข้าไปด้วย หน้าตาโค้ดจะเป็นแบบนี้  <path ที่อยู่ของโปรแกรม>\Chrome.exe –enable-apps –apps-panel เมื่อคลิกเปิด New Tab จะมี list web app ขึ้นมา เหมือน ปุ่ม Star ของ Windows หน้าตาจะเป็นแบบนี้

    เมื่อคลิกที่เครื่องหมายบวกจะเปิด New Tab จะปรากฏ floating panel ขึ้นมา

    ถ้าไม่เปิดการทำงานของ panel มันจะไปแสดง list web apps ที่ New Tab ปกติ ส่วนตัวผมไม่ค่อยชอบเพราะได้พื้นที่ของ web app น้อยและที่ New Tab ของผมมี Bookmark อยู่เยอะ เลยไม่เปิดการทำงาน อันนี้แล้วแต่ความชอบส่วนตัวของใครของมันครับ

  3. เมื่อ enable apps แล้วตอนนี้เราก็สามารถติดตั้ง web apps ได้แล้ว

ขั้นตอนการติดตั้ง Web Apps

มีวิธีการติดตั้งอยู่ 2 วิธี คือ unpack ติดตั้งเอง กับติดตั้งอัตโนมัติผ่าน crx ไฟล์

วิธีที่ 1 ติดตั้งเองแบบ unpack
เมื่อติดตั้ง Google Chrome v.6.0.453.1 จากขั้นตอนข้างบน จะมี web apps มาให้ ด้วย 3 ตัว (calendar,docs,gmail) แต่ต้องติดตั้งเอง

  1. เปิดหน้า Extension ขึ้นมา คลิกที่เมนู  Customize and Control (รูปประแจ) >>Tools>>Extensions หรือเปิด url นี้ก็ได้ Chrome://extensions/
  2. คลิกเปิด Developer mode

    Developer mode

  3. คลิก Load unpacked extension ไปตำแหน่งเก็บ web app อยู่ที่ C:\Users\sarapuk\AppData\Local\Google\Chrome\Application\6.0.453.1\Resources\ จากนั้นเลือกโฟล์เดอร์ web apps ที่ต้องติดตั้ง แล้วคลิก OK
  4. ลองเปิด New Tab จะมี icon ของ web apps ปรากฎขึ้นมาพร้อมใช้งาน

วิธีที่ 2 ติดต้้งจาก crx file

  • ติดตั้งง่ายเหมือนติดตั้ง Extension ทั่วไป โหลดมาแล้วใช้ Google Chrome เปิด หรือลากไฟล์นั้นไปวางใน page ไหนก็ได้
  • มีข้อควรระวัง บางไฟล์เก่าๆที่โหลดตามเว็บต่างๆที่แจกอยู่ อาจใช้ไม่ได้เพราะ วิธีเปิด app เปลี่ยนไป (เดี๋ยวจะเขียนถึงภายหลัง)
  • ทดลองโหลดไฟล์ crx ที่ผมทำขึ้นไปติดตั้งดูนะ เป็น Web app เปิดคลื่นวิทยุ Greenwave ผมทำไว้หลายตัว เดี๋ยวจะเอามาแชร์ภายหลัง

วิธีใช้งาน Web Apps

  • เมื่อเปิด New Tab ขึ้นมา จะแสดงรายการของ web apps ที่ติดตั้งอยู่ เมื่อคลิกก็จะเปิดหน้าขึ้นมาใหม่
  • สามารถถอนการติดตั้งได้เมื่อเอาเมาส์วางบน icon ของ web apps จะมีรูปประแจที่เป็นเมนู setting เมื่อคลิกจะมี uninstall ให้คลิก หรือจะถอนที่หน้า Extensions ก็ได้
  • app tap จะไม่มี bar ต่างๆให้รกใช้พื้นที่หน้าจอได้คุ้มมาก

เมื่อทำเสร็จแล้ว พอสรุปได้ว่ามันคือวิธีการ bookmark เว็บไซต์แบบหนึ่ง หรือที่ Google เรียกให้เท่ว่า Chrome web store แต่ที่ได้มาคือ tab ด้านบนดูสบายตา ดูง่าย แยก web app ชัดเจน ได้พื้นที่ใช้งานโปรแกรมบนเว็บเยอะขึ้น(อันนี้แหละที่ชอบมาก) และ Google Chrome ดูดีขึ้น ตอนต่อไปจะเอา web app ที่ลองทำมาให้ติดตั้งกันเล่นๆ และจะแนะนำวิธีทำ web app แบบง่ายๆ ให้ลองเอาไปใช้กับเว็บที่ตัวเองใช้บ่อยๆ

ข้อมูล : Chrome developer guide , Downloadsquad , developer discussion group