购物APP的设计与制作.docx
- 文档编号:188565
- 上传时间:2022-10-05
- 格式:DOCX
- 页数:18
- 大小:228.47KB
购物APP的设计与制作.docx
《购物APP的设计与制作.docx》由会员分享,可在线阅读,更多相关《购物APP的设计与制作.docx(18页珍藏版)》请在冰豆网上搜索。
内蒙古商贸职业学院信息技术系
毕业设计
题目:
购物APP的设计与制作
学号:
15071130136姓名:
吴雪琴
专业:
物联网应用技术
指导者:
武书琴 讲师
(姓名)(专业技术职务)
2017年11月29日
摘要:
手机移动设备不断普及,对手机设备的软件需求越来越多,界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用,因此,手机Ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。
我的作品是一款拥有迎合当前市场的手机购物APP设计。
电子商务作为一种全新的商业运营模式,以其快捷、方便、高效、成本低、可进行“全球性”和“全天候”交易等巨大优势而赢得众多企业和消费者的青睐,成为一股不可阻挡的潮流。
无疑,电子商务的出现,给企业带来了更多的商机,也给消费者带来了一种全新的购买方式,而购物APP则是电子商务攻占手机用户最好的平台。
我的购物APP设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交互体验。
关键词:
安卓APP;网上购物
第1章项目概述 1
1.1项目目的和内容 1
1.2项目分析 1
1.2. 1行业背景分析 1
1.2.2同类型APP分析 2
第2章项目背景 2
2. 1电子商务介绍 2
2. 2电子商务系统 2
2.2. 1基础电子商务系统 2
2. 2.2电子商务系统环境 3
第3章设计内容 3
3. 1功能实现 3
3. 1.1商品的基本展示 3
3. 1.2刮刮乐功能 6
3. 1.3购物车多项删除 8
3.1.4首页广告的轮播效果 9
3. 1.5获得本机具有传感器的列表 10
3. 2设计中所遇困难和解决方案 10
第4章主要代码说明 11
4.1刮刮卡的设计与实现 11
4. 1.1编写交互逻辑代码 11
4. 2传感器 11
4. 2.1获取所有传感器(移动设备上支持的所有传感器) 11
4.2.3为传感器注册监听事件 12
4. 3首页轮播动画 12
4. 3.1编写逻辑代码 12
总结 13
致谢 14
参考文献 15
第1章项目概述
1.1项目目的和内容
手机UI设计:
是手机软件的人机交互、操作逻辑、界面美观的整体设计。
手机移动设备不断普及,对手机设备的软件需求越来越多,界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用,因此,手机ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。
我的作品是一款拥有时尚前卫的手机购物APP设计,主要针对于16-60岁时尚简约、热爱生活、追寻高品质生活的人群。
此款手机APP设计主题突出、明确,整体色彩虽运用热烈的橙色却不显现单调,界面风格整体统一,是用平面化的表现方式为现实生活中忙碌的人们带来一些不一样的清新热烈的体验。
我的作品具有高的实用效果,创意设计把用户所需要的体现在每一个界面,如:
精确的分类,使用户能找到自己所喜欢的分类商品,在交互操作中会带给人意想不到的惊喜体验;细节决定一切,人性化的细节设计如:
检索、窗口、首页广告以及个人中心、并且精确到每个细节呈现着令人赏心悦目的视觉效果。
我的APP界面设计将以实用的想法呈现给用户便捷、愉悦、贴心的交互体验。
作品内容包括有:
首页
(1)、商品(1张)、购物车(1张)、窗口动画(1张)、刮刮卡(1张)、个人中心(1张)、购物车(1张)、购物(1张)
1.2项目分析
1. 2.1行业背景分析
世界商业的快速发展已经成为现代世界经济的一大特征。
从国际电子商务发展的实践和潮流看,B2B业务占据绝对的主导地位。
在全球电子商务销售额中,B2B业务高达80%至90%。
以美国为例,目前企业间利用互联网从事的商务活动正急剧增加,据美国商业周刊公布的数字,1998年美国企业间的电子商务是企业对消费者个人销售业务的5倍。
预计到2000年这一比例将达到10倍,其业务量将占到全美企业间贸易总量的9%,到2005年会进一步扩大到40%左右。
随着互联网的不断发展和个人计算机的普及,网上购物己经成为一种时尚。
人们可以通过网络选择更多的商品。
网上购物使消费者可以足不出户就能购买到自己产品,而且不受时间和地域的限制。
购物APP也就成为销售商和消费者之间联系的通道。
通过购物APP购物不仅可以使消费者节省很多时间,而且不受时间和空间的限制。
1.2.2同类型APP分析
相比同类型APP,我的既有缺点也有也他自身的亮点之处。
他刚刚被开发,并没有被很多人熟知,在知名度上就有了欠缺,而且,他并没有APP所具有的商家,产品一体化,APP解决的缺陷。
这可能会造成后期流量的流失,对于这个缺点,后期开发时也会进行修正,以便使用户使用时更贴心。
经济的高速发展使人们日常生活质量逐渐提高,电子商务越来越成为社会的主流。
人们通过购物可以补充家庭所需必备用品,也可以通过购物APP足不出户就能买到称心的各类商品。
购物APP实现了消费者网上商品的购买和商家对产品、用户和订单的管理。
该APP的主要用户是消费者,用户功能主要是对商品的浏览、查询和购买。
第2章项目背景
2. 1电子商务介绍
电子商务是伴随着信息经济的脚步,在20世纪90年代兴起于美国、欧洲等发达国家的一个新概念。
目前,国际上对电子商务尚无统一的定义。
电子商务实现贸易的全球化、直接化、网络化,发展电子商务是不可阻挡的趋势,而我国的电子商务日渐完善。
要实现全过程的电子商务,就要加快网络基础设施建设和网络互联,实现金融电子化及海关、税务、行政监管部门电子化,市场环境网上支付,建立安全体系认证结构,健全相关法律法规等等。
2. 2电子商务系统
电子商务系统是保证以电子商务为基础的网上交易实现的体系。
网上交易的信息沟通是通过数字化的信息渠道实现的,交易双方必须拥有相应的信息技术工具。
为保证交易双方进行等价交换,必须提供相应的货物配送和支付结算手段。
此外,为保证企业、组织和消费者能够利用数字化沟通渠道,保证交易能顺利进行配送和支付,需要由专门提供服务的中间商参与,即购物系统及购物APP。
2.2. 1基础电子商务系统
基础电子商务系统包括Internet信息系统、电子商务服务商、企业、组织与消费者、实物配送和支付结算五个方面。
这五方面有机地结合在一起,缺少任何一部分都可能影响网上交易的顺利进行。
2. 2.2电子商务系统环境
电子商务系统在提供交易所必须的信息交换、支付结算和实物配送这些基础服务的同时,还将面临使用信息技术作为交易平台带来的新问题。
如信息安全问题、身份识别问题、信用问题、法律问题、隐私问题、税收问题等。
上述问题的解决必须从外部市场环境开始着手。
对于信用、税收问题需要通过制定相关经济政策进行推进。
对于安全和身份识别问题需要通过技术进步来保证。
对于法律和隐私等问题则需要加强电子商务方面的立法。
对于推动消费者上网购物,则需要全社会的参与和引导。
因此,发展电子商务是一项系统性的工程,它需要企业主导、政府引导和社会参与。
第3章设计内容
3. 1功能实现
3. 1.1商品的基本展示
图3-1商品栏
打开购物APP的主界面,按搜索那一栏,之后会弹出商品展示界面;
图3~2商品展小
如果任意点开一个商品,会弹出该商品详情界面,点击商品图片可以放大图片,方便
欣赏;图片右下方的五角星可以收藏该商品;
图3-3加入购物车
点击加入购物车或者立即购买会出现如图3-3的效果,可以选择衣服的颜色及样式。
8
3. 1.2刮刮乐功能
图3-4我的淘宝界面
打开我的淘宝界面,点击生活卷图标或箭头,将生成刮刮乐;
9
图3-5刮刮乐主界面
图是刮刮乐主界面,刮开图层将看到任意字样,如上图所示的优秀奖或者很抱歉等字样。
3.1.3购物车多项删除
图3-6购物车界面
打开购物车界面,分为三个板块,全部宝贝、降价宝贝、库存紧张,在这里可以添加及
删除商品。
3.1.4首页广告的轮播效果
图3-8首页轮播广告
在APP首页界面上半部分有首页广告的轮番播出,如图3-7和图3-8显示的不同时间段的广告放映。
3.1.5获得本机具有传感器的列表
图3-9传感器列表
3.2设计中所遇困难和解决方案
在设计创作过程中遇到困难是在所难免的,而设计的整个过程本身就带着种种困难,发现并解决困难是一个过程,人生也是如此,跌宕起伏,不是完美也不尽人意,或多或少都会遇到人生难题,好的或者解决,坏的则自暴自弃,半途而废,不再理会。
在这次的APP设计中,我遇到了不少的难题,就如,模块之间的搭配及与实际应用的结合。
我坚信任何的问题都会有解决的办法,无法解决的事情是没有的,与同学进行交流共同探究、请教老师帮助解决、上网查阅有相关问题的资料,通过比较各种解决方案,最后终于得出一个最完美的解决方法。
这样类似的问题还有很多,但是有问题就会有解决,不管是多么困难的事,只要有心人愿意去做,愿意去解决,就会有解决的一天,事情也会有圆满的时候,求知的精神才是我们所需要也更要努力的。
第4章主要代码说明
4.1刮刮卡的设计与实现
4.1.1编写交互逻辑代码
建立一张空白的图片用于盖住下面的文字
mBitmap=Bitmap.createBi^^p(getLayoutParams().width,getLayoutParams().height,Config.ARGB_888S);
mCanvas=newCanvas(mBitmap);
domn换成up就是没什么效果
caseMotionEvent.ACTION_DOWN\
touchDown(event.getX(),event.getY());
〃更新界面
invalidate();
break;
4.2传感器
4.2.1获取所有传感器(移动设备上支持的所有传感器)
通过SensorManager管理器获取到手机中所支持的传感器类型Sensor对象,使用
Sensor对象可以得到传感器的具体信息。
从系统服务中获得传感器管理器
SensorManagersm=(SensorManager)getSystemService(Context.SENSOR_SERVICE);
从传感器管理器中获得全部的传感器列表
List
显示有多少个传感器
txl.setText(〃经检测该手机有〃+allSensors,size()+〃个传感器,他们分别是:
\n〃);
显示每个传感器的具体信息,for可以循环查看每个传感器详细信息
for(Sensors:
allSensors)(
StringtempString=〃\n〃+〃设备名称:
〃+s.getName()+"\n〃+设备版本:
〃+s.getVersionO+"\n〃+〃供应商:
〃
+s.getVendor()+〃\n〃;
4.2.2获取指定传感器
从系统服务中获得传感器管理器
SensorManagersm=(SensorManager)getSystemService(Context.SENSORSERVICE);
在title上显示重力传
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 购物 APP 设计 制作
![提示](https://static.bdocx.com/images/bang_tan.gif)