将Web网站转换为Web应用的方法、装置与系统的制作方法_2

文档序号:9306769阅读:来源:国知局
eb应用要求的形成。
[0057]S106,结合应用模版生成新的应用界面。
[0058]S108,对新的应用界面进行渲染和呈现。
[0059]在该实施例中,由于对Web网站的分析与转换在终端侧完成,并且由终端引擎中的逻辑指引Web应用在本地的生成与展现,因此无需第三方平台和开发者再针对每个Web网站开发相应的Web应用,而是由终端自己生成,进而减少了 Web应用开发对第三方平台和开发者的依赖。
[0060]进一步地,在步骤S102之前,在转换服务器上生成需要转换的Web网站的本地应用安装包。
[0061]具体地,在转换服务器上生成需要转换的Web网站的本地应用安装包的步骤可以包括:
[0062]接收用户所输入的需要转换的Web网站的URL,S卩,告知转换服务器需要转换的网站的地址;
[0063]对Web网站进行分析,即,判断该Web网站是否为有效网站;
[0064]接收用户输入的对Web应用的设置,其中,该用户可以为注册用户或管理员,具体地,可以针对终端所使用的不同操作系统等针对同一 Web网站生成不同的Web应用;
[0065]基于用户输入的设置生成应用模版和转换配置文件;
[0066]将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
[0067]接下来,通过下述实例对本公开中的技术方案做进一步说明。
[0068]在一个实例中,实现Web网站转换为Web应用的流程可以包括如下步骤:
[0069](I)网站开发者登录转换服务器,输入待转换Web网站的URL,在转换服务器提供的指引下,完成对Web网站转换的配置。
[0070](2)利用网站的转换配置数据生成本地应用安装包。
[0071]需要指出的是,终端的差异性体现在分辨率、终端能力与操作系统上,其中,操作系统是最大的差异性所在,如安卓终端和苹果终端,针对这个不同操作系统的终端,需要生成不同的安装包。
[0072]其中,应用安装包可以包括但不限于Web应用的应用模版、转换配置文件和本地封装代码,对于不同的操作系统,差异性主要体现在本地封装代码上,转换服务器实现不同的本地封装代码即可。
[0073]而分辨率和终端能力的差异性并不太大,只需要区分pad和终端手机即可,在这种情况下,差异性主要体现在Web应用的应用模版上,这种情况下开发者在开始配置的时候需选择好应用模版。
[0074](3)终端下载本地应用安装包,安装运行,终端直接向源Web网站服务器获取网页信息,通过安装包安装在本地的引擎,结合转换配置文件中的数据对Web网站中的网页数据进行分析、转换和重组,形成新的界面,并在终端侧呈现。
[0075]图2是本公开用户通过转换服务器实现网站转换配置的业务流程示意图。
[0076]如图2所示,可以包括以下步骤:
[0077]步骤一,注册用户或管理员登录转换服务器,由转换服务器验证此用户的身份。
[0078]步骤二,在通过身份验证后输入需要转换的Web网站的地址。
[0079]步骤三,转换服务器对Web网站作初步分析,判断该Web网站是否为有效网站,其中,有效网站是指基于HTML页面架构标准的信息类网站,应用型网站(例如,采用FLASH的游戏网站等)和纯动态型网站(例如,基于单纯的javascript+css结构的网站)均为非有效网站。
[0080]步骤四,用户开始定制转换后的网站效果。具体包括:
[0081](I)用户设置的顺序为:应用模版选择、菜单设置、页面设置和查看效果;
[0082](2)用户设置成功一步,才能进行到下一步;
[0083](3)在页面设置步骤中,又分成了页面布局、导航设置和内容排版步骤,用户完成一步,才能进行到下一步;
[0084](4)当用户执行优化设置时(之前已完成,对一些设置再做修改),可以直接到某一步进行修改,但为了保证修改不影响后续的设置,需要到最后一步(查看效果)才能执行到提交的步骤;
[0085](5)转换过程中可以看到示例效果。
[0086]其中,转换后的界面可以按下面的配置设置:
[0087](5a)界面模板
[0088]界面模板是页面模板的框架,描述了界面的大致风格,包括菜单排列、主界面布局和内容栏布局几个部分。
[0089]⑴菜单排列有以下几种情况:
[0090]?无菜单(针对部分非常简单的企业网站,网站信息只需要分导航即可)
[0091]?单菜单,菜单底层放置
[0092]?单菜单,菜单右侧弹出放置
[0093]?单菜单,菜单右侧移出放置
[0094]?双菜单,一菜单底层放置,另一菜单右侧弹出放置
[0095]?双菜单,一菜单底层放置,另一菜单右侧移出放置
[0096]?双菜单,一菜单左侧移出放置,另一菜单右侧移出放置
[0097](ii)主页面布局:主页面除了首页外,还包括点击菜单或导航的所有界面,即在主页框架内的所有界面,但不包括新的界面。有以下几种布局:
[0098]?标题栏、广告栏、导航栏、内容栏
[0099]籲标题栏、导航栏、大图轮播、内容栏
[0100].标题栏、大图轮播、内容栏
[0101]籲标题栏、导航栏、内容栏
[0102]?标题栏、内容栏
[0103](iii)内容栏布局:内容栏布局即主要内容的排列方式,内容栏布局主要分成两种类型,一种是单栏目方式,单栏目方式即内容不再分组或分类,按照一种排列方式排列;另一种是多栏目方式,多栏目即内容再分类,一个栏目又可以看作是一个主要页面布局,可以包括标题栏、导航栏、内容栏等。
[0104](5b)页面设置
[0105]页面设置指对页面内容和内容的布局方式进行设置,包括主页面设置和默认页面设置,主页面指菜单项下面的一级页面。需要设置的内容包括:
[0106](i)标题
[0107]通过页面初步分析,可以确定此页面的名称。因此在选择应用名称时,应给出一个默认的名称,用户可修改默认名称。
[0108](ii)页面 logo
[0109]通过页面初步分析,可以拿到此网站的部分图片资源,有些图片资源可以在合适的处理之后(如压缩)作为logo,因此在选择应用logo时,转换服务器可提供给用户选择,以哪个图片作为logo,也可以由用户自行上传logo。
[0110](iii)页面布局
[0111]根据此页面的内容情况,转换服务器自动推荐几种页面布局供用户选择。例如,此页面中有大图轮播和导航条,页面布局中就推荐有大图轮播和导航条的页面布局。用户也可以选择非推荐的页面布局。
[0112]除了布局之外,还有界面的效果需要选择,转换服务器根据用户的颜色风格选择推荐页面布局风格给用户选择。页面布局效果包括:
[0113]?颜色风格:在样式选择中已经确定
[0114]?导航条样式
[0115]?轮播条的样式
[0116]?内容栏的样式:同一种页面布局可提供多种内容栏样式,如单栏的样式、多栏的样式、单列表的样式、两列表的样式等。
[0117](iv)导航设置
[0118]如果页面布局中包括导航栏,则需要进行导航设置。
[0119]导航设置需要确定导航的名称和内容,导航的内容可以是链接地址,也可以是区域块。
[0120]导航的设置先由转换服务器分析获取,如果无法获取或者获取错误,由用户在界面上选取。
[0121](V)广告栏设置
[0122]如果页面布局中包括广告栏,则需要进行广告栏设置。
[0123]广告栏的区域由转换服务器分析获取,如果无法获取或者获取错误,由用户在界面上选取。
[0124](vi)内容栏设置
[0125]内容栏设置需要配置每个导航页下的内容栏布局方式,包括:
[0126]?选择单栏或多栏布局
[0127]?每个栏目下面的排列方式
[0128]?每个栏目下面的内容来源
[0129]步骤五,整体效果查看。
[0130]步骤六,应用转换设置完成,在用户的应用列表中新增此应用,用户可以基于此应用:
[0131](I)优化:重新设置部分样式和内容;
[0132](2)生成应用:应用模版、转换配置文件和终端引擎一起打包成本地应用安装文件。
[0133]为实现上述业务流程,转换服务器包括以下功能:网站分析、配置管理、效果预览和应用管理等。
[0134](I)网站分析
[01
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1