Wednesday, June 8, 2016

Managing Data in iOS Apps with SQLite

Almost all apps will need to store data of some form. Maybe you need to save user preferences, progress in a game, or offline data so your app can work without a network connection. Developers have a lot of options for managing data in iOS apps, from Core Data to cloud based storage, but one elegant and reliable local storage option is SQLite.

In this tutorial I will show you how to add SQLite support to your app. You can find the final source code on GitHub.

Continue reading %Managing Data in iOS Apps with SQLite%


by Deivi Taka via SitePoint

Getting Started with Microsoft HoloLens Development

One of the most exciting and groundbreaking technology products at the moment is the Microsoft HoloLens. The ability to show real time 3D holograms mixed seamlessly with any physical environment opens up endless new possibilities for modern computing. I have just scratched the surface of the holographic rabbit hole and, considering the hardware has just started shipping as a US$3,000 developer kit, it is safe to say that the best is yet to come.

If you can't wait for the general availability release and want to delve into HoloLens app development today, then there is good news! The tooling is already available, it is free and you don't even need a HoloLens to get started.

Prerequisites

As HoloLens runs Windows 10, apps are built for the Universal Windows Platform (UWP), which means that UWP apps written for mobile devices, desktops, Xbox and other platforms will also run on HoloLens. There are two main tools you need to create holographic experiences — Visual Studio 2015 and Unity 3D. You will use these alongside the SDK and emulator. In total, you will need the following:

Once you have installed these tools, you are ready to create your first holographic experience.

Although the HoloLens runs UWP apps, which are in turn written using C# and Visual Studio, the unique aspect of HoloLens apps is the 3D holograms. These are created and modeled in your favorite 3D software, but if you are like me and don't have a clue how to create 3D models, there are services you can use where professionals will create them for you. Unity even has their own 3D model asset store. I will include a short introduction to Unity, however it is a huge topic. SitePoint has some other Unity articles to get you started.

Unity 3D allows you to import and manipulate 3D models, and manage events and scripts for each object. You can control the lighting, the surroundings (known as the "scene") and every other aspect of the world you want to project to your users. Unity is not easy to master, but there is no way around it if you want to create HoloLens apps.

Creating 3D Objects in Unity

You can create basic shapes in Unity by going opening the GameObject menu, going to 3D Object and choosing the 3D object you want.

Creating a 3D object in Unity

Choosing a sphere creates a basic sphere shape in your scene, which you can then manipulate, animate and control.

Creating a Unity Sphere

The main way to interact with the 3D objects in a holographic experience is to attach scripts to the objects. You do this by creating a new script in Unity.

Creating a new C# Script

You can edit this script in Visual Studio by double-clicking it.

using UnityEngine;
using System.Collections;

public class SphereBehaviour : MonoBehaviour {

    // Use this for initialization
    void Start () {

    }

    // Update is called once per frame
    void Update () {

    }
}

The Start method is called when the app starts and sets up any events or initialization code. Update is called once per frame and is where you detect interactions such as collisions, RayCast hits and other user interactions.

To attach the script to an object in Unity, drag and drop it on to it. The code in the script will execute appropriately when the methods are called. This could be on start, when a user speaks a voice command or any other event in your holographic experience.

To run the holographic app, you need to import the project into Visual Studio and Unity can create a full UWP app solution for you. Use the following build settings from the Build Settings menu.

HoloLens Unity Build Settings

Make sure you open Player Settings, select Virtual Reality Supported, and make sure the Windows Holographic SDK is present.

HoloLens VR SDK Support

When you hit Build, Unity will create a full UWP app solution in a folder you choose. You can open this solution in Visual Studio.

New Universal Windows Unity Project in Visual Studio

By default, Universal Windows Platform apps exported from Unity will run on any Windows 10 device. Because HoloLens is different, the app should take advantage of features that are only available on HoloLens. To do this, you need to set the TargetDeviceFamily to "Windows.Holographic" in the Package.appxmanifest file in Visual Studio as shown below.

Package.appxmanifest for Microsoft HoloLens

And now you can run the solution in the HoloLens Emulator.

Running the HoloLens Simulator

HoloLens Emulator Start Screen

Now that you know the workflow for creating a 3D workspace, can add models and apply scripts to these models, it's time to look at the main areas of interaction with holograms in HoloLens apps.

Gaze Input

The gaze is the first form of input into HoloLens apps and is how you put focus on holograms. It is the center of the field of view when a user looks through the HoloLens, and is essentially a "mouse cursor". You can design this cursor any way you want, so it could be contextual to your app, a company logo or any other 3D shape.

[caption id="attachment_132512" align="aligncenter" width="1024"]Microsoft Holographic Gaze Graphic Image Credit: Microsoft[/caption]

Bear in mind that HoloLens uses the position and orientation of your user's head, not their eyes, to determine their gaze vector. It's like a laser pointer that comes straight out from the center of the HoloLens.

Continue reading %Getting Started with Microsoft HoloLens Development%


by Lars Klint via SitePoint

This Week in Mobile Web Development (#111)

Read this on the Web

Mobile Web Weekly June 8, 2016   #111
Holly Schinsky recommends
Developers Surface Issues And Concerns With Progressive Web Apps — In this post Dan takes a look at some specific issues and concerns developers are raising with Progressive Web Apps.
Dan Rowinski - ARC
Brian Rinaldi recommends
PWA Discovery: You Ain't Seen Nothin Yet — More discussion on the future of progressive web apps and improving their discoverability.
Alex Russell
Peter Cooper recommends
The Crisis Facing the Web Platform — Alex Russell thinks the Web is in serious crisis due to the dominance of mobile platforms and research showing time spent using the Web is dropping.
Peter Gasston
Sponsored
New Tutorial: How to Write Secure REST APIs for Mobile Apps — Learn everything you need to build a RESTful service to back your mobile app. You'll finish with a functioning API that's protected by OAuth 2.0 and ready to plug into an iOS or Android app!
Stormpath

Peter Cooper recommends
Don't Use iOS Meta Tags Irresponsibly in Your Progressive Web Apps — Don’t just slap Apple’s apple-mobile-web-app-capable meta tag into your apps to get an app-like experience for your site - it goes much further than that.
Maximiliano Firtman
Brian Rinaldi recommends
When Responsive Sites Are Just Not Enough — The benefits of considering a RESS approach for responsive sites.
Damian Samolej
Peter Cooper recommends
Improving Scroll Perf with Passive Event Listeners in Chrome — New to Chrome 51, passive event listeners provide a major potential boost to scroll performance.
Google
Holly Schinsky recommends
Improving Your Development Workflow with Webpack, React Hot Loader and Onsen UI — How to set up your environment to develop with Webpack, React and Onsen UI in the most efficient way.
Onsen UI
Peter Cooper recommends
Facebook Disabling Messaging in Its Mobile Web App to Push People To Messenger
Devin Coldewey
Peter Cooper recommends
Ads on AMP: Where Faster is Better — Google’s Accelerated Mobile Pages project is proving fruitful for advertisers as well as readers.
Accelerated Mobile Pages Project
Holly Schinsky recommends
Yet Another Blog About The State and Future of Progressive Web App — Thoughts and opinions about the current state and future of Progressive Web Apps from a developer for the Financial Times.
Ada Rose Edwards
Sponsored
Try RASON™ – And Start Using Advance Analytics in Your Web/Mobile Apps — Solve powerful optimization & simulation models in your app easily with RASON®. Use a high-level modeling language embedded in JSON, & a simple, Azure-backed REST API.
RASON.com by Frontline Systems Inc

Brian Rinaldi recommends
Progressively Less Progressive — Andrew discusses some of his issues and concerns around progressive web apps and AMP.
Andrew Betts
Chris Brandrick recommends
Postlight Mercury: Instant AMPification for Your Site — Claims to enable the rapid deployment of AMP (Accelerated Mobile Pages) on your site.
Postlight
Holly Schinsky recommends
Recapping PhoneGap Day EU 2016 — An official recap with links to all of the presentation and workshop resources from PhoneGap Day EU 2016.
PhoneGap Blog
Brian Rinaldi recommends
Create A Simple Todo List App Using Ionic 2 For Android and iOS — Learn how to create a very simple todo list type Android and iOS mobile application using Ionic 2 and the Angular 2 framework.
Nic Raboy
Brian Rinaldi recommends
In-Depth With NativeScript 2.0 — An interview with Todd Anglin, VP of Product Management at Telerik.
Matt Werner
Sponsored
Job Offers. No resume necessary. — Create your Hired profile to get top companies to start applying to hire you. Get offers from $75,000 - $250,000 on the platform in 1 week.
Hired.com

Curated by Brian Rinaldi and Holly Schinsky for Cooper Press.
Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly

This Week's HTML5 and Browser Technology News (Issue 243)

What to put in your 'head' tag, the Web Platform's crisis, and what's new in Bootstrap 4
Read this e-mail on the Web
HTML 5 Weekly
Issue 243 — June 8, 2016
Josh Buchea
Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations.


Peter Gasston
Alex Russell thinks the Web is in serious crisis due to the dominance of mobile platforms and research showing time spent using the Web is dropping.


Carol Skelly
Literally see what’s new in the next version of the popular front-end framework, including cards, font changes, a new XL grid tier, and tweaks to button styling.


Linode  Sponsored
Linode's SSD hosts are the perfect environment for any HTML5, CSS, and JavaScript media. Meet your website's demands with a lightening-quick cloud host offered at competitive pricing. 99.9% uptime and 24/7 support.

Linode

Mozilla Hacks
Error messages in the Firefox Developer Console will provide helpful links to associated documentation.


Harry Roberts
Parker is a CSS static analysis tool that provides insights into your stylesheets and their complexity.


YouTube
An interesting introduction to the ‘physical Web’ from Google’s Leon Nicholls at Google I/O. “What if the real world behaved like the Web?” he asked.


Google
New to Chrome 51, passive event listeners provide a major potential boost to scroll performance.


Jobs

In brief

Curated by Peter Cooper and published by Cooper Press.
Want to post a job? E-mail us or use our self-serve system.

Unsubscribe : Change email address : Read this issue on the Web

Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


by via HTML5 Weekly

Bootstrap Photo Gallery

Bootstrap Photo Gallery is a simple jQuery plugin that will create a Bootstrap based responsive Photo Gallery for your images.


by via jQuery-Plugins.net RSS Feed

Love Fila

Love Fila

Vibrant One Pager showcasing the exclusive Fila clothing collection designed by French tennis legend, Marion Bartoli. If you hold your spacebar down for a few seconds, your screen pretty much explodes into a dazzling fashion show of the products. The interactive product accordion is really slick and loads up the relevant product image in the browser background. Also worth nothing the blurred background image effect when you load up the accordion - lovely touch.

by Rob Hope via One Page Love

5 Creative Ways to Use Snapchat Geofilters for Business

kt-snapchat-geofliters-560

Looking for new ways to increase your Snapchat visibility? Have you thought about using Snapchat geofilters? When applied creatively, Snapchat geofilters can help you increase brand awareness, engage your community, and reach new audiences. In this article, you’ll discover five unique ways to use Snapchat geofilters for business. Why Geofilters? Snapchat’s rise has been meteoric. [...]

This post 5 Creative Ways to Use Snapchat Geofilters for Business first appeared on .
- Your Guide to the Social Media Jungle


by Kate Talbot via