新版产品网站基本完工

借这次的App的推出,终于下决心改版网站,于是乎在刚刚在各个市场上提交App后,马上就开始动工。其实早就该改版了,一直以来看着就挺闹心的,页面的布局使用Table,那是一个Table嵌Table啊,宽度也不太适应最近几年屏幕分辨率的发展了,在现在的分辨率下看着这屏幕中间的一个细条,就是基于这两点吧,也早该改版了。

基于上面说的,这次改版的目标:

1、基于CSS的布局,全面抛弃Table;

2、看起来大气一些,像那么回事;

3、 分辨率为近几年比较常用的960px宽;

4、功能上的需求来源于老版本,并增加新元素:方案跟服务,产品的分类在以前基础上增加掌上App;

有了目标,也就定下了方向,接下来就是着手设计制作,并最终实现,设计制作没什么可说的,就是用Photoshop按照自己想改版设计原型图,各个功能模块及效果一个一个的做。最终实现上可选择的就比较多了:
1、可以选择开源的CMS来实现;
2、可以自己从头写(PHP+MySQL ),模板采用Smraty或者也自己写;
3、纯静态页面;

最终选择了第三种,用手工打造纯静态页面,一页一页实现,选择这个的原因其一是这个网站主要以展示自己的软件项目为主,本身平常的动态数据及更新量很小,需要交互的地方也很少,其重点在于软件产品的后续更新升级;其二是这样实现的时间成本最低;其三是这样实现对于存在的需要交互的地方以后可使用Ajax+Js+PHP+MySQL来嵌入到现有的静态页面,也满足后续的交互需求;

基于这三点,这次的网站改版使用Vim + Photoshop 这两样工具,历经几天,于今天基本上完工,除了有些链接地址未指向(相关文档软件需要重新整理更新一下)。

由这里进入访问

总结

1、明确需求及目标

这个是基础,只有这些明确了,才能产生设计、才能选用合适的方法[架构]、才能完成实现。需求及目标应建立在总体之上,除非这个需求及目标本身就是独立的,依托核心要做的或为核心服务而产出的需求及目标要统筹考虑。

2、设计

设计主要是确定结构并建立结构,对需求的分类与整理,是当前设计人员对于需求的理解,并以视觉的展现及交互的描述,这是个复杂活,需要经验、多行业的知识、时间的沉淀,而且每个设计人员的设计都不一样。

2、选择适合方法

合适的方法是要看到侧重点,对于这个网站来说是对产品的辅助,不是重点,节约时间成本是比较重要的。合适的方法能满足后续的扩展,该扩展是建立在对需求的理解与明确基础之上的,而且要可实现。

4、改进的地方

在完工以后会产生各种改进的想法,这次完工后马上产生需要改进的想法主要体现在导航上面,应该能更加明晰的在每一页告诉访问者当前在哪里;第二个产生要改进的是分散的图片合成一张图片,减少图片加载次数;

 

— 结束—

App已经发布,等待各市场的审核

最近几天的工作主要在做一个工具类的App,当然是For Android的,iOS的环境都还没有搭建起来,写这个App的缘由是想在这个移动互联网火热的年代,体验一下一款App从开发到最终发布的所有环节,就像写程序一样,光看书获取的是知识,将知识用于实际才算是摄取了知识,毕竟很多时候书本上的东西跟实际是两回事。

这个App在Android开发方面,主要实践了其基本的布局和更改的样式,用到的还是以常见的布局,组件也都是其最基本的,LinearLayout、Button、TextView、ListView、ExpandListView等这些最常见的都应用其中。

从整体的布局上来看,最大的感觉就是好像回到了很久以前设计网页的时代,在一个Layout上嵌套一个Layout,用的熟练了,对于各个基本的布局就可以是说手到拿来,目前充其量也就是熟悉而已。

从样式上来说也进行了一些认识,基本上这个小App中采用9-patch的图片,以设置各组件的background属性来达到美化及统一的样式。

这次放出的版本没有添加任何的广告单元,所以说对于各个广告平台的理解和运用还尚未涉猎,未来可能会进行一些尝试,不过在应用中嵌入广告对于整体的用户体验有所影响。

由于手头没有太多的测试样机,所有对于不同的Android系统版本的体验目前还没有太多的反馈,正在让朋友们试用好给我反馈,从这个角度出发也算是收集一下各个不同版本系统状况,以好在以后的开发中考虑到多版本系统的视觉及操作体验。

总体来说,这次做的App是一个对各个基本组件及基础知识的一个试验及运用,熟悉Android开发的基础知识,接下来可能就需要对于产品的整体结构跟软件架构上进行改进,提炼出来集成的框架,为以后的新的App提供支持的同时也不断的改进升级该App。
名称:生活计算器
版本:1.0.1
功能:装修材料/婴幼保健/医疗/其他
网站:http://www.swaysoft.com
截图:

启动界面

启动界面

 

功能列表

功能列表

在失业状态下给自己找点事情做

昨天,购买了Linode的VPS服务,一是用于建立个人的小窝,将这些年断断续续在网上分散在各处的信息进行汇集,都归纳于此处,并在此基础上能够继续自由的折腾;二是把共享软件的站点也搬迁至此;三是在互联网上有一台虚拟主机对于这这个行业工作的人来说是有必要的,能够作为试验田。

基于上面三点,所有分散在各处的东西面临全面的搬迁,有很多工作需要做及后续的完善,所幸的是最近刚好处于失业状态,也就有时间来做这些事情了,而且少有外界其他因素的影响。在下一份工作开始起航之前,完成基本的搬迁。

做这些的目的主要是为了兴趣,另外还能进行技术的积累与沉淀。如果能够在你无意或有意光临本站的时候获得对你有用的内容哪我就更开心了。

在IT行业从业的人就要折腾,要“懒”,可是最近几年我却有点“懒惰”,这个就要不得了,最近刚好有些时间,也思索了这些年工作生活中的得失,既然喜欢鼓捣这些那就应该继续下去,不能由于各种借口导致“懒惰”。充分利用业余时间让自己的兴趣产生最大的乐趣,这是从现在开始我要做的事情,现在就开始起航吧。

罗列一下给自己找的事情:

  • 在VPS上搭建WEB服务器,能够简单的部署现在的站就OK,后续有乐趣实验的地方有很多很多,环境很重要,处在不同的环境做的事情也不同
  • 部署WordPress,当前能用就行,根据自己在使用过程中产生的需求进行调整
  • 将分散在各处的东西引入该站
  • 最近还有一个For Android的工具类小app在制作中,这个与上述工作交叉并行进行
  • 设计制作新的软件产品网站并与完成的app共同上线
  • 当然还有最重要的是寻找下一份工作

 

Android常见布局之表格布局

表格布局以行列的方式对子组件进行布局,有些类似很多年前网页制作中的表格布局,在Android中的表格布局使用TableLayout,使用TableRow来定义行,在每行中需要布局多个组件的情况下可以采用这种布局方式,也可以使用这种布局方式来达到表格的效果。

其使用的方式为:


/>
    
    >
    
    
    ...

一个简单的登录例子:3行,第一行为登录用户+登录用户录入,第二行为登录密码+登录密码录入,第三行为登录按钮。


     
          
          
     
     
          
          
     
     
          

TableLayout的比较常用的属性有collapseColumns,stretchColumns,shrinkColumns

collapseColumns 主要用于隐藏TableRow中的列,以0开始,如需隐藏多列,则以逗号分隔;

stretchColumns主要用于拉伸TableRow中的列,以0开始,多列以逗号分隔,如果本身已经没有空间里,则该属性不起作用

shrinkColumns主要用于伸缩TableRow中的列,以0开始,多列以逗号分隔,如果空间没有充满布局,则该属性不起作用,如果行空间充满布局,则设置该属性的列则垂直以内容填充

使用常见的属性,修改上面的代码:


     android:collapseColumns="2">  
     
           
          
          
     
     
          
          
     
     
          

最终运行效果如下图所示:

科技日新月异,还是否记得使用过的通讯工具

科技发展确实日新月异,通讯方式不知不觉的已经发生了很大的变化,从电报、电话、传呼、手机、智能机一路走来,越来越电子化与信息化了。

在我们上学的时代,仅指大学,高中基本上不存在书信往来,那个时候同学之间分布在全国各地,基本上都是靠书信往来,在快步入社会的时候,那个时候红极一时的是传呼,从这个时间说起,记录一下自己在整个变迁过程中使用过的东西!

1、在传呼时代的中后期,已经有大砖头出现的时代,曾经使用过摩托罗拉精英王传呼,具体型号忘记;

2、最早使用的是诺基亚5210手机,喜欢诺基亚那句经典的“科技以人为本”广告语;

3、第二部手机是诺基亚3210手机;

4、第三部手机大唐的一款CDMA手机,具体型号忘记