The windows phone app studio

Despite dreams of yet-to-be-realized mobile app glory (you know, create the next “Angry Birds”, make a boatload of money, and retire to some place secluded and sun-soaked …), I am not a coder, and the likelihood of my becoming one is pretty slim. That said, Microsoft’s new online tool called “Windows Phone App Studio” makes it possible for folks like me to create their very own apps for use on Windows Phone, including the Nokia Lumia line.

This video demo gives you an idea of how to use the tool:

Today, Microsoft noted in the Windows Phone Developer Blog that the initial response to the tool has exceeded their expectations!

Thinking this could be just the thing to help me get started, I decided to give it a whirl.

Get your code on

You start by pointing your browser to the App Studio website, and clicking the link to “Start Building”. You will need a free Microsoft account to use the service, and to login you also need an “invitation code”. You obtain this code by sending email to [email protected], and then it should be sent to you within 24 hours – keep an eye out for the email!

Once you have that invite code, you can start building your first Windows Phone app. Let’s assume you have a brilliant idea ready to go, you can create an app from scratch (“Create an empty app”) or you can use one of the many thematic templates that Microsoft provides to build your app. There are prefabbed layouts for businesses, restaurants, celebrations, favorite bands, sports teams, personal training, and many others. Pick the one that suits your needs, and begin.

You will then add a title, description, and a logo (this needs to be 160 X 160 in the .PNG format). You will then move on to “configure” the content in your app. This part is perhaps the trickiest, as it may look a little technical the first time you do it, but there are plenty of on-screen instructions to guide you.

I decided to create the “unofficial” app for DVLUP.com, the rewards program for Windows Phone app developers run by Nokia (don’t worry, this app is not being “published” anytime soon – it is merely for demonstration purposes).

You can add several pages to your app, if you want, and each page can have different sections of content. My first app is just one page – hey, we’ve all got to start somewhere!

Once you settle on the content, you can customize the look of your app. You “Configure” the app style, the format of Live Tiles, and the background image for the Splash and Lock Screen – you can use the styles provided, or add your own selections.

Once you complete these steps, you move to the Summary screen to get a final look at your work. You will see a “preview” of your choices as you move through the steps.

If you’re happy with the result, it’s time to finish up. Of course, you can go back and make tweaks, too. Do note the “Share your creation” section above. This is where you decide if you want your app to be available to others (the public – your future fans?), or if you want to keep it all to yourself. My app is a private creation.

Naturally, I was eager to see the results, so I hit the “Generate” button in the lower-left of the Summary page.

Depending on the level of detail to your app, this may take a few minutes or so to complete – this is where all of the code is stitched together in the background to produce your real live app.

Given the relative simplicity of my first app (I can admit it!), my finished product was ready right away.

To use your newly created app on your Nokia Lumia phone, you must “install the certificate” that will be sent to you in an email. Open this email on your phone. The installation happens very quickly – it might look like nothing happened, but it really did! After that, point your Lumia at the Congrats screen shown in App Studio, and scan the QR code displayed. This will trigger the installation process, which will also be completed very quickly.

And you’re done! You will have a new Windows Phone app that you created on your device. You can keep it for yourself, or share it with friends – the choice is yours.

So, are you ready to start creating your own Windows Phone apps? The Windows Phone App Studio is free to use, and you can have a completed app in about 30 minutes.

Take it further

Then, if you’re hooked on developing Windows Phone apps, take your work to the next level by downloading the source code from App Studio (it will be in a format known as a .XAP file). It’s your app, and your code. You can use tools like Microsoft Visual Studio to add some serious functionality to your app.

If you want to publish your app to Windows Phone Store, you will need a Microsoft Dev Center account. Right now, you can get this account for only $19 (USD), which is a significant discount off the regular price (valid through August 26, 2013). If you dream of creating the next great mobile app, this deal combined with Windows Phone App Studio is a great place to start.

Have you tried Windows Phone App Studio? Tell us about your new apps in the Comments below.

Свое приложение для Windows Phone? Легко!

Свое приложение для Windows Phone? Легко!

Всем привет!

Моя последний пост был написан довольно давно и пора бы исправлять этот прескорбный факт. Сегодня я решил разбавить череду статей о Windows Azure и поговорить о другой, не менее привлекательной платформе от Microsoft — Windows Phone.

Как вы наверняка уже знаете, операционная система для мобильных устройств компании Microsoft присутствует на рынке уже давно (аж с 2010 года) и на сегодняшний день занимает одну из лидерских позиций, в некоторых странах обходя по количеству проданных устройств даже популярную iOS. Поэтому многие разработчики как в России так и по всему миру уже вовсю пишут приложения для этой ОС, отчитываясь об отличных продажах и прибылях в Windows Store.

Начать разрабатывать приложения для Windows Phone на самом деле довольно легко. Если вы уже знаете C# и имели опыт работы с WPF или Silverlight, то можно сказать, что вы знаете 80% необходимой информации. Дело в том, что в основе платформы разработки для Windows Phone изначально лежал Silverlight, а в версии WP8 он сменился на в чем-то похожую на него платформу, хоть и более приближенную к WinRT. Так что если вы когда-либо писали приложения на WPF, знаете, что такое MVVM и для чего он нужен — то вперед, пишите приложения для Windows Phone.

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

Windows Phone App Studio

Я всегда любил компанию Microsoft за то, что она предоставляет своим пользователям разработчикам очень удобный инструменты для работы. И вот в августе Microsoft представила свой новый сервис, который позволит любому человеку, даже не знакомому с программированием вообще, создать свое собственное приложение для Windows Phone. Называется он Windows Phone App Studio.

С помощью данного сервиса вы за всего четыре шага сможете создать полноценное приложение с нуля. Вы сможете задать свои стили, изображения и данные, добавить описание и выложить результат в магазин приложений. При этом вам не обязательно быть зарегистрированным разработчиком (годовая подписка для которых стоит $99). Теперь у каждого есть возможность бесплатно разблокировать одно устройство и загрузить на него до двух собственных приложений, чтобы их протестировать.

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

Шаг 0.1. Регистрация

Для того, чтобы начать пользоваться сервисом, вам необходимо зарегистрировать свой собственный LiveID аккаунт. Я думаю нет смысла объяснять, что это такое, если вы хоть раз пользовались каким-либо сервисом от Microsoft. Заходим на сайт App Studio и жмем кнопку Start Building:

Введите свой LiveID логин и пароль и выпопадете в систему управления своими приложениями. Если вы делаете это впервые, то у вас будет пустой список. У меня же в коллекции уже есть приложение prog_facts.

Шаг 0.2. Выбор типа приложения

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

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

В моем случае я решил не полагаться на шаблон, а создал приложение с нуля, выбрав соответствующий пункт меню create an empty app.

Шаг 1. Информация о приложении

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

Обратите внимание на телефон, который отображается справа. В нем всегда отображается ваше приложение с теми изменениями, которые вы с ним делаете.

Шаг 2. Наполнение контентом

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

Каждое приложение, создаваемое через Windows Phone App Studio, состоит из секций. Каждая секция представляет собой набор страниц, связанных между собой какой-то логикой. Например, данными, которые на этой странице можно отображать. Создадим новую секцию, в которой в качестве источника данных будем использовать поток RSS.

Здесь надо задать имя будущей секции, выбрать тип источника данных (доступны Коллекция, RSS, видео с YouTube, изображения из Flickr, поиск в Bing и HTML5 контент) и присвоить ему имя. После создания секции мы попадем на страницу редактирования.

Страница редактирования разделена на несколько частей. В разделе Data Source вы можете управлять источником данных, который связан с этой секцией. Раздел Pages содержит перечень всех страниц, которые относятся к секции. Можно заметить, что у нас по умолчанию создалось две страницы. Первая, под названием Blog — главная страница секции, которая содержит записи, считанные из RSS потока. Вторая страница Info была сгенерирована автоматически и она отвечает за отображение деталей каждой записи из RSS, когда пользователь выберет ее в списке. Мы пока оставим страницы секции и сперва отредактируем источник данных. (и не забываем нажать Save Changes, чтобы секция сохранилась в проекте)

Шаг 2.1. Источник данных

Выбрав на предыдущем экране источник данных, мы попадем в окно его редактирования. Поскольку мы выбрали тип источника RSS, то нам будет предложено указать URL, по которому будут получаться данные. Для этого примера воспользуемся RSS лентой, расположенной по адресу http://glamcoder.ru/feed/

Как только вы нажмете Refresh и сохраните результаты, на главной странице приложения в эмуляторе вы сразу увидите, что данные из RSS ленты уже отображаются в вашем приложении. Это крайне удобно и полезно, потому что сразу можно узнать, как программа будет выглядеть. Например, моя RSS лента не прикрепляет изображения к записям, поэтому вместо них конструктор App Studio подставляет картинки по умолчанию, которые выглядят неуместно. Давайте это исправим.

Шаг 2.2. Редактирование внешнего вида страницы

Выбрав на странице «Configure App Content» в разделе Section Pages одну из страниц, вы перейдете в окно ее редактирования. Для каждого типа страницы доступны несколько возможных шаблонов. Для страницы Blog, которую я изначально хочу поправить, по умолчанию выставлен вид отображения записей и картинок. Давайте выберем вид с только записями, попутно поправив заголовок страницы:

Сразу видно, как изменилось приложение. Теперь записи идут одна за другой последовательно, что приводит внешний вид приложения к минималистичному стилю. Стоит обратить внимание на поля Item Title и Item Subtitle. Вместо простого текста там сейчас написаны непонятные выражения и . Для тех, кто знаком с WPF, это можно сравнить с Data Binding. Для остальных я поясню.

Поскольку наша секция построена вокруг Data Source, то мы должны иметь возможность каким-то образом получать данные из этого источника. Эти выражения как раз и означают, что в соответствующих полях мы хотим видеть информацию, полученную из RSS ленты. Здесь объект Data представляет собой одну запись из RSS, а поля Title и Summary — какую-то конкретную часть этой записи. Если нажать на иконку справа от поля, то вам выведется весь перечень доступных полей объекта Data, среди которых есть информация об авторе записи, ее дате, ссылке и несколько еще.

Аналогичным образом попробуем отредактировать страницу Info. Для нее доступен несколько иной набор шаблонов, среди которых мы выберем самый простой и подходящий больше всего:

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

Однако на этой странице есть еще одна секция, которая называется Extras. Она отвечает за дополнительные действия, которые пользователь сможет совершить на этой странице. TextToSpeech является функцией преобразования текста новости в речь. Это может быть полезно для слабовидящих людей или тем, кто не может читать, но зато в наушниках может послушать текст статьи. Функция ShareText позволит вашему приложению поделиться статьей в Twitter или Facebook. Ну а PinToStart позволит закрепить понравившуюся статью на стартовом экране вашего телефона, чтобы всегда иметь к ней быстрый доступ. Каждая из этих функций параметризуется неким контентом. По умолчанию это и этого вполне может быть достаточно.

Шаг 2.3. Добавление меню и других секций

Помимо простых секций, в Windows Phone App Studio можно добавить так называемое меню. Это секция, которая состоит из перечня ссылок на другие секции или на внешние сайты. Я решил добавить меню на разделы сайта с видео, чтобы у вас всегда был под рукой быстрый доступ к полезной информации. Добавляется меню аналогично простой секции и его настройка не представляет сложности. Так что предлагаю освоить это в качестве домашнего задания.

Шаг 3. Стили

Завершив наполнение приложения секциями, страницами и меню, переходим к разговору о прекрасном, а именно о стиле. В разделе 3 «Configure App Style» вы сможете настроить базовую цветовую гамму, которая будет использоваться в вашем приложении. Я выбрал цвета, которые используются в блоге — это синий и белый. Таким образом приложение получилось светлым и приятным, хотя о вкусах не спорят.

Цвет Accent Brush отвечает за то, каким будет ваш основной цвет акцента. Он отвечает за заголовок приложения. Кисть Background Brush, как не трудно догадаться, отвечает за цвет фона. Вы также можете выбрать картинку, если считаете ее более уместной, чем однотонная заливка. Foreground Brush — это цвет шрифтов, которыми будут выводиться данные в вашем приложении. Ну и Application Bar Brush — цвет фона панели меню, выводящегося снизу.

Шаг 3.1. Тайлы

Тайлы — неотъемлемая часть любого приложения для Windows Phone. Они могут расширить ваше приложение, позволив пользователю видеть дополнительную информацию, не открывая основное окно программы. Конечно же, в Windows Phone App Studio вы не сможете создать умный тайл, который смог бы самостоятельно обновлять свой вид и подгружать дополнительные данные откуда-нибудь. Однако вы можете выбрать один из нескольких стандартных типов поведения, используя некие статические данные. Например, для приложения glamcoder я выбрал тип тайла Iconic Template и выведу на него краткое описание приложения:

Шаг 3.2. Splash и Lock экраны

Это дополнительные украшения, которые позволят вашему приложению выглядеть более нарядно и презентабельно. Изображение Splash Screen — это картинка, которая выводится пользователю, пока ваше приложение загружается. Там, как правило, принято помещать логотип вашей программы или фирмы, чтобы сразу дать понять пользователю, каким именно приложением он собирается пользоваться в данный момент.

Изображение для Lock Screen — это картинка, которая будет выводиться на экран блокировки. На самом деле в нем нет особого практического смысла, потому что эта картинка статична в рамках Windows Phone App Studio, и вряд ли пользователь захочет сменить красочные Bing обои вашей картинкой.

Шаг 4. Финал

Ну вот мы и дошли до самого последнего этапа — создания нашего первого приложения для Windows Phone. На последней странице с названием Generate нас ждет заветная опция — сгенерировать пакет, который впоследствии мы сможем установить на свое устройство. Нажимаем большую кнопку Generate app и ждем, пока работает магия.

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

Заключение

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

Я очень надеюсь, что эта статья вдохновит вас на написание своего собственного первого приложения для Windows Phone. И мне хочется верить, что знания, которые вы приобретете, помогут вам создать новый Instagram или новые Angry Birds. А чтобы это случилось как можно раньше, заходите на портал разработки для Windows Phone, изучайте материалы, смотрите видеоуроки, творите.

Удачи и хороших вам приложений!

UPDATE: Приложение опубликовали в магазине. Скачивайте на здоровье.

6 комментариве к “ Свое приложение для Windows Phone? Легко! ”

Да Георгий, что-то давненько у тебя ничего новенького на блоге не было. Хотел уж было поругать ) а тут смотрю, статья новая! )

Хорошая статья — нужно будет как-нибудь попробовать. А как писать приложения под Surface и прочие Табы (Nokia, Dell), работающих на W8? Для мобилизации бизнес процессов Табы гораздо более важны, чем телефоны.

А как добавить много контента? Например, книги ?

Я тоже мечтаю сделать приложение -много-много хороших, читанных мною книг. просто собрать их в одном месте. В одном приложении. Вот кто бы помог….)))

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

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

Добавить комментарий Отменить ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Booking.com careers

OfficeFIX — With OfficeFIX you can restore your corrupted or damaged files in Excel, Word, Outlook and Access.