Everything you Need to Know About App Frame

1bWhat is App?

App is a software that provides a specific and desired functionality. App is built to ease the users/customers of a service provider or product company for a number of desired services. Apps are of various types based on platform dependency, viz. mobile or native apps, web apps.

What is App frame?

App frame is a concept of nesting apps developed in for Fedena. The concept is not something new, apps like facebook already has implemented apps through similar sort of technologies. It basically means, to include an app inside another app. Parent application is provisioned to include another app, this helps user to get functionality which is either related/non-related to parent application. Main advantage of this concept is that, the parent app gets the new functionality meanwhile implementation overhead of the new functionality is taken out of the parent app. Also App frame will be an isolated independent app. Just that it uses parent app like a container to load. App frame can reside within same hosting area as parent app or even can be a third-party app.

In Fedena, App frame  is implemented as a plugin. A Fedena admin user and privileged user can add an app frame. Fedena App Frame is basically an app inside fedena’s frame. An app is an independent application. It resides outside fedena. Fedena loads the app using an iframe. An iframe is used to display a web page within a web page. Iframe is an html tag defined as follows:

<iframe src=”URL” width=”200″ height=”200″ frameborder=”0″></iframe>

here URL corresponds to web url or link of web page or service included as an app frame width, height and frameborder are some other parameters that define the width, height and border of frame area used to display app frame within iframe.

Most interesting thing of using app frame is we can include any other web service within fedena. It gives flexibility and user ease. A fedena user doesn’t need to go outside fedena to access those services. Admin can even add educational games provided online by any third-party

Uploaded by Awesome Screenshot Extension
App Frame Management

Fedena App Frames are very user friendly and hassle free. Fedena admin can add various external apps in fedena as an app frame. From menu user can browse to manage apps. From there can add new apps, edit or delete old apps. Its so simple to use.


Uploaded by Awesome Screenshot Extension

Fedena app frame can allow 3rd party client to become Fedena Oauth clients. This permits them access to internal fedena. Fedena app frames can be made for category of users ie. admin, students, employees and parents.

Fedena OAuth Clients

Fedena OAuth Clients (Apps) are those third party apps, which register in fedena , and fedena authenticates and authorizes the app to use the fedena’s protected  resources. The process are implemented using OAuth2 protocol. For example, a third party client can access fedena student APIs to access student data, process it and show the map with addressed pinned in it.

App frame Limitations

App frame do have certain limitations besides flexibility and user ease. Some are third-party restrictions, some are technical restrictions and some based on UI.

  • Admin can include any web service as an app frame, for which provider has no objection to use their service/app on a third party platform.

  • In case of technical restrictions, restrictions are set by CORS. CORS means cross origin resource sharing, it basically means permissions/restrictions to prevent or allow a service to be used on a third party platform. CORS introduces a standard mechanism that can be used by all browsers for implementing cross-domain requests. The spec defines a set of headers that allow the browser and server to communicate about which requests are (and are not) allowed. CORS continues the spirit of the open web by bringing API access to all. This is used as a means also sometimes by providers to prevent usage as a frame inclusion on other platform or web services. Basically when an app frame is opened, a request goes to respective source of included third-party service. The response request can include an Access-Control-Allow-Origin header, with the origin of where the request originated from as the value, to allow access to the resource’s contents. The user agent validates that the value and origin of where the request originated match. If it matches, app frame will load otherwise app frame will fail to load.

  • UI restrictions are miss-match in user friendliness, designs of framed app. If the app frame has a scroll and you want to make frame scroll less, then a code snippet has to be pasted inside the page being shown. Code snippet can be obtained from the index page of App Frame by clicking on the respective app name. You will be taken into the show page, listing the details of the selected App Frame. Copy paste the client script in the last row and add it in the page being show. Then the page will become scroll less.

App frames are an area which makes freedom for fedena users to add their own chosen apps, without needing them to buy or develop.

This article is written by:


Shridhar Agarwal

A coder and only coder. His time goes around his laptop. Coding web apps, websites. He is literally born to develop things he finds missing. There is hardly anything he is not doing. A music lover & a Foodie. ”


Share Button