|
<!DOCTYPE >
<html>
<head>
<meta charset="utf-8">
<title>IPU-mobile</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/Jingle.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div id="aside_container">
</div>
<div id="section_container">
<section id="index_section" class="active">
<header>
<h1 class="title">IPU V1.0</h1>
</header>
<footer>
<div class="indexFooter">
<a href="#index_index" data-target="article" class="active">首页</a>
<a href="#index_prodandserv" data-target="article" class="textMore">产品服务</a>
<a href="#index_doc" data-target="article" >文档</a>
<a href="#index_case" data-target="article">案例</a>
<a id="index_touchus" class="textMore">联系我们</a>
</div>
</footer>
<article class="active" id="index_index">
<div id="slider_test" class="slider">
<div>
<div class="describe">
<div class="title">基于Hybrid开发模式的移动应用开发框架</div>
<div class="text">
<p>集Native App良好用户交互体验优势和Web App底层本、跨平台的优势于一身的开发模式</p>
</div>
</div>
<div class="describe">
<div class="title">跨平台</div>
<div class="text">
<p>广泛使用跨平台技术，屏蔽操作系统差异，降低移动端APP的开发成本，</p>
<p>组件使用了跨平台脚本lua</p>
<p>业务逻辑和UI使用Web技术（HTML5、CSS3和JS）,</p>
<p>未来还会引入React Native。</p>
</div>
</div>
<div class="describe">
<div class="title">低门槛</div>
<div class="text">
<p>浏览器下的开发模式</p>
<p>简洁的API设计、丰富的在线文档</p>
<p>简洁易用，开发者准入门槛极低。</p>
</div>
</div>
<div class="describe">
<div class="title">UI本地化 (增量更新)</div>
<div class="text">
<p>Web资源和脚本分离;</p>
<p>原生功能分离；</p>
<p>远程服务端发布动态页面和静态资源，客户端增量同步到本地，大大减少流量开销。</p>
</div>
</div>
<div class="describe">
<div class="title">良好体验</div>
<div class="text">
<p>公共功能和UI尽量使用Native技术、React Native技术，</p>
<p>浏览器开发，客户端运行，接近原生的体验效果。</p>
<p>一切变化不大的东西尽力追求极致体验。</p>
</div>
</div>
<div class="describe">
<div class="title">全面的移动安全保障</div>
<div class="text">
<p>传输安全：RSA+DES算法加密、可配置、降低CPU使用率。</p>
<p>本地模板安全：客户端上存储DES算法原生加密，兼容Android和IOS平台。</p>
<p>接口有效性验证:自主研发加密算法，请求来源检查，客户端来源真实性保障，请求防串改。</p>
<p>客户端代码混淆：Android平台客户端代码混淆，增强安全性。</p>
</div>
</div>
<div class="describe">
<div class="title">界面响应式</div>
<div class="text">
<p>同一套HTML页面在不同分辨率的屏幕下自适应完美展现。</p>
</div>
</div>
</div>
</div>
</article>
<article id="index_prodandserv">
<div class="pasContainer">
<div>
<div class="pasFeature">
<p class="pasFeatureTitle">
开源共享的SAAS服务
</p>
<div class="pasFeatureContent">
<p class="">
IPU的理念是开源共享，所以整个架构的设计既考虑了基础功能，也兼顾了灵活扩展，并提供了完善的插件、组件扩展的标准规范，开发者可以基于规范灵活扩展新的功能。
</p>
<p>
产品服务提供：1个稳定的核心研发团队，主导产品开发框架的技术路线、产品演进、开源共享代码审核等工作，保证IPU产品的完整性和先进性，并以SAAS方式向使用者提供开发框架产品——亚信艾扑IPU，使用者无需关心移动应用开发的特殊技术和产品演进。
</p>
<p>
服务支持：通过即时、在线模式，为使用者提供实时的技术指导和疑难解答。
</p>
<p>
产品演进模式：1个核心研发团队主导+18000名亚信企业员工的共同参与共享，未来还将借助互联网平台拓展更多的参与和共享者，推动产品的演进。
</p>
</div>
</div>
<div class="pasFeature">
<p class="pasFeatureTitle">
框架分级
</p>
<div class="pasFeatureContent">
3个层次的开发框架
<p>
1）企业级：标准的全量IPU开发框架，服务端+客户端的一体化产品。
</p>
<p>
2）平台级：IPU的1vsN解决方案，解决企业内部App应用太多的痛点，统一入口。
</p>
<p>
3）轻量级：使用本地静态页面或者远程Web服务端的App构建方式，适合功能相对简单的轻应用，以及Web应用向App应用迁移。
</p>
</div>
</div>
<div class="pasFeature">
<p class="pasFeatureTitle">1vsN解决方案</p>
<div class="pasFeatureContent">
1个客户端App可以同时对应多个服务端应用，实现多应用的完美集成。使企业的APP入口只有1个，解决企业移动应用繁多、凌乱，频繁安装、更新的使用痛点。
</div>
</div>
<div class="pasFeatrue">
<p class="pasFeatureTitle">团队培养</p>
<div class="pasFeatureContent">
易上手、开源共享、即时客服、疑难解答等，选用IPU作为移动应用开发框架后，可以通过1个项目的实施过程，从零起步，为研发组织构建1个移动应用开发的专业技术团队。
</div>
</div>
</div>
</div>
</article>
<article id="index_doc">
<!--
<header>
<ul class="control-group" id="layout_header_ctrl">
<li class="active">A</li>
<li>B</li>
</ul>
</header>
-->
<article id="list_article" class="active">
<div class="menuContentItem">
文档是一种无声的传递。IPU核心研发团队始终贯彻文档先行的策略，给IPU的使用者提供丰富的学习文档和使用手册。
<a href="#" class="button block">查看</a>
</div>
</article>
<article id="inset_list_article">
<div class="menuContentItem">
Display展示平台由IPU核心研发团队使用IPU开发，旨在为使用IPU的开发者提供丰富的代码学习案例，力求做到应用可运行、代码高质量、注释详尽以及场景丰富，它是开发文档的有力补充，能够为使用者提供最直观的代码学习。
<br >展示平台包括了插件展示、标签组件、静态组件、推送展示、场景展示等等。从实际场景出发，充分展示IPU开发框架API和组件的使用方法和效果。
<!--
放置app安装包的二维码（Android和IOS），扫描即可下载安装。
-->
<a href="#" class="button block">下载</a>
</div>
</article>
<footer>
<a href="#list_article" data-target="article" data-icon="list" class="active"><i class="icon list"></i>在线文档</a>
<a href="#inset_list_article" data-target="article" data-icon="stack" class=""><i class="icon stack"></i>Display展示平台</a>
</footer>
</article>
<article id="index_case">
<ul class="list">
<li data-icon="next">
<a href="#case_1" data-target="section" >
北京移动公司社会渠道工作台
</a>
</li>
<li data-icon="next">
<a href="#case_2" data-target="section" >
青海移动智能终端版销售支撑系统
</a>
</li>
<li data-icon="next">
<a href="#case_3" data-target="section" >
广东联通一体化运营
</a>
</li>
</ul>
</article>
</section>
</div>
<!--<script type="text/javascript" src="js/lib/cordova.js"></script>-->
<!-- lib -->
<script type="text/javascript" src="js/lib/zepto.js"></script>
<script type="text/javascript" src="js/lib/iscroll.js"></script>
<script type="text/javascript" src="js/lib/template.min.js"></script>
<script type="text/javascript" src="js/lib/Jingle.debug.js"></script>
<script type="text/javascript" src="js/lib/zepto.touch2mouse.js"></script>
<script type="text/javascript" src="js/lib/JChart.debug.js"></script>
<!-- app -->
<script type="text/javascript" src="js/app/My.Slider.js"></script>
<script type="text/javascript" src="js/app/app.js"></script>
</body>
</html>
|
