{"id":1106,"date":"2016-06-15T16:19:25","date_gmt":"2016-06-15T16:19:25","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1106"},"modified":"2016-11-22T17:05:12","modified_gmt":"2016-11-22T17:05:12","slug":"built-with-ionic-2-the-design-conference-brisbane-app","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app","title":{"rendered":"Built with Ionic 2: The Design Conference Brisbane App"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"823\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\" alt=\"dsgn-brisb-header-img\" class=\"alignnone size-full wp-image-1122 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg 1400w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-300x176.jpg 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-768x451.jpg 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-1024x602.jpg 1024w\" data-sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/823;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"823\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\" alt=\"dsgn-brisb-header-img\" class=\"alignnone size-full wp-image-1122\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg 1400w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-300x176.jpg 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-768x451.jpg 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img-1024x602.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/noscript><\/p>\n<p>Attendees of <a href=\"https:\/\/www.thedesignconference.com.au\/\">The Design Conference Brisbane<\/a> got a cool bonus this year: a personal concierge in the form of an Ionic 2 app.<\/p>\n<p>Software developer <a href=\"https:\/\/philliphartin.com\/\">Phillip Hartin<\/a> teamed with UI designer and curator <a href=\"https:\/\/twitter.com\/DesignConfBNE\">Matthew Haynes<\/a> to develop the app. The app\u2019s aim was to break the perceived barrier between the audience and the presenter, providing a platform to seamlessly interact and engage with each other, opening the floor for discussion, education, creativity and a world-class event environment.<\/p>\n<p><!--more--><\/p>\n<p>\u201cWe have taken a little bit of creative liberty in designing an option for attendees to rate each presenter privately, so we have real-time stats on what people enjoyed most,\u201d says Haynes, who played professional baseball with the Cleveland Indians for four years before studying graphic design and starting his own agency in Australia (launching July 2016). \u201cThis told us what people thought of our event, while helping us determine who was voted \u2018people&#8217;s choice\u2019 for best talk overall.\u201d<\/p>\n<p><img decoding=\"async\" class=\"overflow-left lazyload\" width=\"291px\" style=\"--smush-placeholder-width: 582px; --smush-placeholder-aspect-ratio: 582\/1082;margin-right: 40px; margin-bottom: 25px;\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-iphone.jpg\" alt=\"dsgn-brisb-iphone\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"overflow-left\" width=\"291px\" style=\"margin-right: 40px; margin-bottom: 25px;\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-iphone.jpg\" alt=\"dsgn-brisb-iphone\" \/><\/noscript><\/p>\n<p>Users could tweet a question during a talk directly from the app, and the app automatically appended the event&#8217;s hashtag, which was picked up by other software, allowing Haynes and Hartin to collate questions for the Q&amp;A sessions and be presented on the big screens. Their decision to use Twitter as the backbone of their approach resulted in the event trending in the top three hashtags in Australia for two days. In addition to the public tweets, over 2,500 individual ratings, with private feedback for the speakers were collected, showing that speakers had a 4.3\/5 rating on average, making the app an important analytical tool for the event.<\/p>\n<p>Hartin, who has a PhD in computer science from Ulster University, UK, started building mobile apps in 2012, as he began his graduate research. His first project was a context-aware reminder app that used the devices onboard sensors, such as accelerometers and light sensors, and also used native features, such as alarm schedulers and notification managers. He began development with Cordova but ran into obstacles.<\/p>\n<p>\u201cThe state of Cordova was very different back then, and what began as fast development quickly became a string of spaghetti code, mixed with various templating libraries (handlebars and backbone), and plugins whose status shifted with the tide\u201d he says. \u201cIt was hard to understand and even harder to debug.\u201d<\/p>\n<p>Hartin eventually ditched Cordova in favor of native Android and iOS, but four years later, he took notice of Ionic. He was developing The Design Conference app on iOS natively, when a quick Google search regarding action sheets led him to the Ionic 2 documentation site.<\/p>\n<p>\u201cI was immediately impressed with the quality of both the documentation and how the native UI components were rendered on each device,\u201d he says. \u201cI decided in that moment to drop what I had done natively and take the plunge, and I\u2019m so happy I did. Ionic v2 has completely changed my opinion on the merits of hybrid development. I did look at other hybrid frameworks, but for my criteria, Ionic always came out on top.\u201d<\/p>\n<p><img decoding=\"async\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-nexus-6P.jpg\" alt=\"dsgn-brisb-nexus-6P\" class=\"overflow-right lazyload\" width=\"234px\" style=\"--smush-placeholder-width: 468px; --smush-placeholder-aspect-ratio: 468\/1068;margin-left: 20px;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-nexus-6P.jpg\" alt=\"dsgn-brisb-nexus-6P\" class=\"overflow-right\" width=\"234px\" style=\"margin-left: 20px;\" \/><\/noscript><\/p>\n<p>To build The Design Conference app, Hartin says he experimented with every UI component available, until he found a set that complemented the website\u2019s experience on a mobile screen.<\/p>\n<p>\u201cThat\u2019s the biggest obstacle in mobile UI development,\u201d Hartin says. \u201cHow do we break down all this great content into a four-inch screen and not clutter the UI and overload the user with info?\u201d<\/p>\n<p>Haynes suggested a list-orientated approach.<\/p>\n<p>\u201cI made heavy use of ionic-list, which I must say is the business!\u201d exclaims Hartin. \u201cIonic v2\u2019s use of Angular2 directives such as ngFor and ngIF drastically aid the speed of development and templating.\u201d<\/p>\n<p>The main schedule list in the app is actually a list of ion-item-sliding components, composed of a button with nested divs that are custom styled to produce the unique effects that the app has.<\/p>\n<p>\u201cWhen I noticed that ion-slides were included in Beta.6, I jumped at the chance to use it, and we found the perfect place on our sponsors screen, which appears on first launch,\u201d says Hartin. \u201cA little bit of custom styling, and I was very pleased with the finished effect. Regarding navigation, Ionic provides factory methods to present, push and pop views from the stack, which makes navigation a breeze!\u201d<\/p>\n<p>Hartin used many of the native plugins bundled with Ionic, like LocalStorage, SQLStorage, Geolocation, Splashscreen, and Whitelist. He used <a href=\"https:\/\/twitter.com\/eddyverbruggen\">Eddy Verbruggen<\/a>\u2019s <a href=\"https:\/\/github.com\/EddyVerbruggen\/SocialSharing-PhoneGap-Plugin\/\">Social Sharing Plugin<\/a> by to handle the Twitter integration.<\/p>\n<p>\u201cThis plugin is great,\u201d says Hartin. \u201cFor iOS, Twitter integration is baked into the OS, so the plugin ties directly to that, whereas in Android, you have to check if the app is installed first and then handle that accordingly. Eddy\u2019s library provides factory methods to perform handle these scenarios and facilitates the actual posting to Twitter.\u201d<\/p>\n<p>Hartin and Haynes had two storage options, LocalStorage and SQLStorage.<\/p>\n<p>\u201cDespite looking straightforward, the data model is quite complex in this app, with plenty of has_one, has_many relationships between the objects,\u201d explains Hartin. \u201cFlattening this structure down for SQLStorage was a bit of a pain, and performing joins in order to rebuild objects and their nested properties for the purposes of the UI was also an unforeseen overhead.\u201d<\/p>\n<p>LocalStorage came to Hartin\u2019s rescue.<\/p>\n<p>\u201cOnce the object arrays have been re-built, I store a copy of them in LocalStorage and use them for all subsequent calls, which speeds everything up, but I rely on SQLStorage in the event that Local is cleared during low memory,\u201d he explains. \u201cFrom a native programming background, I am an advocate of <a href=\"https:\/\/realm.io\/\">Realm<\/a>, easily the best mobile database out there, completely smashes SQLite and Core Data in all regards. As I understand they are working on a Cordova version as part of their <a href=\"https:\/\/github.com\/realm\/realm-js\">Realm JS tree<\/a>. When this goes live, hybrid will be unstoppable!\u201d<\/p>\n<p>Haynes had already envisaged Web-Mobile transition, but for iOS-Android differentiation, the team had to take into consideration the range of screen sizes across the market.<\/p>\n<p>\u201cThanks to Ionic serve, rapid testing and prototyping can be done in the chrome dev tools,\u201d says Hartin. \u201cAlso worth noting is the ability to deploy code and test on the device, with livereload and console output on the computer. That was a huge draw for me.\u201d<\/p>\n<p>Haynes and Hartin had been hoping that writing an API wouldn\u2019t create too many hiccups for the app. Fortunately, web developer <a href=\"http:\/\/www.twitter.com\/zannstpierre\">Zann St. Pierre<\/a> built the main site in a way that the API worked right off the bat.<\/p>\n<p>\u201cWithout the solid object-oriented data-model that Zann designed, I would have faced many more hurdles,\u201d says Hartin.<\/p>\n<p>Haynes and Hartin plan to incorporate Ionic into their digital and development strategy going forward.<\/p>\n<p>\u201cThe productivity gains are huge,\u201d says Hartin. \u201cIt was so refreshing to not have to support two native codebases, each with their own idiosyncrasies. Switching your brain from Obj-C mode to Java mode and back again on a daily basis as an independent developer can be tiring. Then testing&#8230;Ugh. You never really get up to full speed when writing two codebases by yourself. With Ionic, each morning I am at full speed within a minute.\u201d<\/p>\n<p>In fact, for their second collaboration, a mobile guide for the <a href=\"http:\/\/www.firstcoat.com.au\/\">FirstCoat festival<\/a>, Haynes and Hartin chose Ionic v2 again. The app was accepted on both the <a href=\"https:\/\/itunes.apple.com\/us\/app\/id1115553580\">iOS<\/a> and <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=au.com.analoguedigital.firstcoat2016&amp;hl=en\">Android<\/a> app stores in under 48 hours.<\/p>\n<p>\u201cAs a relative novice in JavaScript and Angular prior to this project, the Ionic forums were in invaluable resource for me,\u201d says Hartin. \u201cI\u2019d like to say thanks to the Ionic developers and the JS gurus on there who helped me out on numerous occasions.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Attendees of The Design Conference Brisbane got a cool bonus this year: a personal concierge in the form of an Ionic 2 app. Software developer Phillip Hartin teamed with UI designer and curator Matthew Haynes to develop the app. The app\u2019s aim was to break the perceived barrier between the audience and the presenter, providing [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[8,3,13],"class_list":["post-1106","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with","tag-ionic","tag-ionic-2"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Built with Ionic 2: The Design Conference Brisbane App - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Built with Ionic 2: The Design Conference Brisbane App\" \/>\n<meta property=\"og:description\" content=\"Attendees of The Design Conference Brisbane got a cool bonus this year: a personal concierge in the form of an Ionic 2 app. Software developer Phillip Hartin teamed with UI designer and curator Matthew Haynes to develop the app. The app\u2019s aim was to break the perceived barrier between the audience and the presenter, providing [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-15T16:19:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-22T17:05:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\" \/>\n<meta name=\"author\" content=\"Katie Ginder-Vogel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@katiegv\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katie Ginder-Vogel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Built with Ionic 2: The Design Conference Brisbane App\",\"datePublished\":\"2016-06-15T16:19:25+00:00\",\"dateModified\":\"2016-11-22T17:05:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\"},\"wordCount\":1278,\"commentCount\":16,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\",\"keywords\":[\"Built With\",\"Ionic\",\"Ionic 2\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\",\"url\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\",\"name\":\"Built with Ionic 2: The Design Conference Brisbane App - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\",\"datePublished\":\"2016-06-15T16:19:25+00:00\",\"dateModified\":\"2016-11-22T17:05:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg\",\"width\":1400,\"height\":823},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Built with Ionic 2: The Design Conference Brisbane App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\",\"name\":\"Katie Ginder-Vogel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"caption\":\"Katie Ginder-Vogel\"},\"sameAs\":[\"https:\/\/x.com\/katiegv\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/katie\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Built with Ionic 2: The Design Conference Brisbane App - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app","og_locale":"en_US","og_type":"article","og_title":"Built with Ionic 2: The Design Conference Brisbane App","og_description":"Attendees of The Design Conference Brisbane got a cool bonus this year: a personal concierge in the form of an Ionic 2 app. Software developer Phillip Hartin teamed with UI designer and curator Matthew Haynes to develop the app. The app\u2019s aim was to break the perceived barrier between the audience and the presenter, providing [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app","og_site_name":"Ionic Blog","article_published_time":"2016-06-15T16:19:25+00:00","article_modified_time":"2016-11-22T17:05:12+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg"}],"author":"Katie Ginder-Vogel","twitter_card":"summary_large_image","twitter_creator":"@katiegv","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Katie Ginder-Vogel","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Built with Ionic 2: The Design Conference Brisbane App","datePublished":"2016-06-15T16:19:25+00:00","dateModified":"2016-11-22T17:05:12+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app"},"wordCount":1278,"commentCount":16,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg","keywords":["Built With","Ionic","Ionic 2"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app","url":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app","name":"Built with Ionic 2: The Design Conference Brisbane App - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg","datePublished":"2016-06-15T16:19:25+00:00","dateModified":"2016-11-22T17:05:12+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/06\/dsgn-brisb-header-img.jpg","width":1400,"height":823},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-2-the-design-conference-brisbane-app#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Built with Ionic 2: The Design Conference Brisbane App"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd","name":"Katie Ginder-Vogel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","caption":"Katie Ginder-Vogel"},"sameAs":["https:\/\/x.com\/katiegv"],"url":"https:\/\/ionic.io\/blog\/author\/katie"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1106"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1106\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}