SAE与SVN结合在线看产品原型教程

先大概了解下SAE(Sina App Engine),你可以理解为一个免费的在线服务器。因为Axure生成的文档就是普通的HTML格式,也就是最简单的静态网页,所以完全可以把它上传到任意一台WEB服务器上,一个URL就能访问了。

首先,你需要注册成为SAE开发者,而且需要手机绑定和实名认证。这一点是有点麻烦,但是一劳永逸,认证后基本上就免费使用了。

然后在SAE控制面板里选择“创建应用”,我们需要创建一个新的php空应用(理论上HTML文档是和开发语言无关的,但在可选的PHP、Python和Java里,PHP是最被熟悉,而且不需要应用租金的):

创建PHP空应用

切到此应用下,进入“代码管理”,并创建一个版本:

接下来就需要上另一个主角:SVN。SVN是Subversion的简称,一个开源版本控制系统。但在这里可以简单理解为“文档同步工具”。就是将Axure生成的产品原型上传到SAE服务器,从而支持通过浏览器访问。

首先下载TortoiseSVN客户端,注意最好是1.7.x版本,并且区分32和64位。安装及汉化之后,在你的硬盘中新建一个日后用来生成Axure原型的目录(这里为UE_Online),并右击选择“SVN检出”(Checkout):

完成后,你就发现目录下多了一个“1”的文件夹(“1”是刚刚在SAE新建的版本号)。现在开始,你就可以每次把新的UE文档生成在这个“1”目录下。

生成HTML时选择SVN目录

接下来就是同步了,在UE_Online文件夹上右击,选择“SVN提交”(SVN Submit),然后按照下图将所有项勾选,点击“确定”:

因为新生成文件是没有版本的,所以默认没有勾选,一般我每次都是全部选择

上传完成后,大功告成!你就可以通过“应用地址+文件夹”组成的URL(图中是:http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/)来直接访问在线文档了。SAE在国内的速度很不错,即使是通过移动端,也完全没有问题。

SVN登录账号和密码是SAE的账号和安全密码

而后续如果要新建一个文档,只需在Axure生成文档时存到SVN目录下新文件夹里,右击选择提交;修改就更简单了:直接生成覆盖原文件夹,再次提交即可(还是注意每次提交时变更列表勾选“全部”)。

最后,需要注意的是:目前我这种方法不能做到加密隐藏,所以理论上你的URL被任何人知道都可以访问。如果非要给这份文档加个保护的话,在SAE应用管理左侧“应用防火墙”里,添加IP白名单,这就足够安全了吧。

时间: 2024-11-01 20:35:32

SAE与SVN结合在线看产品原型教程的相关文章

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

从Dinnr失败看产品市场可行性认知有哪些不足

对所有互联网创始人来说,在实际创业之前「验证idea的市场可行性」是至关重要的事情,许多人会用访谈的方式询问潜在顾客的意见,本期的就已Dinnr为案例,当初用户访谈结果乐观,实际上线后却无人买单,创办人苦苦支撑了一年半后黯然倒闭,究竟他犯了哪些错误?程序员客栈www.proginn.com为您推荐Dinnr案例: 一.Dinnr简介与历史 Dinnr于2012年7月在伦敦成立,创办人Michal Bohanes是个前谷歌程序员,他厌倦了每天的外食生活,想开始学下厨,却面临三大问题: 第一,超市买

从产品原型到交互设计的过渡——初学者心得

产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分.我之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且注重功能规划;而后者则更加细致,注重的是人机交互和用户体验. 我希望将自己培养成一个产品设计师,而不仅仅是产品经理.因此今天来和大家交流一下作为一个初学者在最近交互设计工作中的一些心得. 1.注重页面空白部分 对于空白列表.空白正文或缺失图片时,最好能够给予恰当的反馈,而不是给用户看白纸. 2.关注界面的

也谈在线教育产品如何激发用户持续的学习动力

来源: http://mt.sohu.com/20150727/n417624016.shtml 相信很多人跟我一样都有过这样的学习体验:一开始的时候很想学点东西,热情特别高,下了很大的决心,坚持每天都去学习,但是学着学着,热情日渐消退,首要的目标不再是“学好”了,莫名其妙的竟变成了“学完”,比如在多看上看书的时候,经常会下意识的看当前的阅读进度,哎呀,300多页的书怎么才看了150多页啊?得抓紧时间看了. 这其实就是学习动力下降的表现了,不在是主动的去学习,而是把学习当成了一项不得不完成任务.

六大步骤分解产品原型设计过程

本教程将从整体和局部实例两个部分来讲解原型设计的步骤.产品的原型设计一般是基于文档的形式所表达出来的形象设计,想要把产品原型设计做好其实并不容易,想把原型做得比文档好更不容易,这里会结合一些产品原型设计的方法以及技巧来介绍原型设计的步骤,希望可以帮到有需要的朋友. 设计原型也是讲究方法步骤的,一是要提升原型设计的合理性,避免出现头重脚轻的保真程度不一致的情况:二是要减少原型设计所占用的时间,大家各自的工作时间都是很宝贵的,不可能在原型设计上投入过多的时间,因此掌握一些原型设计的方法和技巧相当必要

UI的必修课——产品原型设计

想要做好ui设计,为什么要学习产品原型设计?下面小编就给大家简单分析一下其中的原因,希望对大家后期的学习有所帮助. 为了能够更好地实现自己的职业价值,设计师需要掌握更多其他方面的技能,其中产品原型设计就是比较典型的,具体有哪些呢? 一.快速入行需要 其实很多设计师一开始并不明白自己到哪一个程度,才算是真正的入门.当前市场上比较流行的产品原型设计工具很多,因此ui设计师需要掌握的技能还有很多,如果你想快速入行ui设计,可以考虑专业学习产品原型设计相关技能. 二.提高设计质量 掌握更多的知识,考虑问

产品原型浅见

产品原型浅见 产品原型的设计可以说是产品经理或者产品助理的重要工作,对于刚刚从事产品工作的朋友们来说,可能对"原型"这个东西的定位本身就不是很清晰,导致在工作中经常费力不讨好,事倍功半.那么这篇文章我就从以下几个方面谈谈我对产品原型设计的一些看法: 究竟什么是产品原型 产品原型的保真程度 产品原型的用途(使用场景) 一.什么事产品原型 产品原型是产品被开发出来之前,用来表达设计理念.功能逻辑的模型,用来把抽象的想法.需求转化为直观的图形,比如下面两张插图. 那么我们在项目开发之前为什么

Jeecg社区wiki在开放,终于可以在线看文档啦!!!

Jeecg社区wiki在开放,终于可以在线看文档啦!!! 2014-12-18 scott JEECG jeecg开源社区wiki正式启动了,方便大家看文档 访问地址是: http://osbaba.com:8002/display/12/Home 大家可以点击下面的阅读原文进入该链接哟 产品介绍 技术文档 用户指南 jeecg工作流快速开发平台 easypoi文档 jeecg数据权限操作手册 jeewx(捷微)微信管家系统 jeecg3.4-maven入门-eclipse jeewx-cms配

从生活中细节看产品设计

已经有一段时间没有写博客,端午节好好休息了一下,在家休息的时候感觉自己对于生活中的一些细节特别的敏感,也许是自己的职业习惯,今天就把生活中一些细节和产品设计结合起来谈谈. 1.端午节前家中父母出去游玩,照了很多的照片,我端午回到父母家中,他们想把照片从相机中翻出来跟我分享,但不懂得如何去按相机后面的操作按钮. 首先我指着相机背后对应按钮一一问他们按钮上的图标代表什么意思吗?他们基本上都不知道.随后我交了他们如何翻照片的几个常用键 还好,通过按钮上的图标加深记忆,在告知他们一遍后他们就会使用了,这