Как произвести адаптацию дроссельной заслонки в автомобиле. Регулировка сцепления и адаптация Easytronic (изитроник) с помощью OP-COM (на примере Opel Astra H)

Все говорят об адаптивном веб-дизайне. Но значит ли это, что все понимают, для чего он нужен?

Респонсивный дизайн - это не только разработка сайтов для мобильных устройств, здесь речь идет об адаптации макетов под разные размеры экрана (viewports).

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

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

Разочарование пользователей

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

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

Для респонсивного веб-сайта, мы можем использовать один и тот же код как для настольного компьютера, так и для мобильного устройства. Это удобно тем, что мы не должны отдельно корректировать контент для каждого устройства. Но многие веб-сайты скрывают свое содержимое, считая его ненужным для мобильных пользователей. В этом есть две проблемы:

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

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

Пошаговое руководство

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

Ключевым элементом гибкости в адаптивном дизайне, является fluid ширина макета. Все, что вам нужно сделать, это создать wrapper, content и column widths, которые будут адаптироваться под различную ширину устройств. В этом нет ничего нового, но сейчас это важнее, чем когда-либо. Чтобы не усложнять задачу, мы создадим fluid страницу, состоящую из навигации, главного изображения и двух колонок, которая учитывает расположение на устройствах различных размеров. Мы, также включили respond.min.js, который позволяет медиа-запросам работать в IE6-8.

Основная HTML структура:

Респонсивный сайт Демо

• Скролл к контенту

Logo

• Главная
• Купить
• Сервис
• Контакты

История

История модели Mercedes SL уходит корнями в 1954 год — именно тогда на автосалоне в Нью-Йорке немцы представили двухдверку Mercedes 190 SL. Можете себе представить уровень эстетического шока посетителей тогдашнего мотор-шоу. Под кузовом пленительной красоты скрывалась укороченная платформа от седана Mercedes W120 Ponton и стальной монокок. Подвеска была полностью независимая — с двухрычажкой спереди и качающимися полуосями сзади. Длина — 4290 мм, расстояние между осями — 2400 мм.

Когда дело доходит до CSS, то установить max-width, будет хорошей идеей, это остановит сайт от масштабирования на огромных экранах, но не будет удерживать от сокращения страниц. Один из основных вопросов при переключении с фиксированной ширины на fluid, это изображения. В CSS, есть простое решения этой проблемы. Просто установите ширину изображения на 100%. Также добавим auto для высоты изображений, чтобы избежать сплющенных изображений в Опере и Сафари на малых экранах:

/* Макет */ #wrapper { width: 96%; max-width: 920px; margin: auto; padding: 2%; } #main { width: 60%; margin-right: 5%; float: left; } aside { width: 35%; float: right; } /* Logo H1 */ header h1 { height: 98px; width: 216px; float: left; display: block; background: url(images/sllogo.png) 0 0 no-repeat; text-indent: -9999px; } /* Навигация */ header nav { float: right; margin-top: 40px; } header nav li { display: inline; margin-left: 15px; } header nav ul li a { text-decoration:none; color:#333;} #skipTo { display: none; } #skipTo li { background: #ccc; } /* Главная картинка*/ #banner { float: left; margin-bottom: 15px; width: 100%; } #banner img { width: 100%; height: auto; }

Ваше изображение будет отображаться на его родительском элементе в полную ширину, и будет сжиматься вместе с ним. Только убедитесь, что изображения max-width, не превышают максимальную ширину его контейнера.

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

Переключение главной навигации

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

/* Медиа-запросы */ @media screen and (max-width: 480px) { #skipTo { display: block; } header nav, #main, aside { float: left; clear: left; margin: 0 0 10px; width: 100%; } header nav li { margin: 0; background: #ccc; display: block; margin-bottom: 3px; } header nav a { display: block; padding: 10px; text-align: center; }

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

Чтобы разрешить медиа-запросам войти в полный эффект, обычный мобильный, оптимизированный, респонсивный сайт должен содержать что-то вроде следующего:

Cвойство width, отвечает за размер области просмотра. Он может быть установлено на определенное число пикселей, width=960, или на device-width значение, что является шириной экрана в пикселях в масштабе 100%. initial-scale свойство управляет масштабом при первой загрузке страницы. maximum-scale, minimum-scale, и user-scalable свойства, контролируют то, как пользователи могут масштабировать страницу (больше/меньше).

Easytronic MTA (Manual Transmision Automatic) - это товарный знак фирмы Opel обозначающий серию механических коробок передач с автоматическим роботизированным управлением. Разработана фирмой LUK и впервые была примена на автомобиле Opel Corsa-C.

Такими трансмиссиями оснащались автомобили:
Corsa-C , Corsa-D , Vectra-C , Astra-H , Meriva-A , Zafira-B
MTA Easytronic позволяет выполнять ручное (ручной режим) или автоматическое (автоматический режим) переключение передач, при этом в обоих режимах обеспечивается автоматическое управление сцеплением.
Easytronic сочетает в себе удобство управления автоматической трансмиссией и экономичность и лучшие свойства механических коробок передач. Но это все при условии что Easytronic настроен и работает безупречно. Но если пренебрегать обслуживанием приводов и сцепления, то реанимация MTA может стать чрезвычайно затратной.
Ручка управления имеет следующие позиции:
N = Нейтраль.
A = Переключение между автоматическим и ручным режимами. На дисплее коробки передач отображается A или M.
R = Задний ход. Устанавливать только на стоящем автомобиле.
+ = переключение на повышающую передачу.
- = переключение на понижающую передачу.
Работа автоматического сцепления имитирует действия водителя с педалью сцепления и обеспечивает три режима работы сцепления. Два основных режима это включенное (замкнутое) сцепление и выключенное (разомкнутое) сцепление. Третий режим - это режим с частично замкнутым сцеплением (пробуксовка) или его еще называют Crawl mode - «ползучий режим». Этот режим позволяет плавно трогаться с места или маневрировать при парковке. Режим частичной пробуксовки контролируется ECU по расчетному параметру «температура сцепления», которое высчитывается из разницы скоростей вращения маховика и первичного вала трансмиссии и других параметров. Режим частичной пробуксовки включается при отпущенной тормозной педали и оборотах двигателя близких к холостому ходу. Этот режим требует точной настройки точки касания и от четкости его работы сильно зависит долговечность работы всего механизма управления MTA.

Для нормального проведения регулировок, особо подчеркнем, что в процессе работы необходимо затянуть ручной тормоз и удерживать ножной. Если эти условия не выполенены, то процесс регулировки прекращается. Подключаем к диагностическому разъему и соединяемся с блоком управления трансмиссией.
Diagnostics > Astra-H > Transmission > MTA Easytronic
Далее выбираем Programming и попадаем в меню управления режимами программирования.

• Адаптация точки схватывания (Touch Point Adaptation)

1. На заведенном двигателе. Коробка в положении нейтраль. Выбираем пункт Touch Point Adaptation

2. Следуем инструкциям, которые появляются на экране и наблюдаем за процесом адаптации.

3. В процесе обучения значения будут синхронно меняться от большего к меньшему и наоборот
После окончания процедуры появляется надпись Settings stored. Programming done! (Установки запомнены, Програмирование выполнено!)

В начале процесса может появиться следующая надпись: Conditions not correct!
Видимо придется выйти из программы, заглушить машину, войти почистить ошибки МТА, и повторить процедуру обучения.

• Обучение параметров переключения коробки передач. (Learn Gearbox Parameters)

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

3. Начинается 1-й этап
Смотрим как настраиваются передачи 1я-5я задняя.

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

Процедура закончена.

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

Несколько слов об адаптивных коробках

Привычный всем автомат, сделанный на основе гидротрансформатора, появился порядка 80 лет назад. С тех пор АКПП стали активно оснащаться не только гидравлическими и механическими элементами, но и своей современной основой – электроникой. Появление микропроцессорных технологий в начале 80-х годов позволили не просто усилить электронизацию автомата, а вывели её по-настоящему на новый уровень. Именно поэтому около 30 лет назад и стали появляться первые обучаемые коробки передач, получившие название «адаптивные».

Подобные АКПП имеют одно, поистине существенное отличие от своих предшественниц. Его сущность заключается в том, что электронный «мозг» коробки не просто управляет ею по запрограммированным алгоритмам, но и видоизменяет таковые, основываясь на стиле, манере и условиях вождения конкретного автомобилиста. Удивительно, но адаптивные КПП вмиг вытеснили со «сцены» своего выступления обычные автоматы, и сегодня встретить последние можно лишь на автомобилях ранних 80-х и 90-х годов. Все модели, выпущенные позже, уже оснащались обучаемым автоматом.

Все АКПП имеют исключительно индивидуальные способы и алгоритмы адаптации, однако большинство устройств имеют два режима обучения:

• Длительная адаптация, осуществляющаяся коробкой по истечению большого пробега (около 200-1 000 километров). В ходе подобного обучения автомат привыкает к среднестатистическому стилю вождения автомобилиста и задаёт настройки именно под него, которые с течением времени становятся для устройства стандартными;
• Быстрая адаптация, которая происходит в течение очень короткого времени (от нескольких сотен метров до пары-другой километров пробега). Это обучение происходит постоянно и подстраивает работу АКПП под режим езды конкретно в данный момент времени. Естественно, если движение организовано как обычно, то и автомат под новый лад не перестраивается.

Такая совокупность адаптивных режимов позволила организовать наиболее качественную и удобную работу современных АКПП. Конечно, адаптация находится не на сверхуровне, но «тупить» умные коробки стали всё меньше. Отметим, что некоторые старые автоматы имеют лишь один из режимов обучения.

Основные параметры адаптации

Теперь, когда сущность адаптивных АКПП более-менее ясна каждому, давайте пробежимся по основным параметрам адаптации. Современные коробки «автомат» учитывают огромное число нюансов езды конкретного автомобилиста, однако столпом среди них стоит следующая тройка:

• Динамика разгона. Любой адаптивный автомат в ходе своего функционирования внимательно следит за тем, насколько резко любит ускоряться водитель. Большинство коробок имеют две основные адаптации под разгон. Он либо задаётся спокойным (передачи переключаются плавно, как бы максимально растягиваясь), либо ускоренным (передачи переключаются быстро, а иногда даже перескакивают через 1-2);
• Стиль езды. Тут учитывается такой момент, насколько часто автомобилист меняет положение педали газа. То есть, если движение проходит без особых изменений при нажатии акселератора, включается максимально высокая передач для экономии топлива, при езде же в пробках – автомат настраивается на работу без сильной раскрутки мотора на нижних передачах;
• Манера торможения. Здесь всё очень просто. Если водитель любит тормозить резко и часто, то АКПП привыкает к ускоренному сбросу передач на 1-2, а то 3 за один момент времени, в ином случае коробка себе не изменяет и продолжает работать в режиме плавного торможения.

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

Способы ускоренной адаптации автомата «под себя»

Мало кто знает, но при необходимости адаптация АКПП может быть проведена в ускоренном режиме (естественно, речь идёт о задании постоянного режима работы автомату, который формируется в течение длительной эксплуатации автомобиля). Подобная мера не должна казаться чем-то ненужным, ибо её проведение вполне резонно, если:

• К автомобилисту в эксплуатацию попала АКПП, ранее адаптированная под другого человека, и требуется её перенастройка;
• Автомат стал работать некорректно, пинаться и часто «тупить», но с его технической составляющей всё отлично;
• После капитального ремонта коробка сбросила привычные настройки или просто отказывает адаптироваться под новый стиль вождения.

Как видите, ситуаций для принудительного обучения АКПП под новый лад работы особо придумывать не стоит, все они лежат на поверхности. Но как адаптировать автомат качественно и быстро? На самом деле есть несколько способов:

• Вариант первый – отдаём автомат на перепрошивку. Тут всё предельно просто. Автомобилист говорит мастерам, под какой режим вождения хочет адаптировать АКПП, а они в свою очередь заново программируют её чип;
• Вариант второй – проводим принудительную адаптацию. Здесь же всё посложнее, ибо придётся найти техническую документацию на обучаемую АКПП. Как правило, для принудительного обучения требуется сначала обнулить имеющуюся адаптацию, а затем «залить» новую. У разных коробок подобное обучение проводится по-разному. Для примера рассмотрим принудительную адаптацию автомата от Мерседес. Зачастую проводится она так:
• Машина прогревается, глушится на 5-10 секунд, снова заводится (повторяем два-три раза);
• Затем нажимается тормоз, АКПП переводится в режим ручного управления, по очереди включаются режимы и передачи (в таком порядке, в котором они должны работать в будущем);
• После этого машина заводится, плавно разгоняется до 40 км/ч, глушится, снова заводится, плавно разгоняется до 80 км/ч, глушится, снова заводится и на автомобиле откатывается 5-7 километров.

На этом адаптация завершена. К слову, подобной настройкой можно сделать работу адаптивной коробки более спортивной или же, напротив, более мягкой.

Приветствую вас, случайные посетители и постоянные читатели блога сайт!

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

Краткий план статьи:

В предыдущей статье я уже писал о том, и зачем он нужен. Но как достичь этой самой адаптивности?

Для этого есть разные способы. Кто то использует javascript, кто то что то еще. Но я считаю, что самый простой и правильный способ – это адаптивная с помощью CSS.

Как сделать адаптивную верстку сайта

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

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

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

Как так? Я стал перепроверять все стили, правильно ли я прописал классы, в итоге дошел до того, что через javascript проверил ширину окна браузера в px. Я был в шоке. При проверке на ноутбуке я получил результат 1024px, и примерно такой же результат я получил открыв сайт на смартфоне!

Но ведь этого не может быть!

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

Из-за своей глупости и некомпетентности я потерял очень много времени. Зато теперь запомнил навсегда))).

Адаптивная верстка CSS media запросы

Чтобы сделать адаптивную с помощью CSS, необходимо использовать media запросы.

Это как? Да, очень просто. В CSS файле нужно прописать запросы типа:

@media screen and (min-width: 1440px) and (max-width: 1599px){ }

Это код означает, что стили заключенные между “{ } ” будут работать для экранов с минимальной шириной 1440px и максимальной 1599px.

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

Самые важные разрешения экрана, при адаптивной верстке

• 320 px - Мобильные устройства (портретная ориентация);
• 480 px - Мобильные устройства (альбомная ориентация);
• 600 px - Небольшие планшеты;
• 768 px - Планшеты (портретная ориентация);
• 1024 px - Планшеты (альбомная ориентация)/Нетбуки;
• 1280 px и более - PC.

Именно на эти разрешения и нужно делать упор и уделять им особое внимание при адаптивной верстке. Это самые распространенные виды разрешений экранов.

bootstrap адаптивный дизайн

Очень удобно использовать для создания адаптивной верстки bootstrap. Удобство в том, что все стили для адаптации блоков, кнопок, таблиц и т.д. уже прописаны в bootstpap. Нужно только разобраться какой класс к какому элементу присвоить.

Для начала, качайте свежую версию bootstrap и подключите его к своему сайту. Учтите, что подключение стилей и скриптов к wordpress имеет свои особенности.

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

Например, такая конструкция позволит выделить один широкий блок для контента шириной в 8 частей и один узкий для сайдбара шириной в 4 части экрана:

Ширина блоков будет рассчитываться автоматически в зависимости от ширины экрана. А при просмотре на мобильном устройстве эти блоки будут смещаться друг под друга.

Также можно регулировать отступ блок от края, опять же, на нужное количество частей. Например такая конструкция:

Будет создан блок шириной в 10 частей с отступом слева в 1 часть экрана.

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

В будущем я планирую выложить несколько уроков по работе с bootsrap. Поэтому советую , чтобы не упустить этот момент.

Проверка адаптивности сайта

Но возникает вопрос: как проверять адаптивность сайта? Вот прописали вы media запросы в CSS, подключили bootstrap и используете нужные классы. А как вы проверите, что на всех разрешениях экрана сайт правильно адаптируется.

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

Ну как вам статья? Все понятно? Если нет, пишите в комментарии, будем разбираться вместе.

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