サーバー上での構成

index.php がプログラム本体で、同じフォルダに『data』フォルダを置いています

『data』フォルダに各種設定ファイルや画像ファイルを置いています

└ schedule_app/                        // Webアプリフォルダ
           ├ index.php
           ├ sever.php
           └ data/
              ├ 省略

これらのファイルは、ここからダウンロードできます

・ソースファイルのダウンロード

background.json・・・背景選択用の設定ファイル

Nameは背景名、BkFileOrColorは『img』フォルダのファイル名、BkFontColorは背景上の文字色

TitleColorとTitleFontColorは、『Data』『Contents』などのタイトル系の背景色と文字色を設定します

{
	"Data":
	[
		{
			"Name"           :"Cloth_green",
			"BkFileOrColor"  :"cloth_green.png",
			"BkFontColor"    :"#000000",	
			"TitleColor"     :"#E1F0B4",
			"TitleFontColor" :"#000000"	
		},
		{
			"Name"           :"Cloth_pink",
			"BkFileOrColor"	 :"cloth_pink.png",
			"BkFontColor"    :"#000000",	
			"TitleColor"     :"#C6B3DF",
			"TitleFontColor" :"#000000"	
		},
		{
			"Name"           :"Maple",
			"BkFileOrColor"  :"maple.png",
			"BkFontColor"    :"#000000",	
			"TitleColor"     :"#ECC6A6",
			"TitleFontColor" :"#000000"	
		},
		{
			"Name"           :"Sakura",
			"BkFileOrColor"  :"sakura.png",
			"BkFontColor"    :"#000000",	
			"TitleColor"     :"#CDB9D9",
			"TitleFontColor" :"#000000"	
		},
		{
			"Name"           :"Black",
			"BkFileOrColor"  :"#000000",
			"BkFontColor"    :"#FFFFFF",	
			"TitleColor"     :"#0070C0",
			"TitleFontColor" :"#FFFFFF"	
		}
	]
}

group_menber.json・・・メンバー選択用の設定ファイル

Groupはメンバーのグループ名、Logoはグループロゴ(将来の拡張用)、Nameはメンバー名、Sexは性別

{
	"Data":
	[
		{
			"Group"   :"The Beatles",
			"Logo"    :"",
			"Member"  :
			[
				{
					"Name"  :"John Lennon",
					"Sex"   :"male,"
				},
				{
					"Name"  :"Paul McCartney",
					"Sex"   :"male,"
				},
				{
					"Name"  :"George Harrison",
					"Sex"   :"male,"
				},
				{
					"Name"  :"Ringo Starr",
					"Sex"   :"male,"
				}
			]
		},
		{
			"Group"   :"Queen",
			"Logo"    :"",
			"Member"  :
			[
				{
					"Name"  :"Brian May",
					"Sex"   :"male,"
				},
				{
					"Name"  :"Roger Taylor",
					"Sex"   :"male,"
				}
			]
		},

logo.json・・・ロゴ選択用の設定ファイル

『img』フォルダのロゴファイル名

{
	"Data":
	[
		{
			"File"		:"logo1.png"
		},
		{
			"File"		:"logo2.png"
		},
		{
			"File"		:"logo3.png"
		}
	]
}