• มารู้จักกับ Flow3 (TYPO3 เวอร์ชั่น 5) กัน

    31

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

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

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

    แนวทางที่หลาย ๆ ธุรกิจเลือกคือการใช้ PHP Framework ต่าง ๆ หรือบางธุรกิจก็จะใช้การสร้างขึ้นเอง เพื่อให้ใช้งานได้ง่าย แต่จะไม่ง่ายเมื่อต้องการต่อเติมส่วนขยายต่าง ๆ หรือการสร้าง Web Service เพื่อแลกเปลี่ยนข้อมูลกับธุรกิจอื่น ๆ ได้ ซึ่ง Web Service นี้เป็นหัวใจการทำงานแบบบูรณาการ เพราะบางครั้งเราไม่รู้ว่าผลลัพธ์ที่เราต้องการ จะต้องมีวิธีการสร้างแบบไหน แค่รู้ว่าเราต้องการข้อมูลแบบไหนเพื่อใช้สำหรับธุรกิจเรา ก็ทำให้เดินหน้าธุรกิจได้ อาทิ อัตราแลกเปลี่ยนเงินตรา ราคาทองคำ เป็นต้น

    FLOW3 เป็นเว็บแอพพลิเคชั่นแพลทฟอร์ม คล้าย ๆ กับ spring ใน JAVA  รวมฟังก์ชั่นการทำงานต่าง ๆ เกี่ยวกับการบูรณาการได้ดีเยี่ยม รวมถึงการรวม web service ช่วยอำนวยความสะดวกให้นักพัฒนาเว็บไซต์สามารถมองหา solution ที่จะใช้กับธุรกิจต่าง ๆ ได้หลากหลาย และรวดเร็ว ถูกพัฒนาโดย ชุมชนนักพัฒนา TYPO3 ที่แข็งแกร่ง

    FLOW3 Local Running

    FLOW3 Local Running First Installation :D

  • พบข้อผิดพลาดในการติดตั้ง TYPO3 4.6 ครั้งแรกจะทำยังไง?

    2
    หากคุณกำลังปวดหัวกับข้อผิดพลาดของ TYPO3 Version 4.6 ที่ลองติดตั้งอยู่แล้วละก็
    Found Error When Install TYPO3 4.6
    ขอให้ตั้งสติกันสักหน่อย ค่อย ๆ อ่านข้อผิดพลาดที่พบแล้วลองตรวจสอบเบื้องต้นก่อนว่า
    1. เรากำลังติดตั้ง TYPO3 4.6 อยู่บน PHP เวอร์ชั่น 5.3 อยู่หรือเปล่า ถ้าไม่ใช่ ก็ควร Update นะค่ะ
    2. ตรวจสอบที่ PHP.INI นะค่ะ ว่าเปิดการทำงานของ extension=php_openssl.dll หรือยัง ถ้ายังก็ไปเปิดการทำงานให้เรียบร้อย แล้ว restart apache อีกทีนึงค่ะ
    เท่านี้ก็สามารถติดตั้งและทดสอบ TYPO3 4.6 ได้แล้วค่ะ
  • แม่แบบสำหรับการพัฒนาเว็บไซต์ด้วย TYPO3 – ฟรี

    3

    เพื่อให้ความรู้ถูกกระจายไปทุกรูขุมขนของเมืองไทย และหาใช้งานได้ง่าย ๆ  จากความตั้งใจในการแบ่งปันความรู้ดี ๆ เกี่ยวกับ TYPO3 ของไอบีเอสกรุงเทพ จึงได้ทำการพัฒนาแม่แบบสำหรับให้ดาวโหลดฟรีที่
    http://www.ibs-webdevelopment.com/th/download/more-free-download-for-typo3-template.html
    และวางแผนที่จะเพิ่มเติมให้หลากหลาย พร้อมกับแนวทางการพัฒนาต่าง ๆ ที่สามารถเรียนรู้ได้ในแต่ละแม่แบบ

    มีความสุขในการเรียนรู้ค่ะ :D

  • TYPO3 และการซ่อนหน้าที่ยังไม่มีการแปลภาษา

    2

    หลาย ๆ คนอาจจะปวดหัวกับการแปลภาษาในระบบการจัดการเนื้อหา TYPO3 ที่บางหน้ามีการแปลภาษาแต่ไม่มีเนื้อหาในภาษานั้น ๆ ก็เลยอยากที่จะซ่อนหน้าที่ไม่มีภาษานั้น ๆ เอาไว้

    ส่วนการจัดการของผู้ดูแลระบบ

    • ให้เข้าไปที่ Edit Page Properties ค่ะ
    • เลือกแถบการแสดงผลชื่อ Behaviour ค่ะ
    • คุณจะเห็นโหมด Language Localization อยู่ ให้ทำเครื่องหมายที่หน้า Hide page if no translation for current language exists
    • อย่าลืมบันทึกนะค่ะ จากนั้นเคลียร์แคช แล้วทำการ Refresh ที่หน้าเว็บเพื่อดูความแตกต่างค่ะ

    TYPO3 และการซ่อนหน้าที่ไม่มีการแปลภาษาตัวอย่าง Interface

  • การจัดการภาพด้วย Crop and Square Thumbnails

    0

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

    การสร้างเนื้อหาประเภทนี้ก็ทำได้ไม่อยากค่ะ สามารถ upload ไฟล์ กำหนดขนาดของภาพ และการจัดตำแหน่งได้จาก interface ด้านหลังได้ที่กำหนดมาให้เสร็จเรียบร้อยแล้ว แต่กระนั้น การทำงานก็ยังไม่สามารถรองรับกับความต้องการร้อยแปดพันเก้าของผู้ใช้งานได้ครบถ้วนซะทีเดียว การจัดการภาพด้วยตัดและกำหนดขนาดเพื่อทำภาพอ้างอิงสำหรับการแสดงผล ก็เป็นอีกฟังก์ชั่นการทำงานที่ TYPO3 Core ยังไม่สามารถรองรับได้ในส่วนนี้

    หากคุณกำลังมองหาฟังก์ชั่นสำหรับการจัดการในลักษณะนี้อยู่ ให้เปิดเข้าไปที่ http://typo3.org/extensions/repository/ แล้วใช้คำว่า “crop” เพื่อค้นหา extension ที่มีชื่อว่า “Crop and Square Thumbnails” ดาวน์โหลดแล้วลองติดตั้งในเว็บไซต์ เพื่อทดสอบการทำงาน หากคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับการใช้งาน ก็สามารถอ่านได้ที่ http://typo3.org/documentation/document-library/extension-manuals/tkcropthumbs/1.2.4/view/1/1/

    สนุกกับการเรียนรู้แบบไม่มีขีดจำกัดกับไอบีเอสกรุงเทพนะค่ะ

  • แก้ปัญหา backend interface error

    4

    มือใหม่อาจจะข้องใจกับปัญหาที่เกิด และยังคงไม่เข้าใจว่าเกิดขึ้นได้อย่างไร เมื่อคุณเจอปัญหาดังภาพข้างล่างนี้

    ข้อผิดพลาดที่เกิดจาก typo3 backend

    วิธีแก้ปัญหาคือให้คุณเปิดการใช้งาน Compression ที่ .htaccess บรรทัดบนสุดของไฟล์ ดังนี้ค่ะ

    <FilesMatch “\.js\.gzip$”> AddType “text/javascript” .gzip
    </FilesMatch>
    <FilesMatch “\.css\.gzip$”> AddType “text/css” .gzip</FilesMatch>
    AddEncoding gzip .gzip

    ทำการบันทึกไฟล์และลองรีเฟรช (Ctrl+F5) อีกครั้งค่ะ ^^
    ทีนี้ก็สามารถทำงานกันได้แล้วค่ะ

    มีความสุขในการเรียนรู้ TYPO3 กับ ไอบีเอสกรุงเทพนะค่ะ

  • TYPO3 และการกำหนดค่า ไม่อนุญาตให้คลิ๊กขวาบนหน้าเว็บไซต์ (Simple Right Click Disable on TYPO3)

    0

    เพื่อเป็นการป้องกันข้อมูลบนหน้าเว็บและสร้างความรำคาญเล็กน้อยให้กับบรรดา “นักก๊อปปี้ข้อมูลหน้าเว็บไซต์คนอื่นแล้วนำมาวางเพื่อเป็นข้อมูลของตัวเอง” เราใช้ JavaScript โค้ดแบบไม่ซับซ้อนมาก ทำการกำหนดค่าให้อยู่ในส่วนของ header ซึ่งสามารถกำหนดได้ใน TYPO3 Template Setup ดูตัวอย่างด้านล่างนี้ค่ะ

    page.headerData.20110825 = TEXT
    page.headerData.20110825.value (
    <script language=JavaScript> var message=”Function Disabled!”; function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function(“return false”) </script>
    )

    ลองไปใช้กันดูค่ะ ;-)

    ไอบีเอสกรุงเทพ

  • การกำหนดชนิดของ HTML ใน TYPO3 (TYPO3 DocType)

    18

    การกำหนดชนิดของ HTML ใน TYPO3 สามารถทำได้หลากหลายและแตกต่างกันออกไปในแต่ละหน้า ด้วยการใช้ TYPO3 template setup อาทิ

    config.doctype = html5
    config.xhtmlDoctype = html5
    config.xmlprologue = none
    config.xhtml_cleaning = all

    เมื่อคุณดูโค้ดที่หน้าเว็บไซต์ จะเห็นการแสดงผลดังนี้

    <!DOCTYPE html>

    ชนิดของ HTML ที่สามารถกำหนดได้มีดังนี้

    html5 (HTML5 doctype)
    xhtml_trans (XHTML 1.0 Transitional doctype)
    xhtml_frames(XHTML 1.0 Frameset doctype)
    xhtml_strict (XHTML 1.0 Strict doctype)
    xhtml_basic (XHTML basic doctype)
    xhtml_11 (XHTML 1.1 doctype)
    xhtml_2 (XHTML 2 doctype)
    none (NO doctype at all)

    การเลือกใช้งานขึ้นอยู่กับความต้องการค่ะ

  • compression level ใน TYPO3 คืออะไร

    0

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

    TYPO3 มีการเตรียมการทำงานฟังก์ชั่นการทำงานให้เกิดประสิทธิภาพนั่นก็คือการบีบอัดข้อมูล เพื่อให้ข้อมูลที่ส่งผ่านเครือข่ายระหว่างเซิร์ฟเวอร์และไคลเอนท์มีขนาดไม่ใหญ่มาก ทำให้ใช้เวลาในการรับส่งข้อมูลระหว่างกันน้อยลงนั่นเอง

    Compression Level ใน TYPO3 คือ API สำหรับการบีบอัดข้อมูลทั้งส่วนที่เป็นด้านหน้าการแสดงผล และส่วนของผู้จัดการระบบ เพื่อช่วยให้ TYPO3 โหลดข้อมูลได้เร็วขึ้น

    การกำหนดค่าของ Compression มีดังนี้
    ขั้นแรกให้ไปเพิ่มการกำหนดค่าการทำงานใน localconf.php ที่อยู่ภายใต้โฟลเดอร์ typo3conf ด้วยสองบรรทัดข้างล่างนี้

    $TYPO3_CONF_VARS['BE']['compressionLevel'] = ’9′;
    $TYPO3_CONF_VARS['FE']['compressionLevel'] = ’7′;

    จากนั้นให้ไปเพิ่มค่าใน .htaccess ไฟล์เพื่อระบุให้กับ apache เข้าใจของค่าที่เรากำหนดนี้
    <FilesMatch “\.js\.gzip$”>
    AddType “text/javascript” .gzip
    </FilesMatch>
    <FilesMatch “\.css\.gzip$”>  AddType “text/css” .gzip
    </FilesMatch>
    AddEncoding gzip .gzip

    การที่คุณจะใช้งานระบบนี้ได้ ก็ต้องแน่ใจว่าเซิร์ฟเวอร์เปิดการใช้งาน gzip เรียบร้อยแล้วค่ะ

  • แพ็คเกจ TYPO3 ตัวใหม่ (ibstvbeta 4) ฝีมือคนไทย มีให้ดาวน์โหลดแล้วจ้า

    0

    หลังจากที่เราไอบีเอสกรุงเทพได้ซุ่มซ้อมการพัฒนาแพ็คเกจติดตั้งพร้อมสร้างเว็บไซต์แบบมืออาชีพด้วย TYPO3 มานานหลายเดือน วันนี้ถึงเวลาแล้วที่จะปล่อยตัวเวอร์ชั่นตัวใหม่ออกมาให้กับทุก ๆ คนได้ใช้งานกัน

    แพ็คเกจทำเว็บไซต์แบบมืออาชีพด้วย IBSTV

    ตัวอย่างแพ็คเกจประกอบไปด้วยฟังก์ชั่นการทำงานสำคัญ ๆ ดังนี้

    • โครงสร้างแม่แบบด้วย typoscript
    • ใช้ templavoila สำหรับการสร้าง multi-layouts
    • CSS Framwork ด้วย YAML
    • สนับสนุน CSS3
    • HTML5 สำหรับการแสดงผลหน้าเว็บ
    • รองรับการทำงานของ SEO
    • และฟังก์ชั่นการทำงานอื่นๆ อีกมากมาย

    หากคุณคือคนหนึ่งที่สนใจในการใช้งาน TYPO3 อย่าพลาดในการดาวน์โหลดแพ็คเกจมาใช้กันนะค่ะ

    << ดาวน์โหลดแพ็คเกจใหม่ที่นี่ >>


Page 1 of 212»