Разработка web-сайта "Информатика в школе"

Тип работы:
Дипломная
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

Введение

В последние годы создание сайтов является довольно популярным занятием и над удобством и простотой создания сайтов трудится большое количество людей. Большим прорывом в технологии создания и разработки современных web-проектов является создание Content management system. Современные системы управления контентом широко используются на просторах сети Интернет при создании сайтов любой сложности.

Большое распространение получили бесплатные системы управления контентом. Многие из этих систем имеет хорошее качество исполнения и высокую надежность, что дает им большое преимущество среди других систем. А технологии добавления материала популярных бесплатных content management system (CMS) не отличается от платных, что только делает их наиболее популярными среди создателей сайтов.

Основные отличительные черты систем управления контентом, которые одновременно являются и преимуществами. Это возможность создавать сайты, практически любой сложности, не имея познаний в html, css и других областях web-программирования. А так же возможность быстрого, простого и интуитивно понятного добавления, удаления, редактирования и форматирования контента, это значительно упрощает и облегчает задачу администрирования сайта. С использованием CMS возможно не только добавления текста, но и различного мультимедийного материала. Это позволит значительно преобразовать сайт и привлечь новых посетителей. Так же системы управления контентом автоматически генерируют панель администратора, которая затрагивает все сферы работы сайта, что очень практично и удобно. Об уникальности дизайна задумываться не стоит. В данное время для CMS постоянно разрабатываются шаблоны, которые отличаются большим разнообразием. А если создатель проекта немного разбирается в html и каскадных таблицах стилей, то он может редактировать дизайн как ему нравится.

Целью дипломной работы является разработка web-сайта «Информатика в школе».

В связи с поставленной целью были определены следующие задачи:

— рассмотреть и проанализировать существующие сайты на данную тематику;

— определить структуру будущего web-сайта;

— разработать web-дизайн;

— собрать необходимую информацию для заполнения контента;

— выбрать программное обеспечение для разработки будущего web-сайта;

— протестировать работоспособность сайта «Информатика в школе».

1. Влияние Интернета на общество

1.1 История Интернета

В 1969 году была построена первая компьютерная сеть и была названа ARPANET (англ. Advanced Research Projects Agency Network), и в рамках проекта сеть объединила четыре научных учреждения.

К 1971 году была разработана первая программа для отправки электронной почты по сети. Эта программа сразу стала очень популярна.

Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел (Jon Postel). Первого января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения сетей. Именно в 1983 году термин «Интернет» закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (ЦЕРН) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли (Sir Timothy John «Tim» Berners-Lee), он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый web-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры национального научного фонда.

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

1.2 Возможности Интернета

Возможности у Интернета большое количество, поэтому здесь будут рассмотрены только основные, которые сильно повлияли на общество.

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

Мнение Ян Томпсона (Ian Thompson) о видео в Интернете «Для истории значение такой схемы важно вдвойне. Чтобы посмотреть во всех деталях ролик с записью убийства Кеннеди, потребовались годы, однако если нечто подобное произойдет в следующий раз, мир увидит все своими глазами через мгновения».

Сохранение исторического наследия — одна из самых недооцененных возможностей паутины. Еще никогда до этого в руках человечества не было столь мощного инструмента для рассказа о коллективной истории, и это касается не только пользователей из числа живущих ныне, но и будущих поколений.

Также можно выделить ряд других возможностей:

— платежные и валютообменные системы;

— виртуальное интерактивное общение на темы по интересам (чаты), для чего достаточно, например, купить домен info и разместить там свой сайт-визитку;

— виртуальный обмен файлами на файлообменниках, аудио и видео-просмотры и скачивание;

— виртуальное, или как его называют чаще, дистанционное обучение;

— виртуальная библиотека (медиатека) и журналы, подписки.

1.3 Информатизация общества

Современный этап развития цивилизованного общества по праву называют периодом информатизации. Современное материальное производство, образование и другие сферы деятельности все больше нуждаются в информационном обслуживании, переработке большого количества информации. Универсальным техническим средством обработки информации является компьютер, который играет роль усилителя интеллектуальных возможностей человека и общества в целом, а коммуникационные средства, использующие компьютеры, служат для связи и передачи информации. Появление и развитие компьютерной техники — это необходимая составляющая процесса информатизации общества.

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

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

К характерным чертам и признакам информационного общества следует отнести:

— создание глобального информационного пространства, обеспечивающего эффективное информационное взаимодействие людей, их доступ к мировым информационным ресурсам и удовлетворение их социальных и личностных потребностей в информационных продуктах и услугах;

— становление и в последующем доминирование в экономике новых технологических укладов, базирующихся на массовом использовании информационных технологий и ведущих к появлению новых форм социальной и экономической деятельности (дистанционное образование, телеработа, телемедицина, электронная торговля, электронная демократия и другое);

— создание и развитие рынка информации и знаний как факторов производства в дополнение к рынкам природных ресурсов, труда и капитала, переход информационных ресурсов общества в реальные ресурсы социально-экономического развития и превращение информации в товар;

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

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

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

1.4 Информатизация образования в Республике Казахстан

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

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

— расширение и углубление изучаемой предметной области за счет возможности моделирования, имитации изучаемых процессов и явлений; организации экспериментально -- исследовательской деятельности; экономии учебного времени при автоматизации рутинных операций вычислительного, поискового характера;

— расширение сферы самостоятельной деятельности обучаемых за счет возможности организации разнообразных видов учебной деятельности (экспериментально -- исследовательская, учебно-игровая, информационно-учебная деятельность, а также деятельность по обработке информации, в частности и аудиовизуальной), в том числе индивидуальной, на каждом рабочем месте, групповой, коллективной;

— индивидуализацию и дифференциацию процесса обучения за счет реализации возможностей интерактивного диалога, самостоятельного выбора режима учебной деятельности и организационных форм обучения;

— вооружение обучаемого стратегией усвоения учебного материала или решения задач определенного класса за счет реализации возможностей систем искусственного интеллекта;

— формирование информационной культуры, компоненты культуры индивида, члена информационного общества, за счет осуществления информационно-учебной деятельности, работы с объектно-ориентированными программными средствами и системами;

— повышение мотивации обучения за счет компьютерной визуализации изучаемых объектов, явлений, управления изучаемыми объектами, ситуацией, возможности самостоятельного выбора форм и методов обучения, вкрапления игровых ситуаций.

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

Таким образом, в связи с развитием процесса информатизации и образования изменяется объем и содержание учебного материала, происходит переструктурирование программ учебных предметов (курсов), интеграция некоторых тем или самих учебных предметов, что приводит к изменению структуры и содержания учебных предметов (курсов) и, следовательно, структуры и содержания образования.

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

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

В Стратегии «Казахстан-2050» вопросу образования отведен один раздел. Указывая на важность этого вопроса Президент Республики Казахстан (РК) говорит: «Чтобы стать развитым конкурентоспособным государством, мы должны стать высокообразованной нацией. В современном мире простой поголовной грамотности уже явно недостаточно. Наши граждане должны быть готовы к тому, чтобы постоянно овладевать навыками работы на самом передовом оборудовании и самом современном производстве. Необходимо также уделять большое внимание функциональной грамотности наших детей, в целом всего подрастающего поколения. Это важно, чтобы наши дети были адаптированы к современной жизни».

В отношении реформы школьного образования Президент подчеркивает: «Нам предстоит произвести модернизацию методик преподавания и активно развивать on-line системы образования, создавая региональные школьные центры. Мы должны интенсивно внедрять инновационные методы, решения и инструменты в отечественную систему образования, включая дистанционное обучение и обучение в режиме онлайн, доступные для всех желающих. Необходимо избавиться от устаревших либо невостребованных научных и образовательных дисциплин, одновременно усилив востребованные и перспективные направления. Изменить направленность и акценты учебных планов среднего и высшего образования, включив туда программы по обучению практическим навыкам и получению практической квалификации. Создать ориентированные на предпринимательство учебные программы, образовательные курсы и институты».

Определены сильные и слабые стороны нашего образования.

К числу сильных сторон создатели программ относят:

— четко определенные приоритетные направления развития образования;

— увеличение сети объектов дошкольного и среднего образования,

— высокие результаты в международном исследовании TIMSS — 2007;

— вхождение в Европейское образовательное пространство.

К слабым сторонам относятся:

— недостаточное финансирование образования;

— низкий статус профессии педагога;

— недостаточное качество подготовки педагогических кадров;

— дефицит высококвалифицированных педагогических кадров.

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

Для объединения учителей в рамках данной дипломной работы была поставлена цель — разработать web-сайт http: //www. helpofinformatik. kz, который может помочь в решении данной проблемы.

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

Отметим, что чаще всего использование средств информатизации оказывает реальное положительное влияние на интенсификацию труда педагогов, а также на эффективность обучения школьников.

1.5 Понятие web-сайта и web-форума

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

Каждый сайт, находящийся в сети Интернет, имеет свой координаты или адрес в сети, который имеет вид www. helpofinformatik. kz или http: //helpofinformatik. kz, где helpofinformatik — его имя или домен второго уровня, а kz — национальная доменная зона или домен первого уровня. Есть еще домены первого уровня, которые стали общими для всех пользователей. К ним относятся домены COM, NET, INFO и другие. Каждый сайт в сети имеет свой уникальный адрес. Для того чтобы браузер нашел и загрузил нужный ресурс, достаточно прописать его адрес в адресной строке.

Все сайты в Интернете находятся на web-серверах — компьютерах, на которых установлено специальное программное обеспечение (ПО). Обычно такие серверы принадлежат компаниям хостинг-провайдеров или хостингам. Эти фирмы имеют мощные компьютеры с большим количеством дискового пространства, быстрым доступом в Интернет, качественной защитой и охраной. Для этого даже строят специальные здания — Дата центры. Данный сайт находится на хостинге «Просто хост».

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

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

Существуют различные виды web-ресурсов (сайтов):

1. Статические и динамические. Статические сайты просты в своём исполнении и, как правило, отображают мало-изменяемую информацию, функциональность сильно ограничена и позволяет только отображать ранее введённую информацию. Динамические сайты позволяют организовать значительно расширенную функциональность.

2. Глобальные (внешние) и локальные (внутренние). Глобальные сайты позволяют осуществить доступ к сайтам из сети Интернет, локальные же доступны только в местной локальной сети.

3. Открытые и закрытые. Открытые сайты предоставляют информацию в общий доступ без ограничения. Закрытые сайты (отдельная их часть) позволяют осуществлять контролируемый ограниченный доступ к циркулирующей на ресурсе информации.

Одним из главных элементов web-ресурса является web-дизайн. Этим термином определяют область дизайна, связанную с разработкой и графическим оформлением структуры сайта, обеспечением удобства пользования Интернет-ресурсом для его посетителей. Можно сказать и по-другому. Web-дизайн представляет собой создание структуры web-сайта, которая отличается оригинальностью применения различных графических, стилистических, композиционных и цветовых решений, гарантирующих правильное эстетическое восприятие и удобство пользования сайтом.

Форум на web-сайте является главной составляющей при общении пользователями между собой. Суть работы форума заключается в создании пользователями (посетителями форума) своих тем и последующим обсуждением, путём отправки сообщений, внутри этих тем. Отдельно взятая тема, представляет собой тематическую гостевую книгу. Пользователи могут комментировать заявленную тему, задавать вопросы по ней и получать ответы, а также сами отвечать на вопросы других пользователей форума.

Тематика форумов может быть самой разнообразной, охватывая все сферы жизни, и определяется контингентом участников. При этом форумы могут быть как специализированные/узкоспециализированные, так и самого широко спектра заявленных тем (определяется тематикой предустановленных разделов).

Темы одной тематики объединяются, для удобства, соответствующим образом названные Разделы и, таким образом, самая распространённая иерархия web-форума является: разделы — темы — сообщения.

По методу формирования набора тем форумы бывают с динамическим списком тем и с постоянным списком тем. В форумах с динамическим списком тем простые участники могут создавать новую тему в рамках тематики форума.

Существует три основных структуры форумов:

1. древовидные;

2. табличные;

3. универсальные (или гибридные).

1.6 Анализ подобных web-сайтов

В ходе работы над дипломным исследованием были изучены и проанализированы подобные существующие web-сайты по Республике Казахстан.

Было рассмотрено три web-сайта:

— www. informatik. kz

— www. metodika. ucoz. ru

— www. bzfar. net

Анализ выявил следующее:

Содержание сайта www. informatik. kz.

Данный сайт содержит следующую структуру:

— «Поиск по сайту» содержит форму поиска, которая работает по технологии Google.

— «Главная страница» содержит информацию о сайте, его целях и задачах. Также расположена информация о продуктах, размещеных на данном сайте.

— На странице «Планирование» содержится различные виды планирования учебных материалов по информатике, но они предназначены только для ознакомления.

— На странице «Программирование» представлены разделы, содержащие некоторые способы и методы программирования, облегчающие написание программ, а так же готовые решения различных задач.

— «Управление классом» содержит советы по поддержанию в порядке компьютерного кабинета. Запреты на изменение настроек.

— «Открытые уроки» содержит разработки открытых уроков по информатике, интегрированные уроки информатики с другими предметами.

— На странице «Дипломные, курсовые» можно скачать такие виды работ как: дипломные, контрольные, курсовые, лабораторные, тесты по программированию, информатике и другим предметам в готовом виде с исходными файлами.

— На странице «Тесты ЕНТ, ПГК, Аттестат» можно приобрести тесты по различным предметам для подготовки к различным школьным и другим экзаменам.

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

— На странице «Сайтостроение» можно узнать о самых простых и бесплатных способах создания интернет-сайтов.

— На странице «Красивые шрифты» собраны красивые русскоязычные шрифты.

— На странице «Кроссворды учебные» можно приобрести сборник учебных кроссвордов, чайнвордов по информатике и другим предметам.

— На странице «Сценарии праздников» размещены авторские сценарии школьных праздников, вечеров, викторин и других мероприятий, отмечаемых в Казахстане и других странах (некоторые ссылки не работают).

— На странице «Электронные учебники» приведён перечень электронных учебников по различным темам.

— На странице «Бесплатное ПО» приводится список бесплатных программ, которыми можно полностью заменить лицензионное ПО, необходимое для нормальной работы на современных ЭВМ.

— На странице «Ссылки» размещены ссылки на сайты схожей тематики полезные информатикам, каталоги ресурсов.

— На странице «Карта сайта» расположены все ссылки данного сайта.

— На странице «Гостевая книга» посетители задают свои вопросы администратору сайта.

Дизайн сайта.

Сайт выполнен хорошо с точки зрения эргономики. Фон сайта синего цвета. Сверху на белом фоне располагается название web-сайта. Логотип выглядит в виде монитора, он расположен ниже названия сайта справа. Текст читается хорошо, на белом фоне написано черным шрифтом, а ссылки выделены синим цветом.

На web-сайте www. informatik. kz существует множество информации необходимой для учителя информатики. Есть календарные планы, которые распространяются бесплатно. Но основная часть предоставляемой информации является платной, чтобы скачать такие материалы как поурочные планы, открытые уроки, контрольные работы необходимо отправить платное sms. Также на данном web-ресурсе нет нормативных документов необходимых для школьных учителей (см. рисунок 1).

Рисунок 1. Главная страница web-сайта informatik. kz

Содержание сайта www. metodika. ucoz. ru

Данный сайт содержит следующую структуру:

— «Главная страница» содержит информацию о разработчике web-сайта и о его достижениях.

— На странице «Информация о сайте» кратко изложено предназначение данного web-сайта.

— На странице «Мои файлы» расположены материалы, которые необходимы для учителей информатики. Все они предназначены только для скачивания.

— На странице «Каталог статей» расположен материал на некоторые проблемные темы в информатике.

— Страница «Блог» не имеет никакого материала.

— На странице «Фотоальбомы» находятся фотографии учебного процесса.

— На странице «Гостевая книга» посетители оставляют свои комментарии.

— На странице «Тесты» находятся тесты, которые можно пройти on-line.

— На странице «Каталог сайтов» расположены ссылки на web-сайты похожей тематики.

— На странице «Доска объявлений» приведены некоторые объявления.

— На странице «Готовимся к аттестации» представлен перечень материалов, который необходимо представить на рассмотрение аттестационной комиссии.

Дизайн сайта.

Сайт выполнен на основе конструктора сайтов ucoz. ru, поэтому большинство элементов сайта сделаны по единому шаблону. На данном web-сайте имеется свой логотип в виде монитора, он расположен справа от основного меню. Рядом с логотипом располагается название web-ресурса «Сайт учителя информатики». Фон сайта белого цвета. Данный дизайн сайта является не привлекательным с точки зрения юзабилити. Текст читается хорошо, на белом фоне написано черным шрифтом. Важная информация выделена синим цветом. Также можно отметить, что в ходе работы с web-сайтом потоянно появляются всплывающие окно, что сильно мешает работе.

Выводы: web-сайт www. metodika. ucoz. ru является ресурсом, где есть флипчарты и задания по школьной олимпиаде. Однако информации не так много, например, нет поурочных планов для учителей. Всю информацию, выложенную на web-сайте, можно скачать, но нет материала, который можно было бы просмотреть. И некоторая информация является не актуальной на данный момент (см. рисунок 2).

интернет mingle forum сайт

Рисунок 2. Главная страница web-сайта metodika. ucoz. ru

Содержание сайта www. bzfar. net

Данный сайт содержит следующую структуру:

— «Главная страница» содержит новости

— «Об авторе» содержит информацию об авторе, его стаж и достижения.

— На странице «О сайте» написано для чего был создан данный web-сайт, и какие цели и задачи есть у него.

— На странице «NIS Uralsk» выложена информация для учащихся «Назарбаев Интеллектуальная школа г. Уральска»

— На странице «Методическая копилка» содержатся материалы необходимые для учителей информатики такие как: учебный материал по языкам программирования Pascal и Delphi, поурочные планы и так далее.

— На странице «Энциклопедия (информатика)» расположен каталог статей про компьютеры и информатику.

— На странице «Тесты On-line» находятся тесты, которые можно пройти оn-line.

— На странице «Работы учащихся» выложены материалы подготовленные учениками автора web-сайта, либо даются ссылки на расположение работ учеников школы.

— На странице «Школьная газета» расположены ссылки на скачивание школьной газеты «Мектеп ?о?ырауы», также краткое содержание данной газеты.

— На странице «Фотогалерея» выложены рисунки юмористического характера, сделанные автором данного web-сайта.

— На странице «Рекомендуем посетить» размещены ссылки на сайты схожей тематики полезные информатикам, каталоги ресурсов.

— На странице «Напиши мне» можно отправить письмо администратору web-сайта.

— На странице «Видео» расположено много видео, однако все они не соответствуют тематике web-сайта.

— На странице «Онлайн игры» расположены игры, которые также как и видео не соответствует тематике web-сайта.

— Странице «Интернет магазин» не имеет никакого материала.

Дизайн сайта.

Сайт выполнен достаточно грамотно. Заголовок web-сайта окрашен в зеленый цвет. На нем расположена фотография автора данного web-ресурса, название «Персональный сайт учителя Зеленова Бориса Александровича», также логотип в виде системного блока и монитора. Текст читается хорошо, на белом фоне написано черным шрифтом, а ссылки выделены синим цветом. Также основные слова в тексте выделены красным цветом.

Выводы: web-сайт www. bzfar. net является хорошим сайтом для учителя информатики. На нем имеется много информации, в том числе практические работы и материалы по программированию. Однако на нем мало поурочных планов и презентаций необходимых для школьных учителей информатики (см. рисунок 3).

Рисунок 3. Главная страница web-сайта bzfar. net

2. Цель, задачи и критерии эффективности разрабатываемого web-сайта «Информатика в школе»

2.1 Цель и задачи создаваемого web-сайта «Информатика в школе»

Целью разрабатываемого web-сайта является помощь школьным учителям информатики.

Задачами данного web-сайта являются:

— Объединить всех учителей в одном информационном портале для обмена опытом;

— Повысить информационную грамотность среди учителей информатики;

— Создать условия для сближения коллектива учителей информатики.

Основные функции web-сайта:

Собрать наибольшее количество учителей информатики;

Обеспечение быстрого доступ к данным;

Обеспечение добавление материала учителями информатики;

Предоставление форума для обмена опыта;

Обеспечение надежности и правильной работы ресурса.

2.2 Критерии эффективности создания web-сайта «Информатика в школе»

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

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

В данном разделе будут рассмотрены факторы, которые влияют на удобство использования сайта посетителями. На сколько сильно влияют эти факторы и как они использовались в данном проекте.

Первое на что обращают внимание посетители — это скорость работы сайта. С самого начала работы с сайтом, до того как пользователь увидит внешний вид сайта и его контент, он оценивает насколько быстро открылась страница в его браузере. Как влияет скорость на качество, можно увидеть на примере компании Microsoft.

Поисковая система компании Microsoft проводила анализ зависимости между скоростью страницы и несколькими индикаторами, такими как, удовлетворение пользователя, доход с пользователя, и количество кликов. В результате выяснилось, что увеличение на две секунды задержки отклика страницы уменьшает удовлетворение пользователя на 3. 8%, уменьшает доход с пользователя на 4. 3%, и уменьшает количество кликов на 4. 3%, и это без учета остальных факторов. Для такой большой компании как Microsoft, даже 4. 3% потерь в доходе с пользователя оборачиваются многомиллионными потерями в доходах.

Для ускорения загрузки сайта применяется плагин WP Super Cache, которые кэшируют. Кэш — это буфер обмена, в котором содержится временная информация. Пользователь, зашедший на сайт во второй раз, уже не будет ждать полную загрузку сайта (будут подгружаться лишь обновления).

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

Существует старый миф о том, что важный контент должен быть размещен выше «сгиба» (термин пришел из полиграфии и обозначает область web-страницы, которую можно просмотреть без прокручивания контента), который был впервые упомянут Якобом Нильсеном (Jakob Nielsen).

А исследование, проведенное Джо Личем (Joe Leach) из компании CX Partners, показывает, что малое количество контента над сгибом побуждает пользователя искать продолжения ниже.

Основная масса посетителей сайтов — это люди, выросшие в культурной среде с направлением письма слева направо. Поэтому основное внимание посетителей направлено на левую сторону страницы — как минимум 69% времени посещения страницы, в соответствии с рисунком 4 показаны результаты исследования доктора Нильсена (Nielsen), в котором участвовало более 20 пользователей.

Рисунок 4. Диаграмма просмотра страниц

Хорошая доступность текста для чтения улучшает восприятие и скорость чтения, также как и увеличивает вероятность того, что пользователь продолжит чтение, а не покинет страницу. Существует много факторов, которые влияют на легкость чтения, включая выбор шрифта, размер шрифта, высоту строки, контрастность текста, и пробелы.

Изучение легкости чтения, которые проводились на 20 участниках, заключалось в представлении испытуемым одинакового текста с различными установками отступов окружающего текста и высоты строки (расстоянием между строками). Результаты показали, что текст без отступов читается быстрее, но его восприятие ухудшается. Более высокая скорость чтения при отсутствии полей объясняется тем, что текст и параграфы расположены более плотно, а в результате требуется меньше времени на перемещение взгляда с одной строки на другую.

Пользователи предполагают, что навигация по сайту будет простой и хорошо организованной. Даже при наличии отличного поискового механизма по сайту, посетители предпочитают сначала использовать навигацию. В соответствии с исследованием, проведенным Джерри Макговерном (Gerry McGovern), более 70% участников выполняли поставленную задачу на сайте с помощью ссылок на странице и не использовали функцию поиска.

Подобные результаты были получены в UIE (User Interface Engineering) в ходе исследований, в которых принимало участие 30 пользователей, по отслеживанию задач электронной коммерции. Анализ результатов показал, что «пользователи часто склоняются к использованию поискового механизма в случаях, когда ссылки на страницах не устраивают их по каким-либо причинам». Таким образом, поиск часто используется только если пользователь не может найти то, что ему нужно на текущей странице.

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

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

В соответствии с результатами анализа, который провел Джерри Макговерн, количество просмотров страниц, которые направлены с главной страницы сайта, уменьшается драматически. Он отмечает падение с 39% в 2003 до 2% в 2010 для количества переходов с главной страницы на большом сайте, созданном для исследований. Такая тенденция дважды подтверждалась на другом сайте, который он исследовал.

Результаты исследований Джерри Макговерна (Gerry McGovern) показали, что в трафике все больше и больше занимает доля переходов с внешних ресурсов -- поисковых сайтов, социальных сетей — но не с главной страницы сайта. Следовательно, необходимо повысить внимания на страницах, на которые приходит трафик.

Информация всегда играла важную роль в жизни человека. Общеизвестно высказывание о том, что тот, кто владеет информацией, тот владеет и миром. По преданию, 13 сентября 490 года до н. э. греческий воин-гонец, прибежавший из Марафона в Афины, не останавливаясь в пути, упал замертво, но донес новость о победе над персами.

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

С течением времени роль информации в обществе становилась все существеннее. Нужно было изучать и понимать уже не только законы природы, но и понятия и ценности человеческого общества — литературу, искусство, архитектуру и так далее. Сейчас, в первой половине XXI века роль информации в жизни человека является определяющей — чем больше навыков и знаний имеет человек, тем выше ценится как специалист, тем больше имеет уважения в обществе.

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

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

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

В современных условиях право на информацию и доступ к ней имеют жизненную ценность для всего общества. Возрастающая роль информации в обществе явилась предметом научного осмысления. Были выдвинуты теории, которые объясняют ее место и значение в нынешнем мире. Наиболее популярными являются теории постиндустриального и информационного общества. Мир вступает в новую эру — информационную, в век электронной экономической деятельности, сетевых сообществ и организаций становятся без границ.

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

2.3 Ограничения в разработке web-сайта «Информатика в школе»

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

Эргономика — (от греч. ergon работа и nomos закон) — научная дисциплина, изучающая трудовые процессы с целью создания оптимальных условий труда, что способствует увеличению производительности, а также обеспечивает необходимые удобства и сохраняет здоровье, силы и работоспособность человека.

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

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

Вторая цель эргономики — безопасность труда. К системе техники безопасности относятся службы техники безопасности и производственной санитарии во всех отраслях.

Третья цель эргономики — обеспечение условий для развития личности человека в процессе труда.

Следующие требование эргономики, разделенные на пункты c описанием основных факторов, которые влияют на web-сайт. И поясняется, почему было выбрано именно это решение, а не иное. Описано, какие ограничения были учтены в ходе разработки web-сайта.

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

Четкость. Текст на страницах достаточно разграничен и легко читается. У каждой записи имеется заголовок, для того чтобы посетитель сразу смог понять какую статью он читает. Также текст разделен на параграфы, что также облегчает чтение. Необходимые вкладки расположены сверху. Адрес сайта хорошо виден, и понятен, каждый пользователь может прочитать и запомнить ссылку. Информация иметь такие данные, как имя автора, и дата публикации. Все элементы сайта используемые для просмотра расположены на закрепленных местах на каждой странице.

Скорость. Страницы сайта загружаются достаточно быстро, создатели CMS Wordpress обеспечили максимально быструю загрузки сайта. Однако установленные плагины, которые составляют основной функционал сайта, немного уменьшают быстроту загрузки страниц. По мере развития сайта планируется провести работу по оптимизации скорости загрузки страниц. Для этого вместо плагинов прописывается код, который может выполнять те же функций, и еще обеспечивает быструю загрузку страниц на сайте. Для уменьшения нагрузки на сайт, а также в целях сохранения большего свободного количества памяти видео материалы загружаются не на сервер сайта, а на сервис, предоставляющий услуги видеохостинга YouTube. com, а на сайт помещается только ссылка.

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

Адаптивность. Для быстрого приспособления посетителей на сайте, изображения и анимация не должны отвлекать внимание от текстовой информации. Таким образом, графические иллюстрации используются только для визуального дополнения текста. Между цветом фона и текстом обеспечен достаточный контраст, чтобы слабовидящие люди могли прочитать текст. Размер шрифта адаптирован таким образом, чтобы пользователи могли увеличить размер шрифта, если это необходимо. Кроме того, шрифты не настолько малы, чтобы утомлять глаза и делать текст неразборчивым. На сайте применяются такие безопасные шрифты как Tahoma и Geneva.

Безопасные шрифты — это шрифты, которые одинаково (или практически одинаково) выглядят в разных браузерах и на разных платформах. Использование этих шрифтов обеспечивает корректное отображение сайта у любого посетителя.

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

К первичным цветам относятся: синий, красный и желтый.
К вторичным цветам, которые получаются при смешивании, относятся: оранжевый, зеленый и фиолетовый.

Третичные цвета образуются смешиванием первичных и вторичных цветов: оттенки сине-зеленого, красно-оранжевого и так далее. В соответствии с рисунком 5 показаны виды цвета.

Рисунок 5. RGB и CMYK

RGB (от сокр. Red+Green+Blue) -- составлена из красного, синего и зеленого цвета, которые при смешении дают белый цвет.

CMYK (от сокр. Cayn+Magenta+Yellow+Key) -- при смешивании голубого, пурпурного и желтого образуют черный цвет.

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

Гармонирующие цвета -- цвета которые находятся рядом друг с другом, так же могут гармонировать любые другие цвета, если они не сильно контрастны.

Не гармонирующие цвета -- цвета, которые совершенно не сочетаются друг с другом.

Основные цвета. Они отвечают за само меню, кнопки, блоки, подвал.

Второстепенные цвета. Цвета, которые отвечают за границы меню, блоков, цвета текстов, ссылок и прочих элементов дизайна.

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

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

Ниже приведено описание цветов и их характеристики:

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

— Черный цвет — заставляет полностью углубиться в сайт, ведь как говориться в теории: «Черный цвет, как и в физике, поглощает все лучи» -, а в случае с web-сайтом, все лучи поглощают внимания посетителей. Также черный цвет еще и самый элегантный цвет.

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

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

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

— Розовый — это испокон веков, считается цветом любви и нежности, поэтому женские сайты, либо порталы с любовной тематикой идеально впишутся в данный дизайн.

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

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

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

Размер шрифта также имеет большое значение для посетителей web-сайта. Предпочтения у каждого человека свои. Самая используемая гарнитура шрифта это 10−12, если шрифт мельче, то это, не очень уважительно к посетителям, которые должны напрягать глаза при чтении, но и больший шрифт не подойдет, так как страница будет слишком большой.

Мелкий шрифт чаще всего используется для примечаний или надписей под изображениями. Гарнитура таких надписей примерно от восьми до 10. Заголовки и подзаголовки следует писать крупным размером шрифта, а так же не забывать выделять ключевые слова жирным текстом, подчеркиванием или наклоном.

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

Цвет шрифта может помочь удержать посетителя на web-сайте, так и быть причиной покидания данного ресурса пользователя.

ПоказатьСвернуть
Заполнить форму текущей работой