You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/app-development.html
+15-12
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@
3
3
<head>
4
4
<title>F2 - App Development</title>
5
5
<metacharset="utf-8">
6
-
<metaname="dcterms.date" content="1 February 2013">
6
+
<metaname="dcterms.date" content="7 March 2013">
7
7
<metaname="gitbranch" content="master">
8
8
<metaname="description" content="F2: The Open Financial Framework. An open framework created for the financial services industry.">
9
9
<metaname="keywords" content="F2, Open F2, Open Financial Framework, Markit, Markit On Demand, MOD, web, web framework, apps, context, container, Hub">
<liclass="ghWrapResp"><ahref="https://github.com/OpenF2/F2/">View on GitHub (v 1.1.0)</a></li>
76
78
</ul>
77
79
</div>
78
80
</div>
@@ -123,7 +125,7 @@
123
125
<h1class="title">App Development</h1>
124
126
</header>
125
127
<pclass="lead">
126
-
You've come to the right place if you want to start building F2 apps. Before continuing, make sure you've <ahref="https://github.com/OpenF2/F2#quick-start">cloned the F2 repository on GitHub</a> or <ahref="index.html#get-started">downloaded the latest framework build</a> (v1.0.3). Secondly, <ahref="index.html#framework">read about the F2 Framework</a>. There are a few important concepts to help you better understand apps, containers and context.
128
+
You've come to the right place if you want to start building F2 apps. Before continuing, make sure you've <ahref="https://github.com/OpenF2/F2#quick-start">cloned the F2 repository on GitHub</a> or <ahref="index.html#get-started">downloaded the latest framework build</a> (v1.1.0). Secondly, <ahref="index.html#framework">read about the F2 Framework</a>. There are a few important concepts to help you better understand apps, containers and context.
127
129
</p>
128
130
129
131
<p>F2 apps are synonymous with modules, widgets and portlets. Think charts, portfolios, trade tickets, and screeners. F2 apps only need to be programmed once, no matter where they will be used. To start, F2 Apps are either:</p>
@@ -247,7 +249,7 @@ <h3>Configuration</h3>
247
249
</section>
248
250
<sectionclass="level2" id="app-design">
249
251
<h2>App Design</h2>
250
-
<p>Design considerations are an important first step when creating a new app. Content can range from news to research to multimedia, and content should be presented using <ahref="(http://www.alistapart.com/articles/understandingprogressiveenhancement/">Progressive Enhancement</a>, <ahref="http://www.lukew.com/presos/preso.asp?26">Mobile First</a> and <ahref="http://www.abookapart.com/products/responsive-web-design">Responsive Design</a> methodologies. That is to say multimedia content, for example, should be shown plugin-free (using HTML5 video or audio elements) for capable browsers and fallback to Flash-based players for browsers that do not yet support HTML5 related technologies. (<ahref="http://videojs.com/">VideoJS</a> is good example of open-source JavaScript and CSS "that makes it easier to work with and build on HTML5 video, today.")</p>
252
+
<p>Design considerations are an important first step when creating a new app. Content can range from news to research to multimedia, and content should be presented using <ahref="http://www.alistapart.com/articles/understandingprogressiveenhancement/">Progressive Enhancement</a>, <ahref="http://www.lukew.com/presos/preso.asp?26">Mobile First</a> and <ahref="http://www.abookapart.com/products/responsive-web-design">Responsive Design</a> methodologies. That is to say multimedia content, for example, should be shown plugin-free (using HTML5 video or audio elements) for capable browsers and fallback to Flash-based players for browsers that do not yet support HTML5 related technologies. (<ahref="http://videojs.com/">VideoJS</a> is good example of open-source JavaScript and CSS "that makes it easier to work with and build on HTML5 video, today.")</p>
251
253
<p>If App Developers embed URLs back to their own websites or to third party sites, URLs must be opened in a new window as to not interrupt the experience of someone using the container. If authentication is required on an App Developer's site, this can be accomplished with pass-through authentication using encrypted URLs as discussed in <ahref="#single-sign-on">Single Sign On</a>.</p>
252
254
<sectionclass="level3" id="choices">
253
255
<h3>Choices</h3>
@@ -551,7 +553,8 @@ <h5>
551
553
</section>
552
554
<sectionclass="level2" id="namespacing">
553
555
<h2>Namespacing</h2>
554
-
<p>F2 is a <em>web</em> integration framework which means are apps are inherently insecure—at least <em>non-secure</em> apps. Following this spec, App Developers must avoid CSS collisions and JavaScript namespace issues to provide users with the best possible experience.</p>
556
+
<p>F2 is a <em>web</em> integration framework which means apps are inherently insecure—at least those <em>non-secure</em> apps. Following this spec, App Developers must avoid CSS collisions and JavaScript namespace issues to provide users with the best possible experience.</p>
557
+
<p><spanclass="label">Note</span> Continue reading for <ahref="#secure-apps">more specifics about secure apps</a>.</p>
555
558
<sectionclass="level3" id="namespacing-css">
556
559
<h3>Namespacing CSS</h3>
557
560
<p>As discussed in <ahref="#f2-appid">Developing F2 Apps: F2 AppID</a>, to develop an F2 app, you need a unique identifier called an AppID. This AppID will be unique to your app across the entire open financial framework ecosystem. The format of the AppID looks like this: <code>com_companyName_appName</code>, where the <code>companyName</code> "namespace" is your company name and <code>appName</code> is the name of your app.</p>
@@ -967,17 +970,17 @@ <h3>Considerations</h3>
967
970
<hr>
968
971
969
972
<footer>
970
-
<pclass="pull-left"><small><strong>F2 | The Open Financial Framework</strong><br><ahref="mailto:[email protected]">[email protected]</a></small></p>
971
-
<pclass="pull-right"><small>F2 is maintained by <ahref="http://www.markitondemand.com/">Markit On Demand</a> on <ahref="https://github.com/OpenF2/F2">GitHub</a>.<br>Code licensed under the <ahref="https://github.com/OpenF2/F2#copyright-and-license">MIT License</a>.<br> Documentation licensed under <ahref="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a><br><em>Specification 1.0.5, 1 February 2013</em></small></p>
973
+
<pclass="pull-left"><small><strong>F2 | The Open Financial Framework</strong><br><ahref="mailto:[email protected]">[email protected]</a><br>Specification 1.1.0, published 7 March 2013</small></p>
974
+
<pclass="pull-right"><small>F2 is maintained by <ahref="http://www.markitondemand.com/">Markit On Demand</a> on <ahref="https://github.com/OpenF2/F2">GitHub</a>.<br>Code licensed under the <ahref="https://github.com/OpenF2/F2#copyright-and-license">MIT License</a>.<br> Documentation licensed under <ahref="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</small></p>
0 commit comments