游戏门户网站APP毕业论文

摘要

随着社会与科技的发展，人们越来越注重移动，便携与方便。而睡着这股潮流的发展，手机应用应运而生。随着手机的普及，在生活中人们经常使用，已经成为生活中不可缺少的一件事物了。

本次的设计项目是游戏门户APP软件，这个App的设计制作是基于IOS系统，采用Xcode程序设计做一个游戏门户App的原型设计。首先我采用了Axure软件做原型设计，在Axure和PhotoShope中做好分类页面，页面的排版，页面的美化等，在导入到Xcode 中去做交互功能。实现最终的效果。

关键词：IOS，APP，游戏门户网站，Xcode，原型设计

I

目录

前言 (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 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)

英文文献翻译 (20)

前言

随着计算机网络通信技术和Internet的飞速发展，基于因特网的手机移动应用已经开始成为一种全新的功能需求，并且越来越受到人们的关注。由于移动应用具有简单性，随时随地性等诸多特点，因此它有着PC端所无法比拟的优点。所以在现在的趋势下，手机应用App开发工作就显得尤为重要。

门户网站，也是一个被称为链接页面，提出一个统一的信息的方式从不同的来源研究。所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。而现在的门户网站不仅限于PC端，在现在的移动设备移动网络的主流趋势下，手机App端是不可避免的热门。网络通信现已离不开我们的生活，而在现在的社会人们大部分时间已不在用于解决温饱问题，而是在于参与各种娱乐活动，通过网络来进行互动娱乐。因此网络游戏就此诞生了，以互联网为传输媒介，以游戏运营商服务器和用户计算机为处理终端，以游戏客户端软件为信息交互窗口能实现娱乐、休闲、交流和取得虚拟成就，让人们的生活通过网络变的更有趣。

此课题主要实现了在苹果移动手机终端的视频、文本的显示，以收集游戏信息为主的游戏门户App软件。

1 系统概述

1.1本课题的研究意义

IOS编程时我们大学生未来充满机遇的发展方向之一，所以了解IOS开发流程，，学会使用XCODE编程工具，掌握IOS开发语言Objective-c，学习IOS应用功能西线以及硬件功能的调用，是我这次选用IOS平台开发游戏门户APP的重要原因。

本人接触IOS系统的时间才几个月，在这几个月的学习中，对IOS系统开发有了一些了解，这次能开发这款App软件也是一次很好的机会。希望借着这次机会来加强巩固自己对IOS的理解。使自己能在开发IOS系统App这条路上走的更远。

全球信息化、网络化进程正逐渐改变着人们的生活方式，Internet技术和应用以及网站的爆炸性增长对人们的工作、娱乐乃至日常生活的各个层面都带来了深刻的影响。而在这个大环境下，手机也成为人们快速获取、发布和传递信息的重要渠道。

1.2本论文的目的、内容及发展趋势

1.2.1目的

游戏门户网站最基本的功能是提供最新的游戏业界资讯，给玩家提供交流的平台，同时也是游戏供应商的宣传平台。所以结合手机成为我们生活中比不可少的事物之后，建设手机端的游戏门户网站是一个大趋势，能够让人们能够第一时间了解到最新的游戏资讯，时下最火爆的游戏是哪一款等，为用户提供了更方便的体验。

1.2.2内容

本系统是基于IOS操作系统以Xcode软件使用Objective-C语言开发设计的手机软件系统（APP），主要实现：主页面的原型设计和主页面到分页面的切换，视频的点击播放。主要页面上有导航栏，导航栏下方是热点新闻的前三条信息，下面是精彩视频的前四条视频的展示，这就是主页面的内容，其他分页面的内容可以通过点击导航栏上的按钮跳转到相应页面。

1.2.3发展趋势

现如今通过手机来游览信息已经成为大多数人，每天都要做的事情了尤其是年轻人。手机操作系统有很多种。目前主流的有Android、IOS这两种操作系统，相比于Android 系统，IOS系统操作起来更流畅而且美观、简洁、易操作。IOS系统作为一个市场占有超过40%左右的手机平台，其移动应用发展非常迅猛。根据这个优势，设计开发一款基于IOS系统的游戏门户App会受到广大游戏爱好者的青睐。

2需求分析

2.1可行性分析

可行性分析也被称作为可行性研究。是要对自己所研究开发的课题做一个详细的分析。通过对经济、技术、社会等方面的分析来确定游戏门户APP能成功开发。

（1）经济可行性分析：因为本软件是基于IOS系统开发使用Xcode工具进行的，所以需要有OS系统的环境太能成功开发。这个方面可以借助学校的苹果机

房来完成所欠缺的系统环境，美工和交互方面的技术也有所掌握。所以开发

游戏门户APP在经济方面是可行的。

（2）社会可行性分析：开发这款App,并不是为了盈利的目的不会损害到任何人的利益，也完全符合国家的政策方针，没有宣传什么对社会有损害的不良信息。

所以开发这款APP在社会反应方面也是不会有什么问题的。

（3）技术可行性分析：在技术方面有运用到Objiect-c，以及设计软件界面Photo 和交互功能的Xcode等应用。这款APP主要的是图形设计这一块，本人在

中专时期就学习了美工，而交互的Xcode也是大学期间主要学习的课程，所

以从技术方面分析师完全可行的。

2.2功能分析（模块图和功能介绍）

本课题的游戏门户APP主要包含新闻、视频、排行、攻略四大模块，具体看下文和图2-1，2-2.

（1）主页（首页面）：首页面上主要有四个模块分别是导航栏，热点新闻，精彩视频和LOGO。导航栏上有四个标签：新闻，视频，排行，攻略，点击四个标签能跳转到这四个的分页面模块上。热点新闻模块是展示新闻模块里面的前三条信息放在主页面上点击这三条信息就会直接跳转到这信息的详细页面。精彩视频模块里面是选取了四个视频和文字介绍放在首页面上，点击视频会直接跳转到视频播放页面。

（2）新闻模块：新闻模块里是搜集了有关游戏的热点新闻，最新资讯，里面是由新闻的缩略图和标题关键字介绍做界面，点击缩略图或文字会跳转到这条新闻资讯的详细介绍界面，在界面的最上方有返回新闻模块的按钮。

（3）视频模块：这个模块里面收集了玩家视频，游戏宣传视频等。页面布局是视频的缩略图和文字介绍所组成。

（4）排行模块：这个页面里是对最受玩家欢迎的游戏做一个排行榜，点击排行榜里的相应游戏，会跳转到这个游戏的详细介绍页面。

（5）攻略模块：收集官方给出的各个游戏的攻略文档，和玩家自己总结出的经验，做一个集合，页面布局是有标题和文字组成，点击相应的标题跳转到详细页面。

本软件主要是实现页面之间的交互功能和视频播放功能。

图2-1

图2-2

3 游戏门户APP的设计

3.1 界面设计（框架设计）

界面设计（框架设计）是使用Photoshope来完成的布局。后期也是使用Photo来完成最终的美化界面然后再使用Xcode来进行页面的交互功能和视频的播放功能。

主要有四个模块，6种界面，分别是首页、新闻界面、视频界面、排行界面、攻略界面以及几大界面的分类子界面。

(1)首页界面

首页主要是用来做一个导航和分类子页面信息的一个展示。构成是由图片、导航栏和视频缩略图组成。

(2)新闻界面

新闻界面既是新闻主界面，是由缩略图、按钮和文字组成。是对热点新闻的一个简略的介绍和查看。

这个页面是用来展示所选中点击的新闻的详细的内容。

（4）视频界面

视频界面主要是展示精彩视频的缩略图和简短文字的介绍，根据用户兴趣点击视频缩略图播放视频。

（5）排行页面

排行界面主要是展示现下最热门的游戏的排名，在加上游戏的LOGO和文字介绍，点击LOGO就会进入这个游戏的详细介绍页面。

攻略页面是搜集各个游戏的玩家的一些心得来展示出来。

3.2 界面流程设计

游戏门户APP主要是通过点击按钮或导航栏来经行界面的交互和跳转。具体过程如图。3.2-1

图3.2-1

4游戏门户APP的实现

4.1 开发工具的选择（介绍）

4.1.1 PhotoShop软件

从功能上看，该软件可分为图像编辑、图像合成、校色调色及特功能特色效制作部分等。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。

图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合。

校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。

4.1.2 Xcode软件

Xcode是苹果公司开发的编程软件，是开发人员建立OS X和 IOS应用程序的最快捷的方式。Xcode 具有统一的用户界面设计，编码、测试、调试都在一个简单的窗口内完成。

根据斯诺登提供的资料，美国政府研究人员创建了一个版本的苹果软件应用开发工具Xcode，希望借此将监控后门植入到通过苹果应用商店App Store发布的应用程序中。

Xcode是一个强大的专业开发工具，可以简单快速、而且以您熟悉的方式执行绝大多数常见的软件开发任务。相对于创建单一类型的应用程序所需要的能力而言，Xcode要强大得多，它的设计目的是使您可以创建任何想像得到的软件产品类型，从Cocoa及Carbon应用程序，到内核扩展及Spotlight导入器等各种开发任务，Xcode都能完成。

Xcode独具特色的用户界面可以帮助您以各种不同的方式来漫游工程中的代码，并且使您可以访问工具箱下面的大量功能，包括GCC，javac，jikes，和GDB，这些功能都是制作软件产品需要的。它是一个由专业人员设计的、又由专业人员使用的工具。

由于能力出众，Xcode已经被Mac开发者社区广为采纳。而且随着苹果电脑向基于Intel的Macintosh迁移，转向Xcode变得比以往的任何时候更加重要。这是因为使用Xcode可以创建通用的二进制代码，这里所说的通用二进制代码是一种可以把PowerPC和Intel架构下的本地代码同时放到一个程序包的执行文件格式。事实上，对于还没有采用Xcode的开发人员，转向Xcode是将应用程序连编为通用二进制代码的第一个必要的步骤。

无论您是已经有一定Xcode经验的开发者，还是刚刚开始迁移的新用户，都需要对Xcode的用户界面及如何用Xcode组织软件工程有一些理解，这样才能真正高效地使用这个工具。这种理解可以大大加深您对隐藏在Xcode背后的哲学的认识，并帮助您更好地使用Xcode。

4.1.3 Objective-C语言

Objective-C，通常写作ObjC和较少用的Objective C或Obj-C，是扩充C的面向对象编程语言。它主要使用于Mac OS X和GNUstep这两个使用OpenStep标准的系统，而在NeXTSTEP和OpenStep中它更是基本语言。Objective-C可以在GCC以及Clang运作的系统上编写和编译，因为GCC与Clang含Objective-C的编译器。

Objective-C用途：编写iOS操作系统(如：iPhone、iPod touch、iPad等苹果移动终端设备)应用程序和Mac OS X操作系统应用程序的利器。Objective-C的流行当归功于iPhone的成功，因为Objective-C被用于编写iPhone应用程序。

Objective-C是非常实际的语言。它是一个用C写成、很小的运行库，只会令应用程序的尺寸增加很小，和大部分OO系统使用极大的VM执行时间会取代了整个系统的运作相反。Objective-C 写成的程序通常不会比其原始码大很多。而其函式库(通常没附在软件发行本)亦和Smalltalk系统要使用极大的内存来开启一个窗口的情况相反。因此，Objective-C它完全兼容标准C语言（C++对C 语言的兼容仅在于大部分语法上，而在ABI（Application Binary Interface）上，还需要使用extern "C"这种显式声明来与C函数进行兼容），而在此基础上增加了面向对象编程语言的特性以及Smalltalk 消息机制。

4.2 界面功能的实现

4.2.1 总体界面跳转功能的实现

本APP是使用Xcode的故事板的方式来进行对界面交互和跳转的设计，整体效果图如下。图4-1

图4-1

4.2.2 首页界面的实现（界面说明/界面效果图）

此界面是游戏门户APP的首页界面，首页上由导航栏，热点新闻和精彩视频三个模块组成。热点新闻模块和精彩视频模块就是导航栏上新闻和视频界面的先期展示。如图4-2

图4-2

4.3 新闻界面的实现

这个界面是点击导航栏上的新闻按钮跳转过来的，此界面主要展示全部的新闻热点。前三个由文字和图片组成，后几个都是文字标题。点击图片或文字可跳转到详细页

面。如图4-3-1 4-3-2

图4-3-1 图4-3-2

4.4 视频界面的实现

点击导航栏上的视频按钮就能跳转到此页面，此页面展示的是全部的视频缩略图，点击图可跳转到播放界面。如图4-4-1 4-4-2

图4-4-1 图4-4-2

4.5 排行界面的实现

下图4-5-1就是排行界面的效果图，图4-5-2是排行第一的游戏的详细介绍页面。

图4-5-1 图4-5-2

4.6 攻略界面的实现

此界面由游戏图标标题和主内容的部分内容组成，点击图标或标题跳转到详细页面。如图4-6-1 4-6-2

图4-6-1 图4-6-2

5 总结

5.1系统的特点，不足和改进

本系统的特点就是操作简洁界面清晰不会有什么很复杂的功能，让用户能够一目了然的找到自己想要的。软件以IOS系统界面与用户交互，为用户提供信息并接受其操作，以分模块的形式来设计的页面，方便用户使用。因为时间上的一些原因，本软件还存在一些不足之处，界面虽然简洁单还不够美观，功能也只有页面点击切换交互和视频点击播放，还需要去一步步的优化有改进。后期会加入更多的功能来充足本软件的功能不足之处。

5.2 设计收获与心得

毕业设计真的是一次很好的机会，能让我们检视自己在大学三年所学习的知识的应用，并提高和巩固让自己明白自己还有那些不足之处。总的来说毕业设计就是一面镜子，自己好的坏的都会被“照“出来。这次设计游戏门户APP的过程不仅是对我的学识的应用，也是对我综合处理和解决问题能力的锻炼。通过这次的机会让我对APP的设计有了更多更深入的了解，让我的各项能力和技术有了大量的提高。当然在设计过程中也遇到了很多的困难，但是通过同学和老师的帮助以及自己去寻找解决的方法，最终还是很顺利的完成了毕业设计。

参考资料

[1]（美）科施恩著，张波等译.《Objective-C2.0程序设计》[M]北京:机械工业出

版社，2009年

[2]Dava Mark 、Jeff LaMarche.《iPhone开发基础教程》[M].北京:人民邮电出

版社，2009年

[3]Erica Sadun.《iPhone开发秘籍》[M].北京: 人民邮电出版社，2009年

[4]唐巧.《iOS开发进阶》[M].北京:电子工业出版社，2014年

[5]（美）达尔林普尔，（美）纳斯特.《Objective-C 基础教程》[M].北京：人民

邮电出版社，2009年

[9]Todd Zaki Warfel.《原型设计》[M].北京：清华大学出版社，2012年

[7]Ezra Schwartz.《Axure RP 6原型设计精髓》[M].华中科技大学出版社，2013年.