Before reading this article, kindly read the previous part of this series:
Welcome to the Part 2 of "Napa" Office 365 Development Tools in SharePoint 2013 and Office 365. In this part we will see some details on “Content App for Office”.
This article will help you to learn how to create a Content App using Napa Tools. Apps are everything now in or techie world. Here we need many several apps for doing many things in our daily activity.
Similarly Microsoft also wants its users to understand their requirements and build their own apps in some quick clicks. As I say when we all see some new apps, the first thing of a techie guy that comes in mind is “Even I want to make an app” but people either get carried away or are not able to determine how to start.
Here in this article we will see how to make an app using Napa Tools that we saw the installation in my first article. So, let's keep you excited and show you how to do it.
We'll see them step-by-step.
- Go to your site contents of the site and click on the Napa Office 365 Tool.
- It will ask you what kind of app you want to build, for us in this article it will be Content App for Office.
- Provide it a name and click on Create.
- It will ask you to either build a Basic App or Visual App.
Basic App
First, let's create a basic app.
- Once you click on Create, what you will see will be as in the screen below.
- You will get to the Home.html page of your app displaying the code behind. This app doesn't need an external interface or software. It will use the same browser you are using.
- Here this is like a code editor where you can put your JavaScript, JSON, HTML files and CSS files and publish them directly on your app.
- As we have a pattern to write code on a presentation layer in Visual Studio, in a similar way it can be used in Napa where you can define your CSS folders, image folders, pages, scripts and so on as in the screen above and making a reference when building an app will be very easy.
- So you can define your code as Content, Images, Office documents and Scripts. Here and you can also create new levels depending on your requirements.
Visual App
The only difference between a basic and a visual app is that you can write visualization.js in a Visual App compared to the Basic App.
Here in this article we saw the second kind of an app that can be made using Napa tools, there are more to come. Until then, keep learning.
Cheers!