MagicFramework 21/08/2013 Version 1.0 Copyright © 2013 ILOS SRL. All rights reserved Intro & Basics •  Web is constantly and rapidly changing, as vehicle for social
networking and mass distribution of content and information, and
even as business platform tool
•  In these 20 years, it has been affected by countless technological
enhancements, starting from Tim Berners-Lee’s static pages to
present-day web services and HTML5
•  During this period of impressive growth, apps built for the mass
market distribution have always had a slight advantage in time
compared with the ones for business (e.g. CMS for websites and
information portals Vs. Corporate intranets and Web access to Erp
databases)
Copyright © 2013 ILOS SRL. All rights reserved Intro & Basics •  In the last 2/3 years, we have seen the rapid distribution of social
networking tools (Twitter, Facebook, Linkedin, ..) and their rapid
technical improvements, starting with purely web Html4 versions
to Html5/Jquery/Mobile, with a progressive improvement of users
experience
•  Large distribution apps are defining again the guidelines for the
future of business app (users are the same)
.. and above all ..
Business moves faster than software developers
Copyright © 2013 ILOS SRL. All rights reserved Intro & Basics What will be the web in the next 10 years?
We do not know, what we know at the moment is that we
currently have a beta version
Eric Schmidt, Ceo di Google, 29-07-2012
The feeling of the Ilos’ management team about today’s
market and opportunities is for a huge need for Web
business applications whose data must be available both in
"traditional web" (PC, browser, from the corporate offices
of commercial / industrial / tertiary) as well as mobile
environment (by collaborators “on field”)
Example: consulting, brokerage, marketing and sales
representatives, ...
Copyright © 2013 ILOS SRL. All rights reserved What we need? A RAD tool (Rapid Application Development) for
developing Web business applications available
on all devices (PC, Tablet, Smartphone …)
A fast distribution model with low commercial impact
(Saas – “software as a service and direct selling on
Web)
Copyright © 2013 ILOS SRL. All rights reserved Why R.A.D.? “(…)Enterprise software has gained a well-deserved reputation
for lengthy and expensive implementations, followed by high
ongoing costs and inflexibility(…)”
Enterprise so+ware TCO structure (5yrs basis) Development Maintenance and post-­‐development implementaMons Enterprise so+ware development cost structure John F. Martin, Senior Vice President, Corporate & Product
Strategy for IQNavigator, Inc.
30% 70% >  Gartner has estimated that up to 70% of TCO is due to postimplementation modifications;
>  Only 10% to 30% of coding time is used to develop value
added services and core functionalities;
>  Enterprise software usually requires large upfront
investments and a huge amount of trust;
>  Ongoing benefits tends to zero (and less), due to increasingly
maintenance, administration and update costs (again TCO);
>  Most Enterprise solutions just do not keep up with changes of
business requirements.
Copyright © 2013 ILOS SRL. All rights reserved Our Approach ILOS seeks persistent and reliable value
creation!
We created Magic-Framework, a revolutionary
platform to realize Html5 Web Applications
more efficiently, saving time, money and
stress.
With Magic-Framework, development and
maintenance costs are reduced up to 80%
guaranteeing better looking P&Ls, growing
margins and less hustles.
Copyright © 2013 ILOS SRL. All rights reserved OUR APPROACH >  A faster way to realize and deploy enterprise
solutions;
Business does not wait for developers. The marketplace is already fast and
competitive enough without having to take care of delays and extra costs.
>  A stable methodology to reduce TCO;
We believe that outsource to low labor-cost countries is a time-limited
option. Moreover, requirements change fast and those changes are not
often predictable.
>  Better cash flow and project margins;
We understand that huge upfront investments and maintenance fees
drastically reduce the chances to have a satisfied customer, even if the
solution is working as planned. We know that value can be created only if
both, we and our customers, benefit from it.
>  Higher mid-term benefits.
Rule number one: enterprise software must create value in the mid-term. A
solution that does not create value, destroys it. Market has long ago
understood this statement and expects more from software developers.
Copyright © 2013 ILOS SRL. All rights reserved Our approach:
Magic-Framework
Technical innovaMon Magic-Framework is NOT a code generator.
Code generation suffers of many disadvantages, such as:
-  Does not reduce TCO. Maintenance costs are even higher than standard
approaches since customizations made after the generation process are often lost
if a new generation is necessary (i.e. after a new release of the development
tool).
-  It is generally not possible to deploy the very same application to different
formats/UI technologies (i.e. Web, Desktop, Mobile, …)
-  It does not reduce the amount of source code, but only the code that you have to
write manually (still have to manage source code).
The concept is to “feed” Magic-Framework with a Database schema in order to obtain
and End to End application rendering, without generating the corresponding source
code. At runtime, the Engine translates the application into Html5 pages, compatible
with all available UI devices. Custom Plug-ins are supported in the application flow.
Copyright © 2013 ILOS SRL. All rights reserved Our soluMon: a complete E2E environment Copyright © 2013 ILOS SRL. All rights reserved Why should my company use it? •  We know that you and your IT colleagues are very good …but: –  You need a standard architectural approach for your soluMons or you will suffer for maintenance with a big risk of code replicaMon… –  Using Magic Framework means constant technological update that we do for you: you will concentrate on your business issues… –  ILOS can provide a 360 degrees support at your development work: • 
• 
• 
• 
Project management Business logic implementaMon and analysis HosMng and “cloud” infrastructural services Support for the web integraMon of your process control devices –  Your custom plug-­‐ins will survive the migraMon: we have a deep experience in ERP and CRM systems, we know that customizaMon is someMmes necessary, we will easily integrate your precious logics –  Last but not least: our technology is REALLY cross-­‐browser and cross-­‐ plaaorm, this means that all your applicaMons will be usable anywhere and anyMme with both mobile and desktop devices Copyright © 2013 ILOS SRL. All rights reserved Principles: client – server architecture HTML Domain Grid Init Detail Template Edit Template DataSource Autocomplete DataSource DropDown DataSource SearchGrid DataSource ApplicaMon: HTML5 & Javascript JSON Format (ajax) Magic Framework: Javascript and C# JSON Format WEB server rouMng DB/ Device Data Interface •  DataSource DefiniMon •  Detail and Edit Template DefiniMon (Javascript with web UI) •  Template HTML conversion (C# run Mme) •  Grid definiMon form DB (Javascript with web UI) •  Grid Building (c# and javascript run-­‐Mme) •  Standard WEB API Controller GeneraMon from DB schema with web UI with data visibility management •  Javascript API for HTML rendering (supported by Kendo UI) •  Database API for automaMc JSON DB CRUD Copyright © 2013 ILOS SRL. All rights reserved WEB Admin UI •  Each applicaMon supported by MagicFramework will expose an on-­‐line administraMon Module: –  DefiniMon of ApplicaMon Modules (stored in DB) –  DefiniMon of applicaMon FuncMons (stored in DB and rendered to Kendo PanelBar) • 
• 
– 
– 
– 
– 
1 to 1 FuncMon to Page approach Single Page Approach with recursive Grid relaMons depth-­‐visit DefiniMon of DataSources , Grid structure and selngs, HTML Templates related to grids Server Side Controller GeneraMon from Data Source DefiniMon and binding of custom form and edit templates ApplicaMon GlobalizaMon Copyright © 2013 ILOS SRL. All rights reserved MF API – client side • 
• 
• 
• 
getRootGrid à building of grid’s javascript object renderGrid à HTML grid creaMon getDropDownDataSource à AJAX dropdown data feed getDataSource à AJAX call to get datasource data as a JSON object for custom data processing Copyright © 2013 ILOS SRL. All rights reserved