Light mode Dark mode

Jir4yu.me

ความรู้สึก.. ที่ตอนไหนๆก็(ไม่)เหมือนกัน

ถ้าคุณเบื่อกับ.. โปรแกรมนำเสนอแบบเดิม ๆ

ทำ Presentation ด้วย Impress.js ดีไหม ?

ผู้อ่านหลายคนที่ต้องมีการนำเสนองานอยู่บ่อย ๆ อาจจะเบื่อกับลูกเล่นเดิม ๆ ของ Microsoft powerpoint หรือ Keynote อยู่บ้าง เหมือนกับผู้เขียนในช่วงนึงที่อยากจะลองหาอะไรใหม่ ๆ ช่วยให้การนำเสนองานแต่ละครั้งไม่น่าเบื่อ และ อยากให้ผู้คนที่ฟังประทับใจในจุดเล็ก ๆ จุดนึงถ้าเป็นไปได้ ซึ่งเมื่อประมาณ 2 เดือนก่อน ผมได้เขียนถึงการนำเสนองานด้วย Prezi (บทความเก่า) ไปแล้ว เดิมที Prezi เองมันก็ดีอยู่ในระดับนึง เข้าใจง่าย และ ใช้งานได้ง่ายจริง ๆ อย่างที่เขียนไว้

แต่เกิดอยากได้อะไรที่มันแปลกแตกต่างไปบ้าง และ อยากจะใช้ฟีเจอร์อื่น ๆ ที่เราสามารถใส่เข้าไปได้ด้วย จนไปเจอกับ JavaScript ตัวนึงครับ ชื่อว่า impress.js

impress.js

Impress.js คืออะไร ?

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

ตัวอย่างการนำเสนอที่ใช้ Impress.js

  • http://bartaz.github.com/impress.js/#/bored
  • http://johnpolacek.github.com/WhatTheHeckIsResponsiveWebDesign-impressjs/#/title
  • http://wakame.jp/wiki/materials/20120114_TLUG/#/title
  • และ ภาษาไทยของผู้เขียนเองที่ http://project.jir4yu.me/mini/era/show.html#/title

จะเห็นว่าการนำเสนอนั้นมีลูกเล่นที่น่าสนใจ และ สวยงามอีกด้วย สำหรับผู้ที่ต้องการจะใช้งาน Impress.js นั้น ผู้เขียนแนะนำว่าควรมีพื้นฐานความรู้การใช้งาน HTML และ CSS ในระดับหนึ่ง เพราะจะสามารถเข้าใจ Maskup ต่าง ๆ ได้อย่างรวดเร็ว ในเร็ว ๆ นี้ ผู้เขียนอาจจะเขียนวิธีการใช้งาน Impress.js เบื้องต้นที่ บล็อกสอนทำเว็บ ซึ่งสามารถติดตามกันได้เร็ว ๆ นี้

ดาวน์โหลด Impress.js ได้ที่ https://github.com/bartaz/impress.js/

Jir4yu.

Jirayu Limjinda

ถ้าไม่รู้จักกัน บางทีคุณอาจจะไม่เข้าใจกับสิ่งที่ผมทำ.. กลับกัน ถ้าคุณรู้จักผมดี คุณจะไม่ต้องเอ่ยปากถามเลยว่าทำไม

แสดงความคิดเห็นของคุณที่นี่

loading, please wait..

loading, please wait..