1、 I 摘要 随着社会与科技的发展，人们越来越注重移动，便携与方便。而睡着这股潮流的发展，手机应用应运而生。随着手机的普及，在生活中人们经常使用，已经成为生活中不可缺少的一件事物了。 本次的设计项目是游戏门户 APP 软件， 这个 App 的设计制作 是基于 IOS 系统 ，采用Xcode 程序设计 做一个游戏门户 App 的原型设计 。 首先 我采用了 Axure 软件做原型设计，在 Axure 和 PhotoShope 中做好分类页面，页面的排版，页面的美化等，在导入到 Xcode中去做交互功能。实现最终的效果。 关键词： IOS， APP， 游戏门户网站， Xcode，原型设计 II 目录
2、 前言 . 1 1 系统概述 . 2 1.1 本课题的研究意义 . 2 1.2 本论文的目的、内容及发展趋势 . 2 1.3 作者的主要贡献 . 2 2 网站系统概述 . 3 2.1 计算机应用基础教育模型现状 . 3 2.2 网站系统开发方法介绍 . 3 3 系统调研及可行性分析 . 5 3.1 系统调研 . 5 3.2 可行性分析 . 10 4 系统开发环境的选择 . 10 4.1 B/S 体系结构 . 10 4.2 Dreamweaver . 12 4.3 Microsoft SQL Server 2005 . 错误 !未定义书签。 4.4 HTML(Hyper Text Markup
3、Language) . 12 5 系统设计 . 17 5.1 系统概要设计 . 错误 !未定义书签。 5.2 教学辅助网站功能分析 . 错误 !未定义书签。 5.3 教学辅助网站模块设计 . 错误 !未定义书签。 5.4 数据库设计 . 错误 !未定义书签。 6 课程网站界面设计 . 错误 !未定义书签。 6.1 开发环境简介 . 错误 !未定义书签。 6.2 系统界面的设计 . 错误 !未定义书签。 7 总结 . 错误 !未定义书签。 7.1 系统的特点 . 17 7.2 系统的不足和改进 . 错误 !未定义书签。 7.3 设计收获与心得 . 17 参考资料 . 18 致 谢 . 19 英文
4、 文献 翻译 . 20 基于 IOS 的游戏门户 APP 的设计与开发 前言 随着计算机网络通信技术和 Internet 的飞速发展，基于因特网的手机移动应用已经开始成为一种全新的功能需求，并且越来越受到人们的关注。由于移动应用具有简单性，随时随地 性等诸多特点，因此它有着 PC 端所无法比拟的优点。所以在现在的趋势下，手机应用 App 开发工作就显得尤为重要 。 门户网站，也是一个被称为链接页面， 提出一个统一的信息的方式从不同的来源研究。所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。而现在的门户网站不仅限于 PC 端，在现在的移动设备移动网络的主流趋势下，手机
5、 App 端是不可避免的热门。 网络通信现已离不开我们的生活，而在现在的社会人们大部分时间已不在用于解决温饱问题，而是在于参与各种娱乐活动，通过网络来进行互动娱乐。因此网络游戏就此诞生了， 以 互联网 为传输媒介，以 游戏运营商 服务器和用户计算机为处理终端，以游戏客户端软件为 信息交互 窗口 能 实现娱乐、休闲、交流和取得虚拟成就 ，让人们的生活通过网络变的更有趣。 此课题主要实现了在苹果移动手机终端的视频、文本的显示，以收集游戏信息为主的游戏门户 App 软件。 基于 IOS 的游戏门户 APP 的设计与开发 1 系统概述 1.1 本课题的研究意义 IOS 编程时我们大学生未来 充满机遇的
6、发展方向之一，所以了解 IOS 开发流程，学会使用 XCODE 编程工具，掌握 IOS 开发语言 Objective-c，学习 IOS 应用功能西线以及硬件功能的调用，是我这次选用 IOS 平台开发游戏门户 APP 的重要原因。 本人接触 IOS 系统的时间才几个月，在这几个月的学习中，对 IOS 系统开发有了一些了解， 这次 能开发这款 App 软件也是一次很好的机会 。希望借着这次机会 来加强巩固自己对 IOS 的理解。使自己能在开发 IOS 系统 App 这条路上走的更远。 全球信息化、网络化进程正逐渐改变着人们的生活方式， Internet 技术和 应用以及网站的爆炸性增长对人们的工作
7、、娱乐乃至日常生活的各个层面都带来了深刻的影响。而在这个大环境下，手机也成为人们快速获取、发布和传递信息的重要渠道。 1.2 本论文的目的、内容及发展趋势 1.2.1 目的 游戏门户网站最基本的功能是提供最新的游戏业界资讯，给玩家提供交流的平台，同时也是游戏供应商的宣传平台。所以结合手机成为我们生活中比不可少的事物之后，建设手机端的游戏门户网站是一个大趋势，能够让人们能够第一时间了解到最新的游戏资讯，时下最火爆的游戏是哪一款等，为用户提供了更方便的体验。 1.2.2 内容 本系统是基于 IOS 操作系统以 Xcode 软件使用 Objective-C 语言开发设计的手机软件系统（ APP），主
8、要实现：主页面的原型设计和主页面到分页面的切换，视频的点击播放。 主要页面上有导航栏，导航栏下方是热点新闻的前三条信息，下面是精彩视频的前四条视频的展示，这就是主页面的内容，其他分页面的内容可以通过点击导航栏上的按钮跳转到相应页面。 1.2.3 发展趋势 现如今通过手机 来 游览 信息已经成为大多数人，每天都要做的事情了 尤其是年轻人 。手机操作系统有很多种。目前主流的有 Android、 IOS 这两种操作系统，相比 于 Android系统， IOS 系统操作起来更流畅而且美观、简洁、易操作。 IOS 系统作为一个市场占有超过 40%左右 的手机平台，其移动应用发展非常迅猛。根据这个优势，设
9、计 开发 一款基于 IOS 系统的游戏门户 App 会受到广大游戏爱好者的青睐。 基于 IOS 的游戏门户 APP 的设计与开发 2 需求分析 2.1 可行性分析 可行性分析也被称作为可行性研究。是要对自己所研究开发的课题做一个详细的分析。通过对经济、技术、社会等方面的分析来确定游戏门户 APP 能成功开发。 （ 1） 经济可行性分析：因为本软件是基于 IOS 系统 开发使用 Xcode 工具进行的，所以需要有 OS 系统的环境太 能成功开发。这个方面可以借助学校的苹果机房来完成所欠缺的系统环境，美工和交互方面的技术也有所掌握。所以开发游戏门户 APP 在经济方面是可行的。 （ 2） 社会可行
10、性分析：开发这款 App,并不是为了盈利的目的不会损害到任何人的利益，也完全符合国家的政策方针，没有宣传什么对社会有损害的不良信息。所以开发这款 APP 在社会反应方面也是不会有什么问题的。 （ 3） 技术可行性分析：在技术方面有运用到 Objiect-c，以及设计软件界面 Photo和交互功能的 Xcode 等应用。这款 APP 主要的是图形设计这一块，本人在中专时期就学习了美工 ，而交 互的 Xcode 也是大学期间主要学习的课程，所以从技术方面分析师完全可行的。 2.2 功能分析（模块图和功能介绍） 本课题的游戏门户 APP 主要包含新闻、视频、排行、攻略四大模块，具体看下文和图2-1，
11、 2-2. （ 1） 主页（首页面）：首页面上主要有四个模块分别是导航栏，热点新闻，精彩视频和 LOGO。导航栏上有四个标签：新闻，视频，排行，攻略，点击四个标签能跳转到这四个的分页面模块上。 热点新闻模块是展示新闻模块里面的前三条信息放在主页面上点击这三条信息就会直接跳转到这信息的详细页面。精彩视频 模块里面是选取了四 个视频和文字介绍放在首页面上，点击视频会直接跳转到视频播放页面。 （ 2） 新闻模块：新闻模块里是搜集了有关游戏的热点新闻，最新资讯，里面 是由新闻的缩略图和标题关键字介绍做界面，点击缩略图或文字会跳转到这条新闻资讯的详细介绍界面，在界面的最上方有返回新闻模块的按钮。 （ 3
12、） 视频模块：这个模块里面收集了玩家视频，游戏宣传视频等。页面布局是视频的缩略图和文字介绍所组成。 （ 4）排行模块：这个页面里是对最受玩家欢迎的游戏做一个排行榜，点击排行榜里的相应游戏，会跳转到这个游戏的详细介绍页面。 （ 5）攻略模块：收集官方给 出的各个游戏的攻略文档，和玩家自己总结出的经验，做一个集合，页面布局是有标题和文字组成，点击相应的标题跳转到详细页面。 本软件主要是 实现页面之间的交互功能和视频播放功能。 基于 IOS 的游戏门户 APP 的设计与开发 图 2-1 游戏门户 APP 主页 精彩视频 热点新闻 新闻界面 视频界面 排行界面 攻略界面 基于 IOS 的游戏门户 AP
13、P 的设计与开发 图 2-2 3 游戏门户 APP 的设计 3.1 界面设计（框架设计） 界面设计（框架设计 ）是使用 Photoshope 来完成的布局。 后期也是使用 Photo 来完成最终的美化界面然后再使用 Xcode 来进行页面的交互功 能和视频的播放功能。 主要有四个模块， 6 种界面，分别是首页、新闻界面、视频界面、排行界面、攻略界面以及几大界面的分类子界面。 (1) 首 页界面 首页主要是用来做一个导航和分类子页面信息的一个展示。构成是由图片、导航栏和视频缩略图组成。 点击进入 APP 进入主页 点击导航栏进入相应的分界面 点击热点新闻直接进入新闻的详细页面，在点击左上角可以返
14、回到主页 点击精彩视频直接进入播放界面在点击左上角可以返回到主页 新闻 视频 排行 攻略 基于 IOS 的游戏门户 APP 的设计与开发 (2) 新闻界面 新闻界面既是新闻主界面，是由缩略图 、 按钮 和文字 组成。 是对热点新闻的一个简略的介绍和查看。 基于 IOS 的游戏门户 APP 的设计与开发 （ 2.1） 新闻页面的分类页面 这个页面是用来展示所选中点击的新闻的详细的内容。 基于 IOS 的游戏门户 APP 的设计与开发 （ 4） 视频界面 视频界面主要是展示精彩视频的缩略图和简短文字的介绍，根据用户兴趣点击 视频缩略图播放视频。 （ 5） 排行页面 排行界面主要是展示现下最热门的游戏的排名，在加上游戏的 LOGO 和文字介绍，点击 LOGO 就会进入这个游戏的详细介绍页面 。
