Руководство разработчика.
Разработанное в ходе физической реализации решение состоит из двух компонентов:
Веб cайт.
База данных
Разработанный прототип является веб приложением, и для его функционального использования необходимо , чтобы было установлено соответствующее программное обеспечение.
Установить локальный сервер filezillaна второй компьютер (компьютер на который хотим перенести сайт)
Для этого запускаем установочный файл
Нажимаем OK
Нажимаем далее
Идет процесс установки:
После установки запускаем программу:
На данном этапе необходимо заполнить поля: Хост (ftp.testkaf.bl.ee) Имя пользователя (u101386881) и пароль (mjPJXMRJtR), далее нажать “Быстрое соединение”. Произойдет соединение с сервером и сайт с базой данных окажется на вашем компьютере для дальнейшего редактирования и администрирования.
Структурированная База Данных
Для того, чтобы получить доступ к данным, вам необходимо будет залить в клиент MySQL PhpMyAdmin дамп базы nirs.sql
Файлы проекта.
Все файлы проекта хранятся в приложенной папке html. Для запуска веб интерфейса прототипа необходимо набрать в браузере : http://2.примерный.рф/
Оформление находится в файле style.css
Картинки и фото в папке image.
Пример кода сайта:
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top">Компьютерные медицинские системы</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">Достижения</a>
</li>
<li class="page-scroll">
<a href="#about">О кафедре</a> </li>
<li class="page-scroll">
<a href="#contact">Контакты</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- <img class="img-responsive" src="img/profile.png" alt=""> -->
<div class="intro-text">
<span class="name">Кафедра "Компьютерные медицинские системы"</span>
<hr class="star-light">
<span class="skills">Национальный исследовательский ядерный университет «МИФИ»</span>
</div>
</div>
</div>
</div>
</header>
<!-- Portfolio Grid Section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Достижения</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/premiya2013.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/K_diplom20.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/medv1.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/furs.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/02.jpg" class="img-responsive" alt="">
</a>
</div>
<!-- <div class="col-sm-4 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/uiba.jpg" class="img-responsive" alt="">
</a>
</div> -->
</div>
</div>
</section>
<!-- About Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>О Кафедре</h2>
<hr class="star-light">
</div>
</div>
<div class="row">
<div class="col-lg-4 col-lg-offset-2">
<p>Приоритет разработок кафедры подтвержден 11 патентами РФ, работа кафедры отмечена 15 медалями
ВДНХ, Почетной Грамотой Министра Образования РФ, Почетной Грамотой Министра
Здравоохранения и социального развития РФ, Почетной Грамотой ФМБА России.
Защищено 4 диссертации в области технических и 4 диссертации в области медицинских наук,
включая докторскую.</p>
</div>
<div class="col-lg-4">
<p>1) Лаборатория компьютерных медицинских систем в Клинической больнице №85 ФМБА <br>
2) Автоматизированная система макроскопического анализа „Атлант-макро“<br>
3) Высокотехнологичный программно-аппаратный комплекс многоцелевого назначения для промышленности, научных исследований, медицины и образования «АТЛАНТ»<br>
4) Компьютерные экспертные комплексы гистологической, цитологической и гематологической диагностики<br>
5) Компьютерная система для гематологической диагностики „Атлант-гемо“<br>
6) Компьютерный офтальмологический комплекс „Атлант-retina“<br>
7) Система для автоматизированного контроля ответственных изделий атомной техники
</p>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="#portfolioModal6" class="btn btn-lg btn-outline" data-toggle="modal">
<i class="fa fa-file-text"></i> Подробнее
</a>
</div>
</div>
</div>
</section>