'' @ taza-ii '' *o* Life Style:: by STh. >_<

                เขียนโปรแกรมเพื่อสร้างฟอร์มที่รับค่าตามที่กำหนด  โดยค่าที่ส่งไปนั้นส่งไปในรูปของเว็บเซอร์วิส  แล้วให้แสดงผลไปยังผู้ใช้ในรูปแบบที่แปลงจากไฟล์เอ็กซ์เอ็มแอลไปเป็นรูปแบบที่ผู้ใช้สามารถเข้าใจได้ง่าย  โดยใช้ภาษาพีเอชพีในการรับค่าจากฟอร์มแล้วส่งตัวแปรต่าง ๆ ให้เป็น URL ของเว็บเซอร์วิสที่ต่อกัน  แล้วเราจะอ่านไฟล์เอ็กซ์เอ็มแอลจาก URL ที่เราต่อกัน  แต่เราจะแปลงไฟล์เอ็กซ์เอ็มแอลให้เช้าใจง่ายโดยใช้ไฟล์ xsl  ที่แสดงข้อมูลให้เข้าใจง่ายตามแต่ละรูปแบบของไฟล์เอ็กซ์เอ็มแอลของแต่ละไฟล์    ไฟล์ xsl จะต้องระบุ Element ของไฟล์เอ็กซ์เอ็มแอลที่ต้องการแสดงได้อย่างถูกต้องตามรูปแบบเพื่อให้ค่าปรากฏและแสดงได้อย่างถูกต้อง  หลักการง่ายๆ ในการนำตัวแปรเพื่อมาต่อเป็น URL ใช้หลักการต่อกันของสตริงและตัวแปรเท่านั้น   และที่ได้รับผิดชอบให้ทำฟอร์มเว็บเซอร์วิสหลายฟังก์ชัน  เป็นจำนวน 6 ฟังก์ชัน  ที่จำเป็นต้องมีไฟล์ xsl ที่แยกของแต่ละฟอร์ม  เพราะแต่ละฟังก์ชันมีการแสดงผลไฟล์เอ็กซ์เอ็มแอลต่างกัน  จึงต้องสร้างไฟล์ xsl ที่ตรงตามไฟล์เอ็กซ์เอ็มแอลของแต่ละไฟล์

                การทำงานที่ต้องเพิ่มเติมของโปรแกรมนี้  คือต้องสร้างปุ่มกดให้สามารถลิ้งไปอีกฟังก์ชันได้  โดยให้ค่าจากฟอร์มก่อนหน้าแสดงไปยังฟอร์มอีกหน้าของฟังก์ชันใหม่   ซึ่งสามารถทำได้โดยเช็คว่ามีค่าที่ระบุอยู่แล้วหรือไม่  ถ้ามีจากเดิมให้แสดงออกเป็นค่าในฟอร์มนี้ได้เลย  โดยกำหนดลงไปในส่วนฟอร์มที่แสดงออก    แต่ถ้าหากปุ่มกดนั้นระบุจากไฟล์ xsl ซึ่งเป็นการแสดงข้อมูลมากกว่าหนึ่ง  จึงต้องระบุใน xsl ที่ต้องให้เกิดการวนซ้ำ   ซึ่งจะไม่สามารถกำหนดค่าไปยังอีกฟอร์มได้  เพราะแสดงค่าโดยไฟล์ xsl   แต่ไฟล์ xsl สามารถดึงข้อมูลในรูป xml เท่านั้นเราจึงไม่สามารถดึงค่าจากไฟล์ php ที่ส่งต่อมาได้

                หน้าตาของโปรแกรม

 

 

    ตอนเย็นของวันที่ 24 เม.ษ. ลง Ubuntu 7.10 ลงแทน Fedora เนื่องจากว่าตอนนั้นไม่รู้ไงเลยให้พื้นที่ไป 30GBิ แน่ะ เลยจะไปเอาพื้นที่มาคืน (ใช้เก็บหนังน่ะ อิอิ) เลยเหลือไว้แค่ 5 GB พอ ก็ถือว่าลงง่ายนะ   ทดสอบเข้าได้ทั้งสอง OS ก็โอนอนหลับสบายละ  แต่ไหงตื่นมาตอนเช้าจะทำงาน  เข้าไม่ได้หากลับ(GRUB)ไม่เจอ  กลับไม่ได้จริงๆ อิอิ  ก็เลยยืมเครื่องเพื่อน Search หาทำตามไม่ได้สักทีเง้อ  สรุปไปๆมาๆ แผ่นที่เอามาลงแก้กลับอ่ะมันเสีย  ...เซ็งเรย (มีสองแผ่นอ่ะ)  ก็เลยลงใหม่อีกรอบเลยละกัน  แล้วก็ใช้ได้ตามปกติ  (ไม่รู้ว่าลงไปจะได้ใช้อะไรมากแค่ไหนเน่อ  แล้วลงไปเวอร์ชัน 8.04 ก็ออกใหม่ซะแล้ว)  ก็นะเป็นประสบการณ์ รู้ว่าลงระบบปฏิับัติการของลินุกซ์ต้องแบ่ง 2 partition คือ swap(ซึ่งเขาบอกว่าควรขนาดเป็นสองเท่าของขนุาดแรม) และ ..ปกติ  แหะๆก็ไม่ค่อยสันทัดเรื่องลินุกซ์เท่าไรอ่ะนะ

    ต่อจากในส่วนของ user interface design จะกล่าวถึงการออกแบบโปรแกรม ที่ใช้ Structure chart  หรือผังโครงสร้าง   ในการออกแบบเื่พื่อให้่ง่ายกับการเข้าใจภาพรวมของทั้งระบบ   structure chart จะอธิบายความสัมพันธ์(ตรรกะ)ของการทำงานแต่ละส่วนย่อย (โมดูลย่ิอยหรือ module) ว่ามีความสัมพันธ์กันอย่างไร  และข้อมูลที่ใช้ส่งผ่านระหว่างโมดูล  จากนั้นแต่ละโมดูลย่อยค่อยอธิบายลงลึกไปอีกโดยใช้การเขียนเป็นภาษาคำอธิบาย หรือ Pseudo code

    จากรูป (อ้างอิงจาก http://www.rff.com) อธิบาย execute module ที่ประกอบด้วยโมดูลย่อย A, B, C  โดยที่โมดูล A จะต้องส่ง parameter x กลับคืนไป ส่วน B ส่งคืน y  และ c รับค่า p มาจากโปรแกรมหลัก และโมดูล A,B มีการทำงาน GET CHARACTURE  ที่รับค่า char จากโมดูล A  แล้วคืนค่าไปยังโมดูล B ... 

    การออกแบบโปรแกรมให้ดีนั้นจะต้องให้แต่ละโมดูลเป็นอิสระต่อกัน  พยายามให้แต่ละโมดูลสัมพันธ์กันแบบหลวม ๆ หากมีข้อผิดพลาดก็จะแก้ไขได้ง่าย  หากมีความสัมพันธ์กับโมดูลอื่น ๆ เยอะก็จะต้องไปแก้ไขตามต่อเนื่องไป 

เมื่อวันอังคาร(น่าจะนะ 042208) ได้สรุปเรื่อง User interface design ก็พรีเซ้นท์ให้พี่ ๆ แล้วก็ต้อมฟัง รวมทั้งยังนำเสนอในส่วนของ flow chart ของ keyword cloud มาใช้ด้วย

สรุปในส่วนของ User interface คือส่วนที่สำคัญในการพํฒนาระบบ ไม่เพียงแต่ที่เราต้องพัฒนาระบบให้มีประสิทธิภาพแล้วเราต้องทำให้ User interface ที่ให้ผู้ใช้ได้ใช้ะระบบมีความน่าสนใจ ก็ถือเป็นส่วนสำคัญ เพราะถึงแม้ว่าเราจะพัฒนาระบบมาดีแค่ไหนแล้ว แต่ถ้าหากผู้ใข้ไม่เข้าใจว่าจะใช้งานอย่างไรก็ไม่เกิดประโยชน์ User interface หลัก ๆ ในการออกแบบคือให้ผู้ใช้เข้าใจง่าย , มีการตอบโต้ระว่างผู้ใช้กับระบบ และการตอบสนองของระบบดี

แบ่่งออกเป็นประะเภทใหญ่ ๆ คือ
1. Natural Languge เป็นการใช้ภาษามนุษย์ในการติดต่อสื่อสาร มีความสลับซับซ้อน ยากแก่การตีความ เนื่องจากคำตอบกว้าง มีได้มากมาย

2. Question an Answerเป็นการเรียงลำดับที่เกิดด้วนการตั้งคำถามและคำตอบ เป็นบทสนทนา (Dialogue) เช่นดังการติดตั้งโปรแกรม เป็นต้น แต่ในบางครั้งผู้ใช้ก็ไม่ทราบคำตอบที่ถามจึงอาจจะมี help ไว้ช่วยเหลือ

3. Menu เป็นการเลือกสิ่งที่ปรากฏบนจอด้วยอุปกรณ์ต่าง ๆ เช่น เม้าส์, คีย์บอร์ด, ปากกา ,touch screen เป็นต้น โดยแบ่งเมนูไ้ด้หลายแบบ ไม่ว่าจะเป็น แบบ basic, pull down menu , popup menu , nested menu
(ภาพตัวอย่างใช้ โปรแกรม Firefox ละกัน)

 

4. Command Languageใช้ Syntax rule ดังนั้นผู้ใช้จึงต้องทราบคำสั่งนั้น ๆ แต่ถ้าใช้บ่อยๆ การใช้ command จะรวดเร็ว สะดวกมาก

5.GUI (Graphic user interface) ที่เราเห็นเป็นส่วนใหญ่ที่มีปุ่มให้เรากด เห็นเป็นภาพไอคอน สะดวกรวดเร็ว ทั้งยังเข้าใจง่าย วิธีการที่เราเรียกว่า drag and drop ที่กดแล้วปล่อย

แล้วกล่าวถึง Storyboard เป็นเทคนิคการออกแบบถึงเหตุการณ์ตามลำดับที่ให้เห็นภาพและหน้าตาการทำงาน user interface ตามที่กำหนด ที่เราเรียกว่า Prototype หรือต้นแบบเพื่อให้เรามองเห็นภาพการทำงานโต้ตอบกับระบบ ข้อดีของมันก็คือว่าทำให้เห็นภาพการเปลี่ยนแปลง, ข้อจำกัด แล้วทำให้ระบบตรงกับความต้องการมาำกทีสุด

สัปดาห์หลังสงกรานต์กับการฝึกงานลางานวันที่ 16 น่ะ ก็มันไม่มีรถกลับนิ กลับมาทำงานวันพฤหัส กะ ศุกร์ล่ะ สิ่งที่ได้ทำในช่วงนี้ก็คือ ...แหะ ๆ เล่น twitter อ่านะ สามารถอ่านรายละเอียดได้ ที่นี่นะ แล้วก็ดูการทำ Flowchart ที่จะมาปรับใช้กับที่เขียนโปรแกรมเกี่ยวกับ keyword cloud น่ะ

แล้วพี่ก็ให้ทำการสร้างไซต์ขึ้นมาในเซิร์ฟเวอร์ใหม่โดยคล้ายกับอันเดิมแหละ ใช้โปรแกรม Internet information Service หรือ IIS ก็คือสร้างไซต์ระบุ URL ที่ต้องการให้ลิ้งมายังเครื่องใหม่ โดยที่เราต้องกำหนด Head ให้ต่างกันเพราะ..(คิดว่านะ) มันอ้างระบุไปที่เดียวกันหรือไม่ระบุน่ะมันจะชนกัน ไม่งั้นมันจะทำงาน (start) ไม่ได้ แล้วอีกอย่างที่ต้องสร้างชึ้นมาคือต้องระบุ DNS ที่เราส้รางใหม่ก็คือ URL ที่เราต้องการให้มันทำงานได้นะแหละ ไม่งั้นถ้าเราลิ้งเข้าไปมันก็จะยังไม่มี ไม่รู้จะเอารูปไรลงก็...ให้ดูหน้าตาละกันเนอะ

วัันนี้เข้าประชุมกับ DR. ก็ไม่มีอะไรมากแต่ต้องมีอะไรให้ทำและเรียนรู้มากเลยนะ แล้วต้องไปแก้ไขเพิ่มเติมเนื้อหา Meta ของแต่ละเว็บแล้วมาเปรี่ยบเทียบแต่ละสถานที่ย่อยลงไปเลย แล้วแต่ละเว็บเค้าก็จะเอาจุดเด่นของสถานที่นั้น ๆ เช่นระบุชื่อโรงแรมดังย่านนั้น ๆ เลย หรือบริการส่วนลดของเว็บนั้น ๆ เพื่อที่เราต้องเพิ่มเติมเมต้าในเพจเราที่เดิมนั้นไม่ได้ระบุ

แล้วหลังจากนั้นก็จัดการกับเอกสาร topdown อีก..หลายรอบยุแล้วก็กลับบ้านสงกรานต์ สวัสดีปีใหม่ืไทยนะคะ ขอให้ทุกคนเดินทางโดยสวัสดิภาพ

การฝึกงานในวันนี้ได้เดินทางออกนอกสถานที่ด้วยนะ ไปถึงเยาวราข ย่านเสือป่าเลย คือว่าพี่พงพาไป CSLOXINFO (ครั้งที่ 2 อ่ะนะ) ที่ตั้งอยู่ที่ตึกลอกซ์เลย์ แลดูคลาสสิค(แบบโบราณนิด ๆ) ดูจากลิฟต์นิ

เข้าเรื่องละกันนะ ก็ เป็นที่ให้บริการเกี่ยวกับอินเตอร์เน็ตที่เราได้ใช้บริการเป็น Data Center ในการเก็บพวกเซิร์ฟเวอร์ เครื่องที่เก็บข้อมูลต่าง ๆ ของบริษัทไว้ แล้วให้เค้าเป็นคนดูแลรักษาความปลอดภัยต่าง ๆ ให้เรา วันนี้ที่ไปก็เอาเซิร์ฟเวอร์ไปลงไว้ที่โน่นแหละ เก็บไว้ในแล็ก แล้วก็ว่าจะย้ายข้อมูลมาใส่เซิร์ฟเวอร์ใหม่ถ่ายโอนผ่าน USB แต่ช้ามากก็เลยนะ พอกลับมา transfer data จากเซิร์ฟเวอร์นึงไปอีกเซิร์ฟเวอร์นึงเร็วมาก.. ก็เพราะว่ามันอยู่ในวงเดียวกันประมาณนั้นก็เลยโอนข้อมูลได้เร็วอ่ะนะ แล้วก็ในส่วนของเว็บเทรนด์ที่เก็บ Back up Data ไว้ ก็ต้องก๊อฟจากเครื่องเก่ามายังเครื่องใหม่โดยที่ไฟล์สถิติเดิมอ่าเยอะมากก็เลยนาน เราใช้การควบคุมเครื่องเซิร์ฟเวอร์ได้จาก Remote Desktop Connection (ไม่เคยใช้เลย) ไฮโซอ่า

ภาพเครื่อง Server ของ IBM รุ่น...