РАЗРАБОТКА WEB-УЗЛА «ПСИХОЛОГИЧЕСКОЕ ТЕСТИРОВАНИЕ»

ФГБОУ ВПО «Удмуртский государственный университет»

факультет информационных технологий и вычислительной техники

кафедра теоретических основ информатики

Курсовая работа на тему:

РАЗРАБОТКА WEB-УЗЛА «ПСИХОЛОГИЧЕСКОЕ ТЕСТИРОВАНИЕ»

Выполнила:

студентка группы 39−21(д)

Волкова Светлана Анатольевна

Научный руководитель:

старший преподаватель

Анисимов Андрей Евгеньевич

Ижевск 2014

Аннотация

Курсовая работа посвящена проектированию web-узла «Психологическое тестирование». Работа включает в себя проектирование интерфейса создания и прохождения тестов, разработки базы данных для этого web-узла, а также анализ существующих систем психологического тестирования и инструментальных средств.

Оглавление

Введение 5

Неформальная постановка задачи 6

Формальная постановка задачи 6

Глава1. Анализ одобных систем 7

1.1 7

Глава 2. Обзор инструментальных средств 9

2.1 HTML9

2.2 CSS11

2.3 JavaScript12

2.4 PHP14

2.5 MySQL15

Глава 3. пРОЕКТИРОВАНИЕ WEB-УЗЛА 17

3.1 Описание и обоснование архитектуры web-узла 17

15 стр., 7351 слов

Курсовая работа — Социально-психологические проблемы молодой семьи

... КАФЕДРА ОБЩЕЙ И СОЦИАЛЬНОЙ ПСИХОЛОГИИ Курсовая работа Социально-психологические проблемы молодой семьи Выполнила: ______________________________ _________________________________________ ... дочери и сыну, в частности (отцы демонстрируют инструментальный стиль, играют с детьми в физические и ... – семья, в которой нет четко выраженного главы семейства, и преобладает ситуативное распределение власти между ...

3.2 Главная страница 19

3.3 Вход 20

3.4 Регистрация 21

3.5 Создание тестов 22

3.6 Прохождение тестирования 24

Глава 4. Проектирование базы данных 25

4.1 Описание предметной области 25

4.2 Инфологическая модель 26

4.3 Даталогическая модель 27

Заключение 28

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

Приложения 30

Введение

Психологические тестирование — это исследование определенных психологических качеств и свойств личности путем использования психологических тестов. Они используются при отборе на работу, в психотерапии и психологическом консультировании.

Известно, что с каждым годом объем информации, который приходится обрабатывать человеку, стремительно растет. Этот процесс неизбежно сказывается на ежедневной деятельности специалистов психологического тестирования, и от того как организована их работа с массивом данных, зависит и качество, и скорость выполнения множества рутинных операций. Конечно, все это могут делать сами специалисты, а именно составление тестов, проверка достоверности этих тестов и т. д., но годы уходят на все это. А работая компьютеризованной психологической диагностикой, смогут выполнить работу значительно быстрее и без ошибок, которые неизбежны при «ручной» обработке больших массивов информации. Но есть и некоторые недостатки компьютерных тестов таких, как сложность, трудоёмкость и дороговизна разработки программ; необходимость дорогостоящей компьютерной техники; сложность использования ЭВМ в полевых условиях; необходимость специального обучения испытуемого работе в компьютерными тестами.

В настоящее время разрабатываются множество различных сайтов, где можно пройти психологические тестирования, а так же разработать свой психологический тест. При составлении любого теста, пользователю необходимо только следовать инструкциям, где записывают в ячейки необходимую информацию. А для разработки web-узла, нужны знания языков программирования и разметки такие как, HTML, CSS, PHP, JavaScript, а также необходима СУБД (Система Управления Базами Данных) для хранения данных, например MySQL.

17 стр., 8324 слов

Метод тестирования как средство педагогического контроля обученности старшеклассников

... задач. Итак, на современном этапе педагогический контроль обученности старшеклассников проводится в виде тестирования. Тест - в общенаучном смысле это ... предшествующих этапах обучения. Если информации об этом у педагога нет, то он лишен возможности проектирования и управления ... к тестовым заданиям: оно должно иметь однозначный правильный ответ. Существует два типа тестовых заданий, которые объединяют ...

Неформальная постановка задачи

Исследовать возможности подобных систем психологического тестирования и спроектировать web-узел «Психологическое тестирование».

Формальная постановка задачи

Этап 1. Исследование существующих систем психологического тестирования и инструментальных средств.

Этап 2. Проектирование логики организации и проведения «психологического тестирования».

Этап 3. Проектирование интерфейса системы для прохождения тестирования.

Этап 4. Проектирование интерфейса системы для создания тестирования.

Этап 5. Проектирование базы данных «Психологическое тестирование».

Глава1. Анализ подобных систем

  1. )

Рисунок 1. Подобный сайт психологических тестов)

На этом сайте, изображенном на рисунке (см. Рисунок 1), можно проходить всевозможные бесплатные тесты, а также создавать свои тестирования в режиме online. А также персональные сертификаты, тесты для ваших студентов, для приёма на работу, тест на профпригодность своих сотрудников — словом все, что только пожелает пользователь. Все, что для этого надо — это зарегистрироваться. Если нет желания регистрироваться, то пользователи смогут проходить тестирования уже из готовых онлайн-тестов.

Как создать свой тест?

Для того, чтобы создать онлайн тест и разместить его в интернете, не требуются какие-то специальные знания. Пользователи через web-интерфейс создают тест на сайте: создаете вопросы, ответы к ним с указанием правильных ответов. Также делают варианты расшифровок результатов в зависимости о набранного количества баллов. Затем незарегистрированные пользователи проходят тестирование, система автоматически выставляет оценку согласно настроек теста и выдает человеку результат. Далее можно создателю этого теста посмотреть хронологию и результаты прохождения пользователей.

7 стр., 3315 слов

Ответ на замечания ведущей организации

... общины (с. 201), также рассматриваемые и на страницах моей диссертации. Цитаты: С. 201: «При ... изучена Э. Серени [92], который с ее помощью показал живучесть сельской общины в Италии, именно ... , в рецензируемой работе мы не находим прямого ответа на этот вопрос. Автор подробно останавливается на ... изучение" (http://www.efremova.info/word/analiz.html#.VxaWO_mLTIU). В онлайн-словаре русского языка Сергея ...

Создания тестирования, вопросов и редактирование (см. Приложение).

Типы возможных ответов в тестировании:

1)Простой (переключатель, можно выбрать только один из нескольких вариантов, зачисляется число баллов, указанное Вами напротив выбранного ответа)

2)Несколько возможных ответов (галочки, можно выбрать сразу несколько ответов из предложенных вариантов — зачисляется сумма всех указанных Вами баллов напротив каждого из вариантов ответов при их выборе)

3)При выборе только всех правильныхответов (как 2, можно выбрать несколько ответов, но зачисляется сумма баллов правильных выбранных ответов только в том случае, если были выбраны только правильные ответы и не были выбраны «неправильные») (см. Приложение)

Глава 2. Обзор инструментальных средств

Для создания необходимого интерфейса, нужны различные программные средства, как:

— язык разметки гипертекста (HTML);

— каскадные таблицы стилей (CSS);

— скрипт языки JavaScript;

— языки программирования PHP;

-база данных MySQL.

2.1 Html

HTML расшифровывается Hyper Text Markup Language (в переводе означает Язык Разметки ГиперТекста).

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

7 стр., 3013 слов

Автоматизация пакета методик 'Работа психолога в школе' с помощью Delphi 6.0

... средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, отладчик JavaScript, редакторы кода (просмотр кода и инспектор ... в школе». Предмет: диагностика конституционных факторов личности с помощью теста Р. Кеттелла. Следовательно, можно определить следующие задачи ... различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете ...

Любой HTML документ состоит из обычного текста и разметочных тэгов. Текст, как и в любых других файлах, используется для передачи информации, а разметочные тэги используются для ее группировки и оформления. Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например:. HTML тэги обычно используются в паре, например:. Первый тэг называется начальным тэгом, а второй конечным тэгом. Текстнаходящийся между начальным и конечным тэгом подвергается «разметке». Например: «Привет будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом)».

Для того чтобы создать HTML документ необходимо:

  1. Открыть любой текстовый редактор (например: блокнот, встроенный в Windows);
  2. Набрать произвольный текст и разметить его HTML-тэгами;
  3. Сохранить файл с расширением .htm или .html.

Теперь если Вы откроете созданный файл с помощью веб-браузера, он будет отображен как веб-страница.

Несмотря на то, что для создания HTML документов Вы можете использовать даже стандартный текстовый редактор (например: блокнот в Windows) мы не рекомендуем делать этого. Для этих целей создано множество специальных редакторов с подсветкой тэгов и другими полезными возможностями.

Примеры таких редакторов:

  • Notepad ++
  • MicrosoftFrontPage
  • AdobeDreamweaver

2.2 Css

CSS — это сокращение от Cascading Style Sheets— в переводе Каскадные таблицы стилей. Уникальное изобретение человечества, значительно облегчающее создание веб-сайтов. CSS работает со шрифтами, полями, таблицами, отступами, картинками и так далее и представляет значительно более широкие возможности, чем простой html.

Основные преимущества CSS:

  • управление дизайном любого количества документов с помощью одной таблицы стилей;
  • более точный дизайн страниц, поддерживаемый всеми браузерами;
  • разделение документа на две составляющие: структура и дизайн, благодаря чему исходный код становится чистым и легко читаемым;
  • новые расширенные возможности по сравнению с обычным html.

2.3 Javascript

С помощью JavaScript Вы сможете создавать интерактивные веб-страницы. Интерактивные страницы могут взаимодействовать с пользователем (выводить сообщения, изменять содержимое после определенных действий и т. д.).

11 стр., 5021 слов

Создание автоматизированного учебного пособия по социальной психологии

... CSS» - Питер, 2008. 10.Мархвида И.В.: «Создание Web-страниц. HTML. CSS. JavaScript» - Москва, 2009. Приложение Главная страница Главная <!-FP_preloadImgs() { //v1.0d=document, a ... в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что ...

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

С помощью JavaScript можно:

  • Динамически изменять содержимое веб-страниц;
  • Привязывать к элементам обработчики событий (функции которые выполнят свой код только после того, как совершатся определенные действия);
  • Выполнять код через заданные промежутки времени;
  • Управлять поведением браузера (открывать новые окна, загружать указанные документы и т. д.);
  • Создавать и считывать cookies;
  • Определять, какой браузер использует пользователь (также можно определить ОС, разрешение экрана, предыдущие страницы, которые посещал пользователь и т. д.);
  • Проверять данные форм перед отправкой их на сервер и многое другое

JavaScript добавляется на веб-страницы с помощью тэга .

Пример:

document.write («Данный текст выведен на страницу с помощью JavaScript.»);

Объяснение примера:

  • Атрибут type тэга указывает браузеру какой скриптовый язык мы встраиваем. В случае если это JavaScript атрибут type должен иметь значение text/javascript;
  • document.write () — это команда JavaScript позволяющая выводить произвольное содержимое на страницу;
  • Разместив document. write () между тэгами и мы сообщаем браузеру обрабатывать ее как команду JavaScript, поэтому после загрузки страницы браузер выведет: «Данный текст выведен на страницу с помощью JavaScript.»

Обратите внимание: если команда document. write будет вставлена за пределами она будет обрабатываться браузером как обычный текст.

29 стр., 14330 слов

Особенности коммуникативной компетентности активных пользователей социальных сетей

... по какой причине пользователь зарегистрировался; от своего ли имени пользователь зарегистрировался; количество страниц у пользователя и т. ... » использует Дж. Равен. В работе «Педагогическое тестирование: проблемы, заблуждения, перспективы» он определяет компетентность ... пользователя и неактивных 18 пользователей. (рис.1) Рисунок 1 Значимые различие между группами неактивных/активных пользователей ...

JavaScript код необязательно должен непосредственно содержаться в HTML документе, он также может храниться во внешнем текстовом файле с расширением .js. Использовать внешние файлы скриптов удобно в случаях, когда необходимо определять код, который будет работать на нескольких страницах веб-сайта. Внешние скрипты также как и обычные подключаются к страницам с помощью тэга однако в этом случае содержимое тэга должно оставаться пустым и к нему должен быть добавлен атрибут src содержащий адрес внешнего .js файла.

2.4 Php

Программы PHP могут выполняться двумя способами: как сценарное приложение web-сервером и как консольные программы. Поскольку, нашей задачей является программирование web-приложений, мы преимущественно будем рассматривать первый способ. Дело в том, что PHP, как правило, используется сугубо для программирования приложений, связанных с Интернетом. Однако, PHP можно еще использовать в качестве интерпретатора командной строки, в основном в *nix-системах. Последнее возможно при помощи CORBA и COM интерфейсов, а также при помощи расширения PHP-GTK. При таком использовании PHP возможно решение следующих задач:

  • создание приложений интерактивной командной строки;
  • создание кросс-платформенных GUI приложений при помощи библиотеки PHP-GTK;
  • автоматизация некоторых задач под Windows и Linux

Операторы выбора/ if… else:

К операторам выбора относят: условный оператор (ifelse) и переключатель (swidth). Синтаксис условного оператора: if(condition) statement 1 elsestatement 2. Условие condition может быть любым выражением. Если оно истинно, то выполняется оператор statement 1. В противном случае выполняется оператор statement2. Допустима сокращенная форма записи условного оператора, в которой отсутствуют else и оператор statement2.

В свою очередь, операторы statement1 и statement2 могут быть условными, что позволяет организовывать цепочки проверок любой глубины вложенности. И в этих цепочках каждый условный оператор может быть как полным, так и сокращенным. В связи с этим возможны ошибки неоднозначного сопоставления if и else. Синтаксис языка предполагает, что при вложенных условных операторах каждое else соответствует ближайшему if.

2.5 Mysql

MySQL — свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNUGeneralPublicLicense, так и под собственной коммерческой лицензией.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

MySQL 5.5. Ветка MySQL 5.5 базируется на невыпущенной серии MySQL 5.4 и содержит ряд значительных улучшений, связанных с повышением масштабируемости и производительности, среди которых:

  • Использование по умолчанию движка InnoDB. Поддержкаполу синхронного (semi-synchronous) механизма репликации, основанного на патчах к InnoDB от компании Google;
  • Улучшение функций по секционированию данных. Расширенный синтаксис для разбиения больших таблиц на несколько частей, размещенных в файловых системах (partitioning).

    Добавлены операции RANGE, LIST и метод оптимизации «partitionpruning»;

  • Новый механизм оптимизации вложенных запросов и JOIN-операций;
  • Переработана система внутренних блокировок;
  • Интегрированы патчи Google с оптимизацией работы InnoDB на процессорах с большим количеством ядер.

Максимальный размер таблиц в MySQL 3.22 до 4 ГБ, в последующих версиях максимальный размер ограничивается максимальным размером файла используемой операционной системы.

Глава 3. Проектирование web-узла

3.1 Описание и обоснование архитектуры web-узла

Работа с web-узлом «Психологическое тестирование» начинается с посещения главной страницы с особым оформлением. Главная страница содержит в себе ссылки для входа, регистрации и создания тестирования. А также ссылки намножество психологических тестов. Выбрав один из предложенных ссылок, пользователь автоматически переходит на соответствующую ей страницу. С любой страницы web-узла пользователь может вернуться на предыдущую страницу или на Главную.

Ниже представлена логическая структура web-узла «психологическое тестирование», (см. Схема 1).

Главная страница

(Ссылки для регистрации, входа, а также для прохождения и создания тестирования)

Вход

Главная страница для создания тестирования

Прохождение выбранного тестирования

Регистрация пользователей

Результаты теста

Создание тестирования

Схема 1. Логическая структура web-узла.

Цель создания удобного интерфейса web-узла состоит в том, чтобы отобразить информацию настолько эффективно насколько это возможно для человеческого восприятия и структурировать отображение на дисплее таким образом, чтобы привлечь внимание к наиболее важным единицам информации. В созданном web-узле были использованы довольные мягкие оттенки цветов синего, фиолетового, розового, а также много интересных картинок, соответствующих названиям тестов. К каждой странице подключаются ссылки, что позволяет переходить пользователю на интересную ему страницу.

3.2 Главная страница

На главной странице (см. Рисунок 2) находится небольшое определение психологических тестов, а также ссылки для входа, регистрации пользователей и возможность прохождения различного тестирования.

Рисунок 2. Главная страница

3.3 Вход

На этой странице (см. Рисунок 3) пользователи вводят свой логин и пароль для входа на сайт. Если пользователь не зарегистрирован, то он сможет перейти по ссылке на страницу регистрации. С этой страницы можно зайти на Главную Страницу, а также на страницу для создания тестирования.

Рисунок 3. Страница для входа пользователей

3.4 Регистрация

Здесь происходит регистрация пользователей. Это необходимо для того чтобы пользователь смог создавать свои тесты. Для регистрации надо обязательно заполнить поля со значком *. При невыполнении этого условия, регистрация будет безуспешна.

Рисунок 4. Регистрация пользователей

3.5 Создания тестов

Зарегистрированный пользователь при нажатии кнопки «Создать тест» (см. Рисунок 5) сможет перейти на страницу, где имеется возможность создать тестирование на любую тему. А также сможет переходить по ссылкам в меню и на другие страницы. Здесь (см. Рисунок 6) записывают название и описание теста, потом нажимая на кнопку «Создать тест», выводится другое — добавить вопрос, где пишут формулировку вопроса и количество вариантов ответа (см. Рисунок 7).

Если вдруг пользователи что-нибудь спутают в формулировке вопроса или ответа, то, в этом случае, можно и отредактировать. После того как, вопросы закончились, нажимаете «конец».

Рисунок 5. Страница создания тестов

Рисунок 6. Страница для ввода названия и описания тестирования

Рисунок 7. Ввод формулировки вопроса и количества ответов

3.6 Прохождение тестирования

Здесь вы проходите тестирование (см. Рисунок 8).

На каждый вопрос есть 3 варианта ответа. Каждый ответ имеет свои баллы. В конце при нажатии кнопки «Результат», вы перейдете на следующую страницу, где сможете прочитать свой результат тестирования (см. Рисунок 9).

Рисунок 8. Прохождение тестирования

Результат:

Выводится соответствующий результат пройденного теста.

Рисунок 9. Результат

Глава 4. Проектирование базы данных

4.1 Описание предметной области:

В сети Internet существуют сайты с психологическими тестированиями, в которых есть Пользователь (Логин, Пароль, E-mail, Фамилия, Имя, Отчество, Возраст, Адрес проживания, Номер телефона), который может пройти Тест (Название, Список вопросов, количество баллов).

В тесте содержится несколько Вопросов (текст, тип вопроса, свой вариант), состоящий из нескольких Вариантов ответа (Количество ответов, типы ответов).

Из предложенного пользователь выбирает свой Ответ (номер выбранного (-ых) варианта (-ов) ответа, балл).

4.2 Инфологическая модель:

Пользователь

Ответ

.

Логин

Номер выбранного

(-ых) варианта (-ов) ответа

Пароль

ФИО

Ф

И

Балл

О

Вопрос

Тест

Возраст

.

.

.

Адрес проживания

Текст

Название

Номер телефона

Тип

вопроса

Общее количество баллов

Свой вариант

Вариант

ответа

.

Текст

4.3 Даталогическая модель:

Пользователь (КодП, Логин, Пароль, E-mail, Фамилия, Имя, Отчество, Возраст, Адрес проживания, Номер телефона)

Тест (КодТ, Название, Список вопросов, количество баллов)

Вопрос (КодВ, Текст, тип вопроса, свой вариант, КодТ)

Вариант ответа (КодВО, Количество ответов, типы ответов, КодВ)

Ответ (КодО, Номер выбранного (-ых) варианта (-ов) ответа, процентное соотношение, КодП, КодВ).

Заключение

В данной работе была поставлена задача: разработать web-узел «Психологическое тестирование», предназначенный для прохождения и создания тестов. С помощью языков разметки HTMLи CSS, языка программированияJavaScript, спроектировали страницы для web-узла, А также создали базу данных MySQL, состоящая из описания предметной области, инфологической и даталогической моделей. Она необходима для хранения данных. Также в этой работе исследовали существующую систему психологического тестирования.

Дальнейшее развитие рассматриваемой темы предусматривает разработку создания и запускасайта «Психологическое тестирование», с использованием данного web-узла.

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

  1. КлименкоР.А. «Веб-мастерингна 100%.: изучаемHTML, CSS, JavaScript, PHP, CMS, AJAX, SEO» — СПб.: Питер, 2013.-512 с.: ил — (Серия «на 100%») ISBN 978−5-496−79−6, K49.
  2. Подобная система психологического тестирования.

Режим доступа:

  1. Разработка сайта на основе HTML с помощью JavaScript.

Режим доступа: www.coolreferat.com/Разработка_Web-сайта_на_основе_HTML_с_использованием_JavaScript

  1. Учебник по HTML. Режим доступа: a) www.kazedu.kz/referat/133 929

б) www.wisdomweb.ru/HTML/html-first.php

  1. Учебник по CSS. Режим доступа: zvirec.com/css_sod.php
  2. Учебник по JavaScript.

Режим доступа: www.wisdomweb.ru/JS/javascript-first.php

  1. СУБД MySQL. Режим доступа: www.webmasterwiki.ru/MySQL
  2. СУБД MySQL. Режим доступа: jusweb.ru/razrabotka/raznoe/php-mysql-dlya-nachinayushhix-endi-xarris.html

Приложение. Изображения существующей системы психологическое тестирование (http://banktestov.Ru/)

Создание тестирования (см. Рисунок 10).

Рисунок 10. Создание тестирования

Редактирование (см. Рисунок 11).

Рисунок 11. Редактирование созданного теста

Создание вопросов (см. Рисунок 12).

Рисунок 12. Создание вопросов для будущего теста

Типы возможных ответов в тестировании (см. Рисунок 13).

Рисунок 13. Типы ответов

Если вы автор этого текста и считаете, что нарушаются ваши авторские права или не желаете чтобы текст публиковался на сайте ForPsy.ru, отправьте ссылку на статью и запрос на удаление:

Отправить запрос

Adblock
detector