Takahashi Method를 이용한 웹 프리젠테이션

yundream2의 이미지

우연히 알게된 툴입니다.
XUL을 이용해서 프리젠테이션 데이터를 만드는데, 웹에 최적화된 프리젠테이션 도구라고 생각됩니다.
사용하기도 쉽구요.

직접 셈플이랑 만들어봤습니다.
http://teamblog.joinc.co.kr/yundream/146
만드는데 15분 정도 걸렸던듯 싶습니다.

이웃나라 일본은 온라인강좌나 세미나에 꽤 널리 사용되는거 같은데, 우리나라는 어떤지 모르겠네요.

Forums: 
aero의 이미지

요즘은 S5란것도 많이 씁니다.
홈페이지: http://meyerweb.com/eric/tools/s5/

샘플:
http://meyerweb.com/eric/tools/s5/s5-intro.html
http://maddingue.free.fr/conferences/npw-2007/old-perls/

수동으로 만들려면 좀 번거롭다고 하던데
Perl을 쓰시면 Pod::S5 ( http://search.cpan.org/~tlinden/Pod-S5-0.07/S5.pm ) 라고 펄 문서포멧인 Pod문서를 S5 프레젠테이션으로 변환시켜주는 모듈이 있습니다.
이건 코드가 들어갈경우 Syntax::Highlight::Engine::Kate 라는 모듈이 있으면 syntax highlighting까지 지원합니다.
Python도 찾아보니 http://homepage.hispeed.ch/py430/python/ 라는게 있네요.

모질라 한국커뮤니티의 Channy님도 최근에 S5로 만든 자료
http://channy.creation.net/fwf2007/firefox/
로 발표하신적이 있는걸로 알고 있습니다.

그리고 유사한걸로
Spork ( http://search.cpan.org/search?query=Spork&mode=all ) 라는것도 있습니다.
예제:
http://www.iinteractive.com/moose/perl_ny_seminar_slides/start.html

hongminhee의 이미지

Gecko에서만 사용가능한 XUL보다는 표준 기술을 응용한 S5 쪽이 더 좋은 것 같습니다.

keedi의 이미지

타카하시 메소드에 대해 더 자세히 보실 분은
aero님께서 올리신 쓰레드도 참고해보세요 :-)

---------------------------
Smashing Watermelons~!!
Whatever Nevermind~!!

Kim Do-Hyoung Keedi

----
use perl;

Keedi Kim

penance의 이미지

저도 이번에 발표할 일이 있는데
이 혁신적인 방법을 사용해 보려고 합니다.

가슴이 두근거리네요~

yundream2의 이미지

다른 프리젠테이션방법은 슬라이드에 최대한 많은 정보를 넣는 슬라이드 중심인데 반해
타카하시 메서드는 내용을 간결히 하고, 발표자를 중심에 두는 프리젠테이션 방식입니다.

이러한 프리젠테이션 방식에 익숙하지 않으면, 좀 힘들 수도 있습니다.

짤막한 많은 수의 슬라이드를 준비하는 것도 초기에 익숙해지는 방법입니다.

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.