In this first part, we will create the initial SharePoint Developer Site which will form as the basis for everything going forward. Further posts in this series will be added and linked to below as they become available. Much of the content in this series of posts will be based on my own "on the fly" experience creating this solution, so please do provide any feedback and thoughts in the comments as I go and let's learn through this process together!
Obtaining an Office 365 Developer Site
In order to follow along you will at least need to create a new Office 365 SharePoint site based on the "Developer Site" site template. As far as I know, this is only available in the Office 365 Enterprise packages (E3 or E4), or via an Office 365 Developer subscription. If you are an MSDN subscriber, you should be able to activate a year's free Developer Subscription as part of your benefits. More info on all of this is available from the following links:
Once the site has provisioned, follow the link in the tenancy admin screens to navigate to the new site collection.
Install the Napa tools app
To install Napa, click the Site Settings icon, then choose "Add an app". From the "Your Apps" screen click the '"Napa" Office 365 Developer Tools' and then accept any prompts about trusting the app.
Once Napa has finished installing, you should be able to click on the new Napa app icon that appears, which will take you to the Napa dashboard:
Click "Add New Project", select "App for SharePoint" and give the project a name e.g. KendoUISharePointApp
Once the app is created, you should see the main Napa development environment appear. In order to test the link from Napa to your Developer site is all working correctly, you can click the "Run" icon which will package and deploy your app to your developer site.
NOTE: If you browser tries to prevent pop-ups, you can add an allow inclusion for the www.napacloudapp.com domain.
Once deployed, follow the link to launch your app in a new window, and you should see a very basic screen showing your user name and the Page.
Congratulations! You have now created a functioning, albeit basic, Office 365 SharePoint App using the Napa development tools. In part 2, we will look to start improving on this basic project by adding a script reference to the fantastic Kendo UI HTML 5 Web controls from Telerik and adding some of the default Kendo HTML 5 widgets into our SharePoint App…