Skip to content

Latest commit

 

History

History
88 lines (56 loc) · 2.43 KB

README.md

File metadata and controls

88 lines (56 loc) · 2.43 KB

NEXT

next-demo is a concept featuring next framework for developing Native Looking HTML5 Mobile apps for SmartPhones and Tablets.

More information:

http://nextinterfaces.com/

Demo (WebKit only):

http://nextinterfaces.com/demo

Supported Phones & Tablets:

Device agnostic, it runs on 6 devices: iOS, Android, BlackBerry OS6+, webOS, Samsung Bada, PlayBook

Dependencies:

  • Java5+
  • GWT (Google Web Kit) 2.2+
  • Eclipse & ANT (optional)

Installation:

Running the Demo:

  • Download next-xx.zip file
  • Add the attached hello-next project to Eclipse. Eclipse should automatically discover it as a GWT project.
  • From Eclipse /Run /Run As Web Application
  • You should see a demo similar to next-demo

Start a new project:

  • Download next-xx.zip file

  • Add the attached next.jar (/hello-next/war/WEB-INF/next.jar) file to your GWT project & classpath

  • Add next.css and next/images to your project root. Use index.html for reference.

  • Edit your project .gwt.xml and add

      		<?xml version="1.0" encoding="UTF-8"?>
  		<module rename-to='your-mobule-name'>
  						...
  						<inherits name='next.interfaces' />
  						<entry-point class='com.domain.YourEntryPoint' />
  						...
  		</module>

Hello World in 30 seconds:

  • Create a new GWT project as explained above

  • Create class HelloWorldController

      		class HelloWorldController extends XTableController {
  				public HelloWorldController() {
  						setTitle("Hello World");
  						TableData tableDS = new TableData();
  						tableDS.add("Hello", "World");
  						initDataSource(tableDS);
  				}
  		}

  • In your EntryPoint class paste

      		public void onModuleLoad() {
  						XTabBarController tabBarController = new XTabBarController();
  						tabBarController.addControllers(new XTabController(new HelloWorldController()));
  		}

  • Eclipse /Run /Run as Web Application resulting in the screenshot bellow:

alt tag

See the zipped /hello-next project or next-demo for more information.

Documentation:

http://nextinterfaces.com/start

alt tag