Deep Zoom Composer Preview


 

สิ่งที่จำเป็น (Prerequisites)

dzcicon_99ba8882-a6a5-4824-bcb1-709d2997a3b1 Download Deep Zoom Composer

 

Demo:  {http://photozoom.mslivelabs.com/Album.aspx?alias=JANAWAT&album=1}

 

Deep Zoom preview version  ถูกปรับปรุงให้สามารถทำงานกับ PhotoZoom ได้ ซึ่งหากเทียบเคียงแล้วอาจกล่าวได้ว่า PhotoZoom  เสมือนโปรแกรมซูมภาพ Online ที่ใช้เทคโนโลยี Deep Zoom ใน Silverlight 2 Beta 2 นั่นเอง การใช้งานนั้นเรียกได้ว่า แสนง่ายอย่างไม่มีที่ติ เพียงเราสร้างบัญชีชื่อผู้ใช้งานบน PhotoZoom  จากนั้นทำการแต่ง, จัดตำแหน่งภาพด้วย Deep Zoom Composer Preview แล้ว upload ได้จากตัว Deep Zoom ด้วยบัญชีรายชื่อดังกล่าว เราก็จะได้ ภาพ albums online ดังใจหวัง

PhotoZoom

รูปที่ 1: โลโก้ PhotoZoom

 

ทำการ Download Deep Zoom version ล่าสุด ก่อนติดตั้งใหทำการลบ version เก่าทิ้งไปก่อน เมื่อติดตั้งเรียบร้อย เราจะได้ version 3 August 2008 ดังรูปที่ 2:

03-08-2008 

รูปที่ 2: Depp Zoom Composer version 3 August 2008

 

สามารถ upload albums ขึ้นไปไว้บน PhotoZoom ได้จาก Deep Zoom ก่อนอื่นเราต้องไปสร้างบัญชีชื่อผู้ใช้งานก่อนครับ คลิกตามรูปที่ 3:

2

รูปที่ 3: สร้างบัญชีชื่อผู้ใช้งาน บน PhotoZoom

หากเรามี Windows Live ID อยู่แล้วสามารถ Login ใช้งานได้เลย หากยังไม่มีให้สร้างก่อนครับ ในที่นี้ขอใช้ ID ของ WindowsLive ที่ผมมีอยู่แล้วครับ ให้ Login เช่นดังรูปที่ 4: จากนั้นระบบจะนำเราเข้าสู่ Web ของ PhotoZoom ดังรูปที่ 5:

3 4

รูปที่ 4:                                               รูปที่ 5: Web ของ PhotoZoom

 

ทำการตั้งชื่อบัญชีผู้ใช้งานตามต้องการ ในที่นี่ขอใช้ว่า: JANAWAT ดังรูปที่ 6: เมื่อคลิก Sign-Up แล้ว PhotoZoom ก็พร้อมให้เราสร้าง albums  แล้วครับ ดังรูปที่ 7: {แต่เรายังไม่สร้างตอนนี้ เราจะสามารถสร้าง albums ผ่าน Deep Zoom ซึ่งกำลังจะกล่าวในลำดับต่อไป}

5 6

รูปที่ 6:ชื่อบัญชีผู้ใช้งาน                             รูปที่ 7: PhotoZoom  Getting Started

 

เมื่อมีบัญชีใช้งานบน  PhotoZoom  แล้วเราสามารถทำการ Upload albums ผ่าน Deep Zoom ด้วยบัญชีดังกล่าว ดังรูปที่ 8: และรูปที่ 9

xx1       7

รูปที่ 8: Upload albums ผ่าน Deep Zoom   รูปที่ 9: Signing In

 

เมื่อ Sign in ผ่านเรียบร้อยให้เลือภาพมา Show หน้า albums ดังรูปที่ 10: {นั่นแสดงว่าบน PhotoZoom เราสามารถสร้าง albums ได้มากกว่า หนึ่ง albums } จากนั้นทำการตั้งชื่อ albums ในที่นี้ขอใช้ชื่อว่า nano-1 แล้วทำการกดปุ่ม Upload  ดังรูปที่ 11:

7_0        8

รูปที่ 10: เลือภาพมา Show หน้า albums       รูปที่ 11: ตั้งชื่อ albums และ Upload

 

เมื่อ Upload เรียบร้อยเราจะได้หน้าต่างดังรูปที่ 12 ให้คลิก Browse New Album เพื่อเข้าไปชม albums ของเราที่ Upload ไปเมื่อครู่

9

รูปที่ 12: Browse New Album

 

จะเข้าสู่ album nano-1 ดังรูปที่ 13:

10

รูปที่ 13: album nano-1

 

เราสามารถนำ album ดังกล่าวไปอวดชาวโลกได้โดย Copy code html (Embed this album ) ด้านล่างไปแปะในหน้า Web ที่ต้องการ ดังรูปที่ 14: Embed this album

11 

รูปที่ 14: Embed this album

 

หน้าแรกของบัญชีของเรา จะเห็นว่ามี  album ที่ชื่อ nano-1 และมีรูปตัวอย่างแสดงเป็นตัวแทนภาพ ของ album ดังกล่าว ซึ่งได้จาก รูปที่ 10: นั่นเอง

12

รูปที่ 15: PhotoZoom – JANAWAT

เข้าไปดูตัวอย่างกันครับ : {http://photozoom.mslivelabs.com/Album.aspx?alias=JANAWAT&album=1}

 

ขอให้โชคดี สนุกกับการสร้าง album บน PhotoZoom ด้วย Deep Zoom และอย่าลืมส่งกำลังใจเชียร์นักกีฬาชาวไทย ใน olympics 08-08-08 นะครับ

olympics08_opening


รูปที่ 16: olympics 08-08-08 { ขอบคุณภาพจาก: http://www.google.co.th }

 

References:

Expression_Blend_and_Design
Deep Zoom Composer Updated (Again!)

 

 

เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

เขียนใน Silverlight

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: