eSolia PROdb

Impella Committee English Language Website Launch

インペラ部会ウェブサイト英語版サイトの立ち上げ

9 month project altogether

インペラ部会WEBサイトの英語版オープン

We initially built this website for the "Council for Clinical Use of Ventricular Assist Device Related Academic Societies, IMPELLA committee" based on an old design from a site that the committee chairperson had commissioned a few years ago. This was done to get a site launched quickly to save time. Over the 9-month project period however, we modernized the site design making it "mobile-first", and then added an English language side to the site. The site also incorporates data stored in eSolia's secure cloud database PROdb, such as member societies, short informational updates, and registered facilities.

私たちは、”補助人工心臓治療関連学会協議会 インペラ部会”の委員長が数年前に委託制作した古いデザインのサイトに基づいて、このウエブサイトを構築いたしました。時間を節約するため古いサイトをひな形として使い、サイトの立ち上げは迅速に行われました。９カ月間に及ぶプロジェクトにおいて、”モバイル版サイトを中心”とする最新なデザインで設計、その後英語版サイトも構築しました。このサイトには、eSoliaの安全なクラウドデータベースPROdbに保存されているデータ（構成学会、更新やアナウンスなど最新情報、実施施設一覧などの情報）も組み込まれています。

• A site was needed almost immediately.
• CMS systems are complex and insecure, but data feeds are still required.
• Sites must be "mobile first" or "responsive" to compete.
• Backups should be enabled as a best practice.
• English translation will be needed for daily operations.

• 直ちにサイトの立ち上げが必要という依頼状況でした。
• CMSシステムは複雑で安全ではありませんが、データフィードは依然として必要です。
• ウェブサイトは"モバイル版サイト”で使用しやすいように設計することが第一の要求です。
• データのバックアップは最善な方法で対応するという依頼です。
• 日常業務には英語が必要になります。

• Initial site was launched in a couple weeks based on an existing design, then re-designed with a modern approach afterwards.
• Used the world's fastest static site generator "Hugo" over a CMS like Wordpress, for the highest level of performance and security.
• Data is being stored in eSolia's secure cloud database PROdb, and lists of this data are embedded in the site.
• Used "Tachyons", a modern CSS library that supports "mobile first" and "responsive", yet rapid design.
• Used a modern development approach incorporating git and continuous integration deployment.
• When a Japanese data entry is made by Council operators, PROdb automatically alerts the translation team so an English equivalent can be quickly made.

• 既存デザインに基づいて2週間位でまず最初のサイトを立ち上げ、そして、最新な技術を取入れたデザインに再設計しました。
• 最高レベルのパフォーマンスとセキュリティを実現するため、WordpressのようなCMSを超えて、世界最速の静的サイト生成プログラム"Hugo" を使用しました。
• データはeSoliaの安全なクラウドデータベースPROdbに保存され、このデータの一覧はサイトに組み込まれています。
• ”モバイル版サイトを中心とする応答性のある”尚且つ迅速なデザインに対応する最新CSSライブラリーである"Tachyons"を使用しました。
• gitと継続的なインテグレーションの展開を取り入れた最新の開発アプローチを使用していました。
• 協議会オペレータが日本語のデータエントリーを行う場合、英訳がほぼリアルタイムで出来る様に、PROdbが自動的に翻訳チームに通知する。

• Rapid development concept gets the information published.
• Re-design using Hugo and Tachyons provides mobile-first, responsive design.
• PROdb usage allows users to quickly and securely self-manage their data. The translation process is smooth and almost automatic.
• Use of a modern development toolset means the site is backed up and changes can be tracked transparently.

• 迅速な開発コンセプトによって、情報が公開されました。
• HugoとTachyonsを使用した再設計では、モバイル版サイトを中心とする応答性のあるデザインで設計しました。
• PROdbの使用により、ユーザーはデータを迅速かつ安全に自分で管理できます。翻訳プロセスがスームズに行える。
• 最新の開発ツールセットを使用することで、ウェブサイトの内容がバックアップされ、内容の変更を分かり易く追跡することができるようになりました。

• Hugo static site generator.
• Tachyons CSS library.
• PROdb cloud database.

• Hugo静的サイト生成プログラム。
• Tachyons CSS ライブラリー。
• PROdb クラウド型データベース。