Learn how to use CSS and JS frameworks in mobile Domino apps. This edited ConnectED presentation shows real world applications using some of these powerful frameworks inside Domino. Learn the integration of Bootstrap, Ratchet.js, Knockout.js, Backbone.js, Underscore.js, jQuery.js, Zepto.js and more!
The full slide deck is available for free download in our IBM ConnectED community on SocialBiz User Group; make sure to be signed in to your free account to get download access here https://reg.socialbizug.org/wispubs/socbizwidgets.nsf/homepage.xsp.
10 Simple Rules for Making My Site AccessibleHelena Zubkow
From the basic principle that the web should be great for everyone, Chris Albrecht and Helena Zubkow team up to present an informative accessibility demo that will rock your world. The goal of this session is to introduce developers to web accessibility – what it is, why it’s important, and how to build and test sites to make them as accessible as possible.
This includes a demo of how to do things the right way and the wrong way, some great tools, and a walkthrough of basic standards for accessibility.
- Intro - What is web accessibility?
- Why does web accessibility matter?
- Accessibility fundamentals (web accessibility in practice / code demo)
- Web accessibility tools to assess and improve your projects
- Q&A session
In the old days, many developers looked at complex websites and web applications as a series of individual pages. These days, it’s all about abstracting these pages down to re-usable elements, modules and components which are then documented, designed and built as comprehensive pattern libraries. Pattern libraries can be used as an integral part of the UX, design and front-end development phases. But where should accessibility be included in these different types of pattern libraries? Come on a journey as we explore the pain and glory of baking accessibility into UX, design and front-end pattern libraries.
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
10 Simple Rules for Making My Site AccessibleHelena Zubkow
From the basic principle that the web should be great for everyone, Chris Albrecht and Helena Zubkow team up to present an informative accessibility demo that will rock your world. The goal of this session is to introduce developers to web accessibility – what it is, why it’s important, and how to build and test sites to make them as accessible as possible.
This includes a demo of how to do things the right way and the wrong way, some great tools, and a walkthrough of basic standards for accessibility.
- Intro - What is web accessibility?
- Why does web accessibility matter?
- Accessibility fundamentals (web accessibility in practice / code demo)
- Web accessibility tools to assess and improve your projects
- Q&A session
In the old days, many developers looked at complex websites and web applications as a series of individual pages. These days, it’s all about abstracting these pages down to re-usable elements, modules and components which are then documented, designed and built as comprehensive pattern libraries. Pattern libraries can be used as an integral part of the UX, design and front-end development phases. But where should accessibility be included in these different types of pattern libraries? Come on a journey as we explore the pain and glory of baking accessibility into UX, design and front-end pattern libraries.
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Slides from 'Back to Basics' quarterly theme presentation @Version 1 covering: general front-end best practice guidelines,HTML markup, CSS, Java Script, Accessibility, Performance, Cross-browser compatibility, Code Reviews and Tools & resources
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Step by step basics of setting up a custom template for Joomla! 3 CMS for beginners, following along with the Joomla! Docs - Creating a basic Joomla! template tutorial.
Template is based on a typical two-column website layout.
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
This is the slide deck from the workshop given at UI11 on October 9, 2006. This presentation was given with myself (David Malouf) and Bill Scott (AJAX Evangelist @ Yahoo!).
The goal of the course was to teach people the basics of Interaction Design and then how to apply those principles to design using RIA technologies like AJAX and Flash.
IWMW 2002: Web standards briefing (session C2)IWMW
Web Standards Briefing session at IWMW 2002 event by Brian Kelly.
See http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2002/materials/kelly1/
Mobilizing your Drupal Site - Vancouver League of Drupallersbaronmunchowsen
Presentation I gave on Thursday 27th May 2010 demonstrating the mobile_tools module and Mobile theme as a way to create a 'mobile verion' of a drupal website.
The Server Side of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
Better Design Built Faster: Using New UI Technologies to Speed Developmentgoodfriday
Achieving complete separation between visual design, content, and logic has long been the Holy Grail of the Web design world. By keeping these separate layers loosely-coupled, they can be developed and changed independently of one another, resulting in faster, more parallel development and more manageable code
Presentation on using CSS Frameworks (particularly BlueprintCSS) at the Scottish Web Folk meeting, Friday 17 April 2009 at the University of Strathclyde, Glasgow.
Front end developer responsibilities what does a front-end developer do?Katy Slemon
Front-end developer responsibilities include more than visual representation. Front-end web development is all about developing the user-facing side of the product.
Site Manager rocks! This presentation goes up to 11.
Presentation I gave at the T44U conference in Dublin (12-13 November 2009).about our tops tips for using the Site Manager Web content management system (http://www.terminalfour.com/)
Released under a Creative Commons Attribution-Share Alike 2.5 UK: Scotland Licence.
http://creativecommons.org/licenses/by-sa/2.5/scotland/
Slides from 'Back to Basics' quarterly theme presentation @Version 1 covering: general front-end best practice guidelines,HTML markup, CSS, Java Script, Accessibility, Performance, Cross-browser compatibility, Code Reviews and Tools & resources
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Step by step basics of setting up a custom template for Joomla! 3 CMS for beginners, following along with the Joomla! Docs - Creating a basic Joomla! template tutorial.
Template is based on a typical two-column website layout.
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
This is the slide deck from the workshop given at UI11 on October 9, 2006. This presentation was given with myself (David Malouf) and Bill Scott (AJAX Evangelist @ Yahoo!).
The goal of the course was to teach people the basics of Interaction Design and then how to apply those principles to design using RIA technologies like AJAX and Flash.
IWMW 2002: Web standards briefing (session C2)IWMW
Web Standards Briefing session at IWMW 2002 event by Brian Kelly.
See http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2002/materials/kelly1/
Mobilizing your Drupal Site - Vancouver League of Drupallersbaronmunchowsen
Presentation I gave on Thursday 27th May 2010 demonstrating the mobile_tools module and Mobile theme as a way to create a 'mobile verion' of a drupal website.
The Server Side of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.
Better Design Built Faster: Using New UI Technologies to Speed Developmentgoodfriday
Achieving complete separation between visual design, content, and logic has long been the Holy Grail of the Web design world. By keeping these separate layers loosely-coupled, they can be developed and changed independently of one another, resulting in faster, more parallel development and more manageable code
Presentation on using CSS Frameworks (particularly BlueprintCSS) at the Scottish Web Folk meeting, Friday 17 April 2009 at the University of Strathclyde, Glasgow.
Front end developer responsibilities what does a front-end developer do?Katy Slemon
Front-end developer responsibilities include more than visual representation. Front-end web development is all about developing the user-facing side of the product.
Site Manager rocks! This presentation goes up to 11.
Presentation I gave at the T44U conference in Dublin (12-13 November 2009).about our tops tips for using the Site Manager Web content management system (http://www.terminalfour.com/)
Released under a Creative Commons Attribution-Share Alike 2.5 UK: Scotland Licence.
http://creativecommons.org/licenses/by-sa/2.5/scotland/
Tip from ConnectED 2015: Best and Worst Practices Deploying IBM ConnectionsSocialBiz UserGroup
Speakers: Christoph Stoettner, FRITZ & MACZIOL Software und Computervertrieb GmbH and Martin Leyrer, IBM
Depending on deployment size, operating system and security considerations you have different options to configure IBM Connections. This session will show examples from multiple customer deployments of IBM Connections. Main topics include; simple (documented) tasks that should be applied, missing documentation, automated user synchronization, TDI solutions and user synchronization, performance tuning, security optimizing and planning Single Sign On for mail, IBM Sametime and SPNEGO.
This tip only covers the Installation & Requirement portion of the agenda. For the full presentation go to www.SocialBizUG.org.
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...SocialBiz UserGroup
At ConnectED 2015, Theo Heselmans (Xceed/Engage) presented BTE101: Yes, you can use those modern frameworks for mobile Domino development. The session is from the Beyond the Everyday track, which were some of the sexier sessions at the conference.
In this tip from that session, Theo introduces his definition of what a framework/library is and what requirements you need to work with one. He then goes in depth on Bootstrap and Ratchet frameworks, including examples, screenshots and HTML, and his analysis of the good and bad of each.
The full presentation is available in our ConnectED 2015 community. In the full slide deck, he also looks at the Backbone and Knockout frameworks and provides 6 key development resources.
Tip from IBM Connect 2014: Extend Your Security into the Cloud with IBM Smart...SocialBiz UserGroup
In the tip,Dan Kern (IBM) explains how SmartCloud for Social Business uses Security Assertion Markup Language (SAML) for SSO and how the architecture of a federated identity works using SAML.
The future of web development write once, run everywhere with angular.js and ...Mark Roden
This slide deck was used in support of BTE 102 - The future of web development write once, run everywhere with angular.js and domino at IBMConnectED 2015
Presentation was given with Mark Leusink
These are the presentation slides demonstratingseven versions of the UI of same HTML5 application using various libraries and frameworks. This application is described in detail in the O'Reilly book "Enterprise Web Development"
JDD2015: Java Everywhere Again—with DukeScript - Jaroslav TulachPROIDEA
JAVA EVERYWHERE AGAIN—WITH DUKESCRIPT
For a long time, Java was perfect for creating cross-platform applications, but the advent of iPhone, iPad, and Android devices changed everything, resulting in a totally fragmented world. Catering to all these platform is troublesome and expensive. That’s why DukeScript was created: to make it easy to create cross-platform Java applications again. The goal of this hands-on lab is to create a cross-platform application from scratch that will run on iOS, Android, desktop, browser, and embedded devices such as the Raspberry Pi. You’ll learn about the Model-View-ViewModel (MVVM) architecture, which enables you to write and test business code totally independently of the view, and, finally, you’ll see it combined with a view to complete a working application.
IMPORTANT
Before conference, please follow the steps to prepare for the session:
- perform the Maven repository initialization by creating the archetype and building it as
described at DukeScript website
- also download NetBeans IDE (either latest beta or at least 8.0.2)
- Installing Android SDK rev. 19 or bringing own Mac Book with XCode installed can be also found beneficial
In this presentation, I presented how to build an angular JS Application with SPA in mind and also make sure you use up all the available concepts to create versatile and creative web application with less boilerplate javascript code.
Introduction to web application development with Vue (for absolute beginners)...Lucas Jellema
In this slide deck I show you how you can easily and quickly create quite rich web applications with Vue 3 – without having to study complex concepts or understand many technical details. I have only recently learned how to work with Vue 3 myself and now is the best time for me to share my learning experience (and my enthusiasm) with you. I know what I found essential to understand and what most got me excited in these early steps (what was a little bit hard to grasp). I believe that I can present my steps and guide you to experience the same fun and have a similarly gratifying experience. I am not an expert in this subject – I have barely learned how to walk and that is why I can help you with these first steps with Vue.
In this deck, I do not explain how Vue works. I do not really know that. I will show you how to work with it and how to create web applications that are functional, appealing, fast and responsive.
The approach I am taking is straightforward:
• I will tell you a little bit about web development, browsers and reactive frameworks
• I will show the hello world of Vue applications
• I will explain about components and nesting, events, data binding and reactive behavior and demonstrate these concepts
• I will introduce Vue UI Component libraries – and with no effort at all we will launch our application to the next level – with rich components to explore, manipulate, visualize data collections
• We will publish the web application from our development environment to where the whole world could see it – using GitHub Pages
• As bonus topic – we discuss state management
At the end of this session you will be able to quickly create a simple yet rich web application with Vue 3. You have a starting point to further evolve your skills with the many online resources I am convinced that you will enjoy your newfound powers and the simplicity and power of Vue 3.
Note: a tutorial accompanies this slide deck - see https://github.com/lucasjellema/code-face-vue3-intro-reactiive-webapps-aug2023/blob/main/README.md
MEAN Stack is a full-stack JavaScript solution that helps you build fast, robust and maintainable production web applications using MongoDB, Express, AngularJS, and Node.js.
MEAN Stack is a full-stack JavaScript solution that helps you build fast, robust and maintainable production web applications using MongoDB, Express, AngularJS, and Node.js.
Using Cool New Frameworks in (Mobile) Domino AppsTeamstudio
Did you know there's an abundance of cool CSS and JS frameworks out there? Have you ever wanted to find out how you can use them in your own (mobile) Domino apps? Theo Heselmans shows real world applications from his customers using some of these powerful frameworks inside Domino. Explore with us on how they integrated Bootstrap, Ratchet.js, Knockout.js, Backbone.js, Underscore.js, jQuery.js and more!
JSFest 2019: Technology agnostic microservices at SPA frontendVlad Fedosov
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
Similar to Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domino Apps! (20)
Tip from ConnectED 2015: IBM Sametime - Design and Implementation of a Full H...SocialBiz UserGroup
In this excerpt, presenter Tony Payne IBM, demonstrates that with an enterprise that demands "five nines", IBM Sametime is equal to the test. Join one of IBM's most experienced deployment engineers to learn the specifics of HADR deployment for every member of the Sametime family. You'll learn how to achieve high availability for each particular component, and you'll learn the requirements for various disaster recovery scenarios. This excerpt coverings clustering and planning.
Tip from ConnectED 2015: An intro to IBM Security Directory Integrator for IB...SocialBiz UserGroup
In his ConnectED 2015 presentation, BP210: Sunny Days, (Smart)Cloud-y Users, Mitch Cohen stepped through an intro to Security Directory Integrator (formerly TDI) including key terminology, why to use it (hint: you likely already have free entitlement for it), and a quick walkthrough of the Configuration Editor, Connectors, AssemblyLines, an d Properties.
His entire presentation is really very in depth, and if you’re thinking about or using Connections Cloud, it will be a valuable resource to you. Mitch provides 126 slides detailing what Connections Cloud is, how to register your users for it, an intro to the Integration Server, and creating a provisioning file. This presentation is available in our ConnectED 2015 community (http://bit.ly/16MCP3q) with the rest of the conference presentations. They’re all free to members, you just have to be signed in to your account to access them.
At ConnectED in January , Bill Wimer (Senior Technical Staff, IBM) and Paul Miller (Mobie Development Manager, IBM) presented on mobile security. Their presentation looked at how IBM mobile apps integrate with Mobile Device Management (MDM) and Mobile Application (MAM) solutions. The tip below from their session looks at security requirements for mobile apps including the 3 areas to focus on: connectivity, device management, and application management. The tip also provides in-depth information on security options for Traveler, Connections Mobile, and Sametime Mobile.
These slides are available for free in our ConnectED 2015 community (http://bit.ly/16MCP3q), you just have to be logged in to your free account (sign up: https://reg.socialbizug.org/).
Tip from ConnectED: Notes Goes Cloud: The IBM Notes Browser Plug-in Integrate...SocialBiz UserGroup
At IBM ConnectED last January, speaker Martin Garrels, from GAD eG, presented how GAD and IBM created an innovative solution enabling the IBM Notes Browser Plug-in to work in a fully integrated browser-based workplace. GAD is moving its workplace to a web-based cloud solution, using the power of iNotes, XPages, Connections, WebSphere Portal and the IBM Notes Browser Plug-in. With an IBM Domino infrastructure of about 1900 servers and 65,000 users in a multi-domain environment, GAD serves about 10,000 custom applications. Many applications are web-enabled with XPages technology, but a lot more are legacy applications, which are still in use. To put them in a browser context, the GAD and IBM team overcame many challenges.
For more information, go to the SocialBiz User Group at https://reg.socialbizug.org/
Tip from ConnectED 2015: Managing your Enterprise Data in the Cloud – Securit...SocialBiz UserGroup
At ConnectED in January Marshall Lamb and Lisa Lucadamo Jarrett from IBM spoke on one of the top concerns for moving collaboration to the cloud: managing enterprise data. In their presentation, they look at business and technical concerns with moving to the cloud; they also cover 7 facets of secure data management:
• Ownership
• Creation
• Residency
• Transit
• Access
• Management
• Resiliency
The tip below covers details around the first three facets (Ownership, Creation and Residency). The full slide deck is available for free download in our IBM ConnectED community; make sure to be signed in to your free account to get download access.
In the abstract for his BP207: Considerations for the Cloud session, Chris Miller states “One of the most important questions you will need to consider is around access and performance.” His whole session takes you through connectivity options from 5 case studies to the difference between normal Domino Web application bandwidth usage, to seasonal high usage, and a fully hosted business.
This tip covers definitions of fully hosted and hybrid environments as well as a look into real customer bandwidth data usage for hybrid and hosted scenarios. Chris covers what bandwidth you can expect as well as questions to ask your hosting provider.
Tip from IBM Connect 2014: Rapid XPages Developing Using the Application Layo...SocialBiz UserGroup
speakers Paul Della-Nebbia and Howard Greenberg from TLCC step through designing an application layout in a Custom Control. They outline a 4-step procedure to ensure the application layout the right way. They also take a look at named vs. unnamed facets.
Following is a quick tip from the AD208 : End-to-End Quality Processes for Top Notch XPages Apps session from IBM Connect 2014. In the tip, speakers Martin Donnelly, Brian Gleeson, and Padraic Edwards cover XPages accessibility for the latest WCAG 2.0 and Section 508 standards, including why you should care about it, tools to get started, and guidelines and best practices.
Tip from IBM Connect 2014: New security features in IBM Domino 8.5.x-9.xSocialBiz UserGroup
This is a tip from the IBM Connect 2014 session "BP103 : Ready, Aim, Fire: Mastering the Latest in the Administrator’s Arsenal". Speakers Ben Menesi (Ytria) and Kim Greene (Kim Greene Consulting) step through the new features IBM has introduced to Domino from release 8.5.x-9.x.
This tip covers why you should use ID Vault, how to set up protected groups, what settings to tweak to make sure password checking is up and running, how to lock down your server’s ACLs and more.
In this tip, session speakers Bill Wimer and Paul miller detail the out-of-the-box security features for IBM Notes Traveler around connecting devices, restricting access, remote data wipes, device security policies (iOS, Android, Windows Phone, BlackBerry 10, etc.), and attachment security for iOS and Android.
Tip from IBM Connect 2014: Socialytics = Social Business, Big Social Data and...SocialBiz UserGroup
In this tip, speaker Scott Padget explains how socialytics provides customer and competitive insights as well as real-time operational insights. He introduces the SIFT (Social Intelligence Fusion Toolkit) Solution that funnels big social data into actionable business intelligence. Scott also describes the lifecycle of socialytics and gives a live demo. Obviously, the slides don’t capture the exact live demo, but they do show some screenshot examples of the SIFT Solution in action.
Tip from IBM Connect 2014: IBM Notes Goes Cloud: How GAD Created an Integrate...SocialBiz UserGroup
This is a tip from t"CUST106: IBM Notes Goes Cloud: How GAD Created an Integrated Pure Browser-based Workspace " from IBM Connect 2014. In this tip, speakers Sonja Wessels, GAD eg, and Rajesh Patil, IBM cover how GAD took their IBM Domino environment to the cloud, including the infrastructure before and after the move. It also covers how they addressed the integration of "unknown" applications that had been developed or purchased by their customers.
Tip from IBM Connect 2014: Stepping into the Cloud and Evaluating Your OptionsSocialBiz UserGroup
Find out your options for moving to the cloud.At IBM Connect 2014, Lisa Lucadamo Jarrett and Marshall Lamb from IBM stepped through how to evaluate the range of cloud deployment choices available to you. In this tip from their session, take a look at criteria to judge which cloud option is right for your company based on your needs.
Tip from IBM Connect 2014: What You Shouldn't Care About With Cloud, But Do A...SocialBiz UserGroup
Marshall Lamb covers areas of concern for companies moving to the cloud including security and privacy, archiving and e-discovery, customization and integration, maintenance and update schedules, and networks.
Tip from IBM Connect 2014: XPages Mobile Development in IBM Domino 9.0.1 and ...SocialBiz UserGroup
This is a tip from Eamon Muldoon and Tony McGuickin's IBM Connect 2014 presentation "XPages Mobile Development in IBM Domino 9.0.1 and Beyond". The tip covers XPages mobile development in Domino 9.0.1 including the Single Page Application control and wizard, the mobile theme configuration editor, the IBM OneUI IDX mobile theme and web vs. mobile-specific rendering.
Tip from IBM Connect 2014: IBM Domino 64-bit: All you need to knowSocialBiz UserGroup
Daniel Nashed from Nash!Com presented at IBM Connect 2014 about the benefits and technical background for 32bit IBM Domino on 64bit OS and 64bit native IBM Domino. This tip from his presentation covers what you should expect from native 64bit including how it looks on Linux and Windows.
IBM Domino Designer: Tips and tricks for maximum productivitySocialBiz UserGroup
Domino Designer on the Eclipse platform offers a highly configurable IDE. This session will describe the Designer and Eclipse tricks you may not have discovered that can greatly enhance your experience. Learn how to enhance Designer performance, which preferences to turn off or leave on, and how to get organized with working sets and perspectives. Get expert tips on how to use the Eclipse file system for import/export. Leave with an understanding of how Domino Designer integrates into Eclipse and how to make the partnership work best for you!
A presentation by Susan Bulloch from THE VIEW's Admin2013. This is a tip from Susan's presentation, focusing on how to engage your IBM Connections users.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domino Apps!
1. BTE101: Yes, you can use
those modern frameworks
for mobile Domino®
development
Theo Heselmans, Xceed / Engage
2. About myself
▪ Doing IBM® Notes® Development &
Project Mgt. for over 20 years!
▪ Independent consultant since 2001 for Xceed
▪ Coordinator of Engage (BLUG) past 6 years
▪ IBM® Champion since 2011
@theoheselmans
▪ My 20th Lotusphere, 1st time speaker
▪ Head in the sand for too long
▪ Discovering there's a big world out there,
and it's cool
▪ I like wine and other beverages too
3. What this IS about
▪ IBM® Notes/Domino® as the ultimate CMS
▪ Building Responsive Hybrid Websites & Mobile Apps
▪ Real live implementations of a few Frameworks/Libraries
▪ Lessons learned
▪ A free Notes CMS database for you to experiment with
Let's have a quick look at it
4. The Domino 'Stack'
▪ IBM Notes & Domino is a cool 'Stack'
– Powerful (no-SQL) database
– Top-notch security
– Domino Access Service (DAS) for RESTful interfaces
– Flexible development platform
– Great Notes Client
– Proven and out of the box solution (but not free vs open source solutions)
5. HTML5 / CSS3 Development
▪ HTML5 is stable, powerful and broadly supported
▪ CSS3 is very flexible
▪ Mobile apps are easy to create and test
– Android Chrome & iOS Safari remote debugging is a godsend
– Chrome's Device Mode is brilliant
▪ Off line use of your apps is possible using Manifest & localStorage
▪ Turning HTML5 websites into Apps is possible
– e.g. PhoneGap or Appcelerator Titanium
6. What's a Framework / Library
▪ My Definition:
Any set of CSS and/or JS code
that do the dirty work for you
– Deal with cross-browser issues
– Responsive & mobile first design in mind
– Reusable components
– HTML - design - code - navigation - data
UI
Architecture
DOM▪ Layered schema:
– UI - Architecture - DOM
– Design - MVC - Supporting libs
7. Requirements
▪ Frameworks
– As much tailored to your (current) needs
as possible
– Well documented
– Well maintained
– Broadly used
– If MVC: REST support
see John Dalsgaard REST services
▪ Your Skills
– HTML(5)
– CSS(3)
– JavaScript
– REST / JSON
– Notes:
– Formula language
– LotusScript
– XPages
– Domino Access Service
8. Bootstrap
▪ A Front-End framework
Bootstrap is a free collection of tools for creating websites and web applications.
It contains HTML and CSS-based design templates for grids, typography, forms, buttons,
navigation and other interface components, as well as optional JavaScript extensions
▪ Examples & Demo:
– Countries
– EY: Topics
– Engage: website
▪ Screenshots and HTML
▪ The Good & the Bad
▪ Bootstrap getbootstrap.com
11. Bootstrap: Basic HTML (Part 3)
<!-- Begin page content -->
<div class="container">
Main Content goes here
</div>
<!-- Bootstrap & JQuery core JavaScript -->
<script src="/mydb.nsf/js/jquery-1.11.1.min.js"></script>
<script src="/mydb.nsf/js/bootstrap.min.js"></script>
</body>
</html>
12. Bootstrap: the good and the bad
▪ The Bad
– Broadly used
– Not an MVC model: only UI
▪ The Good
– August 2010: Twitter released Bootstrap
as open source.
– GitHub: over 75,000 stars
and more than 28,000 forks
– Regular updates: current version 3.3.2
– Many interface components
– Excellent documentation, and many
templates
– Easy to get started and implement
– Broadly used ▪ Tip: Bootstrap for XPages
13. Ratchet.js
▪ A Front-End framework
Ratchet.js is used to build mobile apps with simple HTML‚ CSS‚ and JS components
▪ Examples & Demo:
– Countries
– Kemin Industries: Lysoforte
▪ Why I changed my mind!
▪ Screenshots and HTML
▪ The Good & the Bad
▪ Ratchet.js goratchet.com
14. Ratchet.js: Basic HTML (Part 1)
<!DOCTYPE HTML><html>
<head>
<title>ConnectED 2015</title>
<!-- Include the compiled Ratchet CSS -->
<link href="/mydb.nsf/css/ratchet.min.css" rel="stylesheet">
<!-- Include the compiled Ratchet JS-->
<script src="/mydb.nsf/js/ratchet.min.js"></script>
</head>
<body>
15. Ratchet.js: Basic HTML (Part 2)
<header class="bar bar-nav">
<a class="icon icon-home pull-left" href="#"></a>
<a class="icon icon-compose pull-right"></a>
<a href="#myNavbar">
<h1 class="title">Welcome to Ratchet</h1>
</a>
</header>
<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
<div class="content">
Main Content here
</div>
17. Ratchet.js: the good and the bad
▪ The Good
– GitHub: over 10,000 stars
and more than 1,000 forks
– Easy to implement
– Separate themes for Android and
iOS
– All basic mobile User Interface
components
– Nice documentation
▪ The Bad
– Relatively young (early 2013)
– Limited number of supported
browsers
- Android: default and Chrome
- iOS: Safari
– Only touch support: difficult to test in
desktop browsers
– Intercepts links
– Not an MVC model: only UI
18. Backbone.js
▪ A JavaScript library
Backbone.js is a JavaScript library with a RESTful JSON interface
and is based on the model–view–presenter (MVP) application design paradigm
(MVP is a derivative of the model–view–controller (MVC))
▪ Examples & Demo:
– Countries
– A major Navy: mSurvey
▪ Why I changed my mind!
▪ Screenshots, Code and HTML
▪ The Good & the Bad
▪ Backbone.js backbonejs.org
Model
Controller
View
Updates User Events
Events Updates
19. Backbone.js: Code (Part 1)
// MODEL
var Country = Backbone.Model;
// COLLECTION
var CountryCollection = Backbone.Collection.extend({
model: Country,
url: '../api/data/collections/name/countries?count=300' //use a view via DAS
});
20. Backbone.js: Code (Part 2)
//VIEW
var CountryView = Backbone.View.extend ({
el: '#countrydiv',
template: _.template($('#country-template').html()),
initialize: function () {
countryList.fetch({ //fetch the data
success: function() { //if successful, render them in the DOM
countryView.render(); }
})
},
render: function () { //render the countries using the template
this.$el.html(this.template({countries: countryList.models}));
return this; }
});
21. Backbone.js: Code (Part 3)
// RUN IT
var countryList = new CountryCollection(); //create the collection
var countryView = new CountryView(); //create the view
23. Backbone.js: the good and the bad
▪ The Good
– GitHub: over 20,000 stars
and more than 4,500 forks
– Good documentation
– Tiny in size (<7 kb)
– Nice integration with Underscore.js,
especially for templates
– Routing is easy
– Widely used
– REST support
▪ The Bad
– Totally different concept
– Steeper learning curve
– Decent knowledge of JS required
– No data binding
– MVC model only: no UI
24. Knockout.js
▪ A JavaScript Framework
Knockout is a standalone JavaScript implementation of the Model-View-ViewModel pattern
with templates. The underlying principles are therefore:
• a clear separation between domain data, view components and data to be displayed
• the presence of a clearly defined layer of specialized code
to manage the relationships between the view components
▪ Examples & Demo:
– Countries
– mSurvey
– Wine Tasting CRUD
▪ Screenshots, Code and HTML
▪ The Good & the Bad ▪ Knockout.js knockoutjs.com
Model
ViewModel
View
Data
Binding Commands
25. Knockout.js: Country Code VMMV (Part 1)
function AppViewModel() {
var self = this;
self.countries = ko.observableArray([]); //create empty observable Array
$.getJSON("../GetCountries?openagent", function(data) { //get JSON of all countries
self.countries(data);
});
self.continents = ... //removed the code to get the unique list of continents from the countries
self.filteredCountries = function(cont) { //function to get countries for 1 continent only
return ko.utils.arrayFilter(self.countries(), function(country) {
return (country.continent === cont);
});
};
}
ko.applyBindings(new AppViewModel());
28. Knockout.js: Tasting Code
//trigger an AJAX request to get tastings when the main country selection changes
self.maincountry.subscribe( function(newValue) {
$.getJSON('../api/data/collections/name/tastings?count=50&keys=' + newValue,
function(data) {
var mappedTastings = $.map(data, function(item) { return new Tasting(item); });
self.tastings(mappedTastings);
});
});
//part of Saving Code: existing record, so update it (use patch, not post!)
self.saveTasting = function () {
$.ajax(thistasting.updatelink.href, {
data: ko.toJSON(thistasting),
type: "patch", contentType: "application/json",
success: function(result) { void(0); }
});}
};
29. Knockout.js: the good and the bad
▪ The Good
– GitHub: close to 6,000 stars
and almost 1,000 forks
– Good documentation and
Interactive tutorials
– Data binding (including attributes)
– Automatic UI refresh
– Built-in Templating
– Mapping via plugin
– REST support
▪ The Bad
– Different concept
– Steeper learning curve
– Decent knowledge of JS required
– Routing not provided
– MVVM model only: no UI
30. A few interesting Links
▪ 12 Useful JavaScript Resources and Tools smashingapps.com
▪ 35 Best HTML5 Development Tools To Save Your Time smashingapps.com
▪ Javascript Frameworks Comparison:
Angular, Knockout, Ember and Backbone slideshare.net
▪ ToDoMVC (Helping you select an MV* framework) todomvc.com
▪ Rich JavaScript Applications (the 7 Frameworks) blog.stevensanderson.com
▪ Top 50 Developer Tools & Services of 2014 stackshare.io