December 2015 Summaries

Developers are increasingly using Ionic apps for Internet of Things (IoT) projects, as highlighted by two innovative examples. Andrea Macchieraldo from Italy created the YunLamp, a wireless LED lamp controlled by an Ionic app, which utilizes the Arduino Yun and Spacebrew API to allow users to turn the lamp on or off or set custom colors via an RGB slider. This project was inspired by an earlier effort to control stage lighting for a live performance. Meanwhile, Jon Senterfitt from the Belfort Design Agency developed a dashboard using iBeacons at a coworking space in Dallas, allowing users to receive personalized messages and content when entering the area. The dashboard project is part of a broader initiative to build an Ionic-based app providing access to coworking spaces across the U.S.

On December 18, 2015, Ionic CEO Max Lynch announced the release of Ionic 1.2.1, an update that addressed minor issues in the previous version 1.2 to enhance stability and performance across various components. This release, named "Amsterdam," diverged from the traditional naming convention of "element-animal" due to the exhaustion of alphabetical letters and was instead dedicated to the Ionic Netherlands meetup group, reflecting the company's appreciation for the community's support and feedback during events such as PhoneGap Day EU in Amsterdam. The update included modifications across templates, bower, npm, and the Ionic website, encouraging users to explore the enhancements and stay informed through their newsletter.

Giatec Scientific, a company based in Ontario, Canada, has developed a wireless sensor called Giatec SmartRock™, which monitors the temperature of concrete from its fresh stage to solidification, using an Ionic app compatible with iOS and Android devices. This sensor, installed on rebar before concrete is poured, allows for continuous temperature monitoring, which is pivotal for quality control and optimizing construction processes like formwork removal and curing. Led by CEO Aali R. Alizadeh, Giatec integrates nanotechnology and data analysis tools to enhance concrete performance and has published extensive research in the field. By choosing Ionic for the SmartRock app development, Giatec efficiently compiled the app for multiple mobile platforms, leveraging its plugins and flexibility. The company plans to advance its IoT solutions with cloud-based communication for future smart sensors, aiming to innovate in the construction industry further.

In a continuation of a series exploring the integration of Ionic and TypeScript, the focus shifts to converting an Angular factory into a class, allowing for enhanced code completion for its methods. This installment follows previous screencasts where Angular controllers were updated to ES6-styled classes, further advancing the modernization of the codebase. The series, led by Mike Hartington, Director of Developer Relations, provides insights into improving code structure and efficiency using TypeScript within the Ionic framework. Additional resources and related posts are available for readers seeking further information on related topics, such as Capacitor and building performant Progressive Web Apps (PWAs) with SvelteKit and Ionic.

Ionic 1.2's release introduces significant updates and fixes, marking a pivotal moment in the transition towards Ionic 2. This update includes over 100 bug fixes, native scrolling by default for improved performance, especially on Android, and a new Slide Box component based on the Swiper widget. Windows 10 and Edge are now supported, enhancing compatibility with modern platforms. The release also emphasizes the mobile web's resurgence, urging developers to consider Ionic for mobile websites as well as apps. Ionic 1.2 transitions from traditional HTML elements to directives like <ion-input> and <ion-radio>, aligning with future Ionic 2 components for easier upgrades. The introduction of Ionic Native aims to simplify plugin management and improve compatibility across different frameworks. Cordova integration sees improvements with better debugging tools, and support for WKWebView promises enhanced performance on iOS devices. The Ionic team continues to focus on making the transition to Ionic 2 seamless, with initiatives to align directives and improve overall user experience and performance.

On December 9, 2015, Mike Hartington, Director of Developer Relations, shared insights into advancing an Ionic project using TypeScript, focusing on the conversion of controllers to ES6 class-like structures. The article builds on previous screencasts that covered setting up a TypeScript build process and incorporating type definitions into the code. Readers are guided to clone an example project from GitHub and use npm and tsd for installation, further enhancing their understanding of Ionic and TypeScript integration. Additional resources, such as related videos and blog posts on topics like Capacitor and SvelteKit, are offered for those interested in exploring more about the development and capabilities of the Ionic framework.

Ionic is revolutionizing mobile app development by making it accessible to developers familiar with web technologies, similar to how WordPress democratized web publishing. By fostering an ecosystem that parallels WordPress, Ionic enables developers to create high-quality, multi-platform mobile apps affordably, with tools like Reactor facilitating integration with WordPress sites without requiring extensive coding knowledge. Initiatives such as the WordPress Hybrid Client (WPHC) further enhance this ecosystem by offering a startup kit that simplifies the creation of applications based on WordPress data, featuring capabilities like querying every WP-API v2 endpoint and self-hosted push notifications. This synergy between Ionic and WordPress is driving innovation in the web development industry, supported by a robust community and continuous updates that push the boundaries of what is possible with open-source technologies.

This tutorial provides a comprehensive guide on integrating Backand as a backend service with an Ionic app to utilize a MySQL database, highlighting the process of creating a new application instance, setting up a data model, and modifying starter code to connect to a private Backand application. It explains how Backand serves as a Backend-as-a-Service (BaaS) by offering a RESTful API on top of a MySQL database, thus enabling developers to focus on frontend development without needing to construct a custom server. The tutorial also details how to configure and modify the Ionic app's code, explaining the use of AngularJS, Ionic frameworks, and Backand's SDK to manage data and application states. Additionally, it walks through the setup of services and controllers to handle data interactions, providing a foundational understanding for building cross-platform applications with a consistent user interface facilitated by Ionic and a scalable backend powered by Backand.