Відео

Damos estilo ao parágrafo do Stencil para o qual temos que trabalhar as propriedades margem em contraposição com as padding, e ver as diferenças entre as propriedades físicas e as lógicas, relacionadas com a direção left to right do texto ou vice-versa. Mencionamos a possibilidade de compor classes para aplicar várias a um mesmo controle.

Nos concentramos em fazer com que os textos “The new age of EXPLORATION” e “The most visited ATTRACTIONS” pareçam como indicou a designer. Para isso, começamos a manipular o DSO incorporando família de fontes, token de cor, e propriedades CSS, e associamos classe ao controle Textblock do stencil

Explicaremos como os elementos de um design se comportam diante de pequenas variações na largura da tela. Discutiremos os conceitos de frames, grupos e autolayout, bem como as propriedades específicas de cada um deles. Através de exemplos práticos, aprenderemos como lidar com essas técnicas para garantir uma experiência de usuário consistente em diferentes dispositivos e tamanhos de tela.

Exploraremos os elementos fundamentais de design que nos permitirão criar a aparência visual de nossas telas. Veremos como criar um sistema de design que agilize a implementação posterior, levando em consideração a experiência do usuário. Estes elementos serão abordados através da ferramenta de design selecionada, que nos fornecerá diversas formas de expressar as decisões de design tomadas.

Analisamos como estabelecer espaçamento lateral e entre elementos do container através de linhas e colunas vazias e deixamos para depois a questão de como fazê-lo com paddings e/ou margens. Utilizamos as propriedades de alinhamento dos controles dentro das células. Instanciamos o stencil nos painéis Home e Attractions e executamos. Observamos os efeitos da propriedade Auto Grow.

Designer e desenvolvedor frontend, damos as boas-vindas ao curso e falamos sobre seu escopo e foco, esperando que você fique entusiasmado e se junte a nós nesta jornada.

Criamos o objeto Stencil para modelar a parte de layout das páginas Home e Attractions que é idêntica em estrutura. Utilizando a tabela Main como ponto de partida, analisamos quais controles devemos colocar dentro dela, e como estabelecer as larguras e alturas ao nível das tabelas e dos controles internos para começar a estruturar o layout.

We implement the hamburger menu together with the tabs menu, show the Menu object, and see the types of attribute/variable controls and grids that we can use. Also, we analyze how we effortlessly made the attraction grid look good from the beginning.

Começamos com a KB inicializada com o Backoffice com 3 transações e o web WorkWith. O uso dos sistemas de design padrão para cada plataforma é revisado e o módulo TravelAgency é criado para iniciar a implementação do aplicativo Angular voltado para o cliente. O Painel Mestre e os 4 Painéis que foram analisados ??no vídeo anterior são inicializados.

Como introdução, analisamos como se estruturam as telas desenhadas no Figma no GeneXus, dividindo-as em diferentes tipos de objetos (Master Panel, Panel, Stencil, Component), e como se traduzem a tipografia e os estilos de cores (objeto Design System ).

We implement the hamburger menu together with the tabs menu, show the Menu object, and see the types of attribute/variable controls and grids that we can use. Also, we analyze how we effortlessly made the attraction grid look good from the beginning.

A administração de funções e permissões é parte fundamental da gestão da segurança dentro do GeneXus Enterprise AI, pois permite definir quais ações e funcionalidades os usuários podem realizar de acordo com sua função dentro de um projeto. Em vez de atribuir permissões diretamente aos usuários, as permissões são gerenciadas por meio de funções.

Cada usuário em um projeto pode ter uma ou mais funções atribuídas a ele, que definem seu nível de acesso e as ações que podem realizar. No Backoffice GeneXus Enterprise AI podemos gerenciar usuários e suas permissões. Membros são usuários aos quais foi concedido acesso a um projeto específico.

Every project user can have one or more roles assigned, which define their access level and the actions they can perform. In the GeneXus Enterprise AI Backoffice, we can manage users and their permissions. Members are users who have been granted access to a specific project.

Role and Permission Management

Contact Panel: Input Fields

Header in GeneXus: logo, menu and title

From Web Travel Agency to Native Mobile

Multiexperience approach

Master Panel: Header update and Navigations (part II)

Master Panel: Header update and Navigations

Attractions Panel: Carousel (Grid control) part 2

Accessibility and first steps for the Master Panel

Header in GeneXus: logo, menu and title

Design System's color system

Color system in GeneXus

Assets: Fonts, colors, images

First Layout in GeneXus. Some additional considerations

Multiexperience. Summary and final notes