Создание интерактивных Web-приложений с использованием языка программирования JavaScript

Автор работы: Пользователь скрыл имя, 28 Июня 2014 в 18:25, курсовая работа

Краткое описание

Целью работы является создание интерактивного Web-приложения с использованием языка программирования JavaScript.
Достижение предполагаемой цели связано с решением следующих задач:
1. Изучить и систематизировать теоретический материал по данной теме.
2. Определить возможности языка программирования JavaScript.
3. Провести сравнительный анализ языков программирования JavaScript и PHP.

Содержание

Введение…………………………………………………………………………...3
§1. Возможности языка программирования JavaScript………………………....4
§2. Сравнительная характеристика языков программирования JavaScript и PHP ……………………………………………………………………………..….6
§3. Создание интерактивного Web-приложения с использованием языка программирования JavaScript на примере теста по теме «Программирование на языке Delphi»……………………………………………………………….…10
Заключение ………………………………………………………………………17
Список литературы ……………………………………………………………...18

Скачать в ZIP архиве (26.78 Кб) Сколько стоит заказать работу?
Вложенные файлы: 1 файл

МОЯ КУРСОВАЯ ПО ИНФО..doc

— 100.00 Кб (Скачать файл)

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

<title>тест</title>

<script type="text/javascript">

functionshowById(id, visible)

{

document.getElementById(id).style.display =

visible ? 'block': 'none'

}

functionprocessForm(f)

{

vari, s='', el

varquestions = newObject()

varanswers = newObject()

for(i=0; i<f.length; i++)

{

el = f.elements[i]

if(el.type=='radio'&& el.name.indexOf('question')==0)

{

questions[el.name] = 0

if(el.checked)

answers[el.name] = parseInt(el.value)

}

}

varasked = 0, answered = 0, score = 0

for(i inquestions) asked++

for(i inanswers)

{

answered++

score += answers[i]

}

if(answered < asked)

{

alert('Вы ответили на '+answered+' вопросов из '+asked+'.

Для получения достоверного результата нужно ответить на все воросы')

}

else

{

showById('questionsForm', false)

el = document.getElementById('score')

el.innerHTML = (score>0) ? '+'+score : score

showById('results', true)

if(score == 0)

showById('1', true)

elseif(score == 1)

showById('2', true)

elseif(score == 2)

showById('3', true)

elseif(score == 3)

showById('4', true)

elseif(score == 4)

showById('5', true)

elseif(score == 5)

}

}

functionresetTest()

{

showById('results', false)

showById('questionsForm', true)

document.forms['opros'].reset()

}

</script>

</head>

<body> 

<hr width="100%"size="2"/>

<h3 align="center">Тест  по теме "Программирование на языке Delphi"</h3>

<hr width="100%"size="2"/>

<div id="questionsForm">

<formname="opros"><p />

<strong>1.</strong>Технология  визуального проектирования и  событийного программирования, суть  которой заключается в том, что  среда разработки берет на себя большую часть рутинной работы, оставляя программисту работу по конструированию диалоговых окон и функций обработки событий

<input type="radio"name="question1"value="0"id="q1a1"/><label for="q1a1">a)

Object TreeView</label>

<input type="radio"name="question1"value="0"id="q1a2"/><label for="q1a2">b)

Object Inspector</label>

<input type="radio"name="question1"value="1"id="q1a3"/><label for="q1a3">c)

Rapid Application Development</label>

<input type="radio"name="question1"value="0"id="q1a4"/><label for="q1a4">d)

Object Inspector</label> 

<hr />

<p />

<strong>2.</strong>Окно, которое  представляет собой заготовку  главного окна разрабатываемого приложения

<input type="radio"name="question2"value="1"id="q2a1"/><label for="q2a1">a)

Стартовая форма</label>

<input type="radio"name="question2"value="0"id="q2a2"/><label for="q2a2">b)

Object TreeView</label>

<input type="radio"name="question2"value="0"id="q2a3"/><label for="q2a3">c)

Rapid Application Development</label>

<input type="radio"name="question2"value="0"id="q2a4"/><label for="q2a4">d)

Object Inspector</label>

<hr/>

<p/>

<strong>3.</strong>Среда быстрой  разработки, в которой в качестве  языка программирования используется язык Delphi.

<input type="radio"name="question3"value="0"id="q3a1"/><label for="q3a1">a)

Delphi</label>

<input type="radio"name="question3"value="1"id="q3a2"/><label for="q3a2">b)

Rapid Application Development</label>

<input type="radio"name="question3"value="0"id="q3a3"/><label for="q3a3">c)

Стартоваяформа</label>

<input type="radio"name="question3"value="0"id="q3a4"/><label for="q3a4">d)

Object TreeView</label>

<hr/>

<p/>

<strong>4.</strong>Окно, предназначенное для редактирования значений свойств объектов

<input type="radio"name="question4"value="0"id="q4a1"/><label for="q4a1">a)

Стартовая форма</label>

<input type="radio"name="question4"value="0"id="q4a2"/><label for="q4a2">b)

Object TreeView</label>

<input type="radio"name="question4"value="1"id="q4a3"/><label for="q4a3">c)

Object Inspector</label>

<input type="radio"name="question4"value="0"id="q4a4"/><label for="q4a4">d)

Rapid Application Development</label>

<hr/>

<p/>

<strong>5.</strong>Окно, которое  отображает визуальные и невизуальные  компоненты, находящиеся на форме, модуле данных, или во фрейме

<input type="radio"name="question5"value="0"id="q5a1"/><label for="q5a1">a)

Стартовая форма</label>

<input type="radio"name="question5"value="0"id="q5a2"/><label for="q5a2">b)

Rapid Application Development</label>

<input type="radio"name="question5"value="0"id="q5a3"/><label for="q5a3">c)

Object Inspector</label>

<input type="radio"name="question5"value="1"id="q5a4"/><label for="q5a4">d)

Object TreeView</label>

<hr/>

<p/>

<input type="button"value="Ответить"onClick="processForm(this.form)"/>

<input type="reset"value="Очистить"></input>

</form>

</div>

<hr />

<div id="results"style="display:none;">

<h3>Количество правильных ответов: <spanid="score"></span></h3>

<div id="1-"style="display: none";>

<p>Ваша оценка: 1-</p>

<div id="1"style="display: none";>

<p>Ваша оценка: 1</p>

<div id="1+"style="display: none";>

<p>Ваша оценка: 1+</p>

</div>

<hr/>

<p>Спасибо за участие  в тестировании</p>

<input type="button"value="Начатьзаново"onClick="resetTest()"/><tml>ipt


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Заключение

 

В ходе научно-исследовательской  работы над курсовой работой были решены следующие задачи:

  1. Изучен и систематизирован теоретический материал по теме исследования.
  2. Определены возможности языка программирования JavaScript.
  3. Проведен сравнительный анализ языков программирования JavaScript и PHP.
  4. Разработано интерактивное Web-приложение на примере теста по теме «Программирование на языке программирования Delphi».

В данной курсовой работе были выполнены все задачи, обозначенные во введении, благодаря чему авторы достигли поставленной цели – создание интерактивного Web-приложения с использованием языка программирования JavaScript.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Список литературы

 

  1. Матросов А.В., Сергеев А.О, Чаунин М.П. HTML 5.0. – СПб.: БХВ-Петербург, 2010.
  2. Кенин А.М., Печенкина Н.С. Новый уровень создания HTML-документов. – Екатеринбург: Деловая книга, 2009.
  3. Дэвис С. Язык JavaScript. – К.: Диалектика, 2006.
  4. Микляев А. Основы HTML. – М.: Солон, 2008.
  5. Зубкова С.В. Интерактивные Web-документы. – М.: ДМК Пресс, 2012.

 

 

 

 


Информация о работе Создание интерактивных Web-приложений с использованием языка программирования JavaScript