カテゴリー別アーカイブ: 構造化文書

[AH Formatter] Introduction to CSS for Paged Media(CSS組版入門)

先月開催された「XML Prague 2018」で
弊社の社員が「Introduction to CSS for Paged Media」において使用した CSS組版のチュートリアル(CSS-Print.pdf)を公開しています。
Introduction to CSS for Paged Media(CSS組版入門)
CSS-Print-XMLPrague2018.zip

このチュートリアルは『AH Formatter』の CSS組版によって作成されています。
組版に使用した html とスタイルシートほか必要なデータは「CSS」フォルダに格納されていますので、
フォルダ内の「CSS-Print.html」を『AH Formatter』で開くことで、チュートリアルの組版を確認できます。

なお、現在このチュートリアルは英語版しかありませんが、日本語版の作成も予定しています。

組版に使用した『AH Formatter』の評価版は以下のページよりお申し込みいただけます。是非、お試しください。
AH Formatter 評価版のお申し込み

また、『AH Formatter』についてお問い合わせがございましたら sis@antenna.co.jp 宛てにご連絡ください。


[AH Formatter] インデントの継承のお話

こんにちは
AH Formatter』サポート担当です。

今回もお問い合わせのあったサポート案件から1つご紹介します。

『AH Formatter』の拡張機能の1つに、axf:overflow-condense というのがあります。
大きさが指定されたエリアにテキストが入りきらない=オーバーフローする場合に
font-size や font-stretch を調整(フォントサイズを小さくしたり長体にしたり)して詰め込むというものです。
サンプルページ

ある時、この axf:overflow-condense が効かないというお問い合わせがありました。
FOは以下のように記述されていました。

 <fo:list-block provisional-label-separation=”30pt” provisional-distance-between-starts=”40pt” >
  <fo:list-item>
   <fo:list-item-label end-indent=”label-end()”>
    <fo:block-container width=”30pt” overflow=”condense” axf:overflow-condense=”font-stretch” background-color=”yellow” wrap-option=”no-wrap”>
     <fo:block>A.1.1</fo:block>
    </fo:block-container>
   </fo:list-item-label>
   <fo:list-item-body start-indent=”body-start()”>
    <fo:block>Sample Data</fo:block>
   </fo:list-item-body>
  </fo:list-item>
 </fo:list-block>

リストのラベルに fo:block-container を置いて、
ラベルのテキストが width=”30pt” を超える場合は
font-stretch で長体にして収めようとしています。
ところが、組版してみると次のような結果になります。

 [AH Formatter] インデントの継承のお話

ラベルの “A.1.1″ が長体にならず、はみ出していますね。。。。

fo:block-container に width は指定されているし他の指定も間違っていませんし。。。。

どうして axf:overflow-condense=”font-stretch” が効かないんでしょう????

続きを読む


AH Formatter の CSS組版例「MathML 3.0 2nd Edition」

W3C の MathML仕様書「Mathematical Markup Language (MathML) Version 3.0 2nd Edition」を『AH Formatter』で組版して、PDF出力したものをこのたび公開しました。
 [CSS組版例] MathML 3.0 2nd Edition
出力結果PDF

『AH Formatter』の CSS組版や MathML描画エンジンの性能の一端をご覧いただきたく思います。

なお、errata の反映などにより、PDF は原文と異なる箇所があります。
それは PDF の文末にまとめてあります。

組版に使用した『AH Formatter』の評価版は以下のページよりお申し込みいただけます。是非、お試しください。
AH Formatter 評価版のお申し込み

また、『AH Formatter』についてお問い合わせがございましたら sis@antenna.co.jp 宛てにご連絡ください。

 


「Antenna House AHPDFXML 変換ライブラリ V2.0」の出力例 (フォント情報)

「Antenna House AHPDFXML 変換ライブラリ V2.0」は、PDFファイルの内部データを、XML(Extensible Markup Language:拡張可能なマークアップ言語)形式に変換するプログラムです。
このライブラリが出力するXML形式を「AHPDFXML形式」と呼びます。
PDF解析技術により文書構造を生成して、再利用に適したXMLデータを出力します。

今回は”フォント情報”がAHPDFXMLに出力される例を見てみます。
変換元PDFファイルのスクリーンショットです。
サンプルは、文字列”材料(3人分)”です。

ahpdfxml_pdf_0205

上記のPDFをAHPDFXML形式に変換したXMLの内容は次の通りです。

ドキュメントXMLの内容です。

文字は複数の ahp:run に分割されています。これは元の PDF 内で、文字の配置が分かれているためです。
どの文字も、スタイルXMLを参照するIDは ahp:s-id=s5 となっています。

スタイルXMLの内容です。

ahpdfxml_xml_0205b

  • フォント名 ahp:name=MS-Mincho
  • フォントサイズ ahp:size=18.000000
  • 強調表示 ahp:bold=true
  • 文字色は赤 ahp:color ahp:rgb=#f00000
  • 強調表示 ahp:bold=true
  • 下線は1本線の赤 ahp:border-b ahp:border-type=single ahp:width=1.000000 ahp:color ahp:rgb=#f00000

PDFファイルの中に含まれる文字やフォント情報を取り出すことができます。

XMLで表現することによって、データの扱いが容易になります。
XMLのメリットを最大限に活かしてPDFデータを活用できます。
弊社ウエブサイトより評価版の申し込みが可能です。是非ご評価ください。

製品に関するご質問は
sis@antenna.co.jp(SYSTEM担当)
または
oem@antenna.co.jp(OEM担当)
まで、お気軽にお問い合わせください。

評価版のお申込
評価版のお申込ページ

Webページ
http://www.antenna.co.jp/pdfxml/


「Antenna House AHPDFXML 変換ライブラリ V2.0」の出力例 (画像情報)

「Antenna House AHPDFXML 変換ライブラリ V2.0」は、PDFファイルの内部データを、
XML(Extensible Markup Language:拡張可能なマークアップ言語)形式に変換するプログラムです。
このライブラリが出力するXML形式を「AHPDFXML形式」と呼びます。
PDF解析技術により文書構造を生成して、再利用に適したXMLデータを出力します。

今回は”画像情報”がAHPDFXMLに出力される例を見てみます。
変換元PDFファイルのスクリーンショットです。
サンプルは、画像”野菜のかご盛り”です。

ahpdfxml_pdf_0202

上記のPDFをAHPDFXML形式に変換したXMLの内容は次の通りです。

ドキュメントXMLの内容です。

ahpdfxml_xml_0202a

  • イメージフレーム ahp:frame-type=image
  • 領域の座標 ahp:l ahp:r ahp:t ahp:b
  • カタログXMLを参照するID ahp:file-id=f1

カタログXMLの内容です。
ahpdfxml_xml_0202b

  • 外部ファイル名 ahp:href=pdf2tmp_0.bmp
  • 画像はBMP ahp:file-type=BMP
  • 参照されるID ahp:id=f1

AHPDFXMLの出力先フォルダのスクリーンショットです。
画像ファイル pdf2tmp_0.bmp が出力されているのがわかります。

ahpdfxml_ss_0202

PDFファイルの中に含まれる画像を取り出すことができます。

XMLで表現することによって、データの扱いが容易になります。
XMLのメリットを最大限に活かしてPDFデータを活用できます。
弊社ウエブサイトより評価版の申し込みが可能です。是非ご評価ください。

製品に関するご質問は
sis@antenna.co.jp(SYSTEM担当)
または
oem@antenna.co.jp(OEM担当)
まで、お気軽にお問い合わせください。

評価版のお申込
評価版のお申込ページ

Webページ
http://www.antenna.co.jp/pdfxml/


CAS-UB:章見出しのPDF用CSSレイアウトカスタマイズ

皆さん、こんにちは。CAS-UB 営業担当です。

CAS-UB成果物の出力レイアウトは、予めテーマとして用意されているものから選択します。さらにそれをカスタマイズできます。今回はCAS-UBのPDFレイアウトカスタマイズとして「章見出し」のデザインをCSSでカスタマイズした事例を紹介します。

章タイトルをCSSでデザインする

PDFのレイアウトをカスタマイズするには、専用のCSS「styleset-pdf.css」ファイルが必要です。
先ずは空っぽのCSSファイルを作成しましょう[1]

章見出しのつくり

章見出しのレイアウトを変更するには、章見出しがどのようなレイアウト構成を持っているかを事前に把握しておく必要があります。

下の図を見ながら確認しましょう。

CAS-UBの記事編集画面の上部には、「タイトル」欄と、その横に「記事の種類」リストが並んでいます。

記事の種類が「本文:章」となっているとき、「タイトル」欄に挿入されているテキストがPDF出力したとき、「章見出し」になります。

次にCSSの構成を見ていきます。

EPUBに限らずPDF出力でも、「章」と設定されたタイトルには、デフォルトで「章番号」が付与されます(CAS-UB 生成画面より、PDFの「レイアウト設定」画面で変更が可能)。章番号を見出しに出す場合、これもCSSでカスタマイズすることができます。

PDF出力の場合のCSS属性は下記のとおりです。

項目 クラス属性 分類
章タイトル s-title-level1 ブロック
章番号 s-title-level1-number インライン
章タイトル・テキスト s-title-level1-text インライン

単純なものならば、この3つのクラス属性についてCSSを指定するだけで、見映えのする章見出しをデザインできます。

レイアウト設定例

章タイトル-縦組扉中央 章番号:黒地白抜き、章タイトル:白地黒抜き

章見出しのPDFレイアウトを予めCAS-UBの生成画面より、PDF:レイアウト詳細設定で設定しておきます。

  • 見出し番号レベル:1:章のみ(0:番号なし以外を選択)
  • 章扉の作り方:章扉を作り、その裏のページから節
  • 章扉の文字組方向:縦組
  • 章扉のタイトルの行進行方向の:中央
CSSコード
.s-title-level1{
font-weight: bold;
}
.s-title-level1-number{
padding:0.8em 0.8em 0 0.8em;
background-color:black;
border:1px solid black;
color:white;
}
.s-title-level1-text{
padding:0.8em;
border:1px solid black;
}

章タイトル-縦組扉なし、ライン

PDF:レイアウト詳細設定

  • 見出し番号レベル:1:章のみ(0:番号なし以外を選択)
  • 章扉の作り方:章は作らず、章は改ページで始まる
  • 章(見出しレベル1)>位置 レベル1:行頭寄せ
CSSコード
.s-title-level1{
font-weight: bold;
margin-top:-0.25em;
padding-top: 0.75em;
border-top:2px solid black;
border-right: 2px solid black;
padding-right:3px;
}
.s-title-level1-number{
background-color:black;
color:white;
}
.s-title-level1-text{
margin-top:1em;
}

PDF出力はEPUBと異なり、ユーザーが自由にCSSを設定することはできませんが、ある程度のデザイン力はありますので是非この機能を使ってみてください。

PDF出力用のCSS設定については、CAS-UBサイトの「サポート&ガイド一覧」より、CAS-UB PDF生成のためのガイド「第6章 見出しと本文にメリハリを付ける」をご参照ください。

CAS-UBサポート&ガイド一覧

[1] PDFのレイアウトカスタマイズ用のスタイルシートファイルはCSS(Cascading Style Sheets)の書き方を採用していますが、CSSそのものではなく、使えるプロパティの名前や値はCSSとは若干違いますのでご注意ください。


CAS-UB V5はレスポンシブなWebページ生成や、UBテキスト機能の公開などが目玉です。

出版物編集制作WebサービスCAS-UBは、2011年9月にサービスを開始してから、既に満7年を経過しました。この間、お客様の要望と自社での出版物制作の経験をもとにバージョンアップを重ねて参りました。Webサービスですのでバージョン番号を付けがたいのですが、社内の開発用サーバーで進化させてからまとめてクラウドを更新するという方法でバージョンアップをしています。

昨年は12月のバージョンアップでV5となりました。12月7日に追加した機能の一覧は次の通りです。

Webページを生成の強化

1.フレームによる目次の表示をレスポンシブ方式に変更

目次と本文を分割したindex-multiview.htmlを廃止して、目次のメニューアイコンを追加しました。目次のメニューアイコンを生成すると、広い画面のときは目次を左側に常時表示し、スマホや画面幅が狭いときはメニューアイコンのクリックやタップで目次をオーバーラップ表示します。

動画をこちらに用意しています:レスポンシブなWebページ生成

2.出版物全体を通しての全文検索機能を追加

全文検索機能を追加できるようにしました。目次に「全文検索」のリンクが追加され、クリックすると目次が全文検索画面になります。検索ワードを入力して[検索]ボタンをクリックすると、ヒットした記事と該当部分周辺のテキストが一覧されます。

3.WebページのレイアウトをEPUBとは別に自由にカスタマイズ

style_epub3web.css というファイルをスタイルシート画面にアップロードしておくと、Webページを生成したときに、すべてのファイルにリンクされます。この場合、style.cssはリンクされませんので、EPUBとはまったく別にカスタマイズできます。ユーザー・ガイドにWebページのカスタマイズ方法を追加しています。

4.タイトルページの追加

タイトルページを最初のページ(index.html)にできるようにしました。

5.生成設定をEPUB3と分離

従来は、Webページの生成設定はEPUB3の設定を適用していましたが、EPUB3と分離して、Webページ生成専用の設定をできるようにしました。

UBテキスト形式のダウンロードとアップロードを追加

「UBテキスト」は、CAS記法でマークアップして、出版物の構成を示せるようにしたテキストファイルです(UBはUniversal Bookの略)。「UBテキスト」では、出版物の構成とツリー構造を表現できます。各記事の内容は、CAS記法でマークアップします。

ダウンロード画面で、「UBテキスト」のダウンロードとアップロードをします。ダウンロード画面は、記事編集画面などの[その他のメニュー]のクリックで表示されるメニューの「ダウンロード」で表示されます。

バックアップ/リストア機能の操作性改善

1.バックアップファイルのリストアで、書誌情報もリストアできるようにしました。
2.[その他のメニュー]に バックアップ を追加しました。ホーム画面に戻らなくても、編集画面などからバックアップ画面に遷移できます。
3.出版物新規作成で、バックアップファイルをリストアして作成できるようにしました。

その他の強化強化と改善

1.記事編集画面のCAS記法入力支援ボタンを変更

[インクルード]ボタンを廃止して[引用]ボタンを追加しました。[引用]ボタンで、ブロック引用 と 整形済みブロック をマークアップできます。

2.画像画面の変更

画像画面で、各画像のファイルサイズと更新日時を表示するようにしました。

3.スタイルシート画面の変更

スタイルシート画面で、各ファイルのサイズと更新日時を表示するようにしました。

4.生成の一般設定の変更

PDFやEPUBの生成で、書誌編集画面でISBNが登録されていても、ISBNなしを選べるようにしました。

5.PDFの生成設定の複製を強化

PDFの生成設定の複製で、他の出版物の生成設定も複製できるようにしました。

FormatterClub
12月8日のFormatterClubでは主要な機能に絞って紹介させていただきました。

FormatterClubセミナーのプレゼン資料は次のSlideShareにて公開しています。
Slideshareデジタル出版物制作Webサービス CAS-UB V5による シングルソースパブリッシング(2017年12月8日)


DITA Festa 2017 Tokyo (2)

昨日 に引き続き、DITA Festa の話題です。

大人気であったユーザーパネルディスカッションのあとに、DCJ の専門部会である、WebHelp 研究部会の発表を弊社社員が担当しました。

その発表のなかで大きく取り上げていたものが、CIDM のTrend Survey 2017 です。
本日は Trend Survey についてご紹介いたします。

https://www.dclab.com/resources/surveys/dcl-cidm-trends-survey-2017

Trend Survey01

Trend Survey 2017 は米国で行われたアンケート調査で、様々な問いのアンケートに専門家が回答した結果を表しています。1900名の回答者、その職務は製作者、情報アーキテクター、コンテンツ戦略家といった方々が回答しています。
回答者の80%が製品マニュアルを手掛けています。

 

Trend Survey02
3年後にどのようなコンテンツ戦略を予定していますか?

このアンケート結果には、近年のモバイル端末のシェアの増加が反映されて、「モバイルデバイスへのサポートを改善する」が第一位となっています。
続いて、「Dynamic Delivery System を提供する」が第2位となっています。
Dynamic Delivery System とは,コンテンツ全体から必要なコンテンツのみをパブリッシングできるようにするシステムです。
例えば、コンテンツ全体から、PDF を出力する際にはこのコンテンツを使用する、HTML を出力する際にはこのコンテンツを使用する、といったコンテンツの細かい使い分けができます。
DITA はこの Dynamic Delivery 機能を備えています。

 

Trend Survey03
現在のコンテンツの問題点は何ですか?

このアンケート結果には、検索機能に改善が必要、コンテンツが多すぎて情報が見つからない、上位を占めています。
これらは検索機能についての問題点で、ユーザの求めるコンテンツを迅速に提供できることが強く求められているということです。
技術の進歩でドキュメントはその分増えていきますが、ドキュメントが増えても情報を探す時間を増やしたくはないのです。

この大きな問題を解決するのが HTML によるニーズに沿った検索機能の実装です。
HTML の様々な機能で、コンテンツの問題点をカバーしていけるからこそ、近年はHTML の需要が高まってきています。

続いて見てみると、Dynamic Delivery System やコンテンツ構造化の未対応という問題点があげられています。
これらは DITA で解決できます。

DITA で構造化したコンテンツで、HTMLで構築する WebHelp を作成してニーズに沿った検索機能や色々な機能を実装することでコンテンツの問題を改善していくことができるのです。

Trend Survey 2018 は現在調査中です。
結果が楽しみですね!

https://www.dclab.com/resources/surveys/dcl-cidm-trends-survey-2018

DITA に関して、弊社には DITA 専門の DITA サービス部門がございます。
ご相談がございましたら、DITA サービス部門へお気軽にお問い合わせください!

<< DITA Festa 2017 Tokyo (1)


DITA Festa 2017 Tokyo (1)

昨年12月、6日と7日の二日間にわたり第15回 DITA Festa が富士ゼロックス株式会社の本社にて開催されました。
スウェーデンの医療機器メーカー「Elekta社」の導入事例や関連ツールの紹介等、今回も盛りだくさんの内容で、120名様を超える方々にご参加いただきました。

そんな中で、最も注目を集めていたのがユーザーパネルディスカッションです。
サトーテクノロジー株式会社、日本電気株式会社、株式会社日立製作所、リコークリエイティブサービス株式会社、ブラザー工業株式会社、横河電機株式会社、そしてローランド ディー.ジー.株式会社の7社からご担当者をお招きして、予定調和なしのガチンコで DITA について語っていただきました。
どこぞのパネルディスカッションは予定調和ありあり、という話を聞いたことがあるのですが、DITA Festa ではそのようなことはやりません(笑)

DITA Festa 2017

アンケート結果を見ても「メリットのみならずデメリットも聞けて参考になった」「各社さまざまな課題があり、個別の状況に合わせたソリューションの選択が重要と感じた」「ユーザー視点での想定外のメリット、デメリットが大変参考になった」「自由な意見交換が良かった」「各社の状況と DITA への取り組み方の違いが分かりおもしろかった」「パネリストのみなさまがとても本音でお話されていてよかった」などなど、大半の方が肯定的な感想を持たれたようです。

あまりにも評判が良かったので、3月あたりにもう一度どこかで… という話もあるとかないとか(^^)

DITA Festa 2017 Tokyo (2) >>


海外出展情報 XML Prague Czech Republic

XML Prague は、ヨーロッパ最大の XML 会議です。 チェコ共和国のプラハの経済大学で、毎年 2 月に開催されています。(寒いですが、宿泊はシーズンオフのため格安です)。

xml-prague-1

この会議の形態は、会議前の日と呼ばれる Unconference Day という日が設けてあり、本会議の前に開かれる、自由スタイルの形式から始まります。90 分のセッションが開かれ、その後は 2 日間のシングルトラック会議が行われます。 昨年は、ほぼ 30 分の講演だったと思います。 今年の公演は、30 分間または 15 分間とされています。 会議のスケジュールはまだ公表になっていないので、30 分になるのか 15 分になるのかまだはっきりしません。

アンテナハウスは数年間、この会議のスポンサーとなっています。 アンテナハウスは過去 2 年間、主催者からスポンサーに与えられる 2 名参加分のフリーパスを学生に提供しています。

xml-prague-6

XML Prague 2018 の会議前の日(Unconference day)に、アンテナハウスは、「XSL-FO、CSS、およびページメディア」セッションで Antenna House Formatter の紹介、「ページメディア向けCSSの紹介」と題したチュートリアルの両方を発表します。アンテナハウスが 会議前の日(Unconference day) にユーザーミートアップと呼ばれるものをを主催してから 4 年目で、聴講率はよく毎回好評をいただいております。弊社社員トニーグラハムは、ここで最新の「ページメディア向けCSSの紹介」と題したチュートリアル文書を組版するのに使用している CSSスタイルを紹介する予定です。 またトニーグラハムは、「スキマトロン ユーザー ミートアップ」セッションでも講演する予定です。 スキマトロン(Schematron)は、XSL-FO ファイルをチェックするための  ‘focheck’  oXygen フレームワークで使用する技術の1つです。

xml-prague-3
xml-prague-5

本会議でも、トニーグラハムが 「人生、宇宙そしてCSSテスト」を発表します。 これは、W3C CSS テストスイートの中から 17,000 件に及ぶ自動組版テストを行うために、Jenkins サーバーおよび eXist-db XML データベースとともに、Antenna House リグレッションテストシステム(AHRTS) を使用して、社内プロジェクトの開発を行った時のケーススタディです。

xml-prague-2

この会議で人気であるものの一つに、本会議の最初の日の夕方に行われるソーシャルディナーがあります。 ディナーの後には「デモジャム」というものが行われ、ボランティアで各自が XML アプリケーションのデモを5分間行うものです。 デモジャムの優勝者は、最も大きな拍手を受けるプレゼンターです。弊社社員マイケルミラーは、2013 年の XML Prague でのデモジャムで弊社製品 AHRTS のデモンストレーションで受賞しました。

xml-prague-4


Pages: 1 2 3 4 5 6 7 8 9 10 11 12 Next