-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
executable file
·371 lines (324 loc) · 17.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#">
<head>
<!-- META DATA / SEO -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The PureMVC framework</title>
<meta name="description" content="Stable and feature-frozen since 2008, PureMVC has been ported to most major development platforms." />
<meta name="keywords" content="model-view-controller mvc puremvc framework ACTIONSCRIPT C++ C# COLDFUSION DART DELPHI GO HAXE JAVA JAVASCRIPT OBJECTIVE C PERL PHP PYTHON RUBY SWIFT TYPESCRIPT" />
<meta name="author" content="Cliff Hall" />
<meta name="robots" content="nocache"/>
<link rel="publisher" href="https://futurescale.com"/>
<link rel="canonical" href="https://puremvc.org/" />
<!-- OPEN GRAPH SHARING -->
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://puremvc.org/" />
<meta property="og:site_name" content="The PureMVC Framework" />
<meta property="og:image:secure_url" content="https://puremvc.org/pages/images/puremvc-home.png" />
<meta property="og:title" content="Code at the Speed of Thought" />
<meta property="og:description" content="Stable and feature-frozen since 2008, PureMVC has been ported to most major development platforms."/>
<!-- TWITTER SHARING -->
<meta name="twitter:site" content="@puremvc" />
<meta name="twitter:creator" content="@Futurescale" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://puremvc.org/pages/images/puremvc-home.png" />
<meta name="twitter:description" content="Stable and feature-frozen since 2008, PureMVC has been ported to most major development platforms." />
<meta name="twitter:title" content="Code at the Speed of Thought" />
<!-- FAVICONS -->
<link rel="shortcut icon" href="https://puremvc.org/images/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/icons.css" />
<link rel="stylesheet" type="text/css" href="css/separator-component.css" />
<link rel="stylesheet" type="text/css" href="css/caption-component.css" />
<link rel="stylesheet" type="text/css" href="css/link-component.css" />
<link rel="stylesheet" type="text/css" href="css/icon-hover-component.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<!-- CONTAINER -->
<div class="container">
<!-- MASTHEAD -->
<header>
<!-- LOGO/TITLE/SLOGAN -->
<img src="images/puremvc-logo.png"/>
<h1>The PureMVC Framework <span>Code at the Speed of Thought</span></h1>
<h3>in...</h3>
<!-- PORT LINKS -->
<nav class="link-effect">
<a target="_blank" href="https://github.com/PureMVC/puremvc-as3-multicore-framework/wiki"><span data-hover="ActionScript">ActionScript</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-cpp-multicore-framework/wiki"><span data-hover="C++">C++</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-csharp-multicore-framework/wiki"><span data-hover="C#">C#</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-cf-standard-framework/wiki"><span data-hover="ColdFusion">ColdFusion</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-dart-multicore-framework/wiki"><span data-hover="Dart">Dart</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-delphi-standard-framework/wiki"><span data-hover="Delphi">Delphi</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-go-multicore-framework/wiki"><span data-hover="Go">Go</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-haxe-multicore-framework/wiki"><span data-hover="Haxe">Haxe</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-java-multicore-framework/wiki"><span data-hover="Java">Java</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-js-multicore-framework/wiki"><span data-hover="JavaScript">JavaScript</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-kotlin-multicore-framework/wiki"><span data-hover="Kotlin">Kotlin</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-objectivec-standard-framework/wiki"><span data-hover="Objective C">Objective C</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-perl-multicore-framework/wiki"><span data-hover="Perl">Perl</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-php-multicore-framework/wiki"><span data-hover="PHP">PHP</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-python-multicore-framework/wiki"><span data-hover="Python">Python</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-ruby-standard-framework/wiki"><span data-hover="Ruby">Ruby</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-swift-multicore-framework/wiki"><span data-hover="Swift">Swift</span></a>
<a target="_blank" href="https://github.com/PureMVC/puremvc-typescript-multicore-framework/wiki"><span data-hover="TypeScript">TypeScript</span></a>
</nav>
</header>
<!-- STABLE SINCE 2008 -->
<section class="col-2 ss-style-triangles">
<div class="column text">
<h2>Stable and feature-frozen since 2008</h2>
<p>While the "release early, release often" development philosophy can help a team learn what their product should do, if that product is a framework, adopters often tire of trying to hit a moving target. With PureMVC, we nailed down the scope early on, fixed the bugs, and let it be.</p>
</div>
<div class="column">
<span class="icon icon-target"></span>
</div>
</section>
<!-- MVC IS SIMPLE -->
<section class="color">
<h2>MVC is simple, there's no reason to keep changing it</h2>
<p>Many so-called Model-View-Controller frameworks today seem to include everything but the kitchen sink. We decided that basic separation of responsibilities according to the MVC meta-pattern could be expressed with a handful of actors. We gave them a built-in means to communicate with each other which reinforces the classic MVC collaboration patterns, and did so with the simplest possible language features. That's why it's been ported to so many languages from the original ActionScript. It just works, with no <i>"magic happens here"</i> bits.</p>
</section>
<!-- MVC ACTORS-->
<section class="col-3 ss-style-doublediagonal">
<div class="column">
<span class="icon icon-data"></span>
<p class="white">The Model is both a class and a region of the application. <br/><br/>It manages Proxies, which deal with different parts of the application's data. <br/><br/>Proxies can notify the View and Controller.</p>
</div>
<div class="column">
<span class="icon icon-display"></span>
<p class="white">The View is both a class and a region of the application. <br/><br/>It manages Mediators, which handle events from, and pass data to View Components.<br/><br/>Mediators can update the Model and notify the Controller.</p>
</div>
<div class="column">
<span class="icon icon-game-controller"></span>
<p class="white">The Controller is both a class and a region of the application. <br/><br/>It manages Commands, which house the application's business logic. <br/><br/>Commands can notify the View and update the Model.</p>
</div>
</section>
<!-- FACADE -->
<section class="col-2 ss-style-halfcircle">
<div class="column">
<span class="icon icon-tree"></span>
</div>
<div class="column text">
<h2>The Facade connects the Model, View, and Controller</h2>
<p>Available to all Proxies, Commands, and Mediators, it exposes the Model, View, and Controller methods all in one place, obviating the need to work with those classes directly.<br/><br/>It also provides the means for sending notifications according to a simple publish/subscribe scheme.</p>
</div>
</section>
<!-- MUTLICORE -->
<svg id="curveUpColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 100 C 20 0 50 0 100 100 Z"/>
</svg>
<section class="col-2 color ss-style-curvedown">
<div class="column">
<span class="icon icon-make-group"></span>
</div>
<div class="column text">
<h2>Multicore enables modular programming</h2>
<p>While the basic MVC paradigm implemented in the PureMVC Standard Framework is adequate for many applications, the Multicore version (available in most supported languages) allows self-contained subsystems, each with its own Facade, Model, View, Controller, and attendant actors. This is really useful when many teams are contributing to the application. <b>Scalability: Infinite.</b></p>
</div>
</section>
<svg id="curveDownColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 0 C 50 100 80 100 100 0 Z"/>
</svg>
<!-- CONCEPTUAL DIAGRAM -->
<section class="col-2 ss-style-invertedrounded">
<h2>Conceptual Diagram</h2>
<p><emphasis>Literally,</emphasis> the 50,000 foot view of PureMVC. Created by the architect on a cross-country plane ride while returning home from a client,
this diagram not only gives you a visual representation of the actors and their roles, responsibilities, and collaboration patterns, but it would also look nice as a lower-back tattoo.</p>
<!-- DOCUMENT ICON -->
<ul class="grid cs-style-5">
<!-- BOOK -->
<li>
<figure>
<img src="images/docs/conceptual-diagram.png" alt="Conceptual Diagram">
<figcaption>
<h3>PureMVC Conceptual Diagram</h3>
<span>Cliff Hall</span>
<a target="_blank" href="docs/PureMVC_Conceptual_and_Intro.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
</ul>
</section>
<!-- FRAMEWORK OVERVIEW ss-style-multitriangles ss-style-dots-->
<section class="col-2 color ss-style-boxes">
<h2>Framework Overview</h2>
<p>This document goes into a bit more detail, using UML to show the class relationships and interface methods.</p>
<!-- DOCUMENT ICON -->
<ul class="grid cs-style-5">
<!-- BOOK -->
<li>
<figure>
<img src="images/docs/framework-overview.png" alt="Framework Overview">
<figcaption>
<h3>PureMVC Framework Overview</h3>
<span>Cliff Hall</span>
<a target="_blank" href="docs/PureMVC_Framework_Overview_with_UML.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
</ul>
</section>
<!-- BEST PRACTICES -->
<section class="col-2 ss-style-invertedrounded">
<h2>Implementation Idioms and Best Practices</h2>
<p>An in-depth document written by the architect, describing the best practices for use of PureMVC in your applications.
While the examples are in ActionScript 3 and Flex, the narrative focuses on delivering a platform-neutral view of the framework.
Translated by the community into five languages beyond the original English.</p>
<!-- LANGUAGE ICONS -->
<ul class="grid cs-style-5">
<!-- CHINESE -->
<li>
<figure>
<img src="images/docs/IIBP-Chinese.png" alt="IIBP Chinese">
<figcaption>
<h3>IIBP Chinese</h3>
<span>Zhang Ze Yuan and Zhong Xiao Chua</span>
<a target="_blank" href="docs/PureMVC_IIBP_Chinese.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
<!-- ENGLISH -->
<li>
<figure>
<img src="images/docs/IIBP-English.png" alt="IIBP English">
<figcaption>
<h3>IIBP English</h3>
<span>Cliff Hall</span>
<a target="_blank" href="docs/PureMVC_IIBP_English.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
<!-- FRENCH -->
<li>
<figure>
<img src="images/docs/IIBP-French.png" alt="IIBP French">
<figcaption>
<h3>IIBP French</h3>
<span>Eric La Rocca</span>
<a target="_blank" href="docs/PureMVC_IIBP_French.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
<!-- GERMAN -->
<li>
<figure>
<img src="images/docs/IIBP-German.png" alt="IIBP German">
<figcaption>
<h3>IIBP German</h3>
<span>Jens Krause</span>
<a target="_blank" href="docs/PureMVC_IIBP_German.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
<!-- RUSSIAN -->
<li>
<figure>
<img src="images/docs/IIBP-Russian.png" alt="IIBP Russian">
<figcaption>
<h3>IIBP Russian</h3>
<span>Denis Sheremetov, et al</span>
<a target="_blank" href="docs/PureMVC_IIBP_Russian.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
<!-- SPANISH -->
<li>
<figure>
<img src="images/docs/IIBP-Spanish.png" alt="IIBP Spanish">
<figcaption>
<h3>IIBP Spanish</h3>
<span>Cristian Daniel Garay Sosa</span>
<a target="_blank" href="docs/PureMVC_IIBP_Spanish.pdf">Read PDF</a>
</figcaption>
</figure>
</li>
</ul>
</section>
<!-- OREILLY BOOK -->
<section class="col-2 color ss-style-multitriangles">
<h2>The O'Reilly Book</h2>
<p>The Developer's Guide offers advanced techniques and knowledge gleaned from years of community discussion since the IIBP was written.
Takes a different approach from the simple demos in the GitHub repositories and the unconnected code fragments in IIBP.
Pieces of a non-trivial application are built as each section visits various concerns within its architecture.
Examples are in ActionScript 3 and Flex, but the narrative focuses on delivering a platform-neutral view of the framework.
</p>
<!-- BOOK ICON -->
<ul class="grid cs-style-5">
<!-- BOOK -->
<li>
<figure>
<img src="images/docs/Dev-Guide.png" alt="Developer's Guide">
<figcaption>
<h3>Actionscript Developer's Guide to PureMVC</h3>
<span>Cliff Hall</span>
<a target="_blank" href="http://oreil.ly/puremvc">Buy Book</a>
</figcaption>
</figure>
</li>
</ul>
</section>
<!-- COMMUNITY -->
<section class="col-2">
<h2>Join and learn from the community</h2>
<p>In the years since PureMVC was released, the vibrant community that sprang up around it has ported it, written demos and utilities for it, built impressive real-world applications with it, and discussed nearly every architectural issue you might run into. Learn from their examples, and connect with other developers and companies who use PureMVC.</p>
<div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1a">
<a target="_blank" href="https://forums.puremvc.org" class="hi-icon icon-forums">Forums</a>
<a target="_blank" href="https://stackoverflow.com/search?q=puremvc" class="hi-icon icon-stackoverflow">Stack Overflow</a>
<a target="_blank" href="https://github.com/PureMVC" class="hi-icon icon-github">GitHub</a>
<a target="_blank" href="https://www.linkedin.com/groups/71061" class="hi-icon icon-linkedin">Linked In</a>
<a target="_blank" href="https://plus.google.com/+puremvc" class="hi-icon icon-google-plus3">Google Plus</a>
<a target="_blank" href="https://twitter.com/puremvc" class="hi-icon icon-twitter">Twitter</a>
</div>
</section>
<!-- LICENSE / COPYRIGHT -->
<svg id="clouds" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M-5 100 Q 0 20 5 100 Z
M0 100 Q 5 0 10 100
M5 100 Q 10 30 15 100
M10 100 Q 15 10 20 100
M15 100 Q 20 30 25 100
M20 100 Q 25 -10 30 100
M25 100 Q 30 10 35 100
M30 100 Q 35 30 40 100
M35 100 Q 40 10 45 100
M40 100 Q 45 50 50 100
M45 100 Q 50 20 55 100
M50 100 Q 55 40 60 100
M55 100 Q 60 60 65 100
M60 100 Q 65 50 70 100
M65 100 Q 70 20 75 100
M70 100 Q 75 45 80 100
M75 100 Q 80 30 85 100
M80 100 Q 85 20 90 100
M85 100 Q 90 50 95 100
M90 100 Q 95 25 100 100
M95 100 Q 100 15 105 100 Z">
</path>
</svg>
<section class="related">
<p>PureMVC is available under the <a target="_blank" href="https://opensource.org/licenses/BSD-3-Clause">BSD 3-Clause</a> Open Source License.</p>
<p>Copyright © 2006-2023</p>
<p><a href="http://futurescale.com" target="_blank" rel="noopener noreferrer nofollow"><img src="images/created-by.png"></a></p>
</section>
</div>
<!-- TOUCH EFFECTS CODE -->
<script src="js/toucheffects.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1967942-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1967942-1');
</script>
</body>
</html>