EAMIR Mobile Site Development - Revision history

Jclavalley at 23:34, 24 April 2013

2013-04-24T23:34:40Z

Jclavalley at 02:15, 17 April 2013

2013-04-17T02:15:35Z

Vjmanzo at 18:49, 8 March 2013

2013-03-08T18:49:10Z

Mjane at 20:30, 27 February 2013

2013-02-27T20:30:27Z

Mjane at 20:29, 27 February 2013

2013-02-27T20:29:35Z

Mjane at 20:28, 27 February 2013

2013-02-27T20:28:14Z

Mjane at 20:26, 27 February 2013

2013-02-27T20:26:15Z

Mjane at 20:00, 27 February 2013

2013-02-27T20:00:25Z

Mjane at 19:51, 27 February 2013

2013-02-27T19:51:48Z

Mjane: Created page with 'EAMIR is an open-source project community where music amateurs create and share their compositions. As personal Smartphones increase, small screens on the mobile devices cause th…'

2013-02-27T19:50:03Z

Created page with 'EAMIR is an open-source project community where music amateurs create and share their compositions. As personal Smartphones increase, small screens on the mobile devices cause th…'

New page

EAMIR is an open-source project community where music amateurs create and share their compositions. As personal Smartphones increase, small screens on the mobile devices cause the inconvenience to read the full website. Therefore, it is imperative to provide mobile view web site. To fill this void, the goal of the project was to create a mobile site to display information from EAMIR site.

To attain this goal, I set several milestones for this project:
1. Design the prototype interface
2. Implement the mobile site
3. Enhance and test the web interface

To fulfill these milestones, I conducted research and collected information about the rules to create user-friendly interface and possible tools for the implementation. Inspired by the mobile site of Stanford University, I decided to use jQuery Mobile as the assistive library to design the style and the original web site as an example to organize the content.

I designed a series of screens for the site using MS PowerPoint. The index page includes five categories of information, including basic information about EAMIR, EAMIR projects, more videos, technical support, and contact information. The rest of pages direct to either subcategories or the content. Based on the preliminary design, I started to implement the web interface using HTML5, JavaScript, and CSS.

This project currently can be checked at [users.wpi.edu/~mjane/EAMIR here].

[[Category:Development Toolkits]][[Category:Pedagogy, Theory, and Research Resources]][[Category:Interactive Systems]][[Category:Multimedia]]

@@ Line 1: / Line 1: @@
 Jian Mao
-EAMIR is an open-source project community where music amateurs create and share their compositions. As personal Smartphones increase, small screens on the mobile devices cause the inconvenience to read the full website. Therefore, it is imperative to provide mobile view web site. To fill this void, the goal of the project was to create a mobile site to display information from EAMIR site.
+[[EAMIR]] is an open-source project community where music amateurs create and share their compositions. As personal Smartphones increase, small screens on the mobile devices cause the inconvenience to read the full website. Therefore, it is imperative to provide mobile view web site. To fill this void, the goal of the project was to create a mobile site to display information from [[EAMIR]] site.
 To attain this goal, I set several milestones for this project:
@@ Line 11: / Line 11: @@
 To fulfill these milestones, I conducted research and collected information about the rules to create user-friendly interface and possible tools for the implementation. Inspired by the mobile site of Stanford University, I decided to use jQuery Mobile as the assistive library to design the style and the original web site as an example to organize the content.
-I designed a series of screens for the site using MS PowerPoint. The index page includes five categories of information, including basic information about EAMIR, EAMIR projects, more videos, technical support, and contact information. The rest of pages direct to either subcategories or the content. Based on the preliminary design, I started to implement the web interface using HTML5, JavaScript, and CSS.
+I designed a series of screens for the site using MS PowerPoint. The index page includes five categories of information, including basic information about [[EAMIR]], [[EAMIR]] projects, more videos, technical support, and contact information. The rest of pages direct to either subcategories or the content. Based on the preliminary design, I started to implement the web interface using HTML5, JavaScript, and CSS.
 This project currently can be checked at [http://www.eamir.org/mobile here].

← Older revision		Revision as of 02:15, 17 April 2013
Line 19:		Line 19:
	[[File:Snapshot1.png]] [[File:Snapshot2.png]]		[[File:Snapshot1.png]] [[File:Snapshot2.png]]

−	[[Category:Multimedia]]	+	[[Category:Multimedia]][[Category: Advisor:Manzo]]

@@ Line 13: / Line 13: @@
 I designed a series of screens for the site using MS PowerPoint. The index page includes five categories of information, including basic information about EAMIR, EAMIR projects, more videos, technical support, and contact information. The rest of pages direct to either subcategories or the content. Based on the preliminary design, I started to implement the web interface using HTML5, JavaScript, and CSS.
-This project currently can be checked at [http://users.wpi.edu/~mjane/EAMIR here].
+This project currently can be checked at [http://www.eamir.org/mobile here].
 Snapshots are listed below:

@@ Line 15: / Line 15: @@
 Snapshots are listed below:
 [[File:Snapshot1.png]] [[File:Snapshot2.png]]
 [[Category:Multimedia]]

← Older revision		Revision as of 20:26, 27 February 2013
Line 13:		Line 13:

	This project currently can be checked at [http://users.wpi.edu/~mjane/EAMIR here].		This project currently can be checked at [http://users.wpi.edu/~mjane/EAMIR here].
		+
		+	Snapshots are listed below:
		+	[[File:Snapshot1.png]] [[File:Snapshot2.png]]

	[[Category:Multimedia]]		[[Category:Multimedia]]

@@ Line 5: / Line 5: @@
 To attain this goal, I set several milestones for this project:
 .	Design the prototype interface
 .	Implement the mobile site
 .	Enhance and test the web interface
 To fulfill these milestones, I conducted research and collected information about the rules to create user-friendly interface and possible tools for the implementation. Inspired by the mobile site of Stanford University, I decided to use jQuery Mobile as the assistive library to design the style and the original web site as an example to organize the content.

← Older revision		Revision as of 20:00, 27 February 2013
Line 14:		Line 14:
	This project currently can be checked at [http://users.wpi.edu/~mjane/EAMIR here].		This project currently can be checked at [http://users.wpi.edu/~mjane/EAMIR here].

−	~~[[Category:Development Toolkits]][[Category:Pedagogy, Theory, and Research Resources]][[Category:Interactive Systems]]~~[[Category:Multimedia]]	+	[[Category:Multimedia]]