The document proposes architectures for future websites, including information, functional, navigation, interface, and system architectures. It recommends that future websites:
- Allow collaborative content from different sources to make information more comprehensive.
- Support common functions like security, discovery, social sharing, commerce, communications, and personalization, grouped in toolbars for consistency.
- Adopt a comprehensive navigation system using various views like accordions and trees to handle different website hierarchies, and use windows to improve productivity when viewing lists.
- Support graphical user interfaces that are attractive, interactive, collaborative, immersive and engaging to provide rich user experiences.
- Offer system architectures that provide industrial robustness with scalability, flexibility
This presentation gives an overview of social bookmarking features available from ibm.com today and provides training on how to use Dogear to share your own bookmarks with communities on ibm.com.
The document describes the standard My Site features in SharePoint and additional social features provided by NewsGator Technologies. The standard SharePoint My Site features include displaying a user's profile, presence, contact details, documents, sites, and more. NewsGator enhances My Sites with additional social features like microblogging, activity streams, commenting, statuses, recommendations, and more. Administrators can customize which features are available on each user's My Site.
This social media guide provides information for participants in the Aalto Camp for Societal Innovation (ACSI) on using social media tools during the camp. It outlines the social media mission for ACSI2010 to share information openly and transparently. It describes the ACSI public communication site and intranet document bank. It provides instructions for participants to get started using social media tools like Massidea, Facebook, Twitter, SlideShare and others. It outlines responsibilities and best practices for using these tools at both the individual case group and case codifier level.
An introduction on what SNASM's future has planned. SNASM is currently in an "alpha" stage. Please visit us and register to watch a social network grow from the beginning!
How useful are Weblogs, RSS-Newsfeeds Wikis and Podcasting to information spe...Michael Fanning
The document discusses various Web 2.0 technologies and their potential usefulness for information specialists. It provides an overview of blogs, RSS feeds, wikis and podcasting. For each technology, it describes what they are, examples of their development and use, and potential pros and cons from the perspectives of users and providers. The document aims to help assess how these technologies could benefit organizations by increasing productivity and exploiting knowledge assets.
What is Web 2.0? What are the ideals it is based on? What are popular web 2.0 tools? What are weaknesses and challenges? How are web 2.0 tools integrated in schools? How do we create a strategic plan for our school's web 2.0 use?
Web 1.0 focused on commerce while Web 2.0 emphasizes user participation and contribution. The concept of Web 2.0 emerged from a 2004 brainstorming session between O'Reilly and MediaLive International. Key principles of Web 2.0 include customization for unique users, harnessing collective intelligence by allowing users to add value through tagging, reviewing, and editing, and treating software as a perpetual beta through constant updates. Web 2.0 applications are also accessible across multiple devices rather than single devices.
This presentation gives an overview of social bookmarking features available from ibm.com today and provides training on how to use Dogear to share your own bookmarks with communities on ibm.com.
The document describes the standard My Site features in SharePoint and additional social features provided by NewsGator Technologies. The standard SharePoint My Site features include displaying a user's profile, presence, contact details, documents, sites, and more. NewsGator enhances My Sites with additional social features like microblogging, activity streams, commenting, statuses, recommendations, and more. Administrators can customize which features are available on each user's My Site.
This social media guide provides information for participants in the Aalto Camp for Societal Innovation (ACSI) on using social media tools during the camp. It outlines the social media mission for ACSI2010 to share information openly and transparently. It describes the ACSI public communication site and intranet document bank. It provides instructions for participants to get started using social media tools like Massidea, Facebook, Twitter, SlideShare and others. It outlines responsibilities and best practices for using these tools at both the individual case group and case codifier level.
An introduction on what SNASM's future has planned. SNASM is currently in an "alpha" stage. Please visit us and register to watch a social network grow from the beginning!
How useful are Weblogs, RSS-Newsfeeds Wikis and Podcasting to information spe...Michael Fanning
The document discusses various Web 2.0 technologies and their potential usefulness for information specialists. It provides an overview of blogs, RSS feeds, wikis and podcasting. For each technology, it describes what they are, examples of their development and use, and potential pros and cons from the perspectives of users and providers. The document aims to help assess how these technologies could benefit organizations by increasing productivity and exploiting knowledge assets.
What is Web 2.0? What are the ideals it is based on? What are popular web 2.0 tools? What are weaknesses and challenges? How are web 2.0 tools integrated in schools? How do we create a strategic plan for our school's web 2.0 use?
Web 1.0 focused on commerce while Web 2.0 emphasizes user participation and contribution. The concept of Web 2.0 emerged from a 2004 brainstorming session between O'Reilly and MediaLive International. Key principles of Web 2.0 include customization for unique users, harnessing collective intelligence by allowing users to add value through tagging, reviewing, and editing, and treating software as a perpetual beta through constant updates. Web 2.0 applications are also accessible across multiple devices rather than single devices.
The document discusses RSS feeds, mashups, and the semantic web as technologies that may help enable Web 3.0. It provides examples of RSS feeds and mashups, explaining how they work and their advantages. It also discusses the semantic web and technologies like RDF and ontologies that aim to make web content more machine-readable and enable advanced search capabilities.
Web 2.0 refers to second-generation websites that emphasize user-generated content, usability, and interoperability. Key aspects of Web 2.0 include folksonomies, rich user experiences, user participation, and software as a service. Web 2.0 sites utilize tools like social networking, tagging, RSS feeds, wikis, blogs, and photo/video sharing to promote collaboration and sharing among users. Web 2.0 has applications in marketing, education, and social networking by facilitating interaction between companies/organizations and consumers and enabling collaborative learning through blogs and wikis. It represents a shift to more dynamic, user-centered websites.
ADLUG 2008 Web 2.0 - Library 2.0 presentation@CULT Srl
The document discusses the concepts of Web 2.0 and social software in libraries. It describes several types of social software like blogs, wikis, instant messaging, social bookmarking, RSS feeds, mashups, social networking, media sharing, and folksonomies. It also provides examples of how libraries can implement these technologies and become more interactive by adopting Library 2.0 principles to better engage users and remain relevant.
The document discusses wikis and how they allow users to collaboratively add, edit, and change website content. It provides examples of government agencies and businesses using wikis for collaboration. Key features of wikis that are described include editing pages, adding links, images and tables, discussion boards, and tracking changes. Tips are provided on creating a wiki using Wikispaces and managing space permissions and members.
The document discusses various components of Web 2.0 and social media that are relevant for B2B marketers, including blogs, RSS, social networking sites, podcasts, videos, wikis, and software as a service. It provides examples and recommendations for how to utilize these channels for marketing purposes, highlighting benefits like SEO, building communities, and viral marketing. The key takeaway is that B2B companies should engage with various social media to find and convert leads on the web.
The document discusses the concept of Web 2.0 and provides recommendations for B2B marketers to leverage various Web 2.0 technologies and strategies in their marketing. It defines key Web 2.0 concepts like blogs, social networking sites, podcasts and wikis. It also provides case studies on how companies have used social networking and strategies like content marketing to generate leads. The document recommends that B2B marketers engage customers through various Web 2.0 channels like blogs, social media and more.
Wookey Search Technology Corporation (WSTC) provides a summary of recent developments and future plans. Key points include: the engineering team has experience developing large-scale systems and social media products; research and development plans include Phase II development milestones to improve the user interface and search experience; post-Phase II strategies involve adoption through content providers and monetization through mobile/web views and partnerships; the exit strategy involves a reverse merger that would provide liquidity for shareholders by converting their shares to shares of the public company.
Web 2.0 refers to second-generation web services that emphasize user collaboration and sharing. Social computing involves new relationships and power structures emerging from technologies like blogs, wikis, and social networks. Forrester Research says a new social structure is emerging where technology empowers communities over institutions.
Beacon, GRDDL, and Twine... oh my!! Sometimes it is hard to keep track of all the new technology on the web. Which are the ones worth paying attention to? Let's take a look into how the web evolves and where we've came from. (Finally, a field where "evolution" and "intelligent design" can play nice.) We'll dive deep into some of the upcoming trends poised to change the web as we know it.
Gilbane 2011 - All the cool web kids are social, is your CMS ready to hang wi...Ian Truscott
Presentation from Gilbane Boston 2011 - discussing content management systems supporting a social media marketing strategy.
If you'd like a copy, let me know on twitter: @iantruscott
The document defines key terms related to social media, social networking, and social business intelligence. It defines Web 2.0 as a set of web technologies that enable user interaction and collaboration online. Social media is defined as various forms of user-generated content shared online, including blogs, photos, videos, and reviews. Social networking is described as online services that focus on building social networks and relationships between users. Social business intelligence is the analysis of data collected from social media and networking sites to gain business insights.
Gurus platform: collective intelligence at work (Emakina Academy #8 : Enterpr...Emakina
Presentation of the knowledge sharing platform Gurus by Brice Le Blévennec, President of Emakina.
More info about Emakina Academies on:
http://www.emakina.com/academy/events.cfm
The document discusses several emerging technologies including del.icio.us, wikis, blogs, podcasts, and the evolution of the World Wide Web from Web 1.0 to Web 2.0 to Web 3.0 (proposed Web 3.0). Del.icio.us is described as a social bookmarking service that allows flexible organization of bookmarks using tags. Wikis are defined as collaborative websites that allow users to edit pages. Blogs, podcasts, and their key features are also summarized. The differences between Web 1.0, 2.0, and the vision for Web 3.0 are outlined at a high level.
The Elements Of Rich Navigation by LuristicLuristic
Now that we have been exposed to many different devices with many different platforms, it is possible, if not necessary, to establish some best-practices regarding navigation, which is the single most important criteria for usability and Rich User Experience (RUE). The objective is to raise the bar from the low common denominator of a mundane to a rich navigation that offers engaging, immersive, interactive, collaborative, attractive, and even desirable experience that attracts intrigued visitors and convert them into excited users who become paying customers who finally morphed into loyal evangelists.
Web 2.0 refers to websites that allow users to interact and collaborate to contribute content. Examples include social media sites, wikis and blogs. Key features of Web 2.0 sites include search functions, links between information, user authoring and tagging of content, software extensions, and notifications of content changes through RSS feeds. Technologies like Ajax allow asynchronous updating of pages for improved performance.
Modern developments in the use of internet by inqilab patelInqilab Patel
Modern developments in internet use include web browsers, ISPs, wikis, social networking, tagging, blogs, digital media sharing websites, podcasts, and bit streaming. Web browsers allow users to access and view internet resources, while ISPs provide access to the internet. Wikis enable collaborative document editing. Social networking focuses on building social relations online. Tagging helps organize and classify online information. Blogs and digital media sharing websites allow users to share content. Podcasts deliver audio content via RSS feeds. Bit streaming transmits data as a continuous sequence of bits.
This document provides a tutorial on the SIMILE Exhibit tool. It begins with background on the SIMILE project, which developed open source tools to increase interoperability of digital collections. It then lists and briefly describes 17 tools released as part of SIMILE, including Exhibit, which allows creating web pages with rich visualizations by writing HTML, CSS, and JavaScript code without a database. The tutorial focuses on Exhibit and provides examples and steps for creating a webpage using Exhibit.
A web portal is a website that aggregates information from diverse sources in a uniform way. Portals usually display each information source in a dedicated area and allow users to customize which sources are displayed. They provide a consistent look and feel with single sign-on access to multiple applications. Common types of portals include personal portals for individuals, corporate intranets, government portals, cultural heritage portals, and stock market portals. Standards have been developed to allow portlets and portals to interoperate across different platforms.
In this session Simon will share his considerable experience of managing projects; from the initial client meetings to getting sign-off on designs to finally going live, and all that comes inbetween.
The document discusses RSS feeds, mashups, and the semantic web as technologies that may help enable Web 3.0. It provides examples of RSS feeds and mashups, explaining how they work and their advantages. It also discusses the semantic web and technologies like RDF and ontologies that aim to make web content more machine-readable and enable advanced search capabilities.
Web 2.0 refers to second-generation websites that emphasize user-generated content, usability, and interoperability. Key aspects of Web 2.0 include folksonomies, rich user experiences, user participation, and software as a service. Web 2.0 sites utilize tools like social networking, tagging, RSS feeds, wikis, blogs, and photo/video sharing to promote collaboration and sharing among users. Web 2.0 has applications in marketing, education, and social networking by facilitating interaction between companies/organizations and consumers and enabling collaborative learning through blogs and wikis. It represents a shift to more dynamic, user-centered websites.
ADLUG 2008 Web 2.0 - Library 2.0 presentation@CULT Srl
The document discusses the concepts of Web 2.0 and social software in libraries. It describes several types of social software like blogs, wikis, instant messaging, social bookmarking, RSS feeds, mashups, social networking, media sharing, and folksonomies. It also provides examples of how libraries can implement these technologies and become more interactive by adopting Library 2.0 principles to better engage users and remain relevant.
The document discusses wikis and how they allow users to collaboratively add, edit, and change website content. It provides examples of government agencies and businesses using wikis for collaboration. Key features of wikis that are described include editing pages, adding links, images and tables, discussion boards, and tracking changes. Tips are provided on creating a wiki using Wikispaces and managing space permissions and members.
The document discusses various components of Web 2.0 and social media that are relevant for B2B marketers, including blogs, RSS, social networking sites, podcasts, videos, wikis, and software as a service. It provides examples and recommendations for how to utilize these channels for marketing purposes, highlighting benefits like SEO, building communities, and viral marketing. The key takeaway is that B2B companies should engage with various social media to find and convert leads on the web.
The document discusses the concept of Web 2.0 and provides recommendations for B2B marketers to leverage various Web 2.0 technologies and strategies in their marketing. It defines key Web 2.0 concepts like blogs, social networking sites, podcasts and wikis. It also provides case studies on how companies have used social networking and strategies like content marketing to generate leads. The document recommends that B2B marketers engage customers through various Web 2.0 channels like blogs, social media and more.
Wookey Search Technology Corporation (WSTC) provides a summary of recent developments and future plans. Key points include: the engineering team has experience developing large-scale systems and social media products; research and development plans include Phase II development milestones to improve the user interface and search experience; post-Phase II strategies involve adoption through content providers and monetization through mobile/web views and partnerships; the exit strategy involves a reverse merger that would provide liquidity for shareholders by converting their shares to shares of the public company.
Web 2.0 refers to second-generation web services that emphasize user collaboration and sharing. Social computing involves new relationships and power structures emerging from technologies like blogs, wikis, and social networks. Forrester Research says a new social structure is emerging where technology empowers communities over institutions.
Beacon, GRDDL, and Twine... oh my!! Sometimes it is hard to keep track of all the new technology on the web. Which are the ones worth paying attention to? Let's take a look into how the web evolves and where we've came from. (Finally, a field where "evolution" and "intelligent design" can play nice.) We'll dive deep into some of the upcoming trends poised to change the web as we know it.
Gilbane 2011 - All the cool web kids are social, is your CMS ready to hang wi...Ian Truscott
Presentation from Gilbane Boston 2011 - discussing content management systems supporting a social media marketing strategy.
If you'd like a copy, let me know on twitter: @iantruscott
The document defines key terms related to social media, social networking, and social business intelligence. It defines Web 2.0 as a set of web technologies that enable user interaction and collaboration online. Social media is defined as various forms of user-generated content shared online, including blogs, photos, videos, and reviews. Social networking is described as online services that focus on building social networks and relationships between users. Social business intelligence is the analysis of data collected from social media and networking sites to gain business insights.
Gurus platform: collective intelligence at work (Emakina Academy #8 : Enterpr...Emakina
Presentation of the knowledge sharing platform Gurus by Brice Le Blévennec, President of Emakina.
More info about Emakina Academies on:
http://www.emakina.com/academy/events.cfm
The document discusses several emerging technologies including del.icio.us, wikis, blogs, podcasts, and the evolution of the World Wide Web from Web 1.0 to Web 2.0 to Web 3.0 (proposed Web 3.0). Del.icio.us is described as a social bookmarking service that allows flexible organization of bookmarks using tags. Wikis are defined as collaborative websites that allow users to edit pages. Blogs, podcasts, and their key features are also summarized. The differences between Web 1.0, 2.0, and the vision for Web 3.0 are outlined at a high level.
The Elements Of Rich Navigation by LuristicLuristic
Now that we have been exposed to many different devices with many different platforms, it is possible, if not necessary, to establish some best-practices regarding navigation, which is the single most important criteria for usability and Rich User Experience (RUE). The objective is to raise the bar from the low common denominator of a mundane to a rich navigation that offers engaging, immersive, interactive, collaborative, attractive, and even desirable experience that attracts intrigued visitors and convert them into excited users who become paying customers who finally morphed into loyal evangelists.
Web 2.0 refers to websites that allow users to interact and collaborate to contribute content. Examples include social media sites, wikis and blogs. Key features of Web 2.0 sites include search functions, links between information, user authoring and tagging of content, software extensions, and notifications of content changes through RSS feeds. Technologies like Ajax allow asynchronous updating of pages for improved performance.
Modern developments in the use of internet by inqilab patelInqilab Patel
Modern developments in internet use include web browsers, ISPs, wikis, social networking, tagging, blogs, digital media sharing websites, podcasts, and bit streaming. Web browsers allow users to access and view internet resources, while ISPs provide access to the internet. Wikis enable collaborative document editing. Social networking focuses on building social relations online. Tagging helps organize and classify online information. Blogs and digital media sharing websites allow users to share content. Podcasts deliver audio content via RSS feeds. Bit streaming transmits data as a continuous sequence of bits.
This document provides a tutorial on the SIMILE Exhibit tool. It begins with background on the SIMILE project, which developed open source tools to increase interoperability of digital collections. It then lists and briefly describes 17 tools released as part of SIMILE, including Exhibit, which allows creating web pages with rich visualizations by writing HTML, CSS, and JavaScript code without a database. The tutorial focuses on Exhibit and provides examples and steps for creating a webpage using Exhibit.
A web portal is a website that aggregates information from diverse sources in a uniform way. Portals usually display each information source in a dedicated area and allow users to customize which sources are displayed. They provide a consistent look and feel with single sign-on access to multiple applications. Common types of portals include personal portals for individuals, corporate intranets, government portals, cultural heritage portals, and stock market portals. Standards have been developed to allow portlets and portals to interoperate across different platforms.
In this session Simon will share his considerable experience of managing projects; from the initial client meetings to getting sign-off on designs to finally going live, and all that comes inbetween.
This document provides an overview of key concepts related to Web 2.0, including its focus on user participation and adding value, examples like Google Maps that allow users to contribute information, and how it has led to a more diverse user experience online through blogs, wikis, social networks and other collaborative tools. It also discusses how businesses can leverage these new technologies and looks at next steps for exploring and experimenting with Web 2.0.
Web 2.0 101: Understanding Web 2.0 and its Impact on Technical CommunicationScott Abel
The document discusses how Web 2.0 technologies can improve access, management, and reuse of digital content to better support user goals. It notes that Web 1.0 focused on publishing content to websites for users to read, while Web 2.0 aims to help users "do stuff" through technologies like RSS feeds, tagging, wikis, blogs, podcasts and more. It suggests technical writers could use these new capabilities to better serve customers through more engaging and collaborative documentation.
Trends are the natural changes in behaviours or proceedings. We like to be aware of those indicators for inspiration and guidance. At the beginning of every year we look at UX, UI trends and emerging technologies to get that guidance from.
Doug Belshaw's presentation from the Computing At School Scotland conference 2012
Doug Belshaw is Badges and Skills Lead for the non-profit Mozilla Foundation. In this role he evangelises Open Badges, a new way to recognise skills and achievements, as well as heading-up work around Web Literacies. Prior to Mozilla Doug worked at JISC infoNet and is a former teacher and Senior Leader in UK schools. Doug also recently completed his doctoral studies on the subject of digital literacies through Durham University.
Here are the key roles and responsibilities in a typical web development team:
Project Manager: Oversees the entire project, manages scope, schedule, budget, and team. Ensures deliverables are met on time. Acts as liaison between client and team.
Designer: Responsible for visual design, user experience, look and feel. Creates wireframes, prototypes, and final designs. Works closely with developers.
Front-End Developer: Focuses on HTML, CSS, JavaScript. Translates designs into code for the front-end functionality and interface of the site. Optimizes for cross-browser compatibility.
Back-End Developer: Works on server-side programming and database integration. Develops APIs, integr
What technical communication professionals need to know about the world of Web 2.0, mobile devices, content syndication, and changing user expectations. The future is brightest for those communicators who combine their natural talents with technological savvy. Find out how to differentiate yourself from the competition. If you think technical communication is all about writing, you're in for a big surprise.
This whitepaper is intended for the marketing or advertising professional who has heard about
“modular media technologies” (e.g., widgets, RSS, and Vortexes) and wants to learn more
about how they can be effectively deployed in a strategic marketing program. After reading
the white paper, you will have a solid understanding of the consumer trends behind Web
content portability, the benefits and drawbacks of various portable Web technologies, and the
knowledge foundation for developing a strategic approach to pursuing Web content portability
for your brand.
This document summarizes various social software tools that can be used for discovery and sharing of information, bookmarking and tagging content, collaboration, networking, and citation management. It discusses tools for blogs, RSS feeds, content syndication, bookmarking, tagging, wikis, web annotation, networking, and citations. Examples of specific tools mentioned include Digg, del.icio.us, Flickr, LibraryThing, Facebook, Zotero, and CiteULike. The document was presented by Kate Pitcher to provide an overview of popular social tools without covering gaming, podcasting, IM/chat, or virtual worlds.
The document discusses the evolution of the World Wide Web from Web 1.0 to Web 2.0 to the upcoming Web 3.0. It provides definitions and explanations of key concepts including how Web 2.0 enabled user participation, user-generated content, and focus on communities and sharing. Examples of different types of social media are also listed, along with how marketing and communication are shifting to focus on participation in online communities. Tools for social networking, collaboration, sharing, communication and other functions are recommended.
SharePoint Wiki Feasibility Report (Draft) - Travis Barker.pdfInnovate Vancouver
A feasibility study (draft) report on using SharePoint to build a SharePoint Wiki, similar to confluence, for the IT Department.
Knowledge Management in Sharepoint - Article:
https://innovatevancouver.org/2022/10/10/knowledge-management-in-sharepoint/
Travis Barker, MPA GCPM
Consulting@innovatevancouver.org
http://innovatevancouver.org
A solid outline to get an organization started with their governance plan. All the topics they need to consider for a well thought out approach to govern and manage SharePoint as an IT service. Additional consultant commentary is included. Please see www.sharepointpmp.com for more on optimizing SharePoint, collaboration, ECM, Projects, and Knowledge Management in your organization.
Similar to The Architecture Of Future Websites by Luristic (20)
Viral Marketing Best Practices by ClupediaLuristic
Despite the fact that viral marketing has been around for some time, unfortunately, due to its complexity, there are no best practices to follow and no measurements to apply to manage the process. As a result, companies have taken a “hit & miss” approach and have treated viral marketing more of an art than a science.
So far, viral marketing has been compared to the weather: fairly important, but not much you can do about it. Until recently, the majority of companies have “left it to Beaver”, have resorted to fake gimmicks, or have paid brand ambassadors to generate buzz, and when all else failed, they paid their way through by showering their constituents with incentives and by employing “hired guns”.
The Ultimate Wisdom of Crowds Platform by ClupediaLuristic
The document proposes an "ultimate wisdom of crowds platform" to better harness collective opinions and address the needs of consumers, opinion contributors, marketers, and advertising networks by aggregating all types of opinions from across the internet in an easily accessible format on any device. It outlines limitations of current approaches and proposes features for the new platform to make crowdsourced information more convenient, collaborative, and influential.
All the substantial investment and effort over twenty years of extensive research, development, and deployment of graphical user interfaces for desktop and client/server applications, have been more or less thrown away with the introduction of the Browser and HTML. For example, do you know that until today, HTML does not support some of the most basic widgets such as a Data Entry with Spin Buttons? Appalling!!!. However, things are improving a bit with the adoption of new technologies such as AJAX and browsers are becoming more than just surfing tools by including collaborative and social networking features.
After many frustrating years, it is now time to bring all the functionality, usability, and high navigation onto the web. The next generation of web sites and web-based applications must meet and even exceed some of the features and standards typically found on desktop and client/server applications.
Despite the fact that viral marketing has been around for some time, unfortunately, due to its complexity, there are no best practices to follow and no measurements to apply to manage the process. As a result, companies have taken a “hit & miss” approach and have treated viral marketing more of an art than a science.
So far, viral marketing has been compared to the weather: fairly important, but not much you can do about it. Until recently, the majority of companies have “left it to Beaver”, have resorted to fake gimmicks, or have paid brand ambassadors to generate buzz, and when all else failed, they paid their way through by showering their constituents with incentives and by employing “hired guns”.
The document is a white paper on referral automation. It discusses referral automation as a software application that formalizes viral marketing and facilitates peer-to-peer marketing. The paper outlines key functions of a referral automation system including referring, seeding, incentives, rules, profiles, reports, traffic analysis, and interfacing with other applications. It emphasizes building the system with advanced features on a scalable framework to support industrial robustness. A global referral network is proposed to aggregate corporate networks for increased benefits.
The document discusses Luristic and its Rich User Experiences (RUE) specialty. It offers a suite of integrated Rich Interactive Components (RIC) called Lure that includes products like LureDoc, LureMedia, and LureBar. The document also mentions services, partners, publications, events, careers and contact information for Luristic.
Rich User Experience Presentation by LuristicLuristic
The document discusses how rich user experience (RUE) is important for technology and applications to be adopted as it satisfies users' basic needs and desires. It notes that user experience impacts platforms, applications, and all aspects of developing applications from the front-end and back-end. The document also outlines how user experience is a multi-disciplinary field that offers many benefits to users, marketers, and programmers.
Lure offers a suite of integrated open standard RIA components called Lure that provide rich user experiences for applications, websites, and games. Key components include LureBar for advanced docking features, LureDoc for document browsing and sharing, LureList for customized list views, LureMap for intuitive website navigation, LureMedia for fully-featured media playback with social features, and LureSurf to minimize scrolling through intelligent pagination. These products are meant to complement popular RIA platforms and offer customized configurations to provide ideal user experiences across devices.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
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.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
20 Comprehensive Checklist of Designing and Developing a WebsitePixlogix Infotech
Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Zilliz
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...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.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
3. 1. Summary
The World Wide Web started as a communication tool in the
80’s. By early 90’s, with the advent of the browser, the web
became a publishing platform consisting of websites which
were nothing more than online brochures. By the end of the
20th century in the late 90’s, the web morphed into a
transaction platform in which some websites became online
stores. More than just communicating and publishing, web
users were transacting at that time, which marked the
beginning of the monetization of the web.
Nowadays, a decade later, the web became an application
platform supporting all types of applications from enterprise
applications to games. This evolution led to the rise of
Software-as-a-Service (SaaS) under the Application Service
Provider (ASP) model. However, despite this rapid growth of
the usage of the web both in volume and diversity of usage,
user experience of websites and web applications suffered
first due to lack of broadband, and second by the limitations of
the browser and HTML.
With the advent of new tools such as HTML 5 and the adoption of new Rich Interactive Application (RIA)
frameworks such as Adobe Flex and Microsoft Silverlight, it is time to revamp the web.
This white paper proposes to strengthen the architecture of future websites by adopting five fundamental
architectures, namely:
Information Architecture that supports a collage of content coming from different sources in a
collaborative and corroborative manner, a truly multimedia content, and a flexible taxonomy. While
Search Engine Optimization (SEO) is critical for achieving visibility on the web, crawlability,
searchability, and indexation should not compromise usability. In other words, finding something that
turns out to be not so usable is actually useless.
Functional Architecture that supports at least the most common functions including security (register
and login), discovery (search and browse), social (share, refer, rate, review, note, tag, bookmark,
favorite, and embed), commerce (order, pay, reserve, and track), Communications (e-mail, telephone,
chat, post, and blog), contacts (rolodex, locations, maps, and directions), assistance (help, tutor, and
wizard), and personalization (settings). Functions should be grouped together based on common
criteria or properties and should be placed in toolbars similar to desktop applications.
Navigation Architecture that supports a comprehensive website map that can be accessed using
different views such as accordion, drop-down-menus, tree, or thumbnails. Such navigation system
must be able to handle different types of hierarchical structures of websites – from the very flat to the
very deep ones. Similarly, lists are better accessed using parent-child windows which increase
productivity and usability. Furthermore, the usage of Rich Interactive Components (RIC) such as the
accordion, carousel, docks, wheels, and walls are all necessary to offer an intuitive and pleasant
navigation experience.
Interface Architecture that supports Graphical User Interfaces (GUI) which are highly attractive,
interactive, collaborative, immersive, and engaging. Such Gus offer a very rich user experience that
satisfies the values of the brand of the publisher of the website.
System Architecture that offers industrial robustness by providing scalability, reusability, flexibility,
manageability, maintainability, multi-threading, load balancing, fault-tolerance, recovery, security,
internationalization, etc.
3
4. 2. Information Architecture
2.1. Content
Despite the proliferation of User Generated Content
(UGC) such as blogs, comments, notes, annotations,
recommendations, ratings, reviews, and the like, the
great majority of websites are currently limited to
content published by their publishers or owners.
Future websites will become collages of content
coming from different sources including publishers,
visitors, users, and contributors like pundits or
bloggers. Such collaboration and corroboration make
the published content more comprehensive,
convincing, connected, and viral causing websites to
become hubs which increases their searchability,
accessibility, meritocracy, and ultimately, their visibility
in the websphere. Vice versa, the absence of such
independent validation of the content will lead
websites to their mediocrity, and eventually, to their
demise.
2.2. Format
Despite the advent of videos on the web, textual content dominates the websphere. Whenever videos are used,
their content complements the textual content of a website. For instance, a webpage that includes a text
description and some pictures of a product, may also include a video of the product being used. In this case, the
text content which describes the product is different than the video which highlights the usage of the product.
With the quick and wide adoption of videos along with the availability and the affordability of broadband, future
websites will become true multimedia platforms by expanding the applicability of videos to infomercials, in which
case, the same textual information is also conveyed in audio or video. Hence, users will be totally empowered
by being able to not just choose the information that they wish to get, but also choose the format that they prefer.
In essence, websites will become a combination of publication and television with the advantage of being
connected, on-demand, searchable, traceable, customizable, reviewable, and referable.
2.3. Taxonomy
The classification and organization of information have critical impact on usability. At the extremes, deep
hierarchical taxonomies are simple but slow to navigate through, while flat taxonomies are fast to access but
they are cluttered and messy. The information architecture of most websites is based on the publisher’s view of
the world and not necessarily their constituents’. Sure enough, the classical taxonomy of websites is currently
defined by products, services, specialties, etc. Another approach is to organize the content based on personas
(type of visitors) or functions (type of transactions). In addition of providing multiple predefined taxonomies from
which users can chose from, the ultimate websites of the future will allow frequent users to define their own
taxonomy based on their preferences. By recognizing visitors and presenting to them the content organized in
the way they prefer, publishers can bond with their users and turn them into loyal evangelists.
2.4. Frequency
The frequency by which content is refreshed determines the retention rate of regular visitors. Publishers will
have difficulty in maintaining such instant and continuous gratification. That is another reason why it is
necessary for publishers to encourage collaboration and corroboration in order to satisfy a huge appetite for
information collection and knowledge consumption.
4
5. 3. Functional Architecture
Most websites are still nothing more than online brochures. In the future, websites will become web
applications that include the following basic and common functions:
Security: Commerce: Assistance:
o Register o Order o Help
o Login / Logoff o Pay o Tutor
o Reserve o Wizard
Discover o Track
o Search Personalization:
o Browse Communications: o Settings
o E-mail
Social o Telephone
o Share o Chat
o Refer o Post
o Rate o Blog
o Review
o Note Contacts
o Tag o Rolodex
o Bookmark o Locations
o Favorite o Maps
o Embed o Directions
Every function has a set of features and a set of actions. For example, the reviewing function includes
features such as rich text formatting, polling, filtering, browsing through reviews using a carousel, etc.
Examples of actions in a function would be saving, submitting, cancelling, clearing, resetting, adding,
deleting, etc. Furthermore, there are certain authoring actions that are related to objects which could be a
block of text, graphics, illustrations, pictures, etc. Examples of authoring actions are cutting, copying,
pasting, dragging, dropping, sizing, expanding, collapsing, flipping, panning, rotating, zooming, and
highlighting.
Considering the number of functions, their features, and their actions, it is easy to see how things can get
very complicated resulting into messy, disorganized, unfriendly, and unusable websites. The fundamental
principle is to abolish the practice of designing websites based on a page-centric approach introduced by
artists and technicians that resulted in chaotic mazes. Instead, we should borrow some discipline and best-
practices found in desktop and enterprise applications developed by trained software engineers.
Functional architecture attempts to take a holistic approach that covers the entire website rather than being
bogged down by the needs of a particular webpage. A good functional architecture starts by asking what
functions are needed, how to group them together based on common properties, where to place them, and
how to invoke them.
Desktop and enterprise applications have certain minimum industry standards, some best-practices, and
certain software engineering disciplines that required a holistic architecture. This led to the creation of
toolbars which offered consistency throughout a particular application, and throughout different applications.
For example, the “Save” button in Microsoft Word stays in the same exact location throughout the entire
product. Furthermore, the “Save” button, in almost all desktop or enterprise applications, is placed in the
same spot. Such consistency increases usability within an application and across applications.
Websites on the other hand have been often created by artists who became technicians who fall short of
being disciplined engineers. This led to the creation of websites which are page centric instead of being
holistic. Those technicians have been designing websites one page at a time. Buttons appear anywhere.
Inconsistency is everywhere – within a website and across websites. The lack of discipline in the entire
websphere is mind-boggling. Mind you, other industries such as the auto industry or the electronics industry
have adopted certain standards. Similarly, software in general, and the web in particular, should be subject
to universal standards for the purpose of increasing usability and enhancing user experience.
5
6. 3.1. Top Toolbar
A website typically has some frequently used functions which are independent of the content of the current
webpage. Examples of independent functions are registering, logging, searching, setting, etc. Thus, those
independent functions are applicable across all webpages of a website. Such independence bonds those types of
functions together in a group placed in the same location throughout the entire website – in a top toolbar. Hence,
the main purpose of a top toolbar is to easily, instantly, and consistently access independent functions.
In addition, a top toolbar may also include helpful shortcuts related to certain functions or webpages that the owners
of a website would like to encourage or promote to their visitors. Examples would be sending a message, chatting
with a customer support representative, calling a sales representative, review the cart, etc.
Independent functions are primary, while shortcuts are secondary. As a result, their respective visual appearance
should reflect their importance status. Finally, a top toolbar may include a logo of the company which reinforces the
brand as shown in the example below. The logo should be a hyperlink to the webpage that describes the company.
Due to their independence from the current webpage, independent functions should be presented in pop-up
windows as shown below. For instance, while reading a webpage, a visitor may decide to register. The action of
registering should not cause the loss of the current webpage. Reading the webpage is indeed the main action,
while registering is a temporary interruption because once the registration is completed, the natural course of event
is to continue reading the current webpage. Same principle applies to other functions such as logging, searching,
and setting. While many advocate against any pop-up, this is a good example where pop-ups are not just
necessary but desirable in order to increase usability and enhance user experience.
A pop-up window is
appropriate for
functions such as
registering, logging,
searching, and setting
because once the
function is completed,
the current webpage
would be readily
available without
having to click on the
back button.
6
7. 3.2. Bottom Toolbar
A webpage could include either a dynamic content such as a record in a database or static content such as the
description of a product shown in text, graphics, illustrations, pictures, audios, or videos.
After completing a form of a dynamic webpage, a user might want to execute functions that are related to
dynamic content such as saving, submitting, clearing, resetting, cancelling, adding, or deleting.
Similarly, after reading a static webpage, a visitor might want to execute functions that are related to static
content such as referring, sharing, tagging, reviewing, noting, or bookmarking the webpage.
Thus, it makes sense for such functions to be grouped together and placed in a bottom toolbar below the
dynamic or static content. The bottom toolbar must be intelligent enough to present the appropriate functions
that correspond to the type of content. Thus, the bottom toolbar must be multi-functional and context-driven.
In case of a dynamic content, the
bottom toolbar includes functions such
as Clear, Submit, and Cancel.
In case of static content, the bottom toolbar
includes functions such as Refer, Share, Tag,
Review, Note, Bookmark, and Favorite.
7
8. 3.3. Toolbar Features
Combining some of the best practices found in all worlds (i.e., desktops, mobile devices, appliances, games, and the
web), a toolbar should include some of the following common main features:
Draggable.
Sizeable.
Visual distinction of primary versus secondary functions.
Special effects on buttons for all states including enabled, disabled, hovered, clicked, and selected.
Selection of the functions to be included and those to be excluded in the toolbar.
Selection of the order in which functions ought to appear in the toolbar.
Multi-functional and context-driven whenever applicable.
Remembrance through cookies and/or login of the display mode, location, size, selection of functions, order
of functions, etc.
Visibility: anchored (displayed at all times), or hidden (displayed upon hovering).
Accessibility: whether anchored or hidden, a toolbar should be instantly accessible without scrolling
regardless of the size or the resolution of the screen. The screenshot below shows how the scrolling occurs
in between the top and bottom toolbars which are visible and accessible at all times, and thus enhancing
usability. If a user chooses to hide the toolbars, then the top and bottom areas of the screen will be “hot”
areas. Upon hovering over a hot area, the corresponding toolbar appears without having to scroll, in which
case, the toolbar is instantly accessible even though it is not visible because the user chose to hide it.
If scrolling is required,
it occurs in between
the top and bottom
toolbars making them
always visible, and if
not visible because
the user chose to
hide them, then they
will be accessible by
simply hovering over
their respective hot
area at the top or the
bottom.
8
9. 4. Navigation Architecture
If there is any one particular aspect that impacts usability the most, it would be navigation, especially in websites.
Because of their poor navigation, websites tend to be mazes in which we have all been lost in, and found ourselves
asking: where am I? How did I get here? Where do I go from here? Where is the page that I just looked at?
A website consists of a collection of webpages organized in a hierarchical structure where the main sections are at
the highest level. Within every section, there could be number of sub-sections, and within every sub-section, there
could be number of sub-sub-sections, until a node or a leaf is reached which would be the final destination
webpage.
In essence, the structure of a website is exactly the same as the structure of the folders in our computer which is
typically accessed using a tree component like Windows Explorer. The view of the list of folders could be a tree,
thumbnails, carousel, wheel, wall, or a directory. Some views are better suited than others for a particular content.
For example, a carousel would be ideal for a small list of pictures but terrible for a large list of job descriptions for
which a directory would be far more suitable. Furthermore, different users prefer different views. For example,
novice consumers prefer a thumbnail view while advanced technical users tend to prefer a tree view.
The great majority of websites use horizontal tabs as their main navigation paradigm, yet, while tabs are suitable for
flat structures, they are quite inappropriate for hierarchical structures. In order to compensate, web designers
combine tabs with horizontal or vertical menu bars as shown below. This combination falls flat on its face when the
hierarchical structure has more than two levels.
Home Company Products Services Contact Us
History Mission Vision Management Careers Investors
Home Company Products Services Contact Us
History
Mission
Vision
Management
Careers
Investors
9
10. Another common combination is the usage of tabs with drop-down-menus.
Home Company Products Services Contact Us
History
Mission
Vision
Management
Careers
Jobs
Investors
Benefits
Vacation
Interviews
Insurance
Education
Even though cascading drop-down-menus are an adequate representation of a hierarchical structure, they are
awkward to navigate, especially if navigation occurs often, because by their very nature, drop down menus are not
designed to stay visible. Thus, users found themselves hovering over the same path over and over again to get
where they need to go, unlike a tree where the structure is displayed at all times allowing a user to go directly to the
desired node in the tree without having to expand and collapse each and every level in the desired path. For
example, if a user selects “Vacation” from the third level in the path “Company-Careers-Benefits-Vacation”, and
then wishes to view “Insurance”, then the user will have to travel all over again through the same path “Company-
Careers-Benefits” to get to “Insurance” because those drop-down-menus disappear when the user selected
“Vacation” the first time around. Furthermore, drop-down-menus in a browser are notorious for annoying users
because they are often hard to catch - all it takes is a tiny bit of jerking the focus of the mouse away from the drop
down menu for all the drop-down-menus to disappear, and the user would have to start all over again.
As sown below, the ideal navigation system that websites ought to have should combine number of different
paradigms and views including tree, accordion, thumbnails, drop-down-menus, wall, and wheels. In addition, an
ideal navigation system should take advantage of the web, its connectivity, and its capability of collecting the
wisdom of crowds for the purpose of providing suggestions and shortcuts such as:
Most popular webpages in a website based on number of unique visitors and number of visits.
Highest rated webpages in a website.
Webpages similar to or complementary to the current webpage recommended by the publisher or owner of
the website. For example, if a user is viewing a description of a product, the publisher could recommend to
also visiting the demonstration, presentation, articles, brochures, and white papers related to the product.
Thus, the user will instantly have access to everything available about the product in one concise place.
List of webpages bookmarked by a user. If a user has the habit of accessing some specific pages,
gathering those specific pages in one place can save the user a lot of navigation.
List of links created by a user within a specific page. For example, if a page is quite long, a user can simply
highlight the paragraph titles and create links for a quick and easy access to certain parts of the webpage.
History of webpages visited listed in reverse chronological order starting with the most recently visited.
10
11. Drop Down Menus Tree Thumbnails Bookmarks Recommended webpages Popular webpages
Accordion History
Links within current webpage
Services | Training | Description
Go Button
A breadcrumb shows the path of the
currently selected webpage clearing any
ambiguity as to how the user got to the
current webpage.
The breadcrumb offers an alternative
navigation paradigm by allowing a user to
click on any particular entry in the
breadcrumb or type a particular path and
then click on the “Go” button or the “Enter”
key on the keyboard.
Current Level Up One Level Settings Statistic
Collapse All Top Level
Expand All
11
16. In case of flat hierarchies, or in case of functions to be executed, the usage of a bar or a dock with a wave or Genie
effect similar to the Mac Dock would be very appropriate. In such event, websites will start behaving like desktop
applications, and vice versa, combining the best practices of both worlds.
A thumbnail appears upon hovering over an icon in
the dock similar to what currently Windows 7 offers
in its “Status Bar”.
Such feature offer users the capability of visually
browsing a website, which is a very effective way of
navigating without ever resorting to any click or any
refreshing of a webpage.
A bar or a dock with a wave or a Genie effect when
hovering over icons offers a very pleasant user
experience that users are familiar with on their desktops
such as the Mac Dock. No reason why such rich user
experience should not be made available on the web.
16
17. Another scenario is navigating a list of items which could be documents, webpages, pictures, products, etc.
Conventionally, web designers have used a page-centric approach to managing and accessing lists in which the list
of items is presented in one page, and the details of each item are presented in another page that replaces the
page that includes the list. So once a user clicks on an item on the list, that page is refreshed and is replaced by a
page showing the details of the selected item. If the user needs to see the list again, he/she must click on the back
button. In the event that a user is in discovery mode, this paradigm could become quickly quite annoying because
the user will have to go back-and-forth between the page that shows the list and the page that shows the details of
an item until the desired item is found. By using parent-child windows in an asynchronous manner that does not
require refreshing the entire webpage every time an item is selected, navigating through a list of items becomes not
just effective but very pleasant.
Parent window that includes a list which could be displayed in different views such as carousel,
thumbnails, wheel, wall, and directory or table whose columns could be sized, ordered, and sorted like in
a spreadsheet providing desktop features on the web. The parent window itself can be sized, collapsed,
expanded within the current webpage, or expanded in a new tab in the browser.
Child window, which is showing the details of the selected item in the list, can include another webpage,
a PDF file, a media player, tabs, etc. When a new item is selected from the list, only the child window is
refreshed and not the entire webpage. The child window itself can be sized, collapsed, expanded within
the current webpage, or expanded in a new tab in the browser.
17
18. 5. Interface Architecture
A Graphical User Interface (GUI) defines usability, which in turn, determines user experience. A GUI consists of
the following parameters:
Layout, which defines the location on a webpage where objects such as toolbars, forms, widgets, text,
media players, buttons, sliders, and the like are placed.
Aesthetics, which define the shape, style, colors, gradients, and textures of objects. Typically, it is highly
desirable that the aesthetics match the properties of the company’s brand.
Interactions, which define the colors, textures, gradients, sounds, animations, and special effects for:
o States including enabled, disabled, hovered, clicked, selected, or visited state. For example, an
enabled button should be embossed to invite a user to click on it, while a disabled button should be
engraved with fading colors to indicate its disabled status.
o Shapes including icons representing the different states of the cursor. For example, a cursor could
be normally represented by an arrow which is transformed into a hand upon hovering over a
hypertext or a hyperlink to indicate to a user that the text or the object is a link. Different shapes
should be used for sizing, dragging, panning, etc.
o Actions including cut, copy, paste, drag, drop, size, collapse, expand, rotate, flip, slide, pan, scroll,
etc.
More than just looks, aesthetics, and beauty, the architecture of the different elements of a GUI must have an
underlying function beyond their façade. In other words, the elements of a GUI must have a meaningful behavior
that makes their usage more intuitive. For instance, when dragging an object, it is necessary to display the shadow
of the object to indicate to the user that the object is actually being dragged and to enable the user to drop the
object at the desired location. Playing a sound when expanding a window and another sound when collapsing it
could enhance the user experience. When users become so accustomed to all such sounds, animation, and
special effects, they unconsciously rely on those special effects to conclude whether or not their action was
successfully executed. Thus, those special effects become an integral part of the GUI.
Hovered with a multimedia
tooltip that offers a text and Enabled with an embossed effect. Selected with an engraved effect.
audio explanation which
could be turned on or off.
In order to show that a button is
Clicked with an engraved effect. disabled, aesthetically the button is
shown as engraved and faded with the
background, and interactively, the
cursor would remain an arrow and
would not turn into a hand as it is done
with enabled buttons.
18
19. 6. System Architecture
Since websites have been increasingly morphing into web applications, their system architecture takes center
stage. Websites can no longer be considered as a set of interconnected webpages that can be managed by a
document management system.
Like any application that requires a minimum level of industrial robustness, websites require a three-tier architecture
that includes:
A presentation tier that covers the graphical user interface with all its aesthetics and interactions. It allows
users to retrieve and enter data.
An object tier that covers all the algorithms related to business rules, data validation, work flow, etc. The
modules of this second tier reside on a server machine, to assist in resource sharing.
A data tier that includes all the static and dynamic content.
This three-tier architecture offers scalability, reusability, flexibility, manageability, maintainability, multi-threading,
load balancing, fault-tolerance, recovery, security, internationalization, etc. Code, components, modules, and web
services can be created, distributed, and used across the network as required.
19
20. 7. Conclusion
Users’ expectations are on the rise. The web is aging and it needs to be revamped.
Now that there are several platforms that users resort to for different needs, with each platform having its own best-
offerings, there is a need to converge such best-offerings of each platform in all other platforms whenever
applicable to create an ideal and best-of-all-words. For example, there is no reason today why Rich Interactive
Components (RIC) such as accordion, carousel, wheel, wall, dock, parent-child panels, configurators, mixers,
selectors, and the like, which have been historically available on the desktop, should not also be available on the
web.
Websites are morphing into full-fledged web applications of all types from enterprise applications to games. Such
transformation requires a more thorough and disciplined approach to architecting websites beyond being online
stores, or worse, online brochures. So far, web design has been page-centric suffering from the limitations of the
browser and HTML. The websites of the future will be based on RIA platforms. They will have a broad architecture
that covers content, functions, navigation, user interface, and system requirements to provide a minimum industrial
robustness along with high usability and very rich user experience.
20
21. 8. Biographies
Author’s Biography: Dr. David Saad
Dr. David Saad is the founder, Chairman & CEO of Luristic. He is
responsible for the overall direction and management of the company. He is
a seasoned veteran in the software industry with over 27 years of experience
in sales, marketing, engineering, and funding making him uniquely positioned
to lead Luristic. Dr. Saad started his career as a system programmer,
became a data base consultant, a public speaker, an entrepreneur, and an
angel investor.
Prior to Luristic, Dr. Saad was the founder, Chairman & CEO of Clupedia - a
social media company that offered clues from crowds. Clupedia was the
Wikipedia of opinions. The company won several industry awards for its
innovation including the AlwaysOn Media 100 award. During his tenure with
Clupedia, Dr. Saad won the Most Promising Investment Award during the
2006 Fast Pitch competition sponsored by Tech Coast Angels (TCA) from
whom he raised a Series A round of funding.
Prior to Clupedia, Dr. Saad was the founder, Chairman & CEO of Calibra - a software company that offered a
viral marketing tool that used Social Network Analysis (SNA) in order to identify influencers within a social
network for the purpose of launching, managing, and measuring viral campaigns. Calibra was nominated for
the Innovative Product of the Year Award by the American Electronics Association (AeA).
Prior to Calibra, Dr. Saad was the founder, Chairman & CEO of Braintec - a software company specialized in
Unix kernel development, compilers, computational linguistics, and artificial intelligence. Braintec became the
largest Unix engineering firm in Southern California with customers such as AT&T, IBM, Sun, NCR, and
Teradata. Braintec was sold to Technisource – an IT firm listed on NASDAQ which was taken private by
IntelliMark Holdings.
During his tenure with Braintec, Dr. Saad was also the founder, Chairman & CEO of In-D-Pocket - a label
company specialized in R&B, Hip Hop, and rap music. One of the company’s acts was a female group called
Foxx Empire whose debut album included couple of hits such as “Do You Want Me”, “Can’t Let Go”, and a
remix of “Walkin’ in Rhythm”.
Prior to Braintec, Dr. Saad worked for Mathematica Products Group (MPG) – a software division of Martin
Marietta where he was instrumental in establishing the Canadian division. During his stint at MPG, Dr. Saad
won several awards for his software sales achievements including the ICP award.
Prior to Mathematica, Dr. Saad worked as a programmer and data base consultant for IST - a consulting and
service bureau based in Montreal, Canada.
Dr. Saad earned a PhD in Computer Science with high honors from University of Paris, an M.Sc.A. Cum
Laude in Computer Science from McGill University, a B.Sc. in Computer Science from Concordia University,
and a D.E.U.G. in Mathematics & Economics from University of Paris. He speaks four languages. He had a
very successful athletic career in Judo during which he participated in the European Championships, World
Championships, Pan American Games, and the Olympic games. Dr. Saad is a USTA member and regularly
participates in league and national tennis championships.
21
22. Company’s Biography: Luristic
Luristic is a new breed of firm that combines the technical skills of an
innovative software company along with the creativity of an avant-garde
agency.
Luristic is specialized in Rich User Experience (RUE) for websites, web
applications, desktop applications, mobile applications, embedded
applications, and games.
Luristic is a leader and a pioneer in RUE – a very exciting yet quite
complex multi-disciplinary field which combines function & form,
substance & style, and art & science. It requires the precision of a
software engineer, the analytics of a computer scientist, the heuristics of
a cognitive behaviorist, and the creativity of an artist.
Luristic takes a holistic approach by offering a comprehensive set of
products and services that deliver world-class, award-winning, and
state-of-the-art applications and websites with very rich user
experiences that lure, attract, engage, interact, convert, and retain users
with extensive features, robust architecture, logical taxonomy, flexible
workflow, intuitive navigation, and stunning graphical user interface.
Luristic’s products complement the two most popular Rich Interactive Applications (RIA) platforms, namely
Adobe Flex and Microsoft Silverlight. The products are highly customizable with a very flexible skin which can
match the branding of a company. Those products consist of an integrated suite called Lure which includes
the following Rich Interactive Components (RIC):
LureBar allows users to select a webpage with Genie effect, to preview the selected webpage in a
thumbnail, and to navigate to the selected webpage as shown below.
LureDoc allows users to navigate, browse, search, and annotate through a document which could
be a brochure, a catalogue, a paper, a report, an article, a manual, a book, a slide presentation, or
a photo album in many different ways including flipping, sliding, panning, or scrolling. It also allows
users to refer, rate, review, share, tag, bookmark, favorite, embed, and download a document.
LureList allows users to manipulate a list of items by selecting a particular view of the list, sorting
the list in ascending or descending order, define the columns to be sorted on, arrange the order of
columns, and drill down on a particular item in a list.
LureMap allows users to navigate through the website by choosing different navigation paradigms
such as the accordion, drop down menus, tree, or thumbnails. In addition to some very useful
shortcuts, LureMap offers some suggestions for webpages to visit such as similar webpages, top
rated webpages, and recommended webpages.
LureMedia allows user to view a video or a slide presentation. It also allows users to refer, rate,
review, share, tag, bookmark, favorite, embed, and download the content.
LureSurf allows users to navigate through a document with multiple webpages.
Luristic is particularly apt at turning the complex simple, and the simple powerful. We get motivated by
demanding customers who want it all – from functionality to efficiency, from reliability to scalability, from
flexibility to security, from usability to beauty, from function to form, from art to science, from intuition to
analytics, from quantitative to qualitative, and everything in between.
22
23. 9. References
The Next Generation Website Model, by Jerry Bader, October 13, 2006.
The Future of the Web: Where Will We Be in Five Years?, by Cameron Chapman, November 3rd, 2009,
noupe.
HTML 5 and the Future of the Web, by Tim Wright, July 16th, 2009, Smashing Magazine.
The Future of the Web is Semantic, by Naveen Balani, October 18th, 2005, IBM.
The Future of the Web as Seen by Its Creator, by Peter Moon, July 9th, 2007, IT World.
23