nopcommerce Adobe Flash ( 1 ) 1 nopcommerce 2.2 ( [5, p.3-4] )

(1)

NopCommerce

とは

(Ver.2.3)

NopCommerce

を稼働させるシステム要

件は

2.1.1 オペレーティング・システム

(OS)

• Windows 7 • Windows Vista • Windows XP • Windows Server 2003 • Windows Server 2008

2.1.2 Web

サーバ

• Internet Information Service (IIS) 6.0 以降

2.1.3 ASP.NET 4.0 (MVC 3.0)

2.1.4 データベース

• MS SQL Server 2005 以降

• MS SQL Server Compact 4.0 以降

2.1.5 ブラウザ

• Microsoft Internet Explorer 6 以降 • Mozilla Firefox 2.0 以降

• Google Chrome 1.x 以降 • Apple Safari 2.x

(2)

2.1.6 Adobe Flash (

管理画面におけるファイル・アップ

ロードに必要

)

1

1_{上記のシステム要件は、nopCommerce バージョン 2.2 のものであり、(詳しくは文}

(3)

ダウンロード

(Ver.2.3)

nopCommerce

をダウンロードす

るには

2.2.1 ダウンロード・サイト

nopCommerce自体のダウンロードは、以下のアドレスから行うことができます。 http://www.nopcommerce.com/download.aspx nopCommerceのインストール方法は、一旦ファイルをダウンロードし、手作業でインストールする方法と、Microsoft Web Platform Installer を利用してウィザード形式でインストールする方法の二通りがあります。最新版を利用する場合には、前者を選択することになります。

(4)

ここでは一旦ファイルをダウンロードする方法を選択することにします。ダウンロード・ファイルは３種類です。

1. nopCommerce 2.30 (with source code) (25.70 MB) ソース付全プログラム

2. nopCommerce 2.30 (no source) (12.70 MB) ソースなし全プログラム

3. nopCommerce 2.30 (upgrade script) (8 KB) データベースのアップグレード・スクリプト VisualStudio2010 (MVC3.0以上) を利用できる環境にあり、自らコンパイルできる場合は１を、そうでない場合は２をダウンロードします。３は旧バージョンを利用している場合必要となるデータベース・アでグレード用スクリプトです。ここでは１を選択します。するとダウンロード・ライセンス・アグリーメントが表示されるので、”I Agree”ボタンをクリックします。

(5)

download.codeplex.comページのダウンロード確認ページが表示されましたら、「名前を付けて保存」を選択し、適当なフォルダに保存します。

ダウンロードしたファイルは、圧縮された RAR 形式になっていますので、それをさらに Lharc などの解凍ツールで、解凍してください。

(6)

コンパイル

(Ver.2.3)

nopCommerce

をコンパイルするには

2.3.1 必要な環境

nopCommerceのプログラムをコンパイルするには、以下の環境が必要です2。 • Visual Studio 2010 • MVC3.0

2.3.2 Visual Studio 2010

の起動

Visual Studio 2010から nopCommerce のソース付全プログラムを解凍 したフォルダの中のをソリューション・ファイル nopCommerce.sln を 開きます。

(7)

Visual Studio 2010にロードが完了したら、右側のソリューションエ クスプローラーから Presentation フォルダ内の Nop.Web をポイント し、右クリックして、ポップアップメニューからスタートアッププロジェクトに設定をクリックします。

(8)

後はコンパイルするだけです。ファンクション・キー F5 を押すか、ツー ルバー上のデバッグ開始アイコンをクリックします。

(9)

2.3.3 nopCommerce

をローカルサーバにインストール

デバッグ開始を行うと、以下のようなインストール画面が表示されます。

ここでまずサイトの管理者の Email アドレス、パスワードを設定します。またサンプル・データの作成はチェックし、データベースは SQL Server Compactをチェックします3

• Admin user email: 管理者の Email アドレス • Admin user password: 管理者のパスワード • Conﬁrm the password: 再入力

• Create sample data: チェック (サンプルデータを作成するか否か)

3_{ローカルにインストールするので、SQL Server Compact を選択。リモート・サー}

(10)

• Use built-in data storage (SQL Server Compact). チェック

次に”Installation”ボタンをクリックし、インストールを開始します。インストール中は、以下のような画面が表示されます。実際のインストールには数分を要します。

(11)

インストールが完了すると、以下のような nopCommerce の初期画面が表示されます。

(12)

表示言語の変更方法

(Ver.2.3)

日本語表示を実現するには

nopCommerceは、多言語対応の eCommerce ソフトウェアです。メニュー、メッセージ、ヘルプ文などは、すべて特定のリソース変数名で定義されており、環境に応じて特定の言語で表示する仕組みが確立しています。リソース変数名から特定の言語への変換は、言語別のパッケージをインストールすることにより、実現することができます。例えば現時点 (２０１１年１２月５日) で最新バージョン２．３に対応している言語パッケージは、以下の言語です。 • 英語 • 日本語 • 中国語 (簡体中文) • ドイツ語 • フランス語 • スペイン語 • ポルトガル語 • ポーランド語 • ギリシャ語 • スロバキア語 これらの言語パッケージは、以下のアドレスからダウンロードすることができます。 http://www.nopcommerce.com/extensions/1/languages.aspx

(13)

2.4.1 言語パッケージのダウンロード方法

上記のＵＲＬをクリックすると、以下のように様々な言語パッケージのリストが表示されます。ここではバージョン２．３用の日本語パッケージを選択し、その”Details”ボタンをクリックします。

(14)

すると以下のような、ダウンロード画面が表示されるので、”DOWN-LOAD”ボタンをクリックし、ダウンロードを実行します。

言語パッケージは、rar 形式ないし zip 形式の圧縮ファイルになっています。日本語パッケージは、以下のようなファイル名になっており zip 形式です。

42095 34186 Japanese language 1 203 02.zip

このファイルを適当なフォルダに展開 (解凍) します。すると以下のような XML ファイルが出来上がります。

(15)

2.4.2 言語パッケージの登録方法

次に上記の XML ファイルを nopCommerce に登録します。

まずインストール時に設定した管理者 ID([email protected] など)、パスワードで管理者としてログインします。すると右上に”Administra-tion”というボタンが表示されますので、このボタンをクリックします。

(16)

管理画面が表示されたら、メインメニューから”Conﬁguration”–”Languages” を選択します。

(17)

この”Languages”ページでは、初期状態では、英語のみが登録されているはずです。ここで、”Add New”ボタンをクリックし、新しい言語を登録します。

(18)

ここで以下のように設定します。

Name: Japanese

Language culture: ja-JP, Japanese(Japan) Unique SEO code: jp

Flag image ﬁle name: jp.png Right-to-left: ブランク Published: チェック Display order: 0

(19)

入力が終了したら、右上の”Save and Continue Edit”ボタンをクリックします。

(20)

すると右上に”Import Resources”というボタンが表示されますので、これをクリックします。以下のようなダイアログが表示されますので、「参照」ボタンをクリックし、ダウンロードした日本語パッケージの XML ファイルを指定します。そして”Import resources”ボタンをクリックします。この XML ファイルの読込には、数分を要しますので、”Import resources”ボタンを２度クリックしないように注意してください。

(21)

この読み込みが完了すると、左上に ”The resources have been imported”

と表示されます。また、右上に言語選択ができるリストボックスが表示されます。

(22)

ここで、言語選択リストボックスから”Japanese”を選択すると、以下のようにメニュー、メッセージ、ヘルプ文が日本語表示となります。

(23)

デザイン・テーマの登録方法

(Ver.2.3)

新たなデザイン・テーマを登録するには

nopCommerceにおいて、デザインのテーマを変更する方法は、比較的簡単です。nopCommerce(ver2.3) をインストールすると、サーバにおけるディレクトリ構造は、以下のようになります。 Administration Add Data bin Content Plugins Scripts Themes Views

2.5.1 テーマの登録・変更方法

この中の Themes ディレクトリの中に新しいテーマのファイルをフォルダごとコピーします。具体的には、FTP ソフトなどによってアップロードします。例えば、弊社で作成した ClassicGradation を利用したい場合には、以下の手順となります。 1. ClassicGradation.zipのダウンロードをクリックし、テーマファイルをダウンロードします。 2. 圧縮ファイル”ClassicGradation.zip”を展開します。すると ClassicGra-dationというディレクトリが作成され、その下にデータが保存されます。 3. この ClassicGradation をディレクトリごと、サーバの Themes ディレクトリの下にアップロードします。

(24)

4. 管理画面のメインメニューから「設定」−「設定」−「全般設定」と選択し、表示されたページの中で「ショップ情報」タブを選択し、そのページの中で「サイトのテーマ」のドロップダウン・リストから ClassicGradation を選択します。 5. 右上の「公開ショップ」リンクをクリックすると、以下のようなデザイン・テーマが「ClassicGradation」に変更された公開用のページが表示されます。

(25)

ＰＤＦフォントの設定

(Ver.2.3)

デフォルトのＰＤＦフォントの設定を変

更するには

nopCommerceにおいてＰＤＦでマルチバイトの帳票、例えば納品書、請求書などを出力したい場合には、注意するべきポイントがあります。通常のインストール後、ＰＤＦ納品書などのボタンをクリックしても、非アルファベット言語は、ブランクのままになってしまいます。これは、デ フォルトのフォントが FreeSerif.ttf に設定されているためで、このフォ ント設定を変更しないと、非アルファベット言語は表示されません。

2.6.1 フォントの変更方法

この変更方法は、管理者画面においてメインメニューの設定から設定– すべての設定 (上級者向け) を選択し、オプション群の中から pdfset-tings.fontfilenameで設定されているフォントファイル名を変更します。

(26)

このフォント・ファイルは、予めサーバの/App Data/Pdf ディレク トリに置いておく必要があります。

2.6.2 どのフォントを選択すべきか

サイト自体を特定の言語で統一する場合には、普段デフォルトで使用しているフォントを設定すればいいのですが、サイトを多言語対応にし たい場合で、MicrosoftOﬃce のライセンスを所有している場合は、Ari-alUni.ttf を指定する方法があります。このフォントは多言語対応のフォントですので、英語、日本語、中国語、ドイツ語、フランス語、イタリア語、スペイン語など多くの言語に対応しています。

(27)

(28)

nopcommerce Adobe Flash ( 1 ) 1 nopcommerce 2.2 ( [5, p.3-4] )

NopCommerce

とは

NopCommerce

を稼働させるシステム要

件は

2.1.1

オペレーティング・システム

(OS)

2.1.2

Web

サーバ

2.1.3

ASP.NET 4.0 (MVC 3.0)

2.1.4

データベース

2.1.5

ブラウザ

2.1.6

Adobe Flash (

管理画面におけるファイル・アップ

ロードに必要

)

ダウンロード

最新の

nopCommerce

をダウンロードす

るには

2.2.1

ダウンロード・サイト

コンパイル

nopCommerce

をコンパイルするには

2.3.1

必要な環境

2.3.2

Visual Studio 2010

の起動

2.3.3

nopCommerce

をローカルサーバにインストール

表示言語の変更方法

日本語表示を実現するには

2.4.1

言語パッケージのダウンロード方法

2.4.2

言語パッケージの登録方法

デザイン・テーマの登録方法

新たなデザイン・テーマを登録するには

2.5.1

テーマの登録・変更方法

ＰＤＦフォントの設定

デフォルトのＰＤＦフォントの設定を変

更するには

2.6.1

フォントの変更方法

2.6.2

どのフォントを選択すべきか

関連図書