Исследование редакторов и web-сервисов для быстрой обработки цифровых фотографий

1.

XLIII-я региональная научно-практическая конференция
школьников и учащейся молодежи Омской области
Информатика и программирование
Выполнила:
Кондюрина Александра Алексеевна
17 лет
Руководитель:
Морозов А.Д., педагог д.о.
Омск 2011

2. Цели

ЦЕЛИ
Изучить возможности некоторых программ и интернет-приложений
для простейшей обработки цифровых фотографий и представить
результаты работы широкому кругу пользователей.
ЗАДАЧИ
1.
2.
3.
4.
5.
6.
7.
Подобрать фотографии с наиболее часто встречающимися
дефектами;
Выбрать программы и интернет-приложения для обработки
фотографий;
Исследовать возможности выбранных программ и приложений;
Выполнить общее сравнение программ и приложений;
Изучить возможности различных языковых средств для
создания web-сайтов;
Создать сайт для представления результатов исследования
широкому кругу пользователей;
Опубликовать сайт в сети интернет.
2

3. Описание работы

ОПИСАНИЕ РАБОТЫ
Первый этап включает в себя:
1.Поиск фотографии с частыми дефектами.
2.Проведение опроса по теме «Создание и обработка цифровых
фотографий».
3.Выбор по заданным критериям программ и интернетприложений для обработки фотографий, исходя из личного
опыта, специальных обзоров и рекомендаций пользователей на
форумах.
4.Изучение возможностей и описание выбранных программ и
сервисов по заданным параметрам.
Второй этап включает в себя создание сайта для опубликования
исследования.
3

4. Выбранные средства

ВЫБРАННЫЕ СРЕДСТВА
Программы:
1. Picasa Photo Viewer 3.8
2. Paint NET 3.5.6
3. Фотоальбом Windows Live
Интернет-сервисы:
1. Adobe Photoshop Express
2. Splashup
3. Picnik
4. Online Photo! Editor
4

5. Результаты опроса

РЕЗУЛЬТАТЫ ОПРОСА
Средства создания цифровых фотографий (общая)
99
100%
90%
80%
76
74
70%
60%
4 - каждый день
3 - несколько р. в нед.
50%
2 - несколько раз в мес.
1 - несколько раз в год
40%
33
0 - не пользуются
30%
23
20%
18
26 24
21
20
16
10
10%
11
9
4 3
7
4
7 6 7
7
0 1 0 0
0%
Цифровой
фотоаппарат
Сотовый
телефон
Цифровая
камера
Веб-камера
Другое
Не
пользуются
5

6. Результаты опроса

РЕЗУЛЬТАТЫ ОПРОСА
Обрабатывают ли
14,3 %
31,4 %
часто(2-3 раза в неделю)
иногда(2-3 раза в месяц)
32,9 %
редко (2-3 раза в год)
не обрабатывают
21,4 %
Обрабатывают ли (до 20)
20,5%
Обрабатывают ли (от 35)
12,5%
18,2%
25%
20,5%
62,5%
40,9%
6

7. Результаты опроса

РЕЗУЛЬТАТЫ ОПРОСА
Популярность программ
100
90
80
72%
70
60
50
40
30
20
12%
16%
12%
10
0
Photoshop
Picasa
PaintNET
Photoscape
7

8. Структура сайта

СТРУКТУРА САЙТА
Перейти на сайт
8

9. Структура сайта

СТРУКТУРА САЙТА
<html>
<head>
</head>
<body>
<div id="main">
<div id="header">...</div>
<div id="menu1">...</div>
<div id="menu2">…</div>
<div id="content">…</div>
<div id="footer">…</div>
</div>
</body>
</html>
9

10. CSS

Оформление ссылок:
a {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #990033;
}
a:hover {
color: #FF0066;
text-decoration: underline;
}
10

11.

Горизонтальное меню
HTML
CSS
<div id="menu1"><ul>
…
<li class="button-to"><a
href="">Сайты(eng)</a>
<ul>
<li><a href="photoshopexpress.htm">
Photoshop Express</a></li>
<li><a
href="splashup.htm">Splashup</a></li></ul>
</ul>
</div>
#menu1 li ul, #menu1 ul li ul {
display: none;
}
#menu1 ul li:hover ul, #menu1 ul li
ul:hover {
display: block;
Вертикальное меню
HTML
CSS
<div id="menu2">
<ul>
<li>
<img id="menu2img" src="img/menu2.png“ />
<ul>
<li> <a href="#1" title="Перейти к разделу
Возможности программы">Возможности
программы</a></li>
…
</ul>
</div>
#menu2 ul ul {
...
display: none;
}
#menu2 ul li:hover ul, #menu2 ul
li ul:hover {
display: block;
}
11

12. Java Script

JAVA SCRIPT
Скрывающийся блок
HTML
Java Script
<a onClick="show_hide('first1')"
class="spoiler">
<h3 id="1">
Название раздела
</h3>
</a>
<div id="first1"
style="display:none">
function show_hide(id) {
var viev =
document.getElementById(id);
if (viev.style.display ==
'none') {
viev.style.display =
'block';
}
else viev.style.display =
'none';
}
…содержимое блока…
</div>
12

13. Meta-теги и robots.txt

META-ТЕГИ И ROBOTS.TXT
Meta-теги:
<meta name="Keywords" CONTENT="онлайн редакторы
обзор редактор фотографий online editors"/>
<meta name='yandex-verification'
content='729f33ff3f931a3e' />
<meta name="Description" CONTENT="Сайт, посвященный
изучению редакторов и web-сервисов для быстрой
обработки фотогрфий"/>
<meta name="author" Content="Кондюрина
Александра"/>
Robots.txt:
User-Agent: *
Disallow: /img/
Sitemap: http://photoed.helllab.ru/site_map.htm
13

14. [ Выводы и перспективы ]

[ ВЫВОДЫ И ПЕРСПЕКТИВЫ ]
В результате исследования я изучила некоторые средства
для простейшей обработки цифровых фотографий: провела
опрос, на основе его результатов выбрала программы и
интернет-приложения, составила структуру их описания.
Выполнила описание и сравнительную характеристику
выбранных средств, сделала вывода по возможностям
каждого.
Для представления результатов широкому кругу
пользователей создала сайт.
Улучшила навыки работы с языковыми средствами для
создания веб-страниц (языком разметки гипертекста html,
каскадными таблицами стилей css, языком создания
сценариев Java Script).
В дальнейшем я планирую продолжать работу над
исследованием: расширять разнообразие программ и
интернет-сервисов для простейшей обработки фотографий,
модифицировать сайт, например для создания более удобной
формы опроса, вставки форума и т.п.
14

English Русский Rules