S5-xoxo

 

첨부파일들은 S5 file format 을 표현하기 위한 스타일과 스크립트 파일임.

S5 presentation file format 은 XOXO 포멧보다 좀더 semantic 한 버젼이라고 할 수 있겠다.

스프링노트에 적용하는 걸 테스트 하기 위해서 첨부로 올려놓고 파일 인클루드 시키는 URL 을 스프링노트 첨부파일로 사용함.

북마크릿 생성

SpringNoteSlide

<p style="font-size: 150%">
<a href="javascript:if%20(!document.getElementById('MF_jq'))%20{var%20q=document.createElement('script');q.setAttribute('id',%20'MF_jq');q.setAttribute('src',%20'http://leftlogic.com/js/jquery.js');document.getElementsByTagName('body')[0].appendChild(q);}%20var%20s=document.createElement('script');s.setAttribute('id','MF_loader');%20s.setAttribute('src',%20'http://apilab.ncsoft.net:8080/jackrabbit/repository/default/jasonpa/loadslide.js');document.getElementsByTagName('head')[0].appendChild(s);void(s);">SpringNoteBookmarklet</a>
</p>

북마크릿에서 포함시키는 S5 slide 컨트롤을 위한 스크립트 파일 Minixoxo.js

• Minixoxo 클래스 생성. 네임스페이스 고려. 워낙 스크립트를 많이 사용한 스프링노트다보니, 혹시 쫑날까봐.

  • <script type="text/javascript">
      function go(){
        var slide = new Minixoxo();
        slide.start(); //슬라이드 시작 gogo
      }
    </script>

 

• start 를 호출할때 파라미터로 theme를 줄 수 있도록 함. (현재는  S5 file format 만 됨)
• 레일즈에서 포함시키는 스타일 제거시 시킴. (Minixoxo.clean)
• S5 file format
  
  • 레이아웃 관련 정보가 들어갈 div 추가함 (Minixoxo.loadlayout)
  • 스타일 / 매타태그 정보 추가. (Minixoxo.loadS5Presentation)
• [아이디어] 생성자에 htmlElement 를 전달할 수 있도록 (일부를 선택해서 프리젠테이션으로 할 경우?)
  
• [아디디어] 

 

S5 file format 스크립트 커스터마이징 - slides.js

• onload 함수 호출 부분 수정 : window.onload = startup  -> startup()

• createIncrementals 함수를 수정할 필요가 있다. 스프링노트에서는 slide 클래스를 가진 엘리먼트에 id  를 넣지 않기 때문... 아래 볼드체로 된 부분이 수정된 부분.

function createIncrementals() {
    var incrementals = new Array();
    var slides = GetElementsWithClassName('slide');
    for (var i = 0; i < smax; i++) {
        //incrementals[i] = getIncrementals(document.getElementById('slide'+i));
        incrementals[i] = getIncrementals(slides[i]);
    }
    return incrementals;
}

테스트

기존  S5 포멧으로 되어있는 것들을 복사해서 정상동작 하는 것까지는 확인함.

추가 필요사항

S5 관련 파일들을 스프링노트 웹서버에 올려놓고 공통적으로 사용할 수 있도록 한뒤 북마크릿을 해당 패쓰로 수정하면 누구나가 쓸 수 있겠다...

아이디어

• 유저가 페이지 생성시에 옵션을 선택하면 템플릿을 제공?
• 페이지의 일부를 인식해서 선택하고 ... 프리젠테이션으로 만들기?