1. Введение - Sciyouth.ru
Реклама
Астраханский государственный университет
Факультет математики и информационных технологий
Исследовательская работа
Дом Тетюшинова. Сгорит – не сгорит? Разрушим – сам рухнет?
Выполнил: студент АГУ, гр.
ЗИ-11 Макаренко А. Ю.
Научный руководитель: доцент кафедры информационных
систем, к.т.н. Ветрова А. А.
Астрахань – 2008
Оглавление
1. Введение __________________________________________________________________3
2. Описание формата _________________________________________________________ 3
3. Преимущества и недостатки различных технологий __________________________ 4
4. Основные программные механизмы работы ___________________________________5
4.1. «Архитектура дома» ___________________________________________________________ 5
4.2. «Реставрация дома» ___________________________________________________________ 7
5. Заключение ________________________________________________________________ 8
2
1. Введение
Памятники архитектуры являются неотъемлемой частью нашей культуры. Знакомство с ними может быть интересно как специалисту-архитектору, так и обычному туристу.
Но что делать, если аварийное состояние памятника не позволяет провести экскурсию, а
реставрация может затянуться на годы? Кроме того, не каждый человек может лично побывать в городе, где находится интересующий его памятник.
Итак, как же решить подобные проблемы? Для этого необходимы электронный пособия, позволяющие пользователю провести экскурсию по интересующему его памятнику, не выходя из дому. Я представляю вашему вниманию работу, посвященную дому купца Г.В. Тетюшинова – выдающемуся памятнику деревянного зодчества города Астрахани.
Проходя мимо этого удивительного строения и поражаясь тем плачевным состоянием, в
котором оно находится, я, как и многие астраханцы, всегда возмущался, - почему дом не
восстанавливают. Поэтому целью моей работы стало показать, какой удивительный памятник архитектуры мы можем потерять. Но теперь, побывав внутри дома Тетюшинова,
пройдя по его лестницам и галереям, я понял – восстановить его невозможно. Все, что мы
можем сейчас сделать – это сохранить для потомков память об этом великолепном строении.
2. Описание формата
Рассмотрим подробнее оформления пособия «Дом Тетюшинова. Сгорит – не сгорит?
разрушим – сам рухнет?». Работа начинается с вводной страницы. На ней расположен видеофрагмент, смонтированный из чертежей дома Тетюшинова и песни Владимира Высоцкого «Стоял тот дом…». Просмотр этого ролика пользователь может пропустить.
По завершению показа, пользователь переходит на главную страницу работы – ее
оглавление. Здесь он может выбрать один из основных разделов работы:
Об авторе и программе
Архитектура дома
Фотогалерея
Приложение
Если подвести указатель мыши к названию раздела, слева выплывает подсказка с
кратким описание его содержимого.
Рассмотрим каждый из разделов поподробнее.
Об авторе и программе. Эта страница содержит информацию об авторе пособия, а
также об основных разделах и минимальных системных требованиях программы.
Архитектура дома. Основой страницы «Архитектура дома» является эскиз западного фасада дома. На этой странице пользователь может получить информацию как о доме в
целом (щелчок по названию эскиза), так и по отдельным его элементам – окнам, фигурным столбикам, лестнице, стенам и фасаду, фронтону и крыше. Для просмотра информации по элементу нужно щелкнуть по его изображению на чертеже (при наведении указателя мыши оно затемняется, при щелчке – обрамляется красной рамкой). Для просмотра
общей информации по дому Тетюшинова нужно щелкнуть по названию чертежа. Каждый
раздел оснащен примечанием со ссылками на авторство.
Фотогалерея. В этом разделе помещены наиболее красивые фотографии дома Тетюшинова. Щелчок по миниатюре в левом поле приведет к появлению его увеличенной
копии в правом.
Приложение. Основу этой страницы составляет анимированная книга. Кликнув по
«арке» на обложке книги, вы раскроете ее на странице с нужной информаций. Раздел содержит четыре подпункта:
История дома
Когда был построен дом Тетюшинова? Большинство источников датируют строительство дома Г.В. Тетюшинова 1872 годом – точных записей о дате постройки не сохра3
нилось. Но с помощью справок Казенной палаты, постановлений городской управы, оценочных и налоговых ведомостей по девятому околотку и, наконец, биографии самого Тетюшинова достаточно точная датировка все же возможна.
Биография Г.В. Тетюшинова
Рассказ об астраханском купце и промышленнике, исполнявшем обязанности гласного городской думы и вице-председателя биржевого комитета, потомственном почетном
гражданине города, Григорие Васильевиче Тетюшинове.Он содействовал открытию
«Народных чтений» обращался устроить в Астрахани мореходную школу и классы садоводства и огородничества.
Библиография
Список исторических источников, использовавшихся при подготовке работы.
Реставрация
Первые попытки заговорить о реставрации начались в 1973 году. Тогда же был создан первый проект. Потом до 1984 года этот вопрос не поднимался. В 1984 специальная
комиссия сделала заключение о невозможности дальнейшего использования дома под жилье – в любой момент могли рухнуть междуэтажные перекрытия. Но последних жильцов
отселили только в 1993 году. С тех пор были созданы 2 проекта реставрация и один раз, в
1995 году, начались сами реставрационные работы. Но проблему восстановления дома
они не решили.
Страница реставрации оформлена иначе, чем другие пункты раздела «Приложение».
Текст статьи разделен на четыре смысловые части. Они помещены в разные текстовые области. При открытии страницы начинается анимация – области поочередно появляются в центре экрана, увеличиваются и отходят в углы.
3. Преимущества и недостатки различных технологий
Пособие «Дом Тетюшинова. Сгорит – не сгорит? Разрушим – сам рухнет?» выполнено в двух вариантах, с использованием различных информационных технологий:
Microsoft Visual Basic 6.0
Web-технологий - язык программирования JavaScript, языка разметки HTML и
каскадные таблицы стилей (CSS).
Рассмотрим поподробнее преимущества и недостатки каждого варианта работы
№
Параметр
Web-технологии
1.
Автономность приложения
2.
Переносимость приложения
Пособие выполнено в
форме сайта – для его
просмотра необходимо
дополнительно ПО –
Web-браузер, например
Microsoft Internet Explorer
Протестировано и полностью корректно отображается
в
браузерах
Microsoft Internet Explorer
6.0 и Microsoft Internet
Explorer 5.5
3.
4.
Microsoft Visual
Basic 6.0
Пособие выполнено в виде автономного exeмодуля
На данный момент не выявлено конфликтов с
другим
программным или
аппаратным
обеспечением
Стандартная справка Windows Не поддерживается брау- Присутствует
Help
зерами
Музыкальное сопровождение
Использование нерацио- Присутствует,
нально – звуковые файлы музыка Шопена,
имеют большой объем, аранжированная
4
их передача через сеть
займет слишком много
времени
Функция браузера. Возможности влиять на нее у
разработчика нет.
5.
Работа с буфером обмена
6.
Возможности
текста
7.
8.
Возможность размещения в ин- Поддерживается
тернете
Необходимость установки на Установка не обязателькомпьютер
на. Нужна только для
увеличения скорости работы приложения
9.
Качество и гладкость анимации
форматирования Широкие возможности
форматирования тегами
HTML 4
Высокое качество
шумом волн.
Возможность
создать
собственную, более
гибкую
функцию работы с
буфером обмена
Ограниченные
возможности
форматирования
элемента
TextBox
Не поддерживается
Установка обязательная. Необходимо копирования и регистрации дополнительной библиотеки
MCI32.ocx
Среднее
качество для элемента Image; высокое качество для
элемента
PictureBox
4. Основные программные механизмы работы
Рассмотрим два основных, наиболее сложных алгоритма, используемых в работе
«Дом Тетюшинова. Сгорит – не сгорит? Разрушим – сам рухнет?». Они аналогично работают в обеих версиях, поэтому будем рассматривать на основе сайта – язык JavaScript
имеет более понятный и распространенный С-подобный синтаксис.
4.1. «Архитектура дома»
Рассмотрим механизм затенения частей картинки при наведении мыши на странице
«Архитектура дома»
function zamimg(){
if(!window.event.srcElement) window.event.srcElement=window.event.target
var my_src=''
var my_url=''
var my_src = window.event.srcElement.src
var rassh = my_src.slice(-4)
if(window.event.srcElement.src.lastIndexOf("2") == window.event.srcElement.src.length-5){
//значит, темная, после наведения
var my_url = my_src.slice(0,-5) + rassh
5
window.event.srcElement.src=my_url
window.status=""
//стала светлая, как до наведения
}
else{
if(window.event.srcElement.src.lastIndexOf("3") == window.event.srcElement.src.length-5){
//значит, с рамкой, светлая, после шелчка и ухода мыши
var my_url = my_src.slice(0,-5) + "4" + rassh
window.event.srcElement.src=my_url
window.status=window.event.srcElement.alt//стала с рамкой, темная
//стала с рамкой темная, после возвращения мыши
}
else{
if(window.event.srcElement.src.lastIndexOf("4") == window.event.srcElement.src.length-5){
//значит, с рамкой, темная фотография
var my_url = my_src.slice(0,-5) + "3" + rassh
window.event.srcElement.src=my_url
window.status=''//стала с рамкой, светлая
//стала с рамкой, светлая после шелчка и ухода мыши
}
else{
//значит, наведение, светлая фотография
var my_url = my_src.slice(0,-4) + "2" + rassh
window.event.srcElement.src=my_url
window.status=window.event.srcElement.alt//стала с рамкой, темная
//стала темная фотография
}
}
}
}
Как уже говорилось, основа страницы «Архитектура дома» – эскиз западного фасада
дома. Этот эскиз – не единое изображение, а совокупность активных областей, по которым может щелкнуть пользователь (окна, лестницы, фигурные столбики и прочие). Рассмотрим, как работает программный код.
1. Функция zamimg() вызывается каждый раз при попадании указателя мыши на активную область или выходе из нее (события onmouseover и onmouseout соответственно).
2. Получаем объект(картинку), вызвавший событие (это свойства window.event.srcElement или window.event.target, в зависимости от браузера).
3. Узнаем имя файла этой картинки.
4. По имени файла определяем тип картинки. Имя файла имеет вид - b1col2.jpg, где
b1col – произвольные символы, а «2», последний символ имени, определяет тип картинки
– темная («2»), светлая («»), темная в рамке(«3»), светлая в рамке(«4»). Поиск символа
осуществляется с помощью метода window.event.srcElement.src.lastIndexOf("2"), находящего первое вхождение интересующего наш символа в строку. Если это нужная нам позиция, 5 с конца (3 на расширение и точка), то тип картинки определяется, иначе проверяется на символ «4».
5. После определения типа картинки, меняется ее вид – светлые на темные или
наоборот. Замена сводится к изменению все того же 5 с конца символа в имени файла.
6
Также при этом в строку состояния браузера выводится имя элемента (команда window.status=window.event.srcElement.alt)
4.2. «Реставрация дома»
Рассмотрим механизм движения текстовых областей на странице «Реставрация дома».
function myfunc(){
mytime = setInterval("second()", 30)
}
function second(){
if(i<=58){
window.document.getElementById('fr1').width=
parseInt(window.document.getElementById('fr1').width)+6
window.document.getElementById('fr1').height =
parseInt(window.document.getElementById('fr1').height)+4
window.document.getElementById('fr1').style.left=
parseInt(window.document.getElementById('fr1').style.left) - 3
window.document.getElementById('fr1').style.top=
parseInt(window.document.getElementById('fr1').style.top) - 2
i++
}
else{
window.document.getElementById('fr1').style.left=
parseInt(window.document.getElementById('fr1').style.left) - 15
window.document.getElementById('fr1').height =
parseInt(window.document.getElementById('fr1').height)+2
window.document.getElementById('fr1').width=
parseInt(window.document.getElementById('fr1').width)+43
clearInterval(mytime)
newtime = setInterval("third()", 30)
}
}
function third(){
if (k<=32){
window.document.getElementById('fr1').style.left=
parseInt(window.document.getElementById('fr1').style.left) - 6
window.document.getElementById('fr1').style.top=
parseInt(window.document.getElementById('fr1').style.top) - 4
k++
}
else{
window.document.getElementById('fr1').style.left=
parseInt(window.document.getElementById('fr1').style.left) - 9
7
clearInterval(newtime)
first()
}
}
После загрузки страницы вызывается функция myfunc(), которая циклически, каждые
30 миллисекунд вызывает функцию second().В течение 58 вызовов в этой функции происходит расширение текстовой области - она сдвигается на 15 пикселей влево и на 2 вверх.
Одновременно ее ширина увеличивается на 43 пикселя, а высота на 2 пикселя. Потом
циклический вызов этой функции прекращается и начинается циклический вызов функции third(). Она, в течение 32 вызовов, вызывает движение области в левый верхний угол
экрана – сдвиг на 6 пикселей влево и на 4 вверх за один вызов. Когда область достигает
конца пути, производится дополнительная коррекция координат и ее циклическое выполнение прекращается – начинает двигаться вторая область. Ее движение построено аналогично.
5. Заключение
Мультимедийные пособия как способ презентации разнообразных памятников истории и архитектуры становятся все более популярными, необходимость их создания растет.
В работе были рассмотрены две технологии разработки подобных виртуальных экскурсий, каждая из них имеет свои преимущества и недостатки:
Сайт может распространяться как на дисках, так и быть размещен в интернете, его не нужно устанавливать на компьютер, HTML 4 дает нам широкие
возможности разметки и форматирования текста рассказов, а соединение
JavaScript и CSS (DHTML – динамический HTML) позволяет создать гладкую
и красивую анимацию.
С другой стороны, exe-модуль, созданный с помощью VB6 – автономное приложение, не требующее дополнительных программ, оснащенное стандартной
справкой Windows Help и музыкальным сопровождением.
В итоге, разработчик должен выбирать технологию исходя из соображений удобства
пользователя и последующей среды использования его программного продукта.
8