Дневник практики студента 414 а гр. Вершинина Алексея

Дневник практики студента 414 а гр.

Вершинина Алексея

(период практики 9.02.09-22.03.2009)

База практики: Лаборатория мультимедийных технологий

09.02.09

В понедельник состоялось собрание, посвященное практике и ее базам. Нас, студентов четвертого и пятого курсов ознакомили с приказом, согласно которому студентов распределяют по базам.

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

10.02.09

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

Старый сайт www. seva. *****

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

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

11.02.09

В среду я получил задание, связанное с модернизацией раздела “Выпускники” сайта virt. *****. А именно, подготовкой графического наполнения: создание миниатюр, улучшение качества фотографий и т. п.

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

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

12.02.09

В четверг я продолжил работу над графикой.

После этого я получил новое задание — модернизировать раздел сайта virt. ***** “Рубежный контроль”. Данный раздел содержал в себе одну большую таблицу, в которой содержалась информация о дипломных работах, практике и командном тренинге. Таблица не вписывалась в дизайн сайта и ввиду своей величины была неудобна. Получив исходный код данной страницы я преступил к его модифицировал его. Все манипуляции с кодом страницы производились в html-редакторе Adobe Dreamweaver.

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

16.02.09

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

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

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

Мною были созданы следующие блоги:

1. www. mtis-mguki.

Первый блог создан на базе Livejournal и будет основным.

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

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

2. www.liveinternet.ru/users/3097489

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

3. www.blogs.mail.ru/mail/misit-mguki/

Третий блог создан на базе сервиса *****. Он так же предназначен для трансляции из первого блога.

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

Оставшееся время я работал над первым блогом (www. mtis-mguki. ), наполнял его информацией и менял дизайн. Пока что это просто смена баннера и правка основных цветов посредством внесения изменений в css-код блога, большего пока не требуется. Но впоследствие можно будет разработать собственный уникальный дизайн.

17.02.09

Во вторник я работал над механизмами подсчета статистики сайта кафедры. Совершенно ясно, что сайту необходима простая и понятная система подсчета статистики. И в то же время она должна быть достаточно многогранной, для получения как простой, так и более детальной информации. У сайта virt. ***** есть своя система статистики, доступная по адресу http://virt. *****/webalizer

Однако она имеет ряд недостатков, и для получения статистической информации решено

было использовать другие сервисы.

1. Liventernet.ru

http://www. *****/stat/virt. *****/

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

2. Rambler Top100

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

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

18.02.09

Таким образом, большинство текущих проблем и задач по модификации сайта virt. ***** решено.

И поэтому необходимо приступить к работе над сайтом Student’s EVA. На прошлой неделе мы уже обсуждали концепцию создания и развития данного сайта. Но, как выяснилось, необходимо правильно составить техническое задание (далее ТЗ).

ТЗ необходимо для того, чтобы:

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

За основу были взяты материалы сайта *****, где содержались примеры ТЗ, а так же правила их составления.

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

На данный момент остаются нерешенным вопрос выбора движка сайта, ввиду их разнообразия и разной степени сложности.

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

19.02.09

Во четверг дня я занимался анализом статистики сайта кафедры и блогов. А так же занимался сайтом mtis. ***** который так же требует внимания — анализ логов и статистики.

20.02.09

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

02-03.03.09

В понедельник и вторник была начата работа над сайтом Студенческой Евы. За основу сайта был взят бесплатный движок Joomla, сборка Lavra Edition. Данный движок хорошо зарекомендовал себя, он удобен, стабилен, прост и легок в использовании. Кроме того, у меня имеется большой опыт работы с данным движком.

Для работы с сайтом на локальной машине необходима установка комплекса программ, обеспечивающих его работу, т. е. сервер. Для работы с данным сайтом был использован так называемый «Джентльменский набор Web-разработчика» («Денвер») — проект Дмитрия Котерова, набор дистрибутивов (Apache, PHP, MySQL, Perl и т. д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на локальной Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

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

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

На данный момент выполнена следующая работа:

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

Для сайта установлен временный шаблон, в дальнейшем он будет модифицирован или заменен.

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

Сайт был протестирован на наличие ошибок.

04-05.03.09

Следующие два дня были посвящены поиску, установке и настройке дополнительных модулей и расширений для движка сайта. Модуль – это отдельный функциональный элемент, который предоставляет для сайта новую функцию, услугу или возможность. Например компонент “RsGallery” позволяет разместить на сайте полнофункциональную фотогалерею. Существует множество самых разных компонентов: от создания форумов, до размещения форм, голосований, комментариев, мультимедиа-файлов и т. п.

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

Поэтому эти два дня я просматривал следующие тематические сайты, посвященные Joomla:

1. *****

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

2. *****

3. *****

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

Datso Gallery. Это первый компонент, с которым мне пришлось работать (на данном сайте). Сайту Seva необходима фотогалерея, причем не обычная, а многофункциональная, и при этом, идущая в ногу со временем. Данный компонент несомненно является лучшим решением для организации фотогалерей. Он полностью настраиваемый, содержит множество функций и идеально подходит для нашей задачи.

Таким образом, на сайте была организована фотогалерея.

Возможность оставлять комментарии открыта всем и в тоже время выставлена captcha-защита от так называемых ботов. Пока что, галерея работает в тестовом режиме и содержит в себе всего 10 фотографий. Помимо этого, был установлен lightbox-модуль для Datso Gallery, позволяющий получить красивый эффект Lightbox (при клике по изображению, оно разворачивается в полный размер, а задний фон затемняется и становится неактивным).

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

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

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

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

06.03.09

В пятницу необходимо было установить и настроить компонент для регистрации участников фестиваля. На этом этапе возникла определенная проблема. Дело в том, что такие компоненты, при всем своем разнообразии, не поддерживают работу с русским языком. А те, которые поддерживают, невозможно скачать и установить (устарели ссылки, закрылись сайты и т. п.) Поэтому, очень много времени ушло на поиск приемлемого варианта. Проблема все еще остается нерешенной – имеющийся материал, в целом, непригоден для работы с ним. Однако, я буду продолжать поиск решения.

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

16-17.03.09

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

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

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

18.03.09

В среду мы, студенты четвертого и пятого курсов посетили семинар, который провела компания RU Center. Семинар проходил в нашем университете, на нем выступали с докладами Александр Венедюхин, Артемий Ломов и Виктория Бунчук. Доклады были посвящены теории и истории сети Интернет, способам адресации в этой сети и современным реалиям. Кроме того, большой интерес представил доклад о русскоязычных доменных именах.

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

19-20.03.09

Четверг и пятница были посвящены доработке сайта. Он был протестирован в четырех различных браузерах: Internet Explorer, Opera, Firefox, Chrome. Так как во всех этих браузерах сайт отображался корректно, без видимых недостатков, его исправление и модификация не потребовалось.

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

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

Таким образом, вся основная работа над сайтом закончена. Остается лишь разместить его на сервере и наполнить его материалами. Так же возможна доработка баннера в шапке сайта, так как, на мой взгляд, он не идеален.