Размещено на http://www.allbest.ru/

Введение

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

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

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

1. Исходные материалы

Для выполнения работы я использовал XHTML (англ. Extensible Hypertext Markup Language - Расширяемый язык разметки гипертекста) - язык разметки веб-страниц, по возможностям сопоставимый с HTML и CSS (каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки. Вся использованная в работе информация о законах правилах заполнения бланков регистрации была взята с официального сайта Федеральной службы по интеллектуальной собственности, патентам и товарным знакам.

2. Разработка внешнего вида страницы

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

3. Блок-схема навигации по сайту

4. Реализация связей между страницами

Для реализации связей между страницами использована тег <a> и задается параметр href, которым является ссылка на нужную страницу: <a href= «URL»>текст ссылки</a>.

Пример из кода страницы:

<li><a href= «C:\kursovik\main\shag1.html»>Шаг №1</a></li>

<li><a href= «C:\kursovik\main\shag2.html»>Шаг №2</a></li>

<li><a href= "#»>Шаг №3</a></li>

<li><ahref= «http://www1.fips.ru/wps/wcm/connect/content_ru/ru/copyright/soft/»>Источник</a></li>

<li><a href= «C:\kursovik\main\index.html»>На главную</a></li>

5. Реализация отображения графики на странице

Для того чтобы на странице можно было вывести нужный мне графический объект, был использован тег <IMG> он имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. Для расположения рисунка по центру был использован тег <center>.

Пример из кода страницы:

<center> <img src= «C:\kursovik\main\images\IMG1.jpg»> </center>

6. Создание внешнего вида страницы

документ страница графика программный

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

Задавая различные свойства css, мы редактируем внешний вид страницы. Например, для изменения шрифта, цвета, выравнивания и стиля элементов h1, h2, h3, h4, h5, h6 в тексте файла styles.css:

h1, h2, h3, h4, h5, h6 {

font-family: Georgia, «Times New Roman», Times, serif;

color: #3399FF;

}

Для изменения вида строки меню навигации по сайту можно менять параметры в этом участке текста файла styles.css:

#menu a {

padding: 5px 15px;

text-transform: uppercase;

text-decoration: none;

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

}

Заключение

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

Список источников

1 http://www1.fips.ru/wps/wcm/connect/content_ru/ru/copyright/soft/

2 http://css.manual.ru/

3 http://html.manual.ru/

4 http://ru.wikipedia.org/wiki/HTML

5 http://ru.wikipedia.org/wiki/CSS

Приложение А

Листинг html файлов

1) Index.html

<! DOCTYPE html PUBLIC «- //W3C //DTD XHTML 1.0 Strict //EN» >

<head>

<meta http-equiv= «content-type» content= «text/html; charset=windows-1251» />

<title>Правила офрмления ПО в Роспатент</title>

<meta name= «keywords» content=»» />

<meta name= «description» content=»» />

<link href= «styles.css» rel= «stylesheet» type= «text/css» />

</head>

<body>

<div id= «header»>

<h1></h1>

</div>

<div id= «menu»>

<ul>

<li><a href= «C:\kursovik\main\shag1.html»>Шаг №1</a></li>

<li><a href= «C:\kursovik\main\shag2.html»>Шаг №2</a></li>

<li><a href= "#»>Шаг №3</a></li>

<li><a href= «http://www1.fips.ru/wps/wcm/connect/content_ru/ru/copyright/soft/»>Источник</a></li>

<li><a href= «C:\kursovik\main\index.html»>На главную</a></li>

</ul>

</div>

<div id= «content»>

<div id= «left»>

<h2>Добрый день!</h2>

<p>Этот ресурс предназначен для упрощения процедуры регистрации вашего программного обеспечения в Роспатент</p>

<p>Порядок регистрации ПО будет показан на примере Программы для восстановления голографически записанных изображений и определения пространственного расположения точечных объектов «Digital Holography», правообладателем исключительного права на которую является Бульба Артём Владимирович.</p>

<ul>

<li><a href= «C:\kursovik\main\files.rar»>Файлы для печати</a></li>

<center> <img src= «C:\kursovik\main\images\IMG4.jpg»> </center>

</ul>

</div>

<div id= «right»>

<h2>Другие полезные ресурсы ПетрГУ</h2>

<ul>

<li><h3><a href= «http://www.petrsu.ru/»>Официальный сайт ПетрГУ</a></h3></li>

<li><h3><a href= «http://dfe.karelia.ru/index.php»>Сайт кафедры информационно-измерительных систем и физической электроники</a></h3></li>

</ul>

</div>

</div>

<div id= «footer»>

<p style= «margin:5px»>Copyright &copy; 2010 ПОВРП.</p>

<p style= «margin:5px»>Golland</a></p>

</div>

</body>

</html>

2) shag1.html

<! DOCTYPE html PUBLIC «- //W3C //DTD XHTML 1.0 Strict //EN» >

<head>

<meta http-equiv= «content-type» content= «text/html; charset=windows-1251» />

<title>Правила оформления ПО в Роспатент Шаг №1</title>

<meta name= «keywords» content=»» />

<meta name= «description» content=»» />

<link href= «styles.css» rel= «stylesheet» type= «text/css» />

</head>

<body>

<div id= «header»>

<h1></h1>

</div>

<div id= «menu»>

<ul>

<li><a href= «C:\kursovik\main\shag1.html»>Шаг №1</a></li>

<li><a href= «C:\kursovik\main\shag2.html»>Шаг №2</a></li>

<li><a href= "#»>Шаг №3</a></li>

<li><a href= «http://www1.fips.ru/wps/wcm/connect/content_ru/ru/copyright/soft/»>Источник</a></li>

<li><a href= «C:\kursovik\main\index.html»>На главную</a></li>

</ul>

</div>

<div id= «content»>

<div id= «left»>

<h2>Шаг №1</h2>

<p>Уплата государственной пошлины</p>

<p><B>Реквизиты для уплаты государственной пошлины:</B>

<I>Получатель:</I> Управление Федерального казначейства по г. Москве (Федеральная служба по интеллектуальной собственности, патентам и товарным знакам), ИНН 7730176088, Расчётный счёт 40101810800000010041, КПП 773001001, БИК 044583001,

КБК 16810809000011000110, ОКАТО 45268554000 Банк получателя: Отделение №1 Московского ГТУ Банка России г. Москва 705 (корр. счёта нет)

Справочно: ОКПО 00038971, ОГРН 1047730015200 от 24.06.04

в полях 106 - 110 расчетного документа проставляются нули - «0»;

Назначение платежа:

Госпошлина за регистрацию ПрЭВМ «Digital Holography», Бульба, по п. 1-3 статьи 333.30 НК РФ. НДС не облагается.

в поле 104 расчетного документа указывается код бюджетной классификации (КБК):

168 1 08 09000 01 1000 110

<B>Госпошлина: 585 рублей</B>

</p>

<center> <img src= «C:\kursovik\main\images\IMG1.jpg»> </center>

<ul>

<li><a href= «C:\kursovik\main\files.rar»>Файлы для печати</a></li>

</div>

<div id= «right»>

<h2>Другие полезные ресурсы ПетрГУ</h2>

<ul>

<li><h3><a href= «http://www.petrsu.ru/»>Официальный сайт ПетрГУ</a></h3></li>

<li><h3><a href= «http://dfe.karelia.ru/index.php»>Сайт кафедры информационно-измерительных систем и физической электроники</a></h3></li>

</ul>

</div>

</div>

<div id= «footer»>

<p style= «margin:5px»>Copyright &copy; 2010 ПОВРП.</p>

<p style= «margin:5px»>Golland</a></p>

</div>

</body>

</html>

3) shag2.html

<! DOCTYPE html PUBLIC «- //W3C //DTD XHTML 1.0 Strict //EN» >

<head>

<meta http-equiv= «content-type» content= «text/html; charset=windows-1251» />

<title>Правила оформления ПО в Роспатент Шаг №1</title>

<meta name= «keywords» content=»» />

<meta name= «description» content=»» />

<link href= «styles.css» rel= «stylesheet» type= «text/css» />

</head>

<body>

<div id= «header»>

<h1></h1>

</div>

<div id= «menu»>

<ul>

<li><a href= «C:\kursovik\main\shag1.html»>Шаг №1</a></li>

<li><a href= «C:\kursovik\main\shag2.html»>Шаг №2</a></li>

<li><a href= "#»>Шаг №3</a></li>

<li><a href= «http://www1.fips.ru/wps/wcm/connect/content_ru/ru/copyright/soft/»>Источник</a></li>

<li><a href= «C:\kursovik\main\index.html»>На главную</a></li>

</ul>

</div>

<div id= «content»>

<div id= «left»>

<h2>Шаг №2</h2>

<p>Сбор документов для отправки</p>

<p><B>Заявка должна быть укомплектована следующими документами:</B></p>

<p>1) Заявление (форма РП)</p>

<p>2) Распечатка исходного текста программы</p>

<p>3) Реферат</p>

<p>4) Платежный элемент об уплате госпошлины</p>

<p>5) Бланк сопроводительного письма</p>

<p><B><I>заявление</B><I></p>

<center> <img src= «C:\kursovik\main\images\IMG2.jpg»> </center>

<center> <img src= «C:\kursovik\main\images\IMG21.jpg»> </center>

<p><B><I>реферат</B><I></p>

<center> <img src= «C:\kursovik\main\images\IMG3.jpg»> </center>

<p><B><I>бланк сопроводительного письма</B><I></p>

<center> <img src= «C:\kursovik\main\images\IMGqq.jpg»> </center>

<ul>

<li><a href= «C:\kursovik\main\files.rar»>Файлы для печати</a></li>

</ul>

</div>

<div id= «right»>

<h2>Другие полезные ресурсы ПетрГУ</h2>

<ul>

<li><h3><a href= «http://www.petrsu.ru/»>Официальный сайт ПетрГУ</a></h3></li>

<li><h3><a href= «http://dfe.karelia.ru/index.php»>Сайт кафедры информационно-измерительных систем и физической электроники</a></h3></li>

</ul>

</div>

</div>

</div>

<div id= «footer»>

<p style= «margin:5px»>Copyright &copy; 2010 ПОВРП.</p>

<p style= «margin:5px»>Golland</a></p>

</div>

</body>

</html>

Приложение Б

Листинг styles.css

/************* GENERAL CSS ************/

body {

margin: 0px;

padding: 0px;

background: #666666 url (images/back.png) repeat-y center top;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 13px;

color: #333333;

}

h1, h2, h3, h4, h5, h6 {

font-family: Georgia, «Times New Roman», Times, serif;

color: #3399FF;

}

a {

font-weight: bold;

text-decoration: none;

color: #3399FF;

}

a:hover {

text-decoration: underline;

color: #33CCFF;

}

/************* HEADER STUFF ************/

#header {

width: 770px;

height: 120px;

margin: 0px auto;

padding: 10px 0px;

background: #FFFBFD url (images/header.jpg);

}

#header h1 {

margin: 0px;

padding: 0px 0px 0px 10px;

text-align: left;

color: #3399FF;

font-size: 3em;

text-transform: uppercase;

}

#header h2 {

margin: 0px;

padding: 0px 0px 0px 20px;

text-align: left;

font-size: 1.5em;

text-transform: uppercase;

}

/************* MENU ************/

#menu {

width: 770px;

margin: 0px auto;

padding: 5px 0px 5px 0px;

background-color: #000000;

}

#menu ul {

margin: 0px;

padding: 0px;

list-style: none;

text-align: center;

}

#menu li {

display: inline;

}

#menu a {

padding: 5px 15px;

text-transform: uppercase;

text-decoration: none;

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

}

#menu a:hover {

background-color: #333333;

}

/************* CONTENT ************/

#content {

width: 770px;

margin: 0px auto;

padding: 20px 0px 0px 0px;

}

#content h2, #content h3, #content h4, #content h5, #content h6 {

font-weight: normal;

}

#content p, #content ul, #content ol {

line-height: 150%;

}

#left {

float: left;

width: 480px;

padding: 0px 20px 40px 20px;

}

#right {

float: right;

width: 210px;

padding: 0px 20px 40px 20px;

color: #99CCFF;

}

/************* FOOTER ************/

#footer {

clear: both;

width: 771px;

margin: 0px auto;

border-top: 1px solid #666666;

background: url (images/back-footer.png) repeat-y center top;

font-size: 9px;

text-align: center;

padding: 2px;

color: #333333;

}

Размещено на Allbest.ru

...