学术机构课程管理的网站开发外文翻译资料
2022-12-05 16:53:47
英语原文共 6 页，剩余内容已隐藏，支付完成后下载完整资料
学术机构课程管理的网站开发
苏珊娜·亨利女士
高级讲师，计算机科学，博拉理工学院 迪拜，阿拉伯联合大公国
阿拉希迪普·辛格先生
学生，伯拉计算机科学与技术研究所 迪拜，阿拉伯联合大公国
摘要：本报告将广泛地阐述开发这种课程管理网站所进行的过程。网站从零开始的创建，设计和开发。整个网站采用HTML5编码。数据实施和整合也已经普遍地被写过了。也用了像Adobe Photoshop和Website builder这样的工具和应用程序来制作这个网站。在需要的地方也添加了图片（截图）。
1. 简介
今天的年轻一代在网上花费大量的时间，访问如Facebook，YouTube之类的网站，在谷歌上搜索他们的每个疑问。即使对于学者来说，我们更倾向于应参考互联网上的学习资料和文档，而不仅仅是浏览。把与所有课程相关的文件放在一个地方，这是多么地便利啊。其它地方并没有更多的通道可以用来寻找通知或借笔记。如果教授能够在网上通知我们，他更新了一下自己的网上课程，那就不需要亲自去通知我们了。然而在大部分大学并不能处理这种情况。
因此开发一个课程管理网站的想法将会服务两类人，即学生和教授。这将有助于他们最有效地利用自己的时间。已开发的网站拥有所有院系在网上存储的学习资料，可供学生下载使用。本网站并不仅仅只有学习材料，也有各院系和俱乐部发出的有关特定课程的通知。
2. 网站开发
该网站属于教育范畴。更准确地说，这个网站是用来为学术机构做课程管理的。
2.1 网站的创建
该网站的开发过程涉及以下提到的步骤：[1]
2.1.1 定义概念
我们生活在一个现代的世界里，互联网的重要性与日俱增，这些天互联网已经成为各个领域的必需品。各种各样的人都在使用互联网在社交网站上联系他们的朋友，利用互联网在网上购物，并且学生也在使用谷歌搜索在他们心中出现的每一个问题。
这就导致了开发一个网站这种想法的产生。如果有一个网站，该网站只关注学生的学术课程和学习材料。学生将在互联网上花费他们的时间来持续关注他们的学术课程。而这种机会导致了这样一个网站的开发。
该网站的目的是明确的，使学生和教授能在同一个地方进行互动。因此，所有的教授都在网站中，并要求他们的材料，最终都将被挂在网站上。该网站的观众将是大学学生。
这个想法是来帮助学生的，作为一个学生并不能跑去位于校园不同地方的不同告示板前看通知。因此，这作为一个开发理念，把来自不同院系的通知放在网站上，使学生能够更轻松地检查、了解他们的考试日程安排。在网站上，也提供了与课程相关的俱乐部的信息，这样能够让学生参与到他们的学术相关的课外活动中。
2.1.2 设计模板
定义概念后，我们需要设计网站的模板。这个网站是利用HTML5来建设的。在HTML5网站建设中，并没有提供很多预定义模板，但是，任何网站模板都是通过设计不同的页面，创建网站标志和创建用户界面进行编辑的。界面是用户看到的，并能在网站上进行交互。
当主页是专为这个网站而设计的，加入的有关网站的资料和告示板被呈现出来，这使得那些访问网站的学生能更轻松地找到来自院系的通知。然后就是放置学习材料的网页的位置，四年的课程拥有不同的页面，同一年的课程被放在同一页上。最后，计算机科学俱乐部页面被与我们联系页面设计在一起。
2.1.3 定义相互作用
网站开发中下一步要做的事就是设计好的模板的实现。用户和模板的相互作用是非常重要的。使用代码和超链接的设计的网页动画是定义相互作用的一个组成部分。[2]
由于这个网站是为大学的学生而设计的，网站的浏览必须尽可能的直接。在这个网站上，导航菜单由下列选项组成：
- 首页
- 院系材料
- 计算机科学俱乐部
- 联系我们
2.1.4 实现行为
在定义导航栏后，用户可以在网站上操作，页面的行为由编写的代码来实现。在放着大学教授提供的学习资料的页面上，每个文件都有各自的图标按钮，学生仅仅需要点击一下，就能自动下载特定的文件。
2.1.5 合并数据
对于网站的数据，所有的教授都必须参与并需要他们提供学习材料。
然后学习材料得根据其所属的年份和各自的课程信息来安排。所有这些数据由主机帐户上传，通过使用HTML代码使其呈现在网站上。[5]
- 设计工具和语言
3.1 HTML
HTML是一种在互联网上使用的核心技术标记语言，它用于在万维网中组织与呈现内容。截至2014年10月，万维网联盟的HTML标准最终完成第五次修订。以前的版本，HTML4，于1997年标准化。[3]
开发网站需要超文本标记语言（HTML）的知识。以下是用于各种操作的预定义标签。[4]
举个例子：
|
1. |
lt;agt; |
定义一个超链接 |
|
2. |
lt;articlegt; |
定义一篇文章 |
|
3. |
lt;audiogt; |
定义音频 |
|
4. |
lt;bodygt; |
定义文档的主体 |
|
5. |
lt;buttongt; |
定义一个可点击的按钮 |
|
6. |
lt;footergt; |
定义文档的页脚 |
|
7. |
lt;h1gt;到lt;h6gt; |
定义HTML的标题 |
|
8. |
lt;headergt; |
定义文档头部 |
|
9. |
lt;iframegt; |
定义一个内联框架 |
|
10. |
lt;imggt; |
定义一幅图片 |
|
11. |
lt;inputgt; |
定义输入控件 |
|
12. |
lt;maingt; |
定义主要内容 |
|
13. |
lt;ulgt; |
定义目录列表 |
而且开发特定的网站也需要用到很多其他的标签。[5]
3.2 HTML5网站生成器
有很多网站在互联网上提供网站生成器服务。被选择用来开发网站的网站生成器有它自己的应用市场。
在网站生成器中有选择和下拉菜单，这使得编码变得更加简单，因为你不需要自己使用HTML来完成整个编码。有了网站生成器，开发者可以根据自己的需求来选择和修改模板。
开启由网站生成器选择的模板，然后修改来充分利用可用空间。然后，建立网站的第一步是建立所需的网页。如下面的截图所示，该页面是由添加页面选项创建的，然后填补页面各自的细节信息。创建页面后，由于导航菜单的可见性，页面的设置被修改了，并且出现了各自页面的链接。[6]
图1 在网站生成器上创建新的页面
在网站所需要的页面被创建后，下一步骤就是对这些网页的编辑。因此，可以到处添加文本框以供在页面上书写。如下面的截图中，添加的选项如文字和图片都可用。在页面上可以选择或丢弃文本的一些选项，无论文本被写在何处，这些文本框的属性就被设置了，这些属性包括颜色，大小和文本的字体等等。
图2 在网页上添加文本框
一旦文本框被放置在一个位置，导航栏就被创建了。导航栏是网站的最重要的部分，因为它可以让你和用户进行互动。在网站的访问者是学生的情况下，导航栏被放置在前面使其更容易被使用。至于其他的功能，如适当地对齐等等，如下所示：
图3 导航菜单属性
一旦网站的导航菜单完成，院系详细信息页面的编辑就开始了，这里需要加入列表。
图4 网站生成器上的列表属性
院系详细信息页面是有列表的，在那里可以看到教授的详细信息，如他们的办公室号，电子邮件地址，当然，最重要的是他们负责的课程信息。教授的资料一旦被放在网站上，那么网站最关键的就是文件被放置的地方，那里可供学生下载。第一步是上传文件，使其存储在网站上。
图5 存储在网站生成器上的文档
上传文件，使其存储在网站上后，需要根据他们各自的年份和课程分类进行组织。然后，加入文件对应的图标标题。
图6 文档的属性
最后，联系我们页面，联系方式可在应用程序市场上找到。一直向下拉就可以看到：
图7 应用程序市场
在此之后，网站发布。
3.3 Photoshop CS6
Adobe Photoshop是用于Windows和OS X.系统的由Adobe Systems开发并发布的光栅图形编辑器。
本网站所使用的图片都是用Adobe公司的Photoshop进行编辑的。[7]
- 总结
总之可以说，创建这个网站对学生和教授来说是非常有用的。这将帮助他们更有效地学习，也介绍了教授和学生之间的虚拟通信的概念。
致 谢
利用这个机会表达我的感激之情，谢谢大家在这个大学工程课题中对我的支持。我很感谢在他们热情地指导下，该项目的工作过程中出现了很多有价值的建设性的批评和友好的建议。特别感谢我的项目主管苏珊娜·亨利夫人，谢谢她分享的一些与网站的发展有关的诚实和富有启发性的意见，特别是撰写本报告时所提到的问题。我还要感谢所有皮拉尼迪拜的计算机科学系教授。此外，我还要热烈的感谢萨赫勒戈亚尔先生，他为此网站提供了伟大的见解，在整个工程的开发中给与我很大的帮助。
参考文献
[1]http://helpx.adobe.com/dreamweaver.html
[2]A Software Engineer Learns HTML5,JavaScript and jQuery Paperback_November 25,2013 by Dane Cameron
[3]http://en.wikipedia.org/wiki/HTML5
[4]http://www.w3school.com/tags/
[5]HTML and CSS:Design and Build Websites(1 edition)(Novermber 8,2011) by John Duckett
[6]www.wix.com
[7]Beginners Guide to Adobe Photoshop:Easy Lessons for Rapid Learning and Success Paperback-March,2002 by Michelle Perkins
第一作者：苏珊娜▪亨利是皮拉尼迪拜校区计算机科学系的一个高级讲师。她在教学计算机科学和电子与通信工程专业的学生方面有8年的成功经验。她拥有大量计算机应用程序方面的知识，有能力给学生提供最好的练习，能够解决有关C语言编程方面的问题。她也是一位研究学者，目前正在研究移动互联网协议版本4和6的话题。
第二作者：阿拉希迪普·辛格是皮拉尼迪拜伯拉计算机科学与技术研究所的毕业生。今年夏天，他将得到他的计算机科学方面的B.E.（荣誉）。他在印度博拉理工学院时，曾与ACM有密切接触，ACM致力于帮助其成员随着计算机科学的进步不断学习。在ACM 的帮助下，阿拉希迪普已经在大学组织了各种研讨会和活动，以鼓励更多的学生学习计算机科学。当阿拉希迪普不学习或不在ACM工作时，他喜欢打游戏，听音乐，唱歌，踢足球和板球。
剩余内容已隐藏，支付完成后下载完整资料
资料编号：[28835]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
