最近,慕名而来一个客户。

客户的目标
    网站来一个用户,选择模版,上传图片等素材,生成自定义的图片,或者静态网站,然后分享到社交网站。有点类似于,网上制作名片,选择模版,输入个人信息,生成名片的设计图。可以下载名片设计图,或者直接让别人打印名片,寄给自己。
     客户做这个产品的目的,是自己用,还是卖给别人,我是不用关心的。我需要做的,就是帮助客户实现他的目标。

客户的背景
   计算机专业毕业,有iOS UI设计经验,了解Object-C和Java,对于JavaScript等Web前端技术有大概的了解。毕业后从事的工作可能比较多,比较杂。以前开发项目都是参与一部分功能,现在要自己去负责实现一个独立的项目。
   对于这个项目的整体实现,还需要有丰富经验的人指导。

解决方案
1.访问目标类似网站,研究别人是大致怎么做的。
   比如通过Chrome控制台,看看别人用到了哪些JS库、CSS库,怎么实现的动画效果。
2.简要学习HTML和CSS,重点学习JavaScript和JQuery。
   看看jquery等JS库提供了哪些API,比如动画效果。
   看看Bootstrap的中文网站,了解下更多的前端技术。
3.利用三种主要Web前端技术,做一个简单的静态Demo网站。
4.用Java新建一个应用程序(不是Web项目),动态生成目标HTML文件。
5.新建Java Web项目,生成目标HTML,响应请求。
6.根据用户上传的图片素材,动态生成包含用户素材的HTML。
7.后端制作多项模版,供用户选择。
8.增加社交分享功能。
   使用百度分享或者QQ空间等社交网站提供的原生API,实现分享功能。
9.分享之后的链接响应。
  分享中,绑定用户id等信息,根据标志信息,选择特定的html响应请求。
    
  服务价格
  第1个月,N元,第2个月开始,N/2元。

服务方式
  每周,文字答疑,抽空QQ语音。

------------------------------------------------------------------------------------
  小雷FansUnion-博学的互联网技术工作者,全栈式多屏开发工程师
  2015年1月19日
  湖北-武汉-循礼门

IT咨询服务-客户案例(四):根据图片等素材,动态生成个性化图片的更多相关文章

  1. android 开发 对图片编码,并生成gif图片

    demo场景: 将2张静态的png格式图片组合生成一个gif图片,间隔500毫秒,关键类:AnimatedGifEncoder 如需要解析gif获取每帧的图片,可参考上一篇博客:<android ...

  2. js实现无缝连接轮播图(二)实现自定义属性,根据banner图片的数量动态生成小圆点

    <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></scrip ...

  3. java动态生成验证码图片

    package cn.lijun.checkimg; import java.awt.image.BufferedImage;import java.io.BufferedReader; import ...

  4. RoundedBitmapDrawable生成圆角图片

    Bitmap src = BitmapFactory.decodeResource(getResources(), imageId); //获取Bitmap图片 RoundedBitmapDrawab ...

  5. PHP 生成水印图片

    这段时间因工作需要,学习了下用PHP来给背景图上添加公司logo,宣传语之类的图片合并功能.话不多说,直接上代码. <?php public function getImage() { $dat ...

  6. 【MFC】picture控件 两种有细微差别的动态加载图片方法

    摘自:http://www.jizhuomi.com/software/193.html VS2010/MFC编程入门之二十七(常用控件:图片控件Picture Control) 分类标签: 编程入门 ...

  7. WPF案例 (四) 模拟Windows7桌面任务栏

    原文:WPF案例 (四) 模拟Windows7桌面任务栏 这个程序模彷了Windows7的桌面任务栏,当在桌面上双击某个快捷方式时,将打开一个新的子界面,并且在任务栏里创建一个链接到此界面的任务栏图标 ...

  8. IT增值服务,客户案例(一)--山东青岛在职人士,2年.Net经验,转Java开发半年

    客户总体情况:2年.Net开发经验,2014年刚刚转Java半年.对Java的若干问题不是非常清楚,仅仅是对JSP/Servlet/JavaBean Spring.SpringMVC.Mybatis有 ...

  9. Android实训案例(四)——关于Game,2048方块的设计,逻辑,实现,编写,加上色彩,分数等深度剖析开发过程!

    Android实训案例(四)--关于Game,2048方块的设计,逻辑,实现,编写,加上色彩,分数等深度剖析开发过程! 关于2048,我看到很多大神,比如医生,郭神,所以我也研究了一段时间,还好是研究 ...

随机推荐

  1. matlab 局部特征检测与提取(问题与特征)

    物体识别:SIFT 特征: 人脸识别:LBP 特征: 行人检测:HOG 特征: 0. 常见手工设计的低级别特征 manually designed low-level features 语音:高斯混合 ...

  2. 22. Spring Boot 动态数据源(多数据源自动切换)

    转自:https://blog.csdn.net/catoop/article/details/50575038

  3. Android前后端交互细节--Json转化为对象的原理

    移动互联网用户基数越来越大,除了一些工具类(指南针.手电筒等)的应用,绝大部分APP都需要与后端进行交互. 交互的数据格式有JSON.XML等,由于JSON具有语法简单.占用空间小等优势,基本所有的公 ...

  4. [转]DOM0,DOM2,DOM3事件处理方式区别

    转 DOM0,DOM2,DOM3事件处理方式区别 2016年07月13日 15:00:29 judyge 阅读数:1457更多 个人分类: js与前端   引子:        文档对象模型是一种与编 ...

  5. [D3] Animate Chart Axis Transitions in D3 v4

    When the data being rendered by a chart changes, sometimes it necessitates a change to the scales an ...

  6. Project Euler 501 Eight Divisors (数论)

    题目链接: https://projecteuler.net/problem=501 题意: \(f(n)\) be the count of numbers not exceeding \(n\) ...

  7. dataTable() 与 DataTable() 的差别与处理方式

    jQuery dataTable的初始化有两种方式: var dataTable = $('#example').dataTable(); 与 var DataTable = $('#example' ...

  8. 10.14 android输入系统_多点触摸驱动测试及Reader线程、InputStage分析

    21. 多点触摸_电容屏驱动程序_实践_tiny4412 tiny4412触摸屏: 分辨率为800 x 480http://wiki.friendlyarm.com/wiki/index.php/LC ...

  9. iis windows phpstudy安装redis扩展

    说明,我的服务器是2008 64位 php5.4.33 首先下载符合条件的redis扩展,是否符合条件可以参考https://pecl.php.net/package/redis,进入之后,点击&qu ...

  10. Perl读写Excel简单操作

    Perl读写Excel简单操作 使用模块 Spreadsheet::ParseExcel Spreadsheet::WriteExcel 读Excel #!/usr/bin/perl -w use s ...