2014 Future University Hakodate 2014 System Information Science Practice Group Report Project Name A New Style Bookstore Using Smartphones and Tablets B Group Name Group B /Project No. 07 /Project Leader 1012066 Kazuma Osanai /Group Leader 1012206 Kazuki Miyai /Group Member 1012018 Yume Mukaiyama 1012057 Shuhei Hujiwara 1012079 Kyouhei Minami 1012082 Kouichi Sasaki 1012206 Kazuki Miyai 1012211 Tomohiro Ichinose Michiko Oba Advisor Ayumi Kizuka 2015 1 14 Date of Submission January 14, 2015
TeachingAssistant AR AR junaio 3 1 junaio 2 3D 3 Augmented Reality junaiojunaio : - i -
Abstract This is project to make the system development collaborate with Tsutaya Books in Hakodate. The purpose of this project is to develop a system for Tsutaya Books in Hakodate and we hope to using the system in Tsutaya Books in Hakodate. We proposed ideas of system and have developed. It is not intended to be consigned. Field survey was conducted to survey that what system is needed for Tsutaya Books in Hakodate. From the results of the feld survey, we thought the idea of system to be developed. We received the approval that it is a useful system for Tsutaya Books in Hakodate, and started to develop. We reported the system for Tsutaya Books in Hakodate check the development situation. During the development of the system, we are received advise from TA, teachers and Tsutaya Books in Hakodate. Along with it, and improved system. If it happens questions about system, we was able to resolve because heard to Tsutaya Books in Hakodate. We were reducing the discrepancy of image because we frequently contact to Tsutaya Books in Hakodate. Based on result that we do a field survey at Tsutaya Books in Hakodate and presentations for them, we suggested that the application can explain fairy tales by using technology of AR. We used junaio which is free browser when we use technology of AR. We decided to make Hansel and Gretel. We divide into three groups when we started to make the application. First group s name is junaio group, they developed system for the application. Second group s name is modeling group, they made 3D model and background image. Third group s name is scenario group, they thought scenario of fairy tale deeply. The application we developed has target that there are families in Tsutaya Books in Hakodate. So, we use many things that kids loved color and shape and we decided to develop good user interface for kids. We will increase the number of contents but also do a usability test for kids. Based on a result, we ll improve the application to use it for kids simply. We will do a usability test with elementally school students in Nakanosawa elementally school. Keyword Keywords PBL (Project-Based Learning), solving problems, TSUTAYA BOOK in Hakodate Responsibility for writing : Kazuki Miyai - ii -
1 1 1.1.......................................... 1 1.2.......................................... 1 1.3.................................. 1 1.4.......................................... 2 2 3 2.1...................................... 3 2.1.1 TSUTA.......................... 3 2.1.2........................... 3 2.2....................................... 3 2.3...................................... 4 2.3.1 TSUTA.......................... 4 2.3.2........................... 4 3 6 3.1....................................... 6 3.2....................................... 6 3.2.1 TSUTA.................................... 6 3.2.2.......................... 6 3.2.3.......................... 7 3.3....................................... 7 3.4.................................... 8 4 9 4.1.............................. 9 4.2............................... 10 5 11 5.1 junaio......................... 11 5.1.1 junaio............................ 11 5.1.2 junaio......................... 11 5.2 Blender 3D................... 12 5.2.1 Blender............................ 12 5.2.2 junaio 3D...... 12 5.3 FBXMeshConverter............................ 13 6 14 - iii -
6.1 junaio........................ 14 6.2 junaio......................... 14 6.3........................ 14 7 16 7.1................................ 16 7.1.1 HAKODATE 2014................... 16 7.1.2.............................. 16 7.1.3........................ 17 7.2..................................... 17 7.2.1................................ 17 7.2.2................................. 18 7.2.3 ER..................................... 21 8 22 8.1.................................. 22 8.2.......................... 23 8.2.1.................................... 23 8.2.2..................................... 24 8.2.3.................................... 26 8.2.4................................... 28 8.2.5.................................... 29 8.2.6................................... 31 8.3................................ 32 8.3.1 HAKODATE 2014....... 32 8.3.2................... 33 8.3.3........................ 33 8.4...................................... 33 A 34 B 35 36 - iv -
1 1.1 2013 12 () : 1.2 : 1.3 : Group Report of 2014 SISP - 1 - Group Number 07
1.4 : Group Report of 2014 SISP - 2 - Group Number 07
2 2.1 TSUTA : 2.1.1 TSUTA 3 1 ipad 2 3 ipad : 2.1.2 TSUTA ipad AR : 2.2 3 1 AR 2 3 : Group Report of 2014 SISP - 3 - Group Number 07
2.3 : 2.3.1 TSUTA TSUTA TSUTA TSUTA 2 AR SNS TSUTA TSUTA UXMAP( 2.1) 7 18 TSUTA 2.1 UXMAP : 2.3.2 ipad AR Group Report of 2014 SISP - 4 - Group Number 07
ER 3 UML AR 6 ( 2.2) : 2.2 Group Report of 2014 SISP - 5 - Group Number 07
3 3.1 3 1 ipad 2 3 : 3.2 3.2.1 TSUTA 7 18 TSUTA TSUTA : 3.2.2 7 18 TSUTA Group Report of 2014 SISP - 6 - Group Number 07
7 2 2 3 1 : 3.2.3 8 7 3 1 TSUTA 2 AR 3 1 TSUTA 2 3 iphone Siri : 3.3 junaio 3 junaio junaio ipad 3D ipad 3D HTML CSS JavaScript PHP Group Report of 2014 SISP - 7 - Group Number 07
3D 3D Blender 3D 3D 3D junaio : 3.4 AR junaio junaio AR AR junaio UML UML ER 3 Blender 3D Blender 3D Blender 3D junaio blender.jp : Group Report of 2014 SISP - 8 - Group Number 07
4 4.1 ( 4.1) AR ipad ipad AR ( 4.2) AR AR 4.1 : Group Report of 2014 SISP - 9 - Group Number 07
4.2 AR 4.2 ( ) (UI) junaio junaio junaio 3 1 junaio 2 3D 3 3D junaio junaio junaio : Group Report of 2014 SISP - 10 - Group Number 07
5 5.1 junaio 5.1.1 junaio junaio( 5.1) Metaio AR AR junaio 2 1 Location Based Services GPS AR 2 GLUE AR : 5.1 junaio 5.1.2 junaio junaio CentOS 6.5 Apache, MySQL,PHP junaio Developer Developer juniao junaio Teaching Assistant( TA ) GLUE AR LSB AR junaio : Group Report of 2014 SISP - 11 - Group Number 07
5.2 Blender 3D 5.2.1 Blender Blender( 5.2) Blender Foundation 3D Blender 3D junaio : 5.2 blender 5.2.2 junaio 3D junaio 3D 3 1 junaio 3D 1M 2 3D 3D 30 3 junao 3D junaio 3D md2 3D Blender md2 md2 Blender md2 Blender metaio/junaio fbx Group Report of 2014 SISP - 12 - Group Number 07
fbx junaio FBXMeshConverter : 5.3 FBXMeshConverter FBXMeshConverter Metaio fbx junao Blender fbx junaio junaio fbx junaio fbx FBXMeshConverter junaio : Group Report of 2014 SISP - 13 - Group Number 07
6 6.1 junaio junaio 2 1 1 3 1 3 2 UI UI CSS junaio UI HTML CSS junaio UI CSS id junaio JavaScript : 6.2 junaio junaio 3D 3D junaio : 6.3 3D 2 1 junaio junaio 2 Group Report of 2014 SISP - 14 - Group Number 07
: Group Report of 2014 SISP - 15 - Group Number 07
7 7.1 7.1.1 HAKODATE 2014 11 8 HAKODATE 2014 3 1 2 junaio Blender 3 : 7.1.2 11 26 3D ipad 3 1 3D 3D 2 3 UI UI : Group Report of 2014 SISP - 16 - Group Number 07
7.1.3 12 12 1 YES NO 2 2 YES ( 7.1) 7.1 : 7.2 7.2.1 7.2 AR ER Group Report of 2014 SISP - 17 - Group Number 07
7.2 : 7.2.2 7.3 7.4 7.5 7.6 7.7 7.8 7.9 7.10 : Group Report of 2014 SISP - 18 - Group Number 07
7.3 7.4 7.5 7.6 Group Report of 2014 SISP - 19 - Group Number 07
7.7 7.8 7.10 AR 7.9 Group Report of 2014 SISP - 20 - Group Number 07
7.2.3 ER ER 7.11ER ER TA ER ER 7.11 ER : Group Report of 2014 SISP - 21 - Group Number 07
8 8.1 ( 8.1) 5 7 18 8 7 juniao 3 junaio junaio Blender 11 8 HAKODATE 2014 junaio 3D 11 26 12 12 (PHP/js) (Blender) 5/14 7/18 8/7 11/26 12/17 2/17 8.1 8.2 WBS : Group Report of 2014 SISP - 22 - Group Number 07
8.2 8.2.1 5 AR UXMAP 6 AR AR() AR metaio 7 UML 10 8 AR() 3D AR 3D Blender 3D 6 Group Report of 2014 SISP - 23 - Group Number 07
11 junaio 8 ipad 26 22 OK 12 11 FireAlpaca : 8.2.2 5 AR UXMAP UXMAP Group Report of 2014 SISP - 24 - Group Number 07
6 UXMAP UXMAP B () UXMAP UXMAP UX 7 10 AR 3D Blender Blender 3D 3D 11 3D png Blender Group Report of 2014 SISP - 25 - Group Number 07
junaio junaio blender junaio FBXMeshConverter 5 5.3FBX 12 Blender junaio HTML CSS Illustrator ipad ipad ipad 2048*1536 WEB 1024*768 CSS Illustrator HTML WEB UI Illustrator CSS : 8.2.3 5 AR 6 UXMAP UXMAP 7 Group Report of 2014 SISP - 26 - Group Number 07
10 8 AR 11 AR 11 11 8 AR 12 : Group Report of 2014 SISP - 27 - Group Number 07
8.2.4 5 AR UX MAP TA UXMAP 6 UXMAP ibeacon ibeacon Objective-C Objective-C ibeacon CakePHP 7 5,6 10 8 7 AR UML junaio Javascript 11 Blender 3D alert metaio/junaio 11 17 Group Report of 2014 SISP - 28 - Group Number 07
12 12 12 12 17 : 8.2.5 5 CentOS 6.5 Apache, MySQL PHP PHPMyAdmin TA 6 Subversion Subversion Subversion Git Subversion Subversion 7 A B 3 3 Group Report of 2014 SISP - 29 - Group Number 07
10 WBS WBS WBS AR 8 7 ER ER ER ER 11 3D TA TA metaio/junaio alert 11 17 Group Report of 2014 SISP - 30 - Group Number 07
12 11 17 1 HTML junaio WBS WBS : 8.2.6 5 6 TSUTA Objective-C ios Objective-C CakePHP Web 7 Group Report of 2014 SISP - 31 - Group Number 07
10 AR 3D Blender 3D Blender 11 Blender FBXMesh ipad Blender obj zip 12 Blender HTML CSS ipad Illustrator CSS HTML CSS ipad CSS : 8.3 8.3.1 HAKODATE 2014 11 8 HAKODATE 2014 3 1 2 junaio Blender 3 Group Report of 2014 SISP - 32 - Group Number 07
: 8.3.2 11 26 AR 2 1 ipad 2 : 8.3.3 : 8.4 3 1 junaio 2 UI UI 3 3D 2 17 : Group Report of 2014 SISP - 33 - Group Number 07
A HTML CSS JavaScript PHP TeX Adobe Illustrator Adobe Photoshop Blender astah* professional Group Report of 2014 SISP - 34 - Group Number 07
B I II TeX Group Report of 2014 SISP - 35 - Group Number 07
[1] Blender.jp, http://blender.jp/modules/newbb/viewtopic.php?topic_ id=1427&forum=3&post_id=7386, 2014 12 21, 2014 12 21. [2] Download the FBX Mesh Converter metaio DeveloperPortal, http://dev.metaio.com/ downloads/fbxmeshconverter/, 2014 12 21, 2014 12 21. [3] LogicSpace, http://dev.wasyo.net/2014/06/370/, 2014 12 21, 2014 12 21. [4], Blender 2.7,, 2014. [5] junaio JP, http://www.junaio.jp/, 2014 12 21, 2015 1 13. Group Report of 2014 SISP - 36 - Group Number 07