웹 배포: 임배딩 CDF 및 전체 화면 CDF

CDF 파일은 Web 페이지의 개체로 포함하거나 브라우저의 전체 화면 문서로 볼 수 있습니다. CDF 개체 임베딩은 파일 저장 시 Mathematica로부터 제공되는 코드 정보를 붙여넣거나 HTML에 <embed>-태그될 개체를 직접 입력하는 간단한 작업만으로 실행이 가능합니다.

위의 예제는 파일명과 이미지 사이즈를 나타낸 다음의 한 줄 HTML 코드로 쉽게 표현할 수 있습니다.

<embed src="VoronoiDiagram.cdf" width="588" height="380">

블로그에도 이와 같은 방법을 사용할 수 있지만, WordPress Plugin을 이용하면 Mathematica의 소스 코드에 의해 참조되고있는 것과 같은 JavaScript에 쉽게 액세스할 수 있어 더욱 편리하게 사용할 수 있습니다. 크로스 플랫폼 호환이 확실하고, 필요에 따라 독자에게 Wolfram CDF Player의 사용을 촉진할 수 있습니다. 배포에 관한 자세한 내용은 동영상을 참조 하십시요.

배포 방법

추가 임베딩 정보

모든 타입의 브라우저 호환을 위해 다음의 템플릿과 같이 포함된 콘텐츠를 <object> 태그에 중첩해야
합니다:

<object classid="clsid:612AB921-E294-41AA-8E98-87E7E057EF33" width="500" height="300" type="application/vnd.wolfram.cdf.text">
<param name="src" value="MYFILENAME.cdf">
<embed width="500" height="300" src="MYFILENAME.cdf" type="application/vnd.wolfram.cdf.text">
</object>

Wolfram CDF Embed Script

더욱 발전된 유연성을 위해, JavaScript 라이브러리의 무료 오픈 소스인 Wolfram CDF Embed Script를 이용하는 것이 좋습니다. 이것은 다른 라이브러리를 필요로 하지 않으면서 크로스 브라우저 호환이 가능하며, CDF 플러그인이 설치되어 있는지 확인하고 플러그인이 없을 경우 CDF Player 로고와 링크를 표시하고, 인터랙티브 콘텐츠 위치에 고정 이미지 표시 방법을 제공합니다. Mathematica의 복사 가능한 소스 코드 블록도 이와 같은 JavaScript가 사용되고 있습니다. 사용의 예로 여기에 템플릿으로 동일한 코드 블록을 사용하고 있습니다:

<script type="text/javascript" src="http://www.wolfram.com/cdf-player/plugin/v2.1/cdfplugin.js"></script>
<script type="text/javascript">
	var cdf = new cdfplugin();
	cdf.embed('/path/to/filename.cdf', width, height);
</script>

다양한 경우의 코드 작성

Wolfram Java Script는 "그 자리에서 바로 출력" 방식이며, 같은 HTML 문서 내에서 반복될 수 있습니다.
하지만 JavaScript 소스 반복이나 플러그인 체크 없이 다양한 경우를 코드화하는 것이 더욱 효율적입니다.

<script type="text/javascript">
	cdf.embed('/path/to/additional.cdf', width, height);
</script>

대체 콘텐츠 제공

사이트 방문자 중 CDF Player를 이용할 수 없는 경우도 있으므로, CDF 콘텐츠의 고정된 이미지를 제공하는 것이 도움이 됩니다. CDF Player 다운로드 사이트 연결 링크 또한 제공이 가능 합니다. 이러한 경우 원하는 것을 나타내기 위해 무엇을 선택하더라도 setDefaultContent() 함수를 추가하면 원하는 작업을 수행할 수 있습니다:

<script type="text/javascript">
	cdf.setDefaultContent('<p>Your replacement content</p>');
	cdf.embed('/path/to/additional.cdf', width, height);
</script>

JavaScript 이용에 대한 표시

사용자가 JavaScript 를 이용하지 않을 수 있는 경우 JavaScript를 통해 임베딩된 CDF 콘텐츠를 포함하는 HTML 페이지에는 반드시 한 번 이상 다음 행을 추가하십시오.

<noscript><p>Please turn on JavaScript</p></noscript>

임베딩 CDF 예제 페이지에 게재된 테스트를 위한 CDF를 이용하세요. 임베디드 Wolfram CDF 스크립트 사용에 대한 부가 서명이 필요하시면 여기로 문의 하십시오.

임베딩을 위한 콘텐츠 포맷

CDF Web 배포 Wizard가 콘텐츠의 형식과 소스 코드의 생성을 자동으로
수행합니다.

수동으로하는 경우 CDF 파일 인터랙티브 다이어그램은 Mathematica의 "PluginEmbeddedContent" 셀 스타일로 설정해야 합니다. 이 셀 스타일을 설정하려면, 셀을 선택하고 메뉴에서 서식 > 스타일 > 기타를 선택하고 다이얼로그에서 “PluginEmbeddedContent”를 입력합니다. 이제 다음의 옵션이 설정됩니다.

ShowCellBracket->False,
CellMargins->{{0, 0}, {0, 0}},
ShowCellLabel->False

일단 모든 설정이 완료되면 Mathematica의 Option Inspector에서 전체 파일에 대해 Deployed->True로 설정합니다. 이 설정은 CDF 편집을 방지하고 커서를 숨길 수 있습니다.

Mathematica의 Manipulate 함수로 제작된 인터랙티브 다이어그램은 코드에 임베드되기 때문에 사이즈 조정이 가능합니다. 크기가 정해져 있는 경우에는 ImageSize 또는 ContentSize를 이용하여 명시된 값이나 세부적인 사이즈를 조정할 수 있습니다. ImageSize->Medium은 Mathematica의 기본 크기로 저장합니다.

Manipulate 개체의 전체적인 크기를 결정하고 매립 매개 변수를 지정하기 위해서는 Manipulate를 비트맵으로 변환해야 합니다. 이것은 셀 브패킷을 선택한 다음, 메뉴에서 Cell> 형식 변환 >비트맵을 선택합니다. 그 결과 표시된 셀에서 결과 이미지를 선택하고, Option Inspector를 열어서 ImageSizeRaw를 검색합니다. 그러면 Manipulate의 폭과 높이를 알 수 있습니다.

임베디드 아닌 전체 화면 CDF

CDF 파일은 임베디드 뿐만 아니라 하이퍼링크를 통해 브라우저의 전체 화면 모드로 볼 수 있습니다. 파일이 다운로드되는 것이 아니라 anchor tags는 CDF 내용이 화면에 표시 되도록하기 위해 서버 설정 파일 (Apache의 경우. htaccess)에서 .cdf 및 관련 파일 확장명 다음의 MIME 타입을 지정해야합니다:

application/vnd.wolfram.player nbp
application/vnd.wolfram.mathematica nb
application/vnd.wolfram.cdf cdf
application/vnd.wolfram.cdf.text cdf