Articles

Applications AI génératives avec Amazon Bedrock : démarrage pour les développeurs Go

Applications AI génératives avec Amazon Bedrock : démarrage pour les développeurs Go

,

Les développeurs Go peuvent désormais facilement démarrer avec les applications AI génératives d’Amazon Bedrock. Découvrez comment tirer parti de ces outils puissants !

## Guide introductif pour les développeurs Go qui veulent se lancer dans la création d’applications d’IA générative avec Amazon Bedrock

  • Creating an Amazon Bedrock account
  • Setting up the AWS Go SDK
  • Testing the API
  • Building a Generative AI application

    • Cet article est un guide introductif pour les développeurs Go qui souhaitent se lancer dans la création d’applications d’intelligence générative à l’aide d’Amazon Bedrock, un service entièrement géré qui rend les modèles de base d’Amazon et des fournisseurs de modèles tiers accessibles via une API.

    Nous utiliserons le SDK Go AWS pour Amazon Bedrock et nous aborderons les sujets suivants au fur et à mesure :

    • Créer un compte Amazon Bedrock
    • Configurer le SDK Go AWS
    • Tester l’API
    • Construire une application d’intelligence générative

      • Pour commencer, vous devez créer un compte Amazon Bedrock. Vous pouvez le faire en vous connectant à votre compte Amazon et en recherchant « Amazon Bedrock » dans la barre de recherche. Une fois que vous avez trouvé le service, vous pouvez cliquer sur « Créer un compte » et suivre les instructions pour créer votre compte.

      Une fois que vous avez créé votre compte, vous devez configurer le SDK Go AWS pour pouvoir accéder aux API Amazon Bedrock. Pour ce faire, vous devez télécharger le SDK Go AWS et l’installer sur votre ordinateur. Une fois que vous avez installé le SDK, vous devez configurer les variables d’environnement afin que le SDK puisse se connecter à votre compte Amazon Bedrock.

      Une fois que vous avez configuré le SDK Go AWS, vous pouvez commencer à tester l’API Amazon Bedrock. Vous pouvez le faire en écrivant des requêtes HTTP pour interroger l’API et en analysant les réponses que vous obtenez. Cela vous permettra de voir comment l’API réagit à différentes requêtes et de vérifier si elle fonctionne correctement.

      Source de l’article sur DZONE

      /par

      How To Make Your Designs Scannable (And Why You Should)

      ,

      Jakob Nielsen’s How Users Read on the Web is 25 years old this week, and one glance at an eye-tracking study will tell you its key observations are still relevant today.

      Simply put, users don’t read a web page; they scan it for individual words and sentences.

      A typical pattern shown in eye-tracking reports is that users will rapidly scan a page, scrolling down to do so. Then either hit the back button and pump your bounce rate, or scroll to the top and re-engage with the content.

      Even when content, volume, and quality tick all the user’s boxes, and they choose to stay on your site, they still don’t read; they scan; a slightly deeper scan, but still a scan.

      As a result, it’s vital to design websites to be easily scannable, both in a split-second scan to decide if your page is worth the reader’s time and on a second or third pass.

      Clarify the Page’s Purpose Immediately

      Every page should have a primary goal. The majority of the time, that goal is embodied in a CTA (Call to Action).

      The good news is, if your SEO (Search Engine Optimisation) has gone to plan, your goal (i.e., to sell something) and your user’s goal (i.e., to buy something) will align. By clarifying the page’s purpose, you can show the user that your goals align.

      You can be experimental if you’re an established company and the user knows what to expect. But if you’re new to the market or have a lower profile, you need to conform to established design patterns. This means that a SaaS should look like a SaaS, a store should look like a store, and a blog should look like a blog.

      Including your CTA above the fold — which in the context of the web, means the user doesn’t have to interact to see it. Doing so makes it easier for the user to progress and clearly tells the user what you are offering.

      The landing page for next month’s Webflow Conf 2022 clarifies the page’s content, with a clear CTA above the fold.

      Employ a Visual Hierarchy

      The Von Restorff effect states that the more something stands out, the more likely we are to notice and remember it.

      Visual hierarchies are excellent for guiding a user through content. HTML has the h1–h7 heading levels — although, in reality, only h1–h4 are much use — which gives you several levels of heading that can be scanned by different readers scanning at different rates.

      For example, we know that subheadings have little impact if a user diligently reads the page from top to bottom, but they are excellent for catching the eye of skim readers.

      Amnesty uses very a very simple hierarchy, the only change for its subheading being increased weight. But it is enough to catch the user’s eye.

      You can also create visual hierarchies with other forms of contrast; weight and color are often employed in addition to size. For accessibility and inclusive design, it’s wise to combine visual indicators when creating a hierarchy; for example, headings are usually larger, bolder, and colored.

      Use Negative Space

      Imagine a person standing in a crowd. Let’s say they’re wearing a red and white striped jumper and a red and white bobble hat — pretty distinctive. But if there are hundreds of other characters around them, they might be hard to spot.

      Now imagine the same person dressed the same, standing on their own. How long will it take you to spot them? Even without the stripy outfit, it’s not much of a challenge.

      Elements in isolation are not only easier to spot, but they pull the eye because the negative space (sometimes referred to as white space) around them creates contrast.

      When using negative space, the key is to give elements enough room to breathe and attract the eye without giving them so much room that they are disassociated from the rest of your content.

      Across its site, Moheim uses negative space to highlight UI elements while grouping associated content.

      Use F Patterns

      Users scan a page using either an F-pattern or a Z-pattern.

      Because users scan your page in predictable ways, we can employ layouts that cater to this tendency.

      Designers have been aware of F and Z patterns for some time, and because they’ve been used for so long, they may be self-fulfilling, with users being trained to scan a page in this fashion. However, both patterns are similar to how eyes travel from line to line in horizontal writing systems.

      Whatever the cause, by placing key content along these paths, you increase the chance of capturing a user’s attention.

      Kamil Barczentewicz uses a beautiful, natural layout that also conforms to a classic F pattern.

      Include Images with Faces

      Images are a great way of conveying brand values and making a site engaging. But when it comes to catching the eye of a user scanning your design, the best images include faces.

      For example, a testimonial with an image of the customer will catch the eye more than a text-only testimonial.

      The Awwwards Conference uses an animated computer with a face to capture attention. And large images of speakers making eye contact.

      This is almost certainly due to social conditioning; we see a face, and we engage with it to see if it is a threat or not. Most of us naturally look to expressions of emotion to understand situations, and the distinction between a real-life person and an image hasn’t made its way into our mental programming yet.

      You don’t need to use photos. Illustrations are fine. The key is to ensure there is a face in the image. That’s why illustrations of characters perform so well.

      Copy Print Design

      Print design is centuries older than the web, and many print applications, from newspapers to advertising, developed design elements to catch the eye of readers scanning the design.

      Subheadings, lists, blockquotes, and pull quotes all catch the eye. Introductory paragraphs in a larger size or even italics draw users into the text. Shorter paragraphs encourage users to keep reading.

      Horizontal rules used to delineate sections of text act as a break on eyes traveling over content with momentum. They are a good way of catching a scan-reader who is losing interest.

      You can use a horizontal rule or break up your layout with bands of color that divide content sections.

      Omono uses horizontal bands to highlight different sections of content.

      Mass, Not Weight

      We often discuss design elements as having weight; font-weight is the thickness of strokes.

      But it is more helpful to think of design elements as having mass; mass creates gravity, pulling a user’s eye towards them.

      The trick is to design elements with enough mass to attract the user‘s eye when scanning at speed without forcing the user to change how they engage with your content.

       

      Featured image via Pexels.

      Source

      The post How To Make Your Designs Scannable (And Why You Should) first appeared on Webdesigner Depot.

      Source de l’article sur Webdesignerdepot

      /par

      API Security Weekly: Issue #105

      ,

      This week, we take a look at API vulnerabilities in HashiCorp Vault, Azure App Services, and more. There is also an introductory video on finding information disclosure in JSON and XML API responses, and another cheat sheet and a webinar on OWASP API Security Top 10.

      Vulnerability: HashiCorp Vault

      Felix Wilhelm from Google’s Project Zero has written a very detailed write-up on an authentication bypass he found in the Amazon Web Services (AWS) and Google Cloud Platform (GCP) integration of HashiCorp Vault. As a central storage of credentials, Vault makes an attractive target for attackers, and therefore a vulnerability in it is also very bad news. Looking for the silver linings, this attack was definitely quite advanced, and thus not easily exploitable.

      Source de l’article sur DZONE

      /par

      5 Tips for Designing One-Page Websites That Work

      ,

      Smart design choices can help reduce the fatigue and frustration people would otherwise feel when using the web.

      There are a lot of ways web designers can minimize distractions, information overload, and analysis paralysis. For instance, designing with abundant white space, shorter snippets of text, and calming color palettes all work.

      One-page websites might be another design choice worth exploring.

      When done right, a single-page website could be very useful in creating a simpler and more welcoming environment for today’s overwhelmed consumers.

      With its diminutive structure, it would leave a unique and memorable impression on visitors. What’s more, a well-crafted one-page website would provide visitors with a clean, narrow, and logical pathway to conversion.

      For those of you who use BeTheme’s pre-built sites (or are thinking about adopting them for your next site), there’s good news. In addition to the great selection of traditionally structured sites available, Be also has single-page websites for you to work with.

      So, the technical aspects you’d need to master to get the one-page formula right are already taken care of.

      Let’s have a look at some of the features that make single-page websites shine and how you can design them:

      1. Give Visitors a Succinct Journey Through the Website and Brand’s Story

      The typical business websites you design include pages like Home, About, and Contact, as well as pages that explain the company’s services or sell their products. Unless you’re building really long sales landing pages, there’s usually about 400 to 600 words on each page.

      That’s still a lot of content for your visitors to get through and it can make perusing a single website an overwhelming experience. Imagine how they feel about reading through all that content when they have to do it multiple times when comparing other websites and options.

      In some cases, this multi-page website structure is overkill. The information you’d otherwise fill a full page with can easily be edited down to fit a single pane or block on a one-page website and still be as useful.

      Like how design and development studio Pixel Lab does it:

      Pixel Lab

      Notice how all the key points are hit in a concise and visually attractive manner:

      • The Featured Work portfolio
      • The About Us introduction
      • The FAQs
      • The contact form

      The BeCV pre-built site is built in a similar manner (and for a similar purpose, too):

      BeCV

      Just remember to keep a sticky navigation bar present at all times so visitors know exactly how much content there is on the page.

      2. Opt For a Non-Traditional Navigation for a Uniquely Memorable Experience

      Typically, the rule is that website navigation should follow one of two patterns:

      • Logo on the left, navigation links on the right.
      • Logo on the left, hamburger menu storing the navigation on the right (for mobile or desktop).

      There are a number of reasons why this layout is beneficial. Ultimately, it comes down to the predictability and comfort of having a navigation be right where visitors expect it, no matter where they end up on your website.

      However, with a single-page website, this is one of those rules you can bend, so long as you have a way to keep the navigation ever-present and easy to use.

      There are some great examples of one-page sites that have done this, usually opting for a stylized left-aligned sidebar that contains links to the various parts of the page. Purple Orange is just one of them:

      Purple Orange

      And you can use a Be pre-built site like BeHairdresser to create a similar navigation for your website:

      BeHairdresser

      If you’re trying to make a bold brand stand out, this is a neat layout option to experiment with.

      3. Tell a More Visually Striking Story

      One of the problems with building a website with WordPress is that you always have to worry about how your design decisions affect speed. Even once the code is optimized, images are usually the low-hanging fruit that have to be dealt with.

      But when your website only contains one page, this means images aren’t as much of a problem (so long as you compress and resize them). It’s only when you continue to add pages, products, and galleries that you have to scale back your visual content.

      So, if your brand has a strong visual identity and you want the website to show that off through images, a one-page website is a great place to do it.

      Just remember to keep a good balance between text and images as Vodka A does:

      Vodka A

      There’s no reason for a liquor distribution company to mince words when the elegant product photos effectively communicate to consumers what it’s all about.

      In fact, this image-heavy, single-page style would work well for any vendor selling a small inventory of products: food, beverages, subscription boxes, health and beauty products, etc. And you can use the pre-built BeBistro to carefully craft it:

      BeBistro

      4. Turn a Complex Business Idea or Offering into Something Simple to Understand

      When a company sells a technical or complex solution to consumers, it can be a real struggle to explain what it does and why they should buy it.

      But here’s the thing: Consumers don’t really care about all that technical stuff. Even if you were to explain how an app worked or how you use a software like Sketch or WordPress to design a website, their eyes would glaze over.

      What matters most to them is that you have an effective and affordable solution that they can trust. So, why bog them down with page after page of technical specs and sales jargon?

      A one-page website enables you to simplify even the most complex of solutions.

      Take Critical TechWorks, for instance. It offers an advanced technological solution for the automobile industry…and, yet, this is all it needs to explain the technology at work:

      Critical Techworks

      If your website’s visitors are more concerned with the outcomes rather than the “how”, you’d do well to make the website and content as easy to digest as possible. And you can use a pre-built site like BeCourse to do that:

      BeCourse

      Notice how both of these sites take visitors through a small handful of sections (pages) before delivering them to the main attraction: the contact or sign-up form.

      5. Capture Leads and Sales at Different Stages of the Sales Funnel

      Some of your visitors will be brand new to the site and need more information before they pull the trigger. Others will already have a good idea of what they’re getting into and just need one small push to get them to take action.

      With a single-page website, you can design each section to cater to the different kinds of leads and prospects that arrive there.

      The top sections should be introductory in nature, providing new visitors with information they need to decide if this is an option worth pursuing. The sections further below should drill down into the remaining questions or concerns that interested prospects have.

      Regardless of which section they’re looking at, your one-page site will have CTA buttons built in along the way that drive them to conversion the second they’re ready.

      This will enable your site to always be prepared to convert leads, whether visitors read the first two sections or make their way through all of them until they reach the conversion point (e.g. a contact form, a checkout page, etc.).

      You’ll find a nice example of this on the Cycle website, with CTAs strategically placed along the single-page’s design:

      Cycle

      BePersonalTrainer is a good pre-built site option if you want to ensure that you include a CTA button at the perfect stopping points throughout your page:

      BePersonalTrainer

      You won’t find them at the bottom of every section, but that’s okay. You just need them whenever your visitors are seriously thinking about taking action.

      What Should You Build: A Multi-Page or One-Page Website?

      Although a single-page website won’t work for larger websites (especially in ecommerce), it could work well for business websites that are on the smaller side to begin with.

      By centralizing all of that information into a single page, you’ll create a fresh experience that wows visitors with how succinct yet powerful both the message and offering are.

      Just be careful. Many single-page websites are poorly done (which is probably why they fell out of fashion for a while).

      Remember: This is not your chance to throw web design rules out the window. In fact, this will be an opportunity to clear out the fluff and the clutter that’s accumulated over the years and to return to a more scaled-back and classic approach to design.

      And with the help of Be’s pre-built one-page websites, it won’t require much work on your part to make that happen.

       

      [– This is a sponsored post on behalf of BeTheme –]

      Source


      Source de l’article sur Webdesignerdepot

      /par

      Using Terraform for Managing Infrastructure

      ,

      What is Terraform?

      Terraform is a tool that is used for building, changing and versioning infrastructure safely and effectively. Using the configuration file you describe to Terraform what components are needed. Terraform then goes and generates an execution plan describing what the desired state should be. And then it goes and executes and builds it. Terraform manages all this through a state file. Now there are two flavors of Terraform:

      • An open-source version
      • An enterprise version

      Terraform supports a wide variety of cloud and infrastructure platforms. This includes AWS, OpenStack, Azure, GCP, Kubernetes and much more.

      Source de l’article sur DZONE

      /par