ไอคอน 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.

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

   {
      "app": {
         "launch": {
            "web_url": "http://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
   }
   // ถ้าจะก๊อบโค้ดนี้ไปใช้ ควรลบคอมเม้นออก เอาโค้ดในไฟล์ที่แนบมาดีกว่า
   
   

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

• ด้านมุมซ้ายจะเป็น 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

อำเภอบล็อกอยูใน duocore.tv ตอนที่ 128

นั่งดู duocore.tv ตอนที่ 128 เล่าถึง Google Chrome OS เห็นแว็บๆ เฮ้ยนั้นเว็บเรานิ เว็บอื่นเขาออกบ่อยแล้วเขาไม่ตื่นเต้นหรอก แต่นี้เป็นครั้งแรกเลย เก็บภาพไว้หน่อย อยู่ที่นาทีที่ 29  แอบดีใจนิดๆ

Google Chrome OS

Google Chrome OS ครั้งแรกที่ได้ยินชื่อตอนที่ google ประกาศออกมาว่าจะทำระบบปฏิบัติการสำหรับคอมพิวเตอร์ คิดว่าทำไมไปตั้งชื่อเหมือนกับ Chrome ที่เป็น web browser ซึ่งก่อนหน้านี้ google ได้ทำระบบปฏิบัติการสำหรับมือมาแล้วอย่าง Google Android ชื่อก็เทห์ดี แล้วยังได้รับการตอบรับจากนักพัฒนาและผู้ผลิตมือเจ้าเล็กเจ้าใหญ่ทั่วโลก พอมาดูตอนเปิดตัวถึงได้เข้าใจว่ามันเหมาะแล้วที่ชื่อนี้

บทความนี้ได้ข้อมูลจาก Live blog ของ Google Operating System ดูได้ที่ลิงค์อ้างอิงข้างล่าง

Google Chrome OS
เป็นระบบปฎิบัติการแบบ Open source แกนข้างในเป็น Debian ซึ่งเป็น distribution หนึ่งของ Linux

Chrome OS login

1. Google Chrome OS จะเปิดให้ใช้ในปีหน้า
   
2. Chrome , ช่วงแรกจะพูดถึง Chrome web browser
   • คาดว่ามีผู้ใช้งานกว่า 40 ล้านคน
   • Chrome เน้นไปที่ เร็ว,ปลอดภัย,ง่าย
   • สิ่งใหม่ที่จะเพิ่มขึ้นคือ Chrome สำหรับ Mac/Linux และมี Extension
3. Chrome รองรับ HTML5 อย่างเต็มรูปแบบ
   • รองรับ Web App เต็มรูปแบบ
   • รองรับ Web App ที่จะใช้การประมวลผลแบบหลาย Threads
   • รองรับ Web App แบบ Offline
4. Chrome ออกมาเพื่อรองรับกระแส
   • การเติบโตของ Netbook
   • แนวโน้มของคนที่จะทำงานบน Cloud Computing มากขึ้น
5. Chrom OS
   • เป็น instant boot ,เร็วมาก เหมือนที่เราคุ้นกับโน๊ตบุคดูหนังไม่ต้องเปิดเครื่อง
     

     เทียบการบูธของ OS อื่นๆ กับ Chrome OS

   • Chrome ที่อยู่บน Chrome OS ทำงานได้เร็วกว่าบน OS อื่น เป็น V.4
   • โปรแกรมทุกอย่างเป็น Web App
   • Data เก็บบน Cloud
   • มีความปลอดภัย (ดูวีดีโอ)

6. ทดลองใช้งาน (ดูวิดีโอ demo)
   

   • Google บอกว่าบูธภายใน 4 วินาที แต่ตอนโชว์ใช้เวลาในการบูธ 7 วินาที
   • หน้าแรกให้กรอก user pass ของ Account ของ Google เพื่อใช้งาน
   • หน้าตาของมันก็คือ Chrome web browser
   • ทำ favorite ของ App ที่ใช้บ่อยไว้ได้
   • ปุ่ม Chrome ด้านซ้ายบนเก็บ App เป็นหมวด (เหมือนปุ่มกลมๆ Start ของวินโดว์)
   • panels คือบาร์ข้างล่างของ Chrome ประมาณว่าทำงานไปเล่น Gtalk แล้วย่อไว้ด้านล่าง
   • เปิดไฟล์จาก Thumb drive ได้
   • สามารถเปิดไฟล์จากเครื่องด้วย web apps ได้ ทดลองเปิดไฟล์ excel ด้วย MS Office Online (ฮากันเลย)
7. เครื่องที่รัน Chrome OS
   • รองรับ solid-state เท่านั้น (เพื่อความเร็ว)
   • มีการตรวจสอบการบูธทุกครั้ง (verified boot)
   • ความปลอดภัย : อยู่ที่ Web Apps ด้วย
   • root file system อ่านได้อย่างเดียว
   • ข้อมูลของผู้ใช้  Sync ขึ้น Cloud
   • Auto update OS
8. การตลาดของ Chrome OS
   • ต้องการเครื่องเฉพาะ
   • ไม่สามารถดาวน์โหลดมาติดตั้งเองได้
   • ทางเดียวที่จะใช้ Chrome OS คือ ซื้อเครื่องที่ติดตั้ง Chrome OS มาแล้ว(มาพร้อมเครื่อง)
   • ลงตลาดปลายปีหน้า
9. What is Google Chrome OS? ดูวิดีโอแนะนำ

   • web browser คือโปรแกรมที่สำคัญในเครื่องคอมพิวเตอร์ของคุณ
   • web browser ของคุณคือ operating system ของคุณ
10. Google Chrome OS UI Concept Video

หลายคนมีความสงสัยว่าแล้ว Android กับ Chrome OS จะมีการซ้อนทับกันหรือปล่าว Sergey Brin ก็ออกมาพูดว่า ที่จริงแล้วมันมีตลาดคนละกลุ่ม แต่อย่างไรก็ตาม ในอนาคต OS สองตัวนี้จะรวมกัน

ในอนาคต Android กับ Chrome OS จะรวมกัน

ในความคิดของผม Google Chrome OS เป็นเหมือนการเสริมจุดแข็งของ google เพิ่มขึ้น แน่นอนว่า OS จะให้ใช้ฟรี แต่คงมีโฆษณามากับ Apps ต่างๆ คนใช้จะผูกชีวิตไว้กับ Google ซึ่งตอนนี้ก็รู้สึกว่ามากไปแล้ว ตอนนี้อาจจะยังไม่เหมาะกับทุกคน โดยเฉพาะคนที่ไม่มีอินเตอร์เน็ต แต่ในอนาคตไม่แน่ น่าจะมีโหมด Offline ออกมาขับเคลื่อนด้วย Google Gear ให้ใช้งานแต่อย่างไรก็ต้องต่ออินเทอร์เน็ต เครื่องที่ใช้งานไม่จำเป็นต้องมี data storage ซึ่งเป็นแนวโน้มที่กำลังมา แต่ความเป็นส่วนตัวจะลดลงหรือไม่? โดยเฉพาะหน่วยงานที่ต้องการความเป็นส่วนตัวสูง ไม่เหมาะแน่นอน

ถ้า Chrome OS มาจริงๆ Google จะเป็นเจ้าครองโลกอินเทอร์เน็ต อย่างแน่นอน

ข้อมูลจาก :  http://googlesystem.blogspot.com
ข้อมูลเพิ่มเติม : http://www.chromium.org/chromium-os