Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
47 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
2.41 MB
Просмотров:
62
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Мобильная веб-разработка](/documents/c08c36ec8806fe31287ee8f025b93d2b/img0.jpg)
Содержание слайда: Мобильная веб-разработка
Ребров Андрей
№2 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img1.jpg)
№3 слайд![О семинаре . Почему стоит](/documents/c08c36ec8806fe31287ee8f025b93d2b/img2.jpg)
Содержание слайда: О семинаре
1. Почему стоит выбирать мобильный веб.
2. Как разрабатывать.
№4 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img3.jpg)
№5 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img4.jpg)
№6 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img5.jpg)
№7 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img6.jpg)
№8 слайд![Когда телефоны были большими](/documents/c08c36ec8806fe31287ee8f025b93d2b/img7.jpg)
Содержание слайда: Когда телефоны были большими…
Сайты для них были:
унылые;
нефункциональные;
только WAP…
… или их вообще не было.
№9 слайд![Время шло и теперь Различных](/documents/c08c36ec8806fe31287ee8f025b93d2b/img8.jpg)
Содержание слайда: Время шло и теперь…
Различных мобильных устройств стало много..
№10 слайд![Так что имеем сейчас](/documents/c08c36ec8806fe31287ee8f025b93d2b/img9.jpg)
Содержание слайда: Так что имеем сейчас
Полноценный компьютер в кармане
Малый размер экрана
Полноценный интернет (Wi-Fi)
Ряд ограничений (Flash, цена интернета)
Геолокация и прочие встроенные модули
№11 слайд![Что изменилось еще Новые](/documents/c08c36ec8806fe31287ee8f025b93d2b/img10.jpg)
Содержание слайда: Что изменилось еще
Новые возможности в создании сайтов
Постепенный уход от десктопных приложений
Выросла скорость интернета
№12 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img11.jpg)
№13 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img12.jpg)
№14 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img13.jpg)
№15 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img14.jpg)
№16 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img15.jpg)
№17 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img16.jpg)
№18 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img17.jpg)
№19 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img18.jpg)
№20 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img19.jpg)
№21 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img20.jpg)
№22 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img21.jpg)
№23 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img22.jpg)
№24 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img23.jpg)
№25 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img24.jpg)
№26 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img25.jpg)
№27 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img26.jpg)
№28 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img27.jpg)
№29 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img28.jpg)
№30 слайд![](/documents/c08c36ec8806fe31287ee8f025b93d2b/img29.jpg)
№31 слайд![Итак... Вы все еще не пишите](/documents/c08c36ec8806fe31287ee8f025b93d2b/img30.jpg)
Содержание слайда: Итак...
Вы все еще не пишите под мобильные устройства?
№32 слайд![Способы HTML JS CSS](/documents/c08c36ec8806fe31287ee8f025b93d2b/img31.jpg)
Содержание слайда: Способы
HTML+JS+CSS
Использовать фреймворк
№33 слайд![HTML JS CSS Разные платформы](/documents/c08c36ec8806fe31287ee8f025b93d2b/img32.jpg)
Содержание слайда: HTML+JS+CSS
Разные платформы
Разные экраны
Где то это уже было, да?
№34 слайд![Будь проще и люди к тебе](/documents/c08c36ec8806fe31287ee8f025b93d2b/img33.jpg)
Содержание слайда: Будь проще и люди к тебе потянуться
Преимущество фреймворков:
Решается проблема кроссплатформенности
Решается проблема разных экранов
Готовые решения для native-like поведения
№35 слайд![Многообразие выбора jQTouch](/documents/c08c36ec8806fe31287ee8f025b93d2b/img34.jpg)
Содержание слайда: Многообразие выбора
jQTouch
jQueryMobile
Sencha Touch
XUI
…..
№36 слайд![jQTouch Первый серьезный](/documents/c08c36ec8806fe31287ee8f025b93d2b/img35.jpg)
Содержание слайда: jQTouch
Первый серьезный мобильный фреймворк
Многое подарил jQuery Mobile и Sencha Touch
Созданы native эффекты переходов между экранами
Первый блин немножко комом
№37 слайд![jQTouch lt div id quot home](/documents/c08c36ec8806fe31287ee8f025b93d2b/img36.jpg)
Содержание слайда: jQTouch
<div id="home" class="current">
<div class="toolbar">
<h1>jQTouch</h1>
<a class="button slideup" id="infoButton" href="#about">About</a>
</div>
<ul class="rounded">
<li class="arrow">
<a href="#ui">User Interface</a>
<small class="counter">4</small>
</li>
</ul>
<div class="info">
<p>Text</p>
</div>
</div>
№38 слайд![jQuery Mobile Построен на](/documents/c08c36ec8806fe31287ee8f025b93d2b/img37.jpg)
Содержание слайда: jQuery Mobile
Построен на jQuery
Поддержка всех платформ
Удобная работа с событиями
Поддержка HTML5
Удобная работа с темами
№39 слайд![jQuery Mobile lt div](/documents/c08c36ec8806fe31287ee8f025b93d2b/img38.jpg)
Содержание слайда: jQuery Mobile
<div data-role="content">
<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
</div>
<div data-role="fieldcontain">
<label for="textarea">Textarea:</label>
<textarea cols="40" rows="8" name="textarea" id="textarea">
</textarea>
</div>
</div>
№40 слайд![Sencha Touch Быстрое создание](/documents/c08c36ec8806fe31287ee8f025b93d2b/img39.jpg)
Содержание слайда: Sencha Touch
Быстрое создание сложного интерфейса
Простота в создание своих компонент
Удобная работа с данными
Проблема с производительностью
№41 слайд![Sencha Touch var timeline new](/documents/c08c36ec8806fe31287ee8f025b93d2b/img40.jpg)
Содержание слайда: Sencha Touch
var timeline = new Ext.Component({
title: 'Timeline',
tls: 'timeline',
scroll: 'vertical',
tpl: [
'<tpl for=".">',
'<div class="tweet">',
'<div class="avatar">',
'<img src="{profile_image_url}"/>',
'</div>',
'<div class="tweet-content">',
'<h2>{from_user}</h2>',
'<p>{text}</p>',
'</div>',
'</div>',
'</tpl>'
]
});
№42 слайд![XUI Очень минималистичный](/documents/c08c36ec8806fe31287ee8f025b93d2b/img41.jpg)
Содержание слайда: XUI
Очень минималистичный
Отдельные сборки под платформы
Поддержка HTML
№43 слайд![XUI x foo .html lt p gt sweet](/documents/c08c36ec8806fe31287ee8f025b93d2b/img42.jpg)
Содержание слайда: XUI
x$('#foo').html('<p>sweet as honey</p>');
x$('#foo').outer('<p>free as a bird</p>');
x$('#foo').top('<b>top of the pops</b>');
x$('#foo').bottom('<span>bottom of the barrel</span>');
x$('#foo').before('<pre>first in line</pre>');
x$('#foo').after('<marquee>better late than never</marquee>');
№44 слайд![Что еще? Wink toolkit iUI](/documents/c08c36ec8806fe31287ee8f025b93d2b/img43.jpg)
Содержание слайда: Что еще?
Wink toolkit
iUI
Dojo Mobile
DHTMLX Touch
+ Спойлер
№45 слайд![Делаем нативным PhoneGap](/documents/c08c36ec8806fe31287ee8f025b93d2b/img44.jpg)
Содержание слайда: Делаем нативным
PhoneGap
MotherApp
Big5
Rhodes
№46 слайд![Что почитать Курс лекций и](/documents/c08c36ec8806fe31287ee8f025b93d2b/img45.jpg)
Содержание слайда: Что почитать
Курс лекций и материалов по мобильной веб-разработке и дизайну
http://goo.gl/hLJv1
Comparing Mobile Web Frameworks
http://goo.gl/L8Yh5
Сравнение фреймворков для создания native приложений
http://goo.gl/rNb4t
№47 слайд![Вопросы?](/documents/c08c36ec8806fe31287ee8f025b93d2b/img46.jpg)
Содержание слайда: Вопросы?