Как создать свое первое приложение для Windows Phone. Пример разработки на конструкторе Microsoft App Studio.
Разрабатывать приложения под Windows Phone не так уж и сложно, особенно если вы пытаетесь сделать приложение, которое предоставляет информацию об услугах и товарах или собирает данные из RSS-ленты.
Это такой тип приложений, которые можно реализовать при помощи javascript-кода в браузере, или при помощи конструктора Access, и поэтому для разработки подобных мобильных или настольных приложений вам вовсе не обязательно обзаводиться полноценным набором инструментов. Пришло новое поколение конструкторов приложений, веб-сервисов, которые позволяют вам создавать и запускать собственные приложения.
Недавно компания Microsoft запустила собственную студию для создания приложений — Windows Phone App Studio. Это простой инструмент, который позволит вам создавать работающие приложения с нуля. Например, на разработку простого приложения о котором идет речь в статье, вам потребуется менее 15 минут, так как в данном конструкторе представлены стандартные шаблоны. Конечно, мы сейчас не говорим о разработке сложных программ или игр, но для начала этой статьи вам будет достаточно.
Как только вы будете авторизованы, Microsoft предложит вам выбор шаблонов, с которых можно начать, либо вы можете начать разработку приложения с нуля. Смело выбирайте App Studio, как это показано на скриншоте ниже:
Подобно приложениям Access, программы созданные при помощи Windows Phone App Studio используют подключения к данным, то есть они построены по модели просмотра master/detail. Вы можете подключить фид контента (будь то RSS, Youtube и т.п.), либо использовать его для публикации собственного контента. Конечно же, приложение способно и на то, и на другое одновременно. Кроме фидов, у вас также будет возможность размещать собственный контент, будь то скомпилированные в код HTML-страницы, или страницы, организованные при помощи простых баз данных, которые Microsoft называет “collections”.
1. На первом шаге, вам нужно определиться с содержимым вашего приложения, вы можете отредактировать или удалить те страницы и элементы, которые стоят по умолчанию.
Поскольку, нашей целью, является предоставление возможности нашим читателям ленту публикаций great-world.ru и удобно читать свежие статьи. мы привязали наше тестовое приложение к RSS-фиду great-world. Все, что нам нужно, это URL фида, и конструктор автоматически создаст окно просмотра, на котором отображается список свежих статей, а также второе окно просмотра с отображением подробной информации о статьях.
Однако стоит отметить, что процесс создания собственного приложения не такой уж и простой, так как RSS-парсер, используемый в App Studio, иногда не справляется с форматированием RSS-лент, генерируемых сайтом. То есть, иногда это может стать реальной проблемой, потому что текст статьи просто не будет отображаться, и при этом возможность отладки будет сильно ограничена, как в случае с любыми облачными инструментами разработки.
2. Далее, мы сразу перешли ко второму шагу — настойки внешнего вида. Здесь, можно выбрать цветовую гамму шрифтов и общий стиль отображения содержимого.
3. Теперь, нужно будет задать название, описание, а также выставить логотип размером 160х160 пикселей.
4. Ну и завершающая стадия — генерация и публикация приложения. Вот, что получилось у нас:
На финише, доступен предосмотр созданного приложения, можете проверить как оно будет работать на смартфоне или планшете. Если все хорошо, нажимайте кнопку «Generate», появляется всплывающее окно:
Два варианта на выбор, первый — сгенерировать приложение для мобильных устройств, второй — для планшетов и обычных ПК. Сервис тратит на генерацию менее 10 минут, поэтому вы можете по очереди сделать продукт под каждую платформу. Процесс установки очень прост благодаря встроенной поддержке QR-кодов в Windows Phone. Для начала, вам нужно установить сертификат на телефон, и реализуется это посредством QR-кода, который позволено скачивать сертификат прямо на телефон.
- Чтобы выложить получившееся чудо в Windows Phone Store т.е. в магазин приложений, чтобы его мог скачать любой желающий, а не только вы, необходим сертификат разработчика. Стоит он около 600 рублей.
Сразу очевидно, что этот инструмент направлен на сценарии BYODev, — когда вам нужно быстро получить приложение, и при этом не ввязываться в полноценный процесс разработки. Хотя стоит отметить, что за вами остается возможность скачивать готовые исходные коды, и использовать этот инструмент для прототипирования перед тем, как отдать их на доработку команде разработчиков. Вы наверняка сможете самостоятельно привязывать источники данных в виде коллекций, размещенных в облаке.
Это одна из веских причин, из-за которых Microsoft позволяет вам скачивать исходный код, который подготовлен к работе в Visual Studio. Он будет укомплектован в проект Visual Studio, и его можно будет импортировать напрямую в настольный IDE, а затем провести работу над ошибками. Отладка приложения при помощи любимого симулятора устройств поможет вам быстро выявить проблему – вставленное в начало статьи изображение было удалено на сервере. Можно быстро изменить код, и приложение снова заработает.
Кроме упрощения процесса отладки, доступ к исходному коду также облегчает возможность оформления сгенерированного кода, либо посредством изменения шаблонов, либо путем изменения подключений к источникам данных на личные источники. Сгенерированный код весь прокомментирован и, так как он используется в качестве основного дизайн-паттерна разработки при создании приложений, вам будет намного проще понять, как именно работает каждый отдельный отрезок кода, и как его адаптировать под ваши требования.
Относительно создания подобных приложений очевидно лишь одно: они не предназначены для создания комплексных приложений. Они похожи на пластиковые игрушки для детей: все перед нами, и нам остается лишь сложить что-то со смыслом. По мере накопления опыта за счет подобных «игровых» площадок, вы можете постепенно переходить к оформлению кода, и использовать его для создания более сложных вещей. При помощи наборов инструментов типа Windows Phone App Studio, вы можете получать определенный опыт работы с приложениями, основанными на контенте, с RSS-фидами, веб-контентом и локальным контентом.
Конечно, этот набор вряд ли представляет все, что вам потребуется для создания коммерческого приложения, вне зависимости от того, насколько простым оно должно быть. Но дело не в этом, так как генерируемый код дает вам основу, с которой вы можете работать, а также возможность понять, как устроен процесс создания приложения. Одно можно скачать точно: если вы планируете начать разрабатывать собственные приложения, то это отличная точка для старта. Читайте далее: сколько стоит разработать мобильное приложение и как на нем заработать?Разработка приложений для Windows 10 Mobile: способы, особенности и примеры
На сегодняшний день разработка приложений для W indows 10 M obile является одним из наиболее перспективных направлений.
Многие программисты переучиываются и осваивают эту область свой деятельности самостоятельно.
Других же обучает компания, в которой они работают. В любом случае направление это отличное и заниматься им точно стоит.
Поэтому мы разберем те шаги, которые должны предпринять начинающие разработчики.
Cодержание:
Вводная информация
В зависимости от того, занимались ли вы какими-либо разработками раньше, вам будет проще или сложнее разобраться во всем, о чем пойдет речь далее.
Мы будем ориентироваться на тех людей, которые только начали постигать азы.
Возможно, вы выучились в колледже или прошли какие-то курсы для начинающих программистов.
Если это так, данная инструкция специально для вас.
Переходим непосредственно к теме разработки.
Они подходят для абсолютно всех устройств, которые работают на Windows 1 0.
На рисунке 1 то, что написано выше, показано на схеме.
Само существования универсальных приложений основывается на понятии UWP (Universal Windows Platform ).
Такие программы ( Universal Apps ) подходят для самых разных устройств – ПК, мобильные аппараты, Xbox и так далее.
Они объединены такими компонентами:
- Adaptive User Interface – адаптивный интерфейс, то есть такой внешний вид программы, который может самостоятельно меняться в зависимости от устройства, на котором он работает;
- Natural User Inputs – набор устройств для ввода данных, таких как микрофон, стилус и подобное;
- One SDK + Tooling – универсальная для разных устройств среда разработки и сопутствующий набор инструментов;
- One Store + One Dev Center – один магазин, из которого можно взять приложения для разных девайсов, и один центр разработчиков;
- Cloud Services – облачные сервисы, благодаря которым можно организовать совместный процесс разработки или просто хранить программы и файлы в одном месте, доступном с разных гаджетов.
Рис. 1. Схема работы UWP
Благодаря такому подходу можно очень серьезно оптимизировать свою работу.
Основной его плюс состоит в том, что не нужно писать, к примеру, 2 отдельных приложения для компьютера и мобильного телефона.
Вы пишите одну программу, а она сама адаптируется под девайс, на котором запускается.
Поэтому такого понятия, как отдельная программа под W indows 10 M obile на сегодняшний день не существует в принципе.
Вместо него есть UWP .
Благо, что сейчас все изменилось, и мы имеем универсальный способ программирования.
Рис. 2. Сейчас доступен универсальный способ разработки одного приложения для разных устройств
Теперь перейдем к практике.
Читайте также:
Способы разработки под Windows 10 Mobile
Исходя из вышесказанного, можно выделить три способа написать программу для W indows 10 M obile:
Как видите, оптимальным является первый способ, особенно если речь идет о начинающем мастере кода.
Поэтому есть смысл разобраться, какие инструменты понадобятся для создания программы таким методом.
Что нужно для разработки – изучаем инструментарий
Все это вам нужно будет скачать прямо сейчас, чтобы начать творить! Скажем сразу, все это есть на официальном сайте Microsoft .
Итак, вот что вам потребуется:
Рис. 3. Visual Studio
Начинающим мастерам будет вполне достаточно Visual Studio Community в сочетании с Windows 10 Anniversary Update SDK .
В будущем, когда вы освоите основные азы, можно будет также попробовать использовать Blend for Visual Studio .
Но это актуально, только если вы используете Visual Studio не 2017, а более старую версию.
В VS 2017 такой инструмент просто не имеет смысла. Там от него и так взято самое лучшее.
Лицензия разработчика и разблокировка
В нашем случае также потребуется лицензия разработчика. Это актуально если вы работаете на Виндовс 8 или 10.
Но она будет получена автоматически при компиляции первого приложения.
Так что ничего дополнительно делать вам не потребуется.
Конкретно нужно сделать следующее:
- С помощью поиска найдите меню «Update & Security» («Обновления и безопасность» если по-русски).
- Там в меню слева выберете «For developers» («Для разработчиков»).
- Поставьте отметку возле надписи «Developer mode» («Режим разработчика»).
Рис. 4. Включение режима разработчика
Иногда, если не выполнить это простое действие, возникают проблемы с дальнейшей работой.
Читайте также:
Пример приложения – «Hello World»
Итак, чтобы написать ваше первое приложение, сделайте вот что:
Рис. 5. Задание начальных данных проекта
Рис. 6. Файлы проекта
- — элемент « StackPanel » является своеобразным контейнером для других элементов, здесь мы указываем его длину и высоту;
— текстовый блок со словами « Hello World » и 36 шрифтом;
— текстовый блок со словами « What’s your name? »;
— еще один StackPanel со своими параметрами;
— поле для ввода текста;
Рис. 7. Получившееся приложение
Лучшие книги и статьи для начинающих
Наш список выглядит следующим образом:
- « WINDOWS 8 ДЛЯ C# РАЗРАБОТЧИКОВ » С . Лутай, С . Байдачный . Если у вас Виндовс 8, то вы откроете для себя эту операционную систему с точки зрения разработчика. Вы изучите все полезные вам компоненты. Многие из восьмерки актуально и для десятки. Так что вам в любом случае стоит прочитать эту книгу.
- « Программирование для мобильных устройств под управлением Windows Mobile » А. Климов . Это уже то, что необходимо непосредственно для написания кода. Правда, книга немного устаревшая и была издана в 2009 году. Но основные принципы остались неизменными.
- Материалы сайта metanit.com. Там, фактически, доступен онлайн учебник по UWP . Это вам и нужно. Вы сможете поэтапно изучить все детали разработки, которой планируете заниматься.
- Вот эти видеоуроки. Очень удобный вариант для тех, кто больше любит смотреть уроки, чем читать книги. За несколько уроков вы поймете основы и будете самостоятельно работать.
Допустим, вы все это прочитаете. Возникает вопрос о том, что дальше.
Читайте также:
Что дальше
Дальше все просто – пытайтесь писать собственные программы.
Если вы увидите, что у вас хорошо получается, берите задания с бирж фриланса.
Со временем вы сможете отправиться в одну из компаний и запросить тестовое задание.
Возможно, фирма будет небольшая, но это тоже опыт, причем очень хороший.
Если хорошо справитесь с тестом, в будущем вам смогут обучить под себя и давать другие задания.
Так вы и станете профессиональным программистом!