移动互联网实验报告

《移动互联网实验报告》由会员分享，可在线阅读，更多相关《移动互联网实验报告（22页珍藏版）》请在装配图网上搜索。

1、实验报告学年学期：2015-2016学年第一学期课程名称：移动互联网技术实验指导老师:xxxxxxxx学院：xxxxxxxxx班级：xxxxxxxxx学号：xxxxxxxxxx姓名：xxxxxxxxxxxxxxxxxxxxxxxxxx实 验报告第13周实验名 称移动互联网应用开发平台实验性质必修实验类型设计实验课时2实验日期、时间周四12节实验消耗器材实验仪器设备台式计算机Window 7实验目的熟悉并掌握移动互联网应用开发平台，确定实验项目的应 用开发平台。预想：由于学校食堂根本不能满足学生们的需求，我们预想搭建个美食外卖的移动 应用，方便于个位同学就餐，这里面可以根据学生对美食的需求进行点

2、餐，快速送 餐，优惠体验等功能。该功能预想做成网站或者移动终端的app的形式，应用的名 字叫做“美食美刻”。前期熟悉并掌握移动互联网应用开发平台。课题初步设想的几大模块：一、商家模块外卖的应用就是为学生和商家的交易建立便利的平台，所以商家就是这个应用 的血和肉的存在，没有商家，我们的平台就是个骨架，没有任何的意义。当然商家 中也分为很多的模块，下面就针对商家进行分模块的分析。1. 商家管理：这是针对后台的模块，这是后台的开发人员对加入平台商家的 商家信息和商家的类型登记到后台数据库中。在前台的应用中会对商家的类型进行 分类，保证应用搜索的目的性。2. 商家食品：作为一个没事的平台，最重要的就是

3、商家的食品，对于食品的 登记要事先进行调查，食品的安全性才是最重要的，后台中，食品先登记到数据库 中，在前台的应用中，开发人员进行分类：快餐类，粉面类，甜品类，水果类，零 食类等，同时也会有区域特产美食的模块。3. 商家优惠：这是一种促销方式，这要通过与商家协商优惠条件，当然会有 短期大优惠和长期的小优惠。应用中我们加入了 “免费试吃“的优惠模块，这是要限时限购的优惠。具体的优惠要通过策划之后才能实行的。二. 用户用户就是上帝，对于应用开发的预想法，我们将用户先指向在校学生，用户十分注 重个人信息安全，所以要注重信息安全这部分，下面系统的分析下。1. 有效用户：这个模块是包括用户注册和登录2.

4、 用户信息补充：这是包括用户喜爱的食品，用户喜爱的特产小吃，用户的收 货地址，用户有效手机号（这使用短息验证码），后台开发人员会将这些的 信息输入到后台数据库中。三. 支付功能现在的网上支付已经是网络购物的不可少的功能。这样方便快捷，所以很多同学喜 欢将钱存到支付宝等网上支付工具中去。1. 支持支付宝：支付宝是现在网上支付使用最多的工具。2. 支付红包：网上支付的奖励，这个也是一种促销的一种方式。四. 预想新加的技术1. 自动定位：移动定位是指通过特定的定位技术来获取移动手机或终端用户的位置 信息（经纬度坐标），在电子地图上标出被定位对象的位置的技术或服务。定位技术 有两种，一种是基于GPS的

5、定位，一种是基于移动运营网的LBS基站定位。基于 GPS的定位方式是利用手机上的GPS定位模块将自己的位置信号发送到定位后台来 实现移动手机定位的。基站则是利用基站对手机的距离的测算距离来确定手机位置 的。后者不需要手机具有GPS定位能力，但是精度很大程度依赖于基站的分布及覆 盖范围的大小。前者定位精度较高。此外还有利用Wifi在小范围内定位的方式。我们利用的就是通过无线或者移动网络定位来确定你的位置，并且可以显示出 的身边的店家，和介绍当地美食的，这个也是很多吃货驴友提供了方便，及时不用 打听也可以是知道当地的美食的。五. 总结预想很多功能，也借鉴了很多美食平台的技术和功能的，希望可以做出好

6、的 应用的，向着更加便捷的方向走。实 验报告第13周实验名称移动互联网应用开发技术实验性质必修实验类型设计实验课时2实验日期、时间实验消耗器材实验仪器设备台式计算机Window 7实验目的熟悉并掌握移动互联网应用开发技术，确定实验项目的应 用开发技术及技术方案。实验技术支持：1. 参考图书2. 观看网上关于网站建立的课程3. w3cschool在线教程Html:HTML/CSSJavaScriptServer SideASP. NETXMLWgHTM顷程 HTMLHTML5 XHTML CSS CSS3 TCP/IP浏览器廊本JavaScript HTML DOM j Query jQuery

7、 Mobile WAX J SONDHTMLE4X WMLScript服务器廊本PHPSQLASP ADO VBScriptXML数程XMLDTDXML DOMXSLXSLTXSL-FO vn-tlk领先的Web技术教程-全部免费在,你71以斑！1你所蒸要的所有的网站建设教程。从基础的HTML到CSS ,乃至进琦的XML、SQL, JS, PHP和ASP.NET.从左伽1的菜单选庠你需要的救程1尸、完整的网站技术箜考手册我们的寒考手丽混盖了网站技术的方方面面。 - 其中包括W3C的标准技术:HTML CSS, XML 以及其他的技术，JavaScript, PHP J i做实例测试工具fSvj

8、SschQQl r我怕提陡t千个湖t通过悚用我们的任翅编辑 r你可以编辑这些例子r并对代码进行实验。快捷易懂的学习方式屋夕寸光阻一寸金r因此r我们为您襄供睡易懂的学习内客。/任长里,您可以通过一神易懂的便刊的模式荻得怒需要的任何知诅按功能类别排列New : HTML5中的新标签。基础标篓描述:! DOCTYPEn定义文档类型。chtml:：，定义H1ML文档。ttitlen定义文档的标题。定义文档的主体。：:h 1 :：= tc： thSn定义HTML标题。定义段落。：:bA定义简单的折行。=：:hn定义水平线。定义注暮。列表标篓描述: u 1 :：，定义无序列表。：:。1 :，定义有序列表。

9、定义列表的项目。，:dir n不鲨成使用。定义目录列表。: dl :：，定义定义列表。: dt=定义定义列表中的项目。定义定义列表中项目的描述。定义命令的菜单列表。tmEriLiitEm :，定义用户可以从弹出菜单调用的命令.，菜单项目。 Emm and:：，目定义命令按钮。样式/节标签描述定义立档的样式信息。定义文档中的节。定义文档中的节，定义section或w呢的页眉口目定义section或page的页脚。section 目定义 section o：:article目定义立章“匕2血；目室义页面内咨之外的内笞rcktmikn目定义元素的细节B-dialGUA定义财话框或窗口。-skimnn

10、ary 汽目为元素定义可见的标融。Css:css基础教程0教程CSS简介 CSS基础语法4 上一节下一节 CSS高级语法CSS派生选择器 css id迭择器CSS类迭择器CSS属性选择器CSS创建CSS样式CSS背昙 CSS文本 CSS字徐 cssess CSS列表 css表格 css轮廓css框模型 css框模型概述 css内边距 CSS边框 css外边距 css外边距合并CSS定位CSS定位概述 C弱相对定位 CSS绝对定位CSS浮动css迭择器 css元素迭择器 CSS选择器分组 css类迭择器详解 CSS ID迭择器详解 CSS属性选择器洋解 css后代迭择器 css子元素迭择器 ll

11、 f- dm An Ii 注 J.V =?css救程通过使用CSS来提升工作效章！在我们的CSSgl程中，您会学到如何使用CSS同时控制重网页的样式和布局。开始障习USS :CSS实例学习70个实例s您可以对GSS代玛进行编辑，然后单击则试按钮来查看结果。案白试一下吧:CSS测验在W3School Mit您的css技能！开始CSS师I哈！CSS参考手册在WSSchoob我们提供完整的CSS参考手册（已升级为CSS3）。匚SS参者丰册CSS允许应用黄色作为背景，也允许使用背景囹像创建相当真杂的效里nCSS在这方面的能力远远在HTML艺匕背景色可以使用background-color背昊色。这个属

12、性接蔓任何合法的颜邑值。这条规贝|把元素的背景设置为灰色：p backgrcund-cclc-: g-ay;如果您希望背景皂从元素中的文本向外少有茹伸，只需增加一些内边距：p background-color: gray; padding: 20px;如需查看本例的效果，可以亲自试一试!可以为所有元素设置晋昙色，这包括body 一直到凯和a等行内元素。background-color,其默认值是transparento transparent有透明”之意。也就是说，如果一个元素没有指定背景 色，那么背景就是透明的，这样其祖先元素的晋累才能可见。选庠器分组假设希望hW元素和段落都有灰色。为达到这

13、个目的，最容易的做法是使用以下声明：h2j p -cclc- : g-ay;将h2和p迭择器放在规则左边，然后用逗号分隔，就定义了一个规则。其右边的样式(color:gray;)将应用到这两个选择器所引用 的元素。逗号告诉浏览器，规则中包含两个不同的选择器。如果没有这个逗号，那么规则的含义将完全不同。参见后代迭择器。可以将任意多个选择器分组在一起，对此没有任何限制。例如，如果您想把很多元素显示为灰邑，可以使用类似如下的规则：bod/j h2j p* tables thtdj prej st-cngj em colo-:g-ay;通过分组，创作者可以.将某些类型的样式压缩-在一起，这样就可以.得

14、到更简洁的样式耒。以下的两组规则能得到同样的结果，不过可以很清楚弛看出哪一个写起来更容易：:/* no grouping */hl -cclc- : blue;h2 cclc-:blue;h3 -cclc- : blue;h4 color : blue; Jh5 -cclc- : blue;h6 cclc-:blue;:/* grouping */hl j h2j hB h4j h5j h6 -cclc-: blue;课程表JavaScript HTML DOM jQuery AJAX JSON DHTML E4X WMLScript工具箱参考手册： gvaScriDt iQuervHTML

15、DOM实例,/案例 JmvaScriDt 实制 Java Script对每实酉i| HTML DOM 实例 iQuerv实例 iOuev Mobile 实伽I DHTHL 实药i|AJAX实佩I VBScriDt 实伽I测验/考试 Jmv3Sciut 疝蛉 iQuerv 加I蛤JavaScript 的教程HTML/CSSJavaScript Server Side ASP. NET XML Web Services Web Building浏览器脚本教程从左侧的菜单选择你需要的赦程！JavaScriptJavaScript是世界上最流行的脚本语言。JavaScript是属于wsb的语言,它适用

16、于PC、笔记本电脑、平板电脑和移动电话。JavaScript计为向HTML页面增加交互性。在多HTML开发者都不是程庠员，但是JavaScript却拥有非常简单的语法一几乎每个入都有能力将小的JavaScript R段添加到网 页中如果您希望学习更参关于JavaScript的知识，请马上访问我们的JavaScriptSEARCH:HTMLDOM实 验报告第14周实验名称移动互联网应用开发实验性质必修实验类型设计实验课时2实验日期、时间实验消耗器材实验仪器设备台式计算机Webstrom10Window 7运用来源于各个渠道学习到的技能实现预想方案实验目的一.网站的作用网站是用来进行学生查看美食动

17、态和全部美食的，也有相应的下单功能，一下就是我的网站的一些代码，网站界面和后台管理。产品管理落址产品曾坦产品添加产品标签标签名称.宥用排序1操作推琴/,Z普本页共2个总共2个上一页1/1页下一页莒坦产品会数霞旦产品分类产品高皱穿取消文章管理图册管理会员管理日商城管理言坦订单Strata留言管理投票管理表单管理落址表单网站代码!一促销广告大图样式一.dravjLotteryj . getLott erz f orrt-f ：dJTLily: ，YMiscrosoft Y:aHe i，T j，T 1! 5： ifi ，Y ，T ($，T; b os- shadow: 0 0 1 Ops #8600

18、00 : posit ion: absolute; .drav.rLotter. f ont-siEe: 12px : color: Sfff : .dl_conarLitCont ainer width: 10UK : posit ion: absolut e : left: U ; t est-align: cent er ; .dl-COuuTLit t ezt-indent: - 9 9 9 9 9ps ; out line: riorie ; displaz: block ;uiar gin: 0 aut o ; .saleBg ( position: fixed; margin:

19、Ups : padding: Ups : t op: Ups ; left: Ups : righit: Opx : tiottom: Ops ;l_ieigl_Lt: 10 UK : b a c k g r o uiid- c o lor: # IJ UIJ : 9990;overflow: hidden;(iriet a ri：dJTie= k巳yvErds cont ent = /(inet a ri：dJTie= de s c r ipt i on c unt ent= / Sniodule38 . f oirmBarm巳r38 display: none : Siriodule324

20、 . f ormBanner324 displav: none ; Siriodul e323 border zncme ; Sniodule323 padding: Ops : #iricidule323 . f orirJiTiddle323 tiorder: riorie ; #irLCidule323 f orirJiIiddle323 padding: Ups ; #nLodule323 . f ornJiIiddle323 . f ornJiTiddleCent er323 border: none : #iricidule323 . f orirJiTiddle323 . f o

21、rnJiTiddleCerrt er323 padding: UpK ;#irLCidule323 f orirLTop323 display: none ; Sniodule323 . f oitjtlBott om323 disp 1 ay: none : #iricidule323 . f orirJiTiddle323 . f ornJiTiddleLeft 323 disp 1 ay: norie ; #irLCidule323 f orirJiIiddle323 . f rnJrtiddleRight 323 disp 1: none ;Sniodule323 . f oitmB:

22、dimer323 disp 1 ay: none : #iricidule323 . f orirJIiddleCont errt 323 padding: Ups ;#irLCidule323 f orirJiliddleCont ent323 inargin-left: Ups ;#nLodule323 . f ornJiliddleCont ent 323 margin-r ight: Ups : #iricidule323 . f orirJIiddleCont errt 323 inargin-t op: UpK ; Siriodul e323 . f orirJiliddleCon

23、t ent 323 inar g in-bot t om: Ups ;Sniodule323 backgrowid: norLe : #ncidule323 . f oriJIiddleSSS backgrcnji-id: none:#nLodule323 . f ornJiIiddle323 . f ornJiTiddleCent er323 backgrouifid: none : Sniodule323 . f ornJiliddleCont ent 323 backgrouiid: none : #ncidule322 . f 口rirLBarui巳display： none:（117

24、st他二侦igmight:皈冲血岳In归血而福fmmMimjsp汨跑。岫W 蠢Ztd加聊宓地etOhnf titl泌腿诚捆刮籍甫膊，&蛙澈.1峨祖瞰 5），俪an财leflmdeft height:伽lire加诚心四吗 用就:即泳町Hire加诚心！加：泌差瑕V驯iW命idiv clasFlm rtyViBrjirrleft!如:）寸扣,!div ifcijite jonseWlT disEijSit。（div也联加而疝读擦盲他u）她血眇tit蜥/郴t）姻，血）（血nt矿山ar:掀 虹：叫血?di? nl：zi3illipr clasiaillip云世?|113111叩:典iaief=fliKi

25、Ltacii.ciaiVudei. sp（/fc?）血r dis知rm 蛆 d：a clasps&mcfclt&i crilr MFhttpWMf机部住血尚栖闾压5鼬他由妃如也1则祖1。现&:悌推,胳弟 la dasq加1偲施sit飙肘kirf=,j毗咀加【血ii艾旭能诫nideP啊ilu血I上膈1漩仙。焜即）艇争如h潮矗ermlM 瑚新如的局5即.泗%1叩,瞄迎出项就mdiNSit已瞄烦【ffi孔山:泌屈岫成 处das*岫伴照门昨f二划也低耶血瑚ai网t翊二威皿1虹$询1枷1顺 即：勰瓣四 渐皿 而矗前面01企网皿过:道肯亮更濒n class上平却5顷牌叩皿Idi?部If）岛1|咄;用|1卧

26、WRdi v cl ass=styl eSet t ingBut t onXspan cl ass=si t el co styl eSet t ingRapi dSi t 已美食美亥lj /spanXspan cl ass = styC eSet t ingT itl 已全部美食 /aa href= javascript ：; onclLck=,，Site. showTopManageFrame C manageFrairieProductManage，) ; Site. logDog (100038, 3) ; return false; i d=，t opWebsi t eManage

27、styl & div cl ass = styl eSet t ingBut t onXspan cl ass = si t elco styl eSet t ingManageX/spanXspan cl ass = sty： eSet t ingT itl 已美食搜索 特产美食 div cl ass = styl eSet t ingBut t onXspan cl ass = si t elco styl eSet tingMobi span cl ass = styl eSet t ingT itl 已特价优惠 网页部分截图:实 验报告第14 周实验名称制成app实验性质必修实验类型设

28、计实验课时2实验日期、时间实验消耗器材实验仪器设备台式计算机Window 7金和iu app制作网站将网页做成一个app,方便随时浏览实验目的一.注册一个制作app软件账号二.对app进行配置1.制作美食外卖的app图标和app功能介绍，app名称财信息）I启动图片APP名称融入i-i tn字APP图标（只有使用自定义上传的图标,才能发布到市场!） 囹折背景可好图的文字APP描述（长度在5。2。00个字之间）2.制作app的启动界面，app的iliAPP打开时显示的界面3.制作app的自定义的导航应用信息启动图片4.分享设置5.生成app上传LOGO图片：直接拖动图标可调整il赔妙销国伺逛国X

29、我的第函O 0购物车门借查询函甚应用信息启动图片目取导航如何由请QQ AppID翊何甫请微信AppiD如何由请新浪AppKeyBoundle ID : com.jinher.app.fc79clea-0f48-4f27-8b07-el7d3d9653bd麟愈:应用签名:8f339O03blfee3e438ff3afb95adcd61HClass : comJh.news.activity.InitAcitivity5. app界面和功能1这是应用的进入界面也是相关优惠食品的界面。西安肉央馍全部商品湖南省价格三销量米粉小吃湖南工业大学15245246145炸酱刀削面湖南工业大学151315613

30、1646沙县小吃湖南工业大学1561321651刀削面桂花糕5逛21:52门店查询优惠促钳我的美食 购物车 优8!促销狗不理包子21:52地图模式新品命R门店否询我的美食购物车搜索商品所有商品21:5221:52全部美食编狷186*9499免费试吃我的订单我的消息沙县小吃未分类我的评价我的金币咨询沟通我的收藏地址管理口匚更多众销红包优圈促销众筹红包门店查询我的美食价彳西安肉央馍悠闲小吃8.00刀削面合计0.005忧恩促销门店查询我的美食切我的美食购溢lunl门店查询2这个是所有的食品显示3这是移动定位的点餐页面，会显示出附近的店家4. 这是app的个人中心，其中包括有红包，网上支付，订餐地点，我的订单等5. 这是app的搜索功能，里面有相关的分类信息，包括：全部美食和地方小吃。6. 这是网上点餐的界面7. app的二维码