Learn how Sencha's technology stack can help you build powerful Enterprise applications for any device. This presentation includes a demo of an ExtJS 5 application that uses an Azure Mobile Service to handle the backend data. Source code for demo app can be found at https://github.com/jratcliff/DogFoodCon2014.
This document summarizes a presentation given at the MIRAE WEB Inc. Developer Conference on May 16, 2014. It discusses the evolution of web applications from earlier page-based models to modern single-page apps with responsive designs, rich interfaces, and integration of data and server-side logic. It outlines the challenges of building large-scale apps and frameworks that address these challenges across areas like UI, data handling, and server communication. Finally, it provides an overview of Sencha's Ext JS framework and what's new in version 5, including improved support for tablets and new themes.
Education Technology in India: Designing Ed-Tech for Affordable Private SchoolsHila Mehr
This document summarizes research on education technology use in affordable private schools in India. It explores trends and opportunities for ed-tech products and solutions in these schools. The researchers conducted surveys, interviews, and human-centered design research methods in Hyderabad, India in 2012-2013. They found that while affordable private schools have invested in technologies like computer labs and smart classrooms to enhance learning, many of the technologies are outdated or not being used effectively. The document profiles the different stakeholders in affordable private schools - school leaders, students, teachers, and parents - and discusses their perspectives on and interactions with education technology. It also examines educational tablet solutions and their implementation in these schools. The research highlights barriers to ed-tech adoption but
The Stackies Awards, hosted by the MarTech conference and judged by chiefmartec.com, invites marketers to submit a single 16:9 slide that visualizes how they conceive of their marketing technology stack — the different products and technologies that they have harnessed into their marketing capabilities. This year, 41 companies entered their stacks and agreed to openly share them in this deck.
Xapps is a design and development company that offers various services including branding, publications, electronic media, software development, and web design. They specialize in logo design, brochures, websites, e-commerce solutions, search engine optimization, and custom software. Their goal is to incorporate communication tools like mobile apps in a cost-effective way. They can assist with launching and marketing products or services through specialized design work.
Introduction to the ExtJS Javascript framework for rich apps in every browserjoanwortman
- JavaScript Framework for Rich Apps in Every Browser is a mature JavaScript library that started in 2006 and provides true cross-browser support, event handling, DOM manipulation, AJAX capabilities, and an extensible, object-oriented architecture.
- It features rich UI widgets like grids and trees, a complete data package, inheritance, multiple inheritance/traits, and component plugins.
- The library provides out-of-the-box components, layout management, data binding, charts and drawing capabilities, and supports client-side MVC patterns.
The document discusses Web 2.0 and service-oriented architecture (SOA). It provides examples of Web 2.0 concepts given by Tim O'Reilly and lists some common Web 2.0 patterns like tagging, mashups, and software as a service. The document also presents a reference architecture for Web 2.0 applications and discusses how SOA and service-oriented clients relate to Web 2.0. It identifies some potential anti-patterns for SOA and Web 2.0 applications.
Building cross platform mobile web appsJames Pearce
This document discusses building cross-platform mobile web applications using HTML5, CSS3 and JavaScript. It introduces Sencha Touch, a framework for building rich mobile web apps, and how it provides tools and components like layouts, themes, touch events and data synchronization to build apps that work across platforms. The document advocates for a mobile web approach using open web standards over native apps, arguing it allows for cross-platform development, easier updating and a more decentralized approach.
This document discusses the development of a management user interface for an enterprise network security company called Narus. It outlines the need for a scalable product architecture to support future growth, an exceptional user experience with a highly configurable and information-rich interface. Key elements of the solution included building a dedicated team with expertise in user experience design, interface development, and backend systems to deliver the new interface using an agile development process.
This document summarizes a presentation given at the MIRAE WEB Inc. Developer Conference on May 16, 2014. It discusses the evolution of web applications from earlier page-based models to modern single-page apps with responsive designs, rich interfaces, and integration of data and server-side logic. It outlines the challenges of building large-scale apps and frameworks that address these challenges across areas like UI, data handling, and server communication. Finally, it provides an overview of Sencha's Ext JS framework and what's new in version 5, including improved support for tablets and new themes.
Education Technology in India: Designing Ed-Tech for Affordable Private SchoolsHila Mehr
This document summarizes research on education technology use in affordable private schools in India. It explores trends and opportunities for ed-tech products and solutions in these schools. The researchers conducted surveys, interviews, and human-centered design research methods in Hyderabad, India in 2012-2013. They found that while affordable private schools have invested in technologies like computer labs and smart classrooms to enhance learning, many of the technologies are outdated or not being used effectively. The document profiles the different stakeholders in affordable private schools - school leaders, students, teachers, and parents - and discusses their perspectives on and interactions with education technology. It also examines educational tablet solutions and their implementation in these schools. The research highlights barriers to ed-tech adoption but
The Stackies Awards, hosted by the MarTech conference and judged by chiefmartec.com, invites marketers to submit a single 16:9 slide that visualizes how they conceive of their marketing technology stack — the different products and technologies that they have harnessed into their marketing capabilities. This year, 41 companies entered their stacks and agreed to openly share them in this deck.
Xapps is a design and development company that offers various services including branding, publications, electronic media, software development, and web design. They specialize in logo design, brochures, websites, e-commerce solutions, search engine optimization, and custom software. Their goal is to incorporate communication tools like mobile apps in a cost-effective way. They can assist with launching and marketing products or services through specialized design work.
Introduction to the ExtJS Javascript framework for rich apps in every browserjoanwortman
- JavaScript Framework for Rich Apps in Every Browser is a mature JavaScript library that started in 2006 and provides true cross-browser support, event handling, DOM manipulation, AJAX capabilities, and an extensible, object-oriented architecture.
- It features rich UI widgets like grids and trees, a complete data package, inheritance, multiple inheritance/traits, and component plugins.
- The library provides out-of-the-box components, layout management, data binding, charts and drawing capabilities, and supports client-side MVC patterns.
The document discusses Web 2.0 and service-oriented architecture (SOA). It provides examples of Web 2.0 concepts given by Tim O'Reilly and lists some common Web 2.0 patterns like tagging, mashups, and software as a service. The document also presents a reference architecture for Web 2.0 applications and discusses how SOA and service-oriented clients relate to Web 2.0. It identifies some potential anti-patterns for SOA and Web 2.0 applications.
Building cross platform mobile web appsJames Pearce
This document discusses building cross-platform mobile web applications using HTML5, CSS3 and JavaScript. It introduces Sencha Touch, a framework for building rich mobile web apps, and how it provides tools and components like layouts, themes, touch events and data synchronization to build apps that work across platforms. The document advocates for a mobile web approach using open web standards over native apps, arguing it allows for cross-platform development, easier updating and a more decentralized approach.
This document discusses the development of a management user interface for an enterprise network security company called Narus. It outlines the need for a scalable product architecture to support future growth, an exceptional user experience with a highly configurable and information-rich interface. Key elements of the solution included building a dedicated team with expertise in user experience design, interface development, and backend systems to deliver the new interface using an agile development process.
Designing Optimized Symbols for InduSoft Web Studio ProjectsAVEVA
Because InduSoft Web Studio allows you to easily develop applications for mobile devices and embedded systems it’s easy to get lost in the rich feature set and develop symbols that are not optimized for the entire range of systems the application will be deployed to. In this webinar, we’d like to give InduSoft Web Studio users a guide to developing symbols that can be easily resized or easily optimized for deployment to mobile devices and embedded computers.
This document summarizes a talk given by Satoshi Tagomori from LINE Corp about software for large-scale internet services. It discusses how service scale can be small, middle, large, or huge. It also outlines common server-side architectures for different scales, from small single-server architectures to huge distributed systems. The document then discusses case studies from LINE Corp and how they scaled various services and addressed performance, stability, and other issues.
Rajiv Ranjan is a Sun Certified Java Programmer with over 8 years of experience developing web applications using Java/J2EE technologies like Spring, Struts, Hibernate, and Web Services. He has worked as a senior software developer and computer system analyst for Cisco Systems on projects involving order management, user profiles, and legacy tools. Currently located in Milpitas, California, he is looking for an engineering or IT role.
Richard Safford is a Java developer and Microsoft solutions developer specializing in web applications and data science. He has extensive experience with Java, C++, Python, SQL, and Microsoft technologies including ASP.NET, Azure, and Dynamics CRM. His goal is to develop full-stack web applications, including front-end development and backend/cloud architecture. He has taken certification courses and lists skills including CRM, SQL, Visual Studio, and various programming languages.
This document introduces Sencha Touch, a JavaScript framework for building rich mobile apps with web standards. It discusses how Sencha Touch allows developers to write code once and deploy apps across multiple mobile platforms, leveraging familiar skills and technologies like HTML, CSS, and JavaScript. The document outlines key Sencha Touch features like layouts, components, touch events, data handling, theming and more. It provides examples of common UI components like lists, carousels, sheets and shows how they are implemented. Finally, it discusses architectural considerations for mobile apps and potential opportunities around location services, analytics and monetization.
Building Cross Platform Mobile Web AppsJames Pearce
Frameworks like Sencha Touch are heralding a new way of building mobile services using Javascript, HTML5 and CSS3. If you want to discover how to use standard web technologies to reach your mobile users in beautiful app-like ways, this session is for you.
We explore the possibilities that each of these rich, standards-based libraries can bring, we show how the mobile device is fast becoming a first-class Javascript run-time environment, and we discuss how we might be on the dawn of a new web age, where mobile and client-side applications can immerse billions of users with exciting, contextually-aware experiences.
This summary provides the high-level details about the candidate's experience:
The candidate has over 20 years of experience designing and developing complex database solutions. They have expertise in Oracle, SQL Server, and data warehousing. Some of their projects include designing data warehouses for American Airlines and developing business intelligence applications for various manufacturing companies. They have led development teams and consulted with many organizations on database architecture, performance optimization, and strategic planning.
The document discusses emerging trends in business computing including mobility, online collaboration, consistent user experiences, and connecting to business processes. It also covers different models for software delivery including on-premise, hosted/outsourced, and software as a service. Traditional packaged software is compared to hosted/outsourced and SaaS models in terms of who manages the application and how the software experience is delivered.
The document outlines various roles in user experience design including interaction designer, usability engineer, user researcher, UI prototyper/developer, architecture, graphic designer, and content writer. It provides brief descriptions of the responsibilities for each role and typical educational and technical backgrounds required for the positions. The document also includes career progression paths and key skills/tools for each domain in user experience design.
Monoliths are out.
They are hard to maintain and operate. Every change can have undesired side effects, deployment is tedious and scaling out often nearly impossible.
Node.js and nginx and are often used to take such monoliths apart and even enterprises with lots of legacy software added these technologies to their stack lately.
In this session we will review real life architectures before we use these findings to sketch out an architecture that allows you to split up your monolith into small components bit by bit.
This document discusses the modern front end development workflow. It begins by outlining the typical steps: consultation and collaboration, analysis, structuring data, styling presentation, and developing interactions. It then delves into some of the specific tools used like Jade, Sass, and build tools. It addresses challenges like resolving static designs for different browsers and devices. The document advocates for more modular, data-driven and interface-driven design deliverables. It suggests tools like Sketch and pattern libraries to help bridge visual design to code. Finally, it emphasizes collaboration between roles like UX designers, front end developers to iteratively solve problems.
The document is a resume for John C. Faucon, a senior technical writer. It summarizes his experience writing technical documentation across multiple industries. It highlights his skills in transforming complex technical information into clear, easy-to-use documents and manuals to improve productivity. It also lists his technical writing experience at various companies such as Apple, Electronic Arts, and Motorola.
This document discusses the challenges of application lifecycles in organizations and possible solutions. It notes that application development has become more complex over time due to improvements in hardware, software, integrated development environments, and processes. This complexity is multi-dimensional and makes lifecycle management difficult. The author provides their experience in the automotive industry to illustrate these challenges, including issues with requirements, testing, integration, tools, and personnel. Finally, the document suggests that organizations need an integrated platform rather than just IDEs to manage the entire software lifecycle and development process in a standardized way.
Leonard Solomyak is a Principal Consultant at Software AG South Africa with over 25 years of experience in software architecture, engineering, and integration. He has extensive experience delivering projects for various vendors such as IBM, Oracle, and SAP. Currently, he is responsible for webMethods solutions architecture and ensures the successful delivery of projects, including infrastructure design. Throughout his career, he has gained expertise in technologies like SOA, BPM, Java, and middleware platforms.
The document introduces several features and enhancements in recent versions of InTouch Machine Edition (ITME), an HMI/SCADA software. Key features discussed include improved development environment tools, support for additional platforms and databases, enhanced communication drivers, remote management capabilities, and added security features. The document provides brief descriptions of each new capability and highlights their main benefits.
Beyond PowerPlay: Choose the Right OLAP Tool for Your BI Environment (Cognos...Senturus
Feature differences between OLAP tools used for BI applications, including Dynamic Cubes. View the webinar video recording and download this deck: http://www.senturus.com/resources/beyond-powerplay-choosing-right-olap-tool-bi-environment/
This presentation outlines important criteria that should be considered before investing significant hours (and dollars) in development of OLAP tools. As always, we give a candid review of relevant tool capabilities, show features in action and provide some pragmatic decision-making tips on how to make the right choice for your BI environment.
Senturus, a business analytics consulting firm, has a resource library with hundreds of free recorded webinars, trainings, demos and unbiased product reviews. Take a look and share them with your colleagues and friends: http://www.senturus.com/resources/.
The state of front end architecture_in_2015Aidan Foster
Video Recording is on https://www.youtube.com/watch?v=CP_mHfODWj0
Originally presented in June 2015 at the Drupal North Conference in Toronto - drupalnorth.org
In this code-free session we'll take a 20,000 foot view of what's been happening with mobile websites over it's history. We'll review a number of the tools, techniques, and workflows that evolved to deal with the changing landscape of mobile web design.
This session briefly introduce a wide range of tools & ideas and express why they add value to our workflows.
Microsoft is releasing a new Browser with Windows 10, called Edge. Edge is a fork of Internet Explorer that leaves legacy support behind and adds support for many new specs and features. This session attempts to highlight many of the changes and provide understanding of what the future holds for web developers.
Revanth Kammaripalle is seeking a new opportunity and has over 8 years of experience in various enterprise IT roles. He currently works as an Oracle Support Engineer and has previously held roles such as Enterprise Engineer, DBA, and Database Administrator. He has extensive skills in technologies such as Oracle, VMware, UNIX, Windows, and SAN storage solutions. He is seeking a face-to-face meeting to discuss opportunities that utilize his technical experience and strengths in areas like troubleshooting, project management, and adapting to new solutions.
Oracle Demantra online Training by Glory IT technologies Which is designed to make you an expert in using Oracle Demantra is learn all that is required to excel in automated baseline forecasting, Promotion analytics, Multipanel worksheets and Collaborative planning platform.
Measures in SQL (SIGMOD 2024, Santiago, Chile)Julian Hyde
SQL has attained widespread adoption, but Business Intelligence tools still use their own higher level languages based upon a multidimensional paradigm. Composable calculations are what is missing from SQL, and we propose a new kind of column, called a measure, that attaches a calculation to a table. Like regular tables, tables with measures are composable and closed when used in queries.
SQL-with-measures has the power, conciseness and reusability of multidimensional languages but retains SQL semantics. Measure invocations can be expanded in place to simple, clear SQL.
To define the evaluation semantics for measures, we introduce context-sensitive expressions (a way to evaluate multidimensional expressions that is consistent with existing SQL semantics), a concept called evaluation context, and several operations for setting and modifying the evaluation context.
A talk at SIGMOD, June 9–15, 2024, Santiago, Chile
Authors: Julian Hyde (Google) and John Fremlin (Google)
https://doi.org/10.1145/3626246.3653374
SMS API Integration in Saudi Arabia| Best SMS API ServiceYara Milbes
Discover the benefits and implementation of SMS API integration in the UAE and Middle East. This comprehensive guide covers the importance of SMS messaging APIs, the advantages of bulk SMS APIs, and real-world case studies. Learn how CEQUENS, a leader in communication solutions, can help your business enhance customer engagement and streamline operations with innovative CPaaS, reliable SMS APIs, and omnichannel solutions, including WhatsApp Business. Perfect for businesses seeking to optimize their communication strategies in the digital age.
More Related Content
Similar to DogFoodCon 2014: Building Powerful Enterprise Applications Using Sencha's Technology Stack
Designing Optimized Symbols for InduSoft Web Studio ProjectsAVEVA
Because InduSoft Web Studio allows you to easily develop applications for mobile devices and embedded systems it’s easy to get lost in the rich feature set and develop symbols that are not optimized for the entire range of systems the application will be deployed to. In this webinar, we’d like to give InduSoft Web Studio users a guide to developing symbols that can be easily resized or easily optimized for deployment to mobile devices and embedded computers.
This document summarizes a talk given by Satoshi Tagomori from LINE Corp about software for large-scale internet services. It discusses how service scale can be small, middle, large, or huge. It also outlines common server-side architectures for different scales, from small single-server architectures to huge distributed systems. The document then discusses case studies from LINE Corp and how they scaled various services and addressed performance, stability, and other issues.
Rajiv Ranjan is a Sun Certified Java Programmer with over 8 years of experience developing web applications using Java/J2EE technologies like Spring, Struts, Hibernate, and Web Services. He has worked as a senior software developer and computer system analyst for Cisco Systems on projects involving order management, user profiles, and legacy tools. Currently located in Milpitas, California, he is looking for an engineering or IT role.
Richard Safford is a Java developer and Microsoft solutions developer specializing in web applications and data science. He has extensive experience with Java, C++, Python, SQL, and Microsoft technologies including ASP.NET, Azure, and Dynamics CRM. His goal is to develop full-stack web applications, including front-end development and backend/cloud architecture. He has taken certification courses and lists skills including CRM, SQL, Visual Studio, and various programming languages.
This document introduces Sencha Touch, a JavaScript framework for building rich mobile apps with web standards. It discusses how Sencha Touch allows developers to write code once and deploy apps across multiple mobile platforms, leveraging familiar skills and technologies like HTML, CSS, and JavaScript. The document outlines key Sencha Touch features like layouts, components, touch events, data handling, theming and more. It provides examples of common UI components like lists, carousels, sheets and shows how they are implemented. Finally, it discusses architectural considerations for mobile apps and potential opportunities around location services, analytics and monetization.
Building Cross Platform Mobile Web AppsJames Pearce
Frameworks like Sencha Touch are heralding a new way of building mobile services using Javascript, HTML5 and CSS3. If you want to discover how to use standard web technologies to reach your mobile users in beautiful app-like ways, this session is for you.
We explore the possibilities that each of these rich, standards-based libraries can bring, we show how the mobile device is fast becoming a first-class Javascript run-time environment, and we discuss how we might be on the dawn of a new web age, where mobile and client-side applications can immerse billions of users with exciting, contextually-aware experiences.
This summary provides the high-level details about the candidate's experience:
The candidate has over 20 years of experience designing and developing complex database solutions. They have expertise in Oracle, SQL Server, and data warehousing. Some of their projects include designing data warehouses for American Airlines and developing business intelligence applications for various manufacturing companies. They have led development teams and consulted with many organizations on database architecture, performance optimization, and strategic planning.
The document discusses emerging trends in business computing including mobility, online collaboration, consistent user experiences, and connecting to business processes. It also covers different models for software delivery including on-premise, hosted/outsourced, and software as a service. Traditional packaged software is compared to hosted/outsourced and SaaS models in terms of who manages the application and how the software experience is delivered.
The document outlines various roles in user experience design including interaction designer, usability engineer, user researcher, UI prototyper/developer, architecture, graphic designer, and content writer. It provides brief descriptions of the responsibilities for each role and typical educational and technical backgrounds required for the positions. The document also includes career progression paths and key skills/tools for each domain in user experience design.
Monoliths are out.
They are hard to maintain and operate. Every change can have undesired side effects, deployment is tedious and scaling out often nearly impossible.
Node.js and nginx and are often used to take such monoliths apart and even enterprises with lots of legacy software added these technologies to their stack lately.
In this session we will review real life architectures before we use these findings to sketch out an architecture that allows you to split up your monolith into small components bit by bit.
This document discusses the modern front end development workflow. It begins by outlining the typical steps: consultation and collaboration, analysis, structuring data, styling presentation, and developing interactions. It then delves into some of the specific tools used like Jade, Sass, and build tools. It addresses challenges like resolving static designs for different browsers and devices. The document advocates for more modular, data-driven and interface-driven design deliverables. It suggests tools like Sketch and pattern libraries to help bridge visual design to code. Finally, it emphasizes collaboration between roles like UX designers, front end developers to iteratively solve problems.
The document is a resume for John C. Faucon, a senior technical writer. It summarizes his experience writing technical documentation across multiple industries. It highlights his skills in transforming complex technical information into clear, easy-to-use documents and manuals to improve productivity. It also lists his technical writing experience at various companies such as Apple, Electronic Arts, and Motorola.
This document discusses the challenges of application lifecycles in organizations and possible solutions. It notes that application development has become more complex over time due to improvements in hardware, software, integrated development environments, and processes. This complexity is multi-dimensional and makes lifecycle management difficult. The author provides their experience in the automotive industry to illustrate these challenges, including issues with requirements, testing, integration, tools, and personnel. Finally, the document suggests that organizations need an integrated platform rather than just IDEs to manage the entire software lifecycle and development process in a standardized way.
Leonard Solomyak is a Principal Consultant at Software AG South Africa with over 25 years of experience in software architecture, engineering, and integration. He has extensive experience delivering projects for various vendors such as IBM, Oracle, and SAP. Currently, he is responsible for webMethods solutions architecture and ensures the successful delivery of projects, including infrastructure design. Throughout his career, he has gained expertise in technologies like SOA, BPM, Java, and middleware platforms.
The document introduces several features and enhancements in recent versions of InTouch Machine Edition (ITME), an HMI/SCADA software. Key features discussed include improved development environment tools, support for additional platforms and databases, enhanced communication drivers, remote management capabilities, and added security features. The document provides brief descriptions of each new capability and highlights their main benefits.
Beyond PowerPlay: Choose the Right OLAP Tool for Your BI Environment (Cognos...Senturus
Feature differences between OLAP tools used for BI applications, including Dynamic Cubes. View the webinar video recording and download this deck: http://www.senturus.com/resources/beyond-powerplay-choosing-right-olap-tool-bi-environment/
This presentation outlines important criteria that should be considered before investing significant hours (and dollars) in development of OLAP tools. As always, we give a candid review of relevant tool capabilities, show features in action and provide some pragmatic decision-making tips on how to make the right choice for your BI environment.
Senturus, a business analytics consulting firm, has a resource library with hundreds of free recorded webinars, trainings, demos and unbiased product reviews. Take a look and share them with your colleagues and friends: http://www.senturus.com/resources/.
The state of front end architecture_in_2015Aidan Foster
Video Recording is on https://www.youtube.com/watch?v=CP_mHfODWj0
Originally presented in June 2015 at the Drupal North Conference in Toronto - drupalnorth.org
In this code-free session we'll take a 20,000 foot view of what's been happening with mobile websites over it's history. We'll review a number of the tools, techniques, and workflows that evolved to deal with the changing landscape of mobile web design.
This session briefly introduce a wide range of tools & ideas and express why they add value to our workflows.
Microsoft is releasing a new Browser with Windows 10, called Edge. Edge is a fork of Internet Explorer that leaves legacy support behind and adds support for many new specs and features. This session attempts to highlight many of the changes and provide understanding of what the future holds for web developers.
Revanth Kammaripalle is seeking a new opportunity and has over 8 years of experience in various enterprise IT roles. He currently works as an Oracle Support Engineer and has previously held roles such as Enterprise Engineer, DBA, and Database Administrator. He has extensive skills in technologies such as Oracle, VMware, UNIX, Windows, and SAN storage solutions. He is seeking a face-to-face meeting to discuss opportunities that utilize his technical experience and strengths in areas like troubleshooting, project management, and adapting to new solutions.
Oracle Demantra online Training by Glory IT technologies Which is designed to make you an expert in using Oracle Demantra is learn all that is required to excel in automated baseline forecasting, Promotion analytics, Multipanel worksheets and Collaborative planning platform.
Similar to DogFoodCon 2014: Building Powerful Enterprise Applications Using Sencha's Technology Stack (20)
Measures in SQL (SIGMOD 2024, Santiago, Chile)Julian Hyde
SQL has attained widespread adoption, but Business Intelligence tools still use their own higher level languages based upon a multidimensional paradigm. Composable calculations are what is missing from SQL, and we propose a new kind of column, called a measure, that attaches a calculation to a table. Like regular tables, tables with measures are composable and closed when used in queries.
SQL-with-measures has the power, conciseness and reusability of multidimensional languages but retains SQL semantics. Measure invocations can be expanded in place to simple, clear SQL.
To define the evaluation semantics for measures, we introduce context-sensitive expressions (a way to evaluate multidimensional expressions that is consistent with existing SQL semantics), a concept called evaluation context, and several operations for setting and modifying the evaluation context.
A talk at SIGMOD, June 9–15, 2024, Santiago, Chile
Authors: Julian Hyde (Google) and John Fremlin (Google)
https://doi.org/10.1145/3626246.3653374
SMS API Integration in Saudi Arabia| Best SMS API ServiceYara Milbes
Discover the benefits and implementation of SMS API integration in the UAE and Middle East. This comprehensive guide covers the importance of SMS messaging APIs, the advantages of bulk SMS APIs, and real-world case studies. Learn how CEQUENS, a leader in communication solutions, can help your business enhance customer engagement and streamline operations with innovative CPaaS, reliable SMS APIs, and omnichannel solutions, including WhatsApp Business. Perfect for businesses seeking to optimize their communication strategies in the digital age.
Transform Your Communication with Cloud-Based IVR SolutionsTheSMSPoint
Discover the power of Cloud-Based IVR Solutions to streamline communication processes. Embrace scalability and cost-efficiency while enhancing customer experiences with features like automated call routing and voice recognition. Accessible from anywhere, these solutions integrate seamlessly with existing systems, providing real-time analytics for continuous improvement. Revolutionize your communication strategy today with Cloud-Based IVR Solutions. Learn more at: https://thesmspoint.com/channel/cloud-telephony
Takashi Kobayashi and Hironori Washizaki, "SWEBOK Guide and Future of SE Education," First International Symposium on the Future of Software Engineering (FUSE), June 3-6, 2024, Okinawa, Japan
UI5con 2024 - Boost Your Development Experience with UI5 Tooling ExtensionsPeter Muessig
The UI5 tooling is the development and build tooling of UI5. It is built in a modular and extensible way so that it can be easily extended by your needs. This session will showcase various tooling extensions which can boost your development experience by far so that you can really work offline, transpile your code in your project to use even newer versions of EcmaScript (than 2022 which is supported right now by the UI5 tooling), consume any npm package of your choice in your project, using different kind of proxies, and even stitching UI5 projects during development together to mimic your target environment.
SOCRadar's Aviation Industry Q1 Incident Report is out now!
The aviation industry has always been a prime target for cybercriminals due to its critical infrastructure and high stakes. In the first quarter of 2024, the sector faced an alarming surge in cybersecurity threats, revealing its vulnerabilities and the relentless sophistication of cyber attackers.
SOCRadar’s Aviation Industry, Quarterly Incident Report, provides an in-depth analysis of these threats, detected and examined through our extensive monitoring of hacker forums, Telegram channels, and dark web platforms.
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppGoogle
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-fusion-buddy-review
AI Fusion Buddy Review: Key Features
✅Create Stunning AI App Suite Fully Powered By Google's Latest AI technology, Gemini
✅Use Gemini to Build high-converting Converting Sales Video Scripts, ad copies, Trending Articles, blogs, etc.100% unique!
✅Create Ultra-HD graphics with a single keyword or phrase that commands 10x eyeballs!
✅Fully automated AI articles bulk generation!
✅Auto-post or schedule stunning AI content across all your accounts at once—WordPress, Facebook, LinkedIn, Blogger, and more.
✅With one keyword or URL, generate complete websites, landing pages, and more…
✅Automatically create & sell AI content, graphics, websites, landing pages, & all that gets you paid non-stop 24*7.
✅Pre-built High-Converting 100+ website Templates and 2000+ graphic templates logos, banners, and thumbnail images in Trending Niches.
✅Say goodbye to wasting time logging into multiple Chat GPT & AI Apps once & for all!
✅Save over $5000 per year and kick out dependency on third parties completely!
✅Brand New App: Not available anywhere else!
✅ Beginner-friendly!
✅ZERO upfront cost or any extra expenses
✅Risk-Free: 30-Day Money-Back Guarantee!
✅Commercial License included!
See My Other Reviews Article:
(1) AI Genie Review: https://sumonreview.com/ai-genie-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
#AIFusionBuddyReview,
#AIFusionBuddyFeatures,
#AIFusionBuddyPricing,
#AIFusionBuddyProsandCons,
#AIFusionBuddyTutorial,
#AIFusionBuddyUserExperience
#AIFusionBuddyforBeginners,
#AIFusionBuddyBenefits,
#AIFusionBuddyComparison,
#AIFusionBuddyInstallation,
#AIFusionBuddyRefundPolicy,
#AIFusionBuddyDemo,
#AIFusionBuddyMaintenanceFees,
#AIFusionBuddyNewbieFriendly,
#WhatIsAIFusionBuddy?,
#HowDoesAIFusionBuddyWorks
Artificia Intellicence and XPath Extension FunctionsOctavian Nadolu
The purpose of this presentation is to provide an overview of how you can use AI from XSLT, XQuery, Schematron, or XML Refactoring operations, the potential benefits of using AI, and some of the challenges we face.
Software Engineering, Software Consulting, Tech Lead, Spring Boot, Spring Cloud, Spring Core, Spring JDBC, Spring Transaction, Spring MVC, OpenShift Cloud Platform, Kafka, REST, SOAP, LLD & HLD.
A Study of Variable-Role-based Feature Enrichment in Neural Models of CodeAftab Hussain
Understanding variable roles in code has been found to be helpful by students
in learning programming -- could variable roles help deep neural models in
performing coding tasks? We do an exploratory study.
- These are slides of the talk given at InteNSE'23: The 1st International Workshop on Interpretability and Robustness in Neural Software Engineering, co-located with the 45th International Conference on Software Engineering, ICSE 2023, Melbourne Australia
Zoom is a comprehensive platform designed to connect individuals and teams efficiently. With its user-friendly interface and powerful features, Zoom has become a go-to solution for virtual communication and collaboration. It offers a range of tools, including virtual meetings, team chat, VoIP phone systems, online whiteboards, and AI companions, to streamline workflows and enhance productivity.
Odoo ERP software
Odoo ERP software, a leading open-source software for Enterprise Resource Planning (ERP) and business management, has recently launched its latest version, Odoo 17 Community Edition. This update introduces a range of new features and enhancements designed to streamline business operations and support growth.
The Odoo Community serves as a cost-free edition within the Odoo suite of ERP systems. Tailored to accommodate the standard needs of business operations, it provides a robust platform suitable for organisations of different sizes and business sectors. Within the Odoo Community Edition, users can access a variety of essential features and services essential for managing day-to-day tasks efficiently.
This blog presents a detailed overview of the features available within the Odoo 17 Community edition, and the differences between Odoo 17 community and enterprise editions, aiming to equip you with the necessary information to make an informed decision about its suitability for your business.
DDS Security Version 1.2 was adopted in 2024. This revision strengthens support for long runnings systems adding new cryptographic algorithms, certificate revocation, and hardness against DoS attacks.
Do you want Software for your Business? Visit Deuglo
Deuglo has top Software Developers in India. They are experts in software development and help design and create custom Software solutions.
Deuglo follows seven steps methods for delivering their services to their customers. They called it the Software development life cycle process (SDLC).
Requirement — Collecting the Requirements is the first Phase in the SSLC process.
Feasibility Study — after completing the requirement process they move to the design phase.
Design — in this phase, they start designing the software.
Coding — when designing is completed, the developers start coding for the software.
Testing — in this phase when the coding of the software is done the testing team will start testing.
Installation — after completion of testing, the application opens to the live server and launches!
Maintenance — after completing the software development, customers start using the software.
OpenMetadata Community Meeting - 5th June 2024OpenMetadata
The OpenMetadata Community Meeting was held on June 5th, 2024. In this meeting, we discussed about the data quality capabilities that are integrated with the Incident Manager, providing a complete solution to handle your data observability needs. Watch the end-to-end demo of the data quality features.
* How to run your own data quality framework
* What is the performance impact of running data quality frameworks
* How to run the test cases in your own ETL pipelines
* How the Incident Manager is integrated
* Get notified with alerts when test cases fail
Watch the meeting recording here - https://www.youtube.com/watch?v=UbNOje0kf6E
8. Copyright Sencha Inc. 2014
TEAM CODE DEPLOYMENT
Architecture
Spaghetti Code
Legacy Code
Big Data
Many
Developers
Training
Tools
Testing
Multi-Device
Multi-Platform
Browsers
Automation
ENTERPRISE | CHALLENGES
9. ENTERPRISE | FEATURE MATRIX
Copyright Sencha Inc. 2014
Basic
Widgets
(bu[ons,
bars,
fields...)
Support
Key
Interface
Elements
View
System
Containers
&
Windows
(panels,
cards,
modals...)
Compound
Widgets
(trees,
grids,
gauges...)
Themes
Visualiza@ons
(charts,infographics)
Styles
Templa@ng
(itera@ons,
condi@onals.)
Visual
Effects
(anima@ons,
filters...)
Accessibility
(focus
manager,
ARIA...)
Drawing
(vector,
bitmap...)
Localiza@on
(RTL,
locale
libraries)
Interac@ons
(gestures,
drag
&
drop)
Theming
(computed
styles)
State
Manager
(history,
undo,
routes...)
Modularity
(components,
modules
)
Data
Binding
(1-‐way,
2-‐way)
Tes@ng
(IOC,
test
hooks)
Data
Objects
(queues,
hashtables...)
Persistent
Data
(cache
&
sync)
Data
Models
&
Stores
(group,
sort,
validate)
Mul@-‐Media
(3D,
Audio,
Video)
Logic
&
Data
Server
Calls
(asynch,
conversion)
Server
Method
Sockets
Invoca@on
Server
No@fica@ons
Server
i/o
None/HTML5
Par@al
Complete
Layout
Manager
(absolute,
flex...)
10. Copyright Sencha Inc. 2014
1.2M
JavaScript
Repos
200k
CSS
Repos
98%
Abandoned
~
1
year
MANY LIBRARIES & FRAMEWORKS
11. The problem with Micro-frameworks
No Common Architecture
Duplication of Functionality
Subtly Different Functionality
Copyright Sencha Inc. 2014
Uncoordinated Release
Cycles
Varying Source Code Styles
Assemble as you Go
MICRO-FRAMEWORKS
12. Copyright Sencha Inc. 2014
Interface
Elements
View
System
Containers
&
Windows
(panels,
cards,
modals...)
Compound
Widgets
(trees,
grids,
gauges...)
Themes
Visualiza@ons
(charts,infographics)
Styles
Layout
Manager
(absolute,
flex...)
Templa@ng
(itera@ons,
condi@onals.)
Visual
Effects
(anima@ons,
filters...)
Accessibility
(focus
manager,
ARIA...)
Drawing
(vector,
bitmap...)
Localiza@on
(RTL,
locale
libraries)
Interac@ons
(gestures,
drag
&
drop)
Theming
(computed
styles)
State
Manager
(history,
undo,
routes...)
Modularity
(components,
modules
)
Data
Binding
(1-‐way,
2-‐way)
Tes@ng
(IOC,
test
hooks)
Data
Objects
(queues,
hashtables...)
Persistent
Data
(cache
&
sync)
Data
Models
&
Stores
(group,
sort,
validate)
Mul@-‐Media
(3D,
Audio,
Video)
Logic
&
Data
Server
Calls
(asynch,
conversion)
Server
Method
Sockets
Invoca@on
Server
No@fica@ons
Server
i/o
Basic
Widgets
(bu[ons,
bars,
text
fields...)
Layout
Manager
responsive
grid)
(locale
support)
BOOTSTRAP + PLUGINS
13. Copyright Sencha Inc. 2014
Interface
Elements
View
System
Basic
Widgets
(bu[ons,
bars,
text
fields...)
(bu[ons,
bars,
fields...)
Containers
&
Windows
(panels,
cards,
modals...)
Compound
Widgets
(trees,
grids,
gauges...)
Themes
Visualiza@ons
(charts,infographics)
Styles
Layout
Manager
(absolute,
flex...)
Templa@ng
(itera@ons,
condi@onals.)
(drag
&
drop)
Visual
Effects
(anima@ons,
filters...)
Accessibility
(focus
manager,
ARIA...)
Drawing
(vector,
bitmap...)
Localiza@on
(RTL,
locale
libraries)
Interac@ons
(gestures,
drag
&
drop)
Theming
(computed
styles)
State
Manager
(history,
undo,
routes...)
Modularity
(components,
modules
)
Data
Binding
(1-‐way,
2-‐way)
Tes@ng
(IOC,
test
hooks)
Data
Objects
(queues,
hashtables...)
Persistent
Data
(cache
&
sync)
Data
Models
&
Stores
(group,
sort,
validate)
Mul@-‐Media
(3D,
Audio,
Video)
Logic
&
Data
Server
Calls
(asynch,
conversion)
Server
Method
Sockets
Invoca@on
Server
No@fica@ons
Server
i/o
(anima@ons)
(history,
routes...)
(direc@ves,
modules)
ANGULARJS
14. EMBER + HANDLEBARS
Copyright Sencha Inc. 2014
Interface
Elements
View
System
Basic
Widgets
(bu[ons,
bars,
text
fields...)
Containers
&
Windows
(panels,
cards,
modals...)
Compound
Widgets
(trees,
grids,
gauges...)
Themes
Visualiza@ons
(charts,infographics)
Styles
Layout
Manager
(absolute,
flex...)
Templa@ng
(itera@ons,
condi@onals.)
Visual
Effects
(anima@ons,
filters...)
Accessibility
(focus
manager,
ARIA...)
Drawing
(vector,
bitmap...)
Localiza@on
(RTL,
locale
libraries)
Interac@ons
(gestures,
drag
&
drop)
Theming
(computed
styles)
Modularity
(components,
modules
)
Data
Binding
(1-‐way,
2-‐way)
Tes@ng
(IOC,
test
hooks)
Data
Objects
(queues,
hashtables...)
Persistent
Data
(cache
&
sync)
Data
Models
&
Stores
(group,
sort,
validate)
Mul@-‐Media
(3D,
Audio,
Video)
Logic
&
Data
Server
Calls
(asynch,
conversion)
Server
Method
Sockets
Invoca@on
Server
No@fica@ons
Server
i/o
(bu[ons,
bars,
fields...)
State
Manager
(history,
routes...)
15. Copyright Sencha Inc. 2014
Interface
Elements
View
System
Basic
Widgets
(bu[ons,
bars,
text
fields...)
Containers
&
Windows
(panels,
cards,
modals...)
Compound
Widgets
(trees,
grids,
gauges...)
Themes
Visualiza@ons
(charts,infographics)
Styles
Layout
Manager
(absolute,
flex...)
Templa@ng
(itera@ons,
condi@onals.)
Visual
Effects
(anima@ons,
filters...)
Accessibility
(focus
manager,
ARIA...)
Drawing
(vector,
bitmap...)
Localiza@on
(RTL,
locale
libraries)
Interac@ons
(gestures,
drag
&
drop)
Theming
(computed
styles)
State
Manager
(history,
undo,
routes...)
Modularity
(components,
modules
)
Data
Binding
(1-‐way,
2-‐way)
Tes@ng
(IOC,
test
hooks)
Data
Objects
(queues,
hashtables...)
Persistent
Data
(cache
&
sync)
Data
Models
&
Stores
(group,
sort,
validate)
Mul@-‐Media
(3D,
Audio,
Video)
Logic
&
Data
Server
Calls
(asynch,
conversion)
Server
Method
Sockets
Invoca@on
Server
No@fica@ons
Server
i/o
XHR
JQUERY + JQUERY UI
18. Leader in Commercial Grade
Copyright Sencha Inc. 2014
JavaScript and HTML5
Development
More than 60% of the Fortune 100 as clients
19. SENCHA AT A GLANCE | SENCHA PRODUCTS
Copyright Sencha Inc. 2014
DESIGN DEVELOP DEPLOY
Ext JS 5.0
Sencha Touch
2.4
GXT 3.1
Architect 3.1
Space 1.0
Cmd 5.0
20. SENCHA AT A GLANCE | SENCHA SERVICES
SUPPORT TRAINING PRO SERVICES
Copyright Sencha Inc. 2014
Private On-Site
Open Enrollment
Live Online
Nightly Builds
Premium
Forums
Custom Bug
Fixes
Troubleshooting
Enterprise
Mentoring
Architectural Plans
Embedded Devs
Code Reviews
Custom Design
31. SENCHA WORKSPACE SOLVES BYOD
Copyright Sencha Inc. 2014
VS
VS
Consumer
Browsers
Packaged
Apps
Sencha
Workspace
Insecure
Data
Unmanaged
Individual
App
Lifecycles
Costly
deployment
options
Secure
Data
and
Authentication
Cross
App
Messaging
Optimized
Data
Caching
Managed
Runtime
32. SENCHA SPACE | APP FEATURES
Copyright Sencha Inc. 2014
Sencha
Workspace
Developer
Features
Secure
File
API
Secure
Data
API
Offline
Authentication
API
Device
API
End
User
Features
Productivity
Tools
Deep
App
Linking
In
App
Collaboration
Work
vs
Personal
Isolation
Admin
Features
Manage
HTML5
Application
Deployment
Manage
HTML5
App
Usage
Revoke
HTML5
Apps
Central
App
Console
33. Copyright Sencha Inc. 2014
Optimized
for
Business
• Complete
IT
control
&
configuration
• Secure
business
identity
• Conscientious
compatibility
• Consistent
web
experiences
Best
of
HTML5
...
• Standards
based
app
environment
• Inter
app
navigation
• Inter
app
data
transfer
• Content
mashups
• Broad
adoption
and
large
talent
pool
+
OUR VISION FOR APP DEPLOYMENT
36. SENCHA | MICROSOFT AZURE
sencha-azure
Azure Mobile Services
• Data
• Authentication
• Push Notifications
Azure Storage Services
• Table
• Blob
Copyright Sencha Inc. 2014
37. SENCHA | WINDOWS 8
Copyright Sencha Inc. 2014
ext-win8
Build native Windows 8 apps
with HTML5
Contains overrides for the
Security Policy
38. ExtJS 5 + Azure Demo
Copyright Sencha Inc. 2014
39. The Steps
• Create Azure Mobile Service
• Create a table named Sessions in the new Azure mobile service
• Download ExtJS 5 framework and Sencha Cmd
• Create workspace using Sencha Cmd
• Create app using Sencha Cmd
• Add Sencha Azure package references to app
• Create a grid to display the sessions data
• Create the model and store for the sessions data
• Bind the new sessions store to the grid
• Create a chart for the sessions data
• Create Azure website for the app
• Upload the app to the new website
Source Code:
• https://github.com/jratcliff/DogFoodCon2014
Copyright Sencha Inc. 2014
40. Azure - Create Azure Mobile Service
• Sign into your Azure account at http://
azure.microsoft.com
• At the bottom of the page, click the "+
New" button
Copyright Sencha Inc. 2014
41. Azure - Create Azure Mobile Service
Chose COMPUTE > MOBILE SERVICE > CREATE
Copyright Sencha Inc. 2014
42. Azure - Create Azure Mobile Service
• Enter a URL
• Either create a new database or
use an existing one
• Pick your backend (optional and in
this demo we do not write any
backend code)
Copyright Sencha Inc. 2014
43. Azure - Create a table named Sessions
After your mobile service has been created, select it from the mobile services list
Copyright Sencha Inc. 2014
44. Azure - Create a table named Sessions
From the welcome page of the mobile service, click on the DATA tab
Copyright Sencha Inc. 2014
45. Azure - Create a table named Sessions
• At the bottom of the DATA tab, click
on the CREATE link and fill out the
form to create a new table.
• Name your table 'Sessions'
• Leave all of the defaults for now
Copyright Sencha Inc. 2014
46. Sencha – Download ExtJS 5 framework and Sencha Cmd
Now that you have an Azure Mobile Service with a Sessions table, it's time to
download the ExtJS 5 framework and Sencha CMD
• http://www.sencha.com/products/extjs/
• http://www.sencha.com/products/sencha-cmd/
For ExtJS, just unzip the download to a folder on your computer.
For Sencha Cmd, run the included installer
Copyright Sencha Inc. 2014
47. Sencha – Create workspace
Before we can create an application, we will need a 'workspace' to work from.
In a Terminal window or a Command Prompt, navigate to the directory where you unzipped the
ExtJS files and run the following command that will create a Sencha workspace in a folder
named 'dogfoodcon'. (change ~/Sites/ to a path that works for you on your system)
> sencha generate workspace ~/Sites/dogfoodcon
Resources:
• http://docs.sencha.com/cmd/5.x/intro_to_cmd.html
• http://docs.sencha.com/cmd/5.x/workspaces.html
Copyright Sencha Inc. 2014
48. Sencha – Create workspace
After you have created the workspace you should have a folder that looks like the
following. The '.sencha' folder has the Sencha specific files such as configuration
options, the 'ext' folder is a copy of the ExtJS framework and the 'packages' folder
is where common JavaScript and 'theme' packages will reside. Later in this demo
we will be adding the 'sencha-azure' package.
Copyright Sencha Inc. 2014
49. Sencha – Create app
From the newly created workspace directory run the following command
that will generate a 'starter' application. Notice that we define the top
level namespace of the app to be 'DogFood' and we create the app in the
'sessions' folder
> sencha -sdk ext generate app DogFood ./sessions
Resources:
• http://docs.sencha.com/cmd/5.x/extjs/cmd_app.html
Copyright Sencha Inc. 2014
50. Sencha – Create app
After running the command to generate the starter app, you should see two
new folders, 'build' and 'sessions' in your dogfoodcon workspace folder.
Copyright Sencha Inc. 2014
51. Sencha – Open newly created starter app in browser
Check to make sure that the starter
app that was created with Sencha
Cmd will open by loading the app in
your browser.
Since I have my system configured
so that my ~/Sites folder is the
document root of my web server, I
can view the site at http://localhost/
dogfoodcon/sessions/
The app should look like the
following >
Copyright Sencha Inc. 2014
52. Sencha – Add Sencha Azure references to app
Once we have confirmed that the starter app loads, we can start making changes to it
so that the app will pull down data from our Sessions table in our Azure mobile
service.
In order to do this we must install the sencha-azure package that will include all of the
source code for connecting to Azure services and then we have to make changes to
our application so that it will use this package.
Resources:
• http://docs.sencha.com/cmd/5.x/cmd_packages/cmd_packages.html
Copyright Sencha Inc. 2014
53. Sencha – Add Sencha Azure references to app.json
The first thing we do is edit the application's dogfoodcon/sessions/app.json file an
d add 'sencha-azure' to the requires config.
By doing this we are telling the application to include the 'sencha-azure' package.
When a 'sencha app build' or 'sencha app refresh' is done on the application, the
package will be downloaded and installed into the dogfoodcon/packages folder.
Copyright Sencha Inc. 2014
"requires: [
"sencha-azure"
]
Resources:
• http://docs.sencha.com/cmd/5.x/cmd_packages/cmd_packages.html
54. Sencha – Add Sencha Azure references to app
Now that we have informed our app that we need to include the 'sencha-azure'
package we now need to run either 'sencha app refresh' or ' sencha app build' to have
the sencha-azure package downloaded and extracted into our workspace's package
folder.
So run the following command from the app folder (dogfoodcon/sessions)
> sencha app refresh
Copyright Sencha Inc. 2014
55. Sencha – Add Sencha Azure references to app
Verify that the sencha-azure package is
downloaded into the dogfoodcon/packages
folder
Copyright Sencha Inc. 2014
56. Azure – get "application key" and "mobile service url"
Now that we have the sencha-azure package installed, we need the 'application key' and 'mobile service url' from
the Azure mobile service
• Start by going to the DASHBOARD page of your mobile service.
• Make a note of the MOBILE SERVICE URL that can be found under the 'quick glance' section
• Click on the MANAGE KEYS link at the bottom of the page and copy the APPLICATION KEY
Copyright Sencha Inc. 2014
57. Sencha – Add Sencha Azure references to Application.js
Copyright Sencha Inc. 2014
Ext.define('DogFood.Application', {!
extend: 'Ext.app.Application',!
name: 'DogFood',!
!
requires: [!
'Ext.azure.Azure'!
],!
!
config: {!
azure: {!
appKey: 'myazureservice-access-key',!
appUrl: 'myazure-service.azure-mobile.net'!
}!
},!
!
launch: function() {!
!
// Call Azure initialization!
Ext.Azure.init(this.config.azure);!
!
}!
});!
Edit the dogfoodcon/sessions/app/Application.js
file and add 'Ext.azure.Azure' to the requires
config and then add a call to 'Ext.Azure.init()' in
the launch method of the application and pass
to this init call an object with the appKey and
appUrl properties using the values we got from
our Azure mobile service.
Resources:
• http://docs.sencha.com/touch-azure/2.0.0/#!/guide/configuration
58. Sencha – Add a Grid to the app
Now that the sencha-azure package has
been installed in our workspace and our
app has been configured to use it we will
now add a grid to our starter app to show
the data from the Sessions table in our
Azure mobile service.
For the grid, we will have columns for the
track, level, title, speaker, and session
description.
Copyright Sencha Inc. 2014
59. Sencha – Create grid
To create the grid and its corresponding ViewModel and ViewController class files, we
can either create the class files manually or we can let Sencha Cmd do this for us.
Since using Cmd will save us some time we will do that.
From the dogfoodcon/sessions folder, execute this command:
> sencha generate view -b Ext.grid.Panel -n sessions.Grid
Resources:
• http://docs.sencha.com/cmd/5.x/advanced_cmd/cmd_reference.html#sencha_generate_view
Copyright Sencha Inc. 2014
60. Sencha – Create grid
You should now see a
'sessions' folder in your app with
three new js files:
Copyright Sencha Inc. 2014
61. Sencha – Create grid
Next, we will need to define our own custom xtype for this grid so it can be
used in config objects.
To do this, add an xtype config and set it to 'sessions-grid'
Copyright Sencha Inc. 2014
62. Sencha – Create grid
Next, we have to define the columns for
the grid. So edit the Grid.js file and add
the following:
Copyright Sencha Inc. 2014
columns: [!
{!
header : 'Track',!
dataIndex : 'track',!
flex : 1!
},!
{!
header : 'Level',!
dataIndex : 'level',!
width : 100!
},!
{!
header : 'Title',!
dataIndex : 'title',!
flex : 1!
},!
{!
header : 'Speaker',!
dataIndex : 'speaker',!
flex : 1!
},!
{!
header : 'Description',!
dataIndex : 'description',!
flex : 2!
}!
]!
Resources:
• http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.Panel
63. Sencha – Add grid to main tab panel
• Find the tabpanel in the Main view class (dogfoodcon/sessions/app/view/main/Main.js) an
d replace the 'Tab 1' item with the following config
• note the binding to the store, {sessions}, that we'll define later on in our ViewModel class f
or this grid.
! ! ! !{!
Copyright Sencha Inc. 2014
title !: 'Sessions',!
xtype !: 'sessions-grid',!
layout !: 'fit',!
bind: {!
store: '{sessions}'!
}!
}!
64. Sencha – Add grid to main tab panel
Copyright Sencha Inc. 2014
Before
After
65. Sencha – Create model
Next, we'll create a Model which represents an entity in an application. For our DogFood
app, we will call this model 'Dogfood.model.Session' since it will represent a single 'sessio
n' entity that we will be storing in our Sessions table in our Azure mobile service.
To create the model we can either create the js file manually or we can use Sencha Cmd
to generate the file for us.
http://docs.sencha.com/extjs/5.0/core_concepts/data_package.html
Copyright Sencha Inc. 2014
66. Sencha – Create model
Option 1 – manually create the dogfoodcon/sessions/app/model/Session.js file for the model
with the following contents
Ext.define('DogFood.model.Session', {!
extend: 'Ext.data.Model',!
!
fields: [!
Copyright Sencha Inc. 2014
{ name: 'track', ! ! !type: 'string' },!
{ name: 'level', ! ! !type: 'number' },!
{ name: 'title', ! ! !type: 'string' },!
{ name: 'speaker', ! !type: 'string' },!
{ name: 'description', !type: 'string' }!
!
]!
});!
Option 2 – use Sencha Cmd to generate the model
> sencha generate model --name=Session --fields=track:string,level:number,title:string,speaker:string,description:string
67. Sencha – Create store
Now that we have the model defined, we will now create a store and reference this model in th
e stores config.
To do this, open the DogFood.view.sessions.GridModel class add a store named 'sessions' an
d configure it's 'model' property to use the 'DogFood.model.Session' model we just defined.
stores: {!
sessions: {!
Copyright Sencha Inc. 2014
model : 'DogFood.model.Session',!
autoLoad : true!
}!
}!
68. Sencha – Define the proxy
For the 'sessions' store, define a proxy which will tell the store how to fetch its data from a remote ser
ver. Typically, you would also need a url defined. However, since we are using an 'azure' proxy, the
url is built by this proxy for us. So all we have to define is the 'tableName' and since we want ALL of t
he data returned, we will also set the enablePagingParams property to false.
stores: {!
sessions: {!
model : 'DogFood.model.Session',!
autoLoad : true,!
proxy: {!
Copyright Sencha Inc. 2014
type : 'azure',!
tableName : 'Sessions',!
enablePagingParams : false!
}!
}!
}!
!
Resources:
• http://docs.sencha.com/touch-azure/1.0.0/#!/api/Ext.azure.Proxy
• http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.proxy.Proxy
69. Sencha – Preview App
When you reload your app
you should now see a table
and if you have data already
in your Sessions table in your
Azure mobile service, that
data should now load and be
visible as well.
Copyright Sencha Inc. 2014
70. Sencha – Extras
The following are extras that are included in the
final app which can be downloaded here:
https://github.com/jratcliff/DogFoodCon2014
• custom column renderers
• editable rows in grid
• chart for track counts
• responsive UI
Copyright Sencha Inc. 2014
71. Sencha – Tips on Publishing app to Azure WebSite
Currently, we have been running the code locally but in the real world you would probably want to
install the app on a web server that others can access. Below are some tips on what you need to do if
you choose to create and use an Azure WebSite for this:
• Add a web.config file that defines the .json file extension as an application/json mime-type
In the dogfoodcon/sessions folder add a file named web.config with the following:
<?xml version="1.0"?>!
<configuration>!
<system.webServer>!
Copyright Sencha Inc. 2014
<staticContent>!
<mimeMap fileExtension=".json" mimeType="application/json" />!
</staticContent>!
</system.webServer>!
</configuration> !
!
Modify the dogfoodcon/sessions/build.xml and add the following target definition
<target name="-after-build">!
<copy file="web.config" tofile="${app.output}/web.config" overwrite="true"/>!
</target>!
72. Sencha – Tips on Publishing app to Azure WebSite
• Only publish the 'built' version of the app
from the app folder run the following command to build your app
> sencha app build production!
!
This command builds your markup page, JavaScript code, Sass and themes into the build folder.
Resources:
• http://docs.sencha.com/cmd/5.x/extjs/cmd_app.html#Building_Your_Application
Copyright Sencha Inc. 2014
73. Sencha – Tips on Publishing app to Azure WebSite
Copyright Sencha Inc. 2014
• Copy the contents of the build/
production/DogFood folder to the site/
wwwroot folder of the Azure WebSite
74. Sencha – Tips on Publishing app to Azure WebSite
• Add your Azure WebSite URL to the list of allowed hosts names in the CORS section of your
Azure Mobile Service
• To do this, make a note of your Azure WebSite url and then click on the 'CONFIGURE' tab of
your Azure Mobile Service and scroll down to the 'cross-origin resource sharing (cors)' section
and enter your Azure Website url into the 'HOST NAME' field.
Copyright Sencha Inc. 2014
75. Sencha – Tips on Publishing app to Azure WebSite
Your ExtJS app should
now open with the Azure
WebSite url you defined
and will now pull in the data
from your Azure Mobile
Service's Session table
Copyright Sencha Inc. 2014