Vivam!               Espero cativá-los com os meus trabalhos mais recentes, resultado de uma compensadora caminhada na Web com mais de 20 anos. Here I am!               I hope you enjoy my latest works, the result from a magic and rewarding traveling over the web for more than 20 years, now.

Comentários serão muito bem-vindos no meu e-mail. Comments will be most welcome, on my mail box.

Biblioteca da Google Ng15 App Google Books Ng15

A livraria do Google para navegar, escolher e comprar.
Uso da Store (ngrx), para sair/entrar cada um dos livros pretendidos.
(Nx para toda a app em Angular) The Google library to see, choose and buy books.
Use of Store (ngrx), to supervise the coming and going of each book.
(Nx for your Angular app)
Google Books

Biblioteca da Google Ng15 App Google Books Ng15

     
  • Ainda está em TESTE!
    No entanto, está funcional.
    Aproveitem!


    Still on TESTing!!:
    But... all functional.
    Enjoy!


  • HTML 5 + SCSS + Angular15 (Nx) + Angular Material + Nodejs ("contact")
  • App Google Books Ng15
  • Miles-NET platform
  • 2023

MAT Museum Ng12 NG12 MAT Museum

Veja o MAT Museum em Nova Iorque!

19 departamentos de Arte, com procura em todos/cada um deles.
Cada peca, para além de um título descritivo, contém o autor, a sua bio, descricao do trabalho em si, medidas, sponsership, etc.

Vá a Nova Iorque, ao MET, sem sair de casa! Watch details of the MAT Museum, in NY!

19 Art departments, with refined search on each and all of them.
Each work of art, besides a sugestive title, has mentioned the author (his/her nationality and bio), when was it catalogue into this collection, etc.

Without getting out of your sleepers, take a good look at the MAT Museum, in NY!
3D Components Library

MAT Museum Ng12 NG12 MAT Museum

     
  • Sem autenticacao, sem passwords....

    Aproveitem...


    No authentication, no passwords...

    Enjoy!


  • HTML 5 + SCSS + Angular12
  • NG12 MAT Museum
  • Miles-NET platform
  • 2022

App Enterprise Ng11 App Enterprise Ng11

Depois de escolher a framework, qual é a estrutura da aplicação empresarial?

Há um set up básico, que define os folders e as funcionalidades mais importantes de toda a aplicação:
core modulo — funcionalidades comuns, e partilhadas pela app;
shared modulo — funcionalidades reutilizáveis pela aplicacão;
functional modulo — funcionalidades especificas. After choosing the framework, what's the structure of the application?

We would like to explore simple folder structures to setup a boilerplate code for enterprise applications. Lets see:
core module — common functionalities for whole application
shared module — reusable functionalities for application
functional module — specific functionalities in the application.
3D Components Library

App Enterprise Ng11 App Enterprise Ng11

     
  • Credenciais de login na app, para ter acesso a todos os módulos:
    email: test@test.com
    password: 1234

    Aproveitem...


    Login credentials to our platform, on several modules:
    email: test@test.com
    password: 1234

    Enjoy!

  • HTML 5 + SCSS + Angular11 + Angular Material + Nodejs + JWT Auth
  • App Enterprise Ng11
  • Miles-NET platform
  • 2021

Livraria de Componentes 3D Ng9 Components 3D Library

Uma livraria de objectos 3D (com "formas") que materializam componentes como esferas, cubos, cónicos, etc.

Usamos a livraria "Three.js", para obter todo o conteúdo 3D do site.

O Angular está no nível mais alto - comanda o "Three.js" para resultar em cenas, luzes, sombras, materiais, etc
"WebGL" está no mais baixo - desenha pontos, linhas e triângulos. A library of 3D objects (with "shapes") that comprehend components as spheres, cubes, torus, etc.

We use the 3D Library "Three.js", to get 3D content on a webpage.

Angular is the top level tier - commands "Three.js" to do the scenes, lights, shadows, materials, textures, etc.
"WebGL" is in a low-level - draws points, lines, and triangles.
3D Components Library

Livraria de Componentes 3D Ng9 Components 3D Library

     
  • Finalmente uma livraria cujos componentes pode ter todas as formas que imaginarem!

    Finnally a library with components molded 100% free of pre-shapes - even the most "human" ones!

  • HTML 5 + SCSS + Bootstrap + Angular9 + Angular Projects (library) + Three.js
  • Ng9 Components 3D Library
  • Miles-NET platform
  • 2020

Componentes UI @ Angular 6 Angular 6 UI Components Library

Components UI/UX customizados (buttons, dropdowns, tables, etc.) para serem de fácil ("npm install") instalação na sua App.

Ganha uniformidade e rapidez, para a manter e escalar, garantindo os mesmos Inputs/Outputs (necessários/opcionais) para cada um dos componentes. An "npm install" library of UI/UX custom components (buttons, dropdowns, tables, etc.), to be used in any App.

Components have as many Input/Output Directives as the needs of use on your App ⇒ easy to maintain, and scale, preserving look & fell and functionalities.
UI Components Library

Components UI/UX em NG 6 NG 6 UI/UX Components Lib

     
  • Uma grande lacuna, e esperada novidade, apareceu em meados de 2018: possibilidade de compilar uma verdadeira livraria de componentes UI/UX, em Angular 6.
    A nova dependencia NPM ng-packagr permite instalar, via $ npm install em linha de comandos, tags HTML não nativas, inteiramente costumizadas quanto ao styling e comportamento.

    Não deverá ser dada, na demo desta livraria, muita atenção ao (aparente!) styling confuso, ou até a ausência do mesmo... - é precisamente suposto ser tão aberto e ausente quanto possível para que, do lado da instalação da App Web, este possa ser costumizado livre e intensamente, de acordo com os requisitos da sua App!
    Para tal, inspeccione as tabs de cima de cada componente (Markup, Typescript, API) onde encontrará as várias Directivas Input/Output de cada componente e sugestões de HTML/JS, para que se possa extrair o máximo de features e costumização na instalação de cada componente da livraria.

    Pode apreciar neste link uma página com diversos CRUDs, populando uma aparência e funcionalidades uniformes, moderna e perfeitamente integrada (neste caso, da gestão da manutenção de assets industriais)
    E para uma página similar - onde se muda, por exemplo, o asset ou a instalação industrial ou o tipo de manutenção esperada... o look & feel será exactamente o mesmo, com o mesmo nível de integração e comportamentos esperados.

    Experimente online os vários snipets de instalação de cada componente nesta livraria UI/UX, em NG 6 - desde um simples <button />, a uma <uno-picklist /> dropdown selector, ou com dados tabulares numa <uno-smart-table /> manipulados por um CRUD, com, ou sem, chamadas a uma API, interna ou externa à Tabela de dados/instalação da App Web!

    And Angular 6 arrived in middle of 2018, filling a huge and imperative gap, on the componentization of modern JS frameworks development - trully libraries of UI/UX components are now possible through $ npm install command line, that, once installed, can be used so many times, with so many different features, behaving how they should, no matter the skills of the developer who installs it on your Web App.

    Please don't take too much notice on the (apparently!) confusing, or absent, styling of the DEMO library components. It's precisely supposed to be as open and freely as possible.
    A lot (most!) of style costumization happens on the Web App installation side, throughout each component's (more or less used) extensive API of Input/Output Directives.

    Please do inpect the upper tabs of each component: code snippets for Markup (HTML) and TypeScript possibilities and, off course, the API Methods for different customization at the same Web App installation.

    For instances, if you click in this link you can appreciate how it can become a fully riched App (several!) CRUD page, using exclusivey this UI/UX library components.
    And each similar page, using similar features but in a different subject/object/data will still have the same overall look & feel you want throughout your entire Web App. And similar installation procedures!

    Have fun, playing with each NG 6 UI Lib DEMO's component - eiter with a simple <button />, a <uno-picklist /> dropdown selector, or an entire Data <uno-smart-table /> CRUD, with, or without, a Data API, internal or external to the Table/installation!

  • HTML 5 + CSS Lightning System + Angular 6
    NPM main dep: ng-packagr, prismjs, tether
    NPM demo dep: raw-loader, markdown-loader, html-loader
  • NG 6 UI Lib DEMO
  • UNO Digital
  • 2019

Plataforma Imobiliária House Miles Real Estate

Procura casa...? Quer vender a sua casa...? Ou alugá-la...? De forma permanente ou sazonal...?

House Miles é a escolha preferida dos Profissionais do ramo Imobiliário! Your private-to-private Real Estate listing solution!

House Miles is the platform to go when we're talking about Real Estate business.
House Miles Real Estate platform

Gestor de Conteúdos Imobiliário Real Estate Listing CMS

     
  • Se as suas necessidades publicitárias/de anunciante passam pelo ramo Imobiliário, só tem que adquirir um "Plano de Utilizador" na Loja (House Miles) para começar a tirar partido da plataforma Miles-NET hoje mesmo!

    Algumas facilidades únicas, no mercado de CMS para Imobiliárias:
    backoffice apelativo e intuitivo onde não só poderá gerir os seus imóveis de forma autónoma, e independente uns dos outros, como a própria página web em que cada um irá ser mostrado - customização através da chamada de “widgets” parametrizáveis em diferentes "módulos"

    motor de busca AJAX inteligente (sugestões ao ritmo do teclado)

    grelha de listagens Isotope ajustável ao espaço disponível, com slider Flickity de imagens em cada célula (várias fotos do Imóvel), e possibilidade de filtragem sem ir ao servidor

    serviços de eCommerce, tanto de produtos físicos como de software (licenciamentos) ou até de serviços, conectados a uma plataforma CRM, também ela Web nativa

    com geo-localização automática das suas propriedades - tanto no backoffice como no front - pode adequar as facilidades, locais, transportes, infraestruturas, etc. mostrados, para cada imóvel, às suas finalidades COMERCIAIS

    integração de Serviços e Aplicações de terceiros, através de APIs assíncronas, dos seguintes, entre outros, providers:
    • Google Maps: permita que os SEUS clientes traçem itinerários de/para o seu imóvel - clique em qualquer ponto do Mapa da página da sua propriedade para planear um itinerário até ao seu Imóvel e (re)conheça, no local, de uma forma real, edifícios, distâncias, tempos de viagem e direcções, horários de transportes, com uma precisão incrível, seja caminhando, de bicicleta, de carro ou via qualquer Transporte Público disponível na área.
      MS Translator Machine: no backoffice, e com um simples clique, traduza automaticamente cada um dos campos da(s) sua(s) propriedade(s), do português para qualquer outro idioma
      Facebook, AddThis, etc.: incorporação de posts de "comentários" públicos em cada página de cada imóvel, com possibilidade de publicação em qualquer uma das 250 redes sociais - apenas com um único CLIQUE! Não necessita de fazer login em cada uma delas, de escrever uma linha de código ou mesmo conhecer o endereço web (URL) da(s) sua(s) propriedade(s)!
      Paypal, etc.: activação, com pagamento online, dos User Plans que melhor se adequem à sua actividade imobiliária, com possibilidade de renovação automática, de forma instantânea.
          Once you get your "User Plan", on House Miles SHOP, and if your advertising necessities belong to the Real Estate business area, you should try this 1st affiliate website of Miles-NET platform!

    Some of the unique features that make Miles-NET Real Estate platform #1:
    a friendly-user backoffice will able you to manage not only each Real Estate comodities, images, descriptions, etc. as, also, the page where it will be shown - through a modular MVC/“widgets” seamless structure, configurable with different params

    optimized and intelligent database search engines (keystroke) with AJAX requests

    listings with adjustable Isotope grid, having a Flickity slider (property photos) inside each cell, and filtering possibilities without caling the server.

    eCommerce of products (soft and hardware) and services, with CRM modules

    with automatic geo-localization of your properties addresses - in front and back end operations - you can then suit your COMMERCIAL purposes by showing, hiding or changing around facilities, transportation, roads, infrastructures, etc.

    several API conections allow us to cummunicate, in real time, with Web Services from main popular providers like:
    • Google Maps: allow YOUR customers to draw itineraries from/to the property - pick a start point to plan a route and know, see and feel real distances, time travel and directions on real time, through real places, with accurate precision, either by walking, cycling, car or by any public transportation network available at the area.
      MS Translator Machine: with 1 click, have each of your property back office fields automatically translated from Portuguese to any other language
      Facebook, AddThis, etc.: allow public comments threads, at each porperty page, and publish your property in any of the 250+ social networks - just with ONE single CLICK! You don't need to login into every single SOCIAL NETWORK, write a line or even know the property URL address!
      Paypal, etc.: you can use our online payment services to renew, or start, each of your Real Estate User Plans. They will be ready to use on the fly.
     
  • HTML 5 + CSS 3 + Bootstrap + JQuery | Apache + CodeIgniter PHP + MySQL
  • House Miles CMS
  • Miles-NET Inc
  • 2016

Plataforma CMS Miles-NET Miles-NET CMS Web platform

Website de apresentação da plataforma Web para as seguintes verticalidades:

Lojas OnLine | Imobiliário | Restaurantes & Take-Away Presentation of an eCommerce open platform for:

eCommerce retail Stores | Real Estate Listing | Restaurants & Take-Away
Miles-NET CMS Web platform

App de página única SPA - Single Page Application Website

     
  • Website de apresentação da plataforma Web Miles-NET, com Gestão de Conteúdos (produto e apresentação) e pré adaptada a 3 verticalidades: Lojas OnLine, ramo Imobiliário (empresas, agentes ou particulares) e comércio / costumização personalizada de Menus (Restaurantes e Take-Aways).

    Para além da apresentação institucional e tecnológica, terá ainda acesso à área de Administrção de back-office, podendo experimentá-la online!

    Como testar, online e de forma real, o CMS Imobiliário:

    Informação genérica:
    Miles-NET Imobiliário

    1º Website afiliado:
    House Miles
    Aquisição de Planos de Utilizador:
    Loja House Miles

    DEMO backoffice, para o ramo Imobiliário:
    Demo (backoffice)

    Tutoriais online no YouTube:
    Miles-NET @ Youtube
          Website of Miles-NET presentation: a powerful customizable CMS Web platform for retail online Stores, Real Estate trading markets and personalized Restaurant/Take-Away food ordering.

    Besides the fully detailed presentation, you can test live and online the back-office administration of the full CMS + CRM.

    How to do a complete live test drive @ Miles-NET Real Estate CMS platform:
    Generic info:
    Miles-NET Real Estate

    1st affiliate website:
    House Miles
    Purchase House Miles User Plan Licenses:
    House Miles Shop

    Backoffice DEMO, for the Real Estate business:
    Demo (backoffice)

    Video tutorials @ Miles-NET YouTube account:
    Miles-NET @ Youtube
     
  • HTML 5 + CSS 3 + Bootstrap + JQuery | Apache + CodeIgniter PHP + MySQL
  • Miles-NET platform
  • Miles-NET Inc
  • 2016

Websites anteriores: Older samples of expertise:

Conchas & Ouriços Conchas & Ouriços

Gestão de Projectos e International Procurement Project Management and International Procurement
Conchas & Ouriços
  • >

Mini-site de 1 página bootstrap 1 page bootstrap mini-site

     
  • Dar a conhecer o que é, e quais as vantagens, do International Procurement.
    Apresentação, por um lado, de casos de sucesso já implementados em todo o Mundo e, por outro, dos parceiros/fornecedores envolvidos.

    Website desenvolvido, e entregue, numa tarde.

    Generic information of what is and what advantages can it bring to your business, Project Management associated with International Procurement.
    Presentation of clientele case studies, spread through the 5 continents, and partnerships/outsurcing enforced to achieve client goals.

    Website developed, and deployed, in one afternoon.

  • HTML 5 + CSS 3 + Bootstrap + JQuery
  • Conchas & Ouriços Website
  • Conchas & Ouriços (Ericeira)
  • 2015
  • “Impecável! Obrigado Pedro por tornares tudo tão simples e atraente! Era mesmo isto que queríamos.” “Thanks, Pedro, for turning this piece of information so attractive, well-knit and simple! That's exactly what we wanted.” Pedro BrandãoCEO
    “Nice! Aspecto clean... espaço... funcional... É isto! E tudo na mesma página!” “Nice! Clean, spacial and functional look - that's it! And all at the same single page. Great!” Elizabete PeixotoProject Manager

SARL Thiebaux Thiebaux SARL

Colecta, tratamento, reciclagem e venda de resíduos e transformados do proceso de fabrico de champanhe Collect, treatment, recycling and selling of waste materials derived from the process of champagne manufacturing
Thiebaux.com
  • >

Loja on-line, de design específico Special design eCommerce shop

     
  • Apresentação institucional da empresa e loja de produtos on-line.
    Dada a forte concorrência nesta zona única do Mundo, pretendem-se resultados de design e operacionalidade únicos, não-convencionais mas intuitivos ao mesmo tempo.

    O fundo do Website tem 3 paneis de imagens rotativas, sendo as páginas de Menu carregadas por AJAX (as de eCommerce são renderizadas usando jquery-tmpl).
    O carregamento da homepage obedece a uma animação pré-definida - usando promisses, garantindo assim independência da latência da rede, ou da performance do dispositivo do utilizador, controlamos a entrada em cena de cada elemento - o próximo objecto/imagem só faz a SUA animação depois de carregado e após o timming dos seus antecessores.

    A usabilidade de todo o site deve concentrar-se numa única página - de forma a parecer uma SPA, ao utilizador.

    Institutional presentation of the company and products store online.
    Given the strong market competition in this unique area of the world, it's pretended an appeal and unique design, on a user non-conventional, but intuitive, operability.

    The entire Webste rests in one same page, with 3 full screen background changing panels. The Menu pages content are loaded by AJAX calls (the eCommerce ones render with jquery-tmpl).
    The loading of the homepage follows an orchestration, using promisses - independent of network latency or user device's performance, the next image/object only gets into the scene animation when fully loaded and sequentially preceded by the previous ones.

    All website operations must be concentrated on a single viewport page - very similar, concerning UI/UX, to a SPA feeling.

  • HTML 5 + CSS 3 + jquery-tmpl + JQuery + AJAX | IIS + ASP + SQL Server Apache + PHP + MySQL
  • Thiebaux eCommerce
  • SARL Thiebaux (Oeuilly, França)
  • 2014
  • “Único!
    Conseguiu-se a 100% a real distinção para as outras casas de Champanhe - as cores, as imagens de fundo, a mostra de produtos. Super profissional.
    Tenho a certeza que vamos ser notados pela diferença!”     “Unique! You've managed to achieve an effective distinction to the other champagne houses - the colors, background related wine production images and the products showing at the store. Super professional.
    I'm confident it will make an huge fuzz, on the nowadays champagne market!”     David ThiebauxGerenteManager
    “Demorou tempo a apurar mas ficou muito bom todo o movimento da navegação entre os produtos da loja. Ficou fácil e intuitivo, mesmo para ecrans de telemóvel ou de tablets.
    Obrigada!”     “It took a bit of experimenting and twisting to get what we had in mind, but it came out perfect the navigation system through our products and services store. Perfectly easy to use and intuitive, even for mobile phones or tablets. Thank you so much! Great work!” Nathalie ThiebauxOperadora backofficeBackoffice operator

Oficina-Design Oficina-Design

Branding, Design de Comunicação, Design de Interiores e Stands

Fotografia Publicitária, Arquitectura e Moda

Viaturas, Grandes Formatos e Outdoors Branding, Interiores, Exhibition Stands and Communication Design

Photography of Commercial, Architecture and Fashion activities

Vans and Large Advertising Formats
Oficina-Design

Full Screen, cor e movimento Full Screen, color and movement

     
  • Apresentação de trabalhos feitos para clientes e de projectos novos, ou em estudo, em mais uma página única (SPA).

    AJAX, o servidor Unix e a Base de Dados só foram usados para despachar, e guardar, contactos de email.

    Componente muito forte no design, como não podia deixar de ser, e na user experience.

    Another SPA, driven by the presentation of design works for a few customers, projects ongoing and new ones.

    AJAX, Unix server and database were used with the sole purpose of serving, and register, email contacts.

    Very strong emphasis on design - obviously! - and user UX.

  • HTML 5 + CSS 3 + JQuery + AJAX | Apache + PHP + MySQL
  • Oficina-Design Website
  • Oficina-Design, Unipessoal LDA (Mafra)
  • 2013
  • “A barra vermelha de menús dá-lhe um contraste óptimo. Gostei muito das imagens de fundo em cada página, principalmente do modo como se adaptam a qualquer tamanho de ecran, e do formulário de contacto! Excelente!” “The extended full-width red menu bar gives a perfect, nice, distinguish finishing. Liked a lot of all background images, particularly the way they adapt to all screen formats. The contact form is just awesome!
    Excelent!”     Susana PimentaGerenteManager

Pilar Estratégico Pilar Estratégico

Engenharia | Construção | Reabilitação Civil Engineering | Construction | Building and structures rehabilitation
Pilar Estrategico

Janela de 3 paineis dinâmicos Backgroung flipping panels viewport

     
  • Apresentação on-line de projectos de Engenharia e de reabilitação de casas, assim como o seu acompanhamento/evolução.

    O fundo do Website tem uma imagem dividida por 3 paneis rotativos, sendo as páginas de Menu carregadas por AJAX. Com o hovering do rato, a imagem de fundo muda, com cada painel a assumir a sua parte de forma sequencial e suave. Clicando, vemos o novo conteúdo ser carregado numa janela modal, via AJAX, enquanto a imagem de fundo regressa à inicial, desta vez com sequencia inversa da mudança de paineis.

    A usabilidade de todo o site deve concentrar-se numa única página - de forma a parecer uma SPA, ao utilizador.

    Stage-by-stage on-line presentation of civil engineering projects either from scratch floorplanners to a complete house rehabilitation.

    The entire Website rests in one same page, with 1 image splitted into 3 background changing panels. At each Menu page link hovering, background image sequentially changes each of the 3 panels, to compose a new one. Cliking on it, the page content is AJAX loaded, staying on top, while the background panels image changes for the initial one, but, this time, with a reversed sequence.

    All website operations must be concentrated on a single viewport page - very similar, concerning UI/UX, to a SPA feeling.

  • HTML 5 + CSS 3 + JQuery + AJAX | Apache + PHP
  • Pilar Estratégico Website
  • Pilar Estratégico LDA (Malveira)
  • 2013
  • “Ficou óptimo! A galeria de imagens funciona muito bem e ficou bem enquadrada nas cores da empresa.
    Está adjudicado!”     “Marvelous! The image gallery works in an outstanding manner, independently of the number of cases to show, and integrated very smoothly on the enterprise color palette. It's a «go»! Adjudicated!” Luís HilárioGerenteManager

M Revista M Magazine

Publicação mensal do Concelho de Mafra

Comércio, música, livros, futebol, saúde, moda, actualidades, opinião pública Monthly generic magazine, with free distribution on Mafra, near Lisbon

Commercial ads, interviews, music, books and football stuff, health advices and general public opinion.
M Revista

Réplica escaparate de revistas Gadgets realistic bookshelf

     
  • O desafio seria o de proporcionar a leitura on-line das publicações mensais, com enfoque na máxima atractividade/usabilidade.

    Sem usar Bootstrap, o uso intensivo de JQuery + CSS 3 conseguem várias animações caricatas e a simulação de ambientes do Mundo real (vintage, indoor, estantes, escritório...).
    AJAX, o servidor Unix e a Base de Dados só foram usados para despachar, e guardar, contactos de email.

    Deverá existir uma correspondência entre cada revista e os álbuns (paginação/fotos) do facebook.

    The challenge was being able to read the magazines online, giving a special care to attractiveness and web-usability.

    No Bootstrap and a lot of JQuery animation (supported by CSS3 placement/animation) empower real world ambience simulation (vintage, indoors, study, shelfs).
    AJAX, Unix server and database were used with the sole purpose of serving, and register, email contacts.

    There should be direct connections, from every magazine to the pages published on the magazine facebook albuns.

  • HTML 5 + CSS 3 + JQuery + AJAX | Apache + PHP + MySQL
  • M Revista zine
  • M Revista (Mafra)
  • 2013
  • “Parece mesmo real, poder pegar e mudar os objectos de prateleira! Espectacular! E o formulário de contacto... tão giro, o aspecto vintage! Cheio de pormenores!
    Não tenho dúvidas que vai ser difícil, aos nossos leitores, sair da página. Obrigada!”     “It seems quite real to actually pick up a magazine, or any object in the shelf, and change it's place! Awesome! And the contact form... so cute, the vintage look! Full of details, no doubt.
    I'm positive it's going to be hard, for our readers, to abandon this new online "take-a-look" reading concept. Thank you so much!”     Susana PimentaGerenteManager
    “Está tão giro! Foi o máximo andar a brincar com aquelas coisas todas. E as revistas... todas direitinhas, nas prateleiras, como se fosse numa loja mesmo. Está muito giro!” “So funny! Enjoy every part of it, fiddling around with all the gadgets! And the magazines... all well tight, at the bookshelves... like a real store! It's really, really nice!” Sofia CostaLeitora M RevistaM Magazine reader
    “Adorei aquela parte de apagar e acender a luz! Demais! Nunca tinha visto nada assim... tão real!
    Parabéns! Vai ser (já é!) um sucesso!”     “Just loved that part of turning off and on the light room! Killing! Never saw anything like it... so real cool stuff!
    Well done; it will be (already is!) a success!”     Sandra GuerraLeitora M RevistaM Magazine reader

e-PowerPoint na cloud e-PowerPoint over the cloud

Apresentação de slides, alojados no servidor do cliente ou em qualquer public storage (Picasa, Flickr, Dropbox, etc.)

Em minutos, pode apresentar catálogos, serviços, palestras, gráficos, etc. na web Slideshow of contents located at the server client or in any other public location like Picasa, Flickr, Dropbox, etc.

In minutes you can show, over the web, a products catalog, a thesis, charts, etc.
e-PowerPoint na cloud

Apresentação de slides na web Web slide presentation

     
  • O desafio surgiu quando alguém precisou rapidamente de levar até à China um catálogo de produtos Nacionais.

    Não só o catálogo não estava feito, como muito menos o seu "transporte" e manuseio electrónico era exequível para alguém que pouco sabia de informática...

    Quando o Sr. Martins chegou à China, tinha os seus catálogos Alimentar e de Vinhos on-line, acessíveis universalmente por um simples endereço web, num qualquer browser de um telemóvel, PC, Mac ou tablet!

    Entretanto, esta App acabou por ser usada em mais Clientes, em variadas situações, cumprindo integralmente os propósitos.

    The needs came when someone, on short notice, had to travel to China to make a commercial presentation of Portuguese products.

    Besides the fact that the catalog was not yet made, the salesperson in charge had little, if none, informatic knowledge (no more then MS Office...)

    When Mr. Martins landed on China, he had his Wine and Food catalogs online, reached by a simple, universal, friendly web address on a common web browser, through any kind of, touch or not, Windows or Mac device!

    Meanwhile, the App end up serving other cients, and diversed purposes, entirely accomplishing the needs.

  • HTML 5 + CSS 3 + JQuery + AJAX | Apache + PHP + MySQL
  • e-PowerPoint App
  • Oficina-Design, Unipessoal LDA (Mafra)
  • 2013
  • “Muito obrigado, Susana! As imagens ficaram muito boas e a apresentação decorreu como previsto - sem uma única palavra trocada!
    Obrigado! Sem vocês nunca teria sido possível.”     “Thank you so much, Susana! The slides looked astonishing, and the presentation went as expected - without a single word spoken! Thank you! Without your idea, this would never been possible to achieve.” MartinsComercialSalesperson

Bio / C. V. About Me

Resumo de Qualificações Summary of Expertise

  • Mais de 20 anos de aprendizagem de novos conceitos técnicos, seja na Web, nas Comunicações ou em App's específicas, utilizando linguagens, bases de dados e SO's muito diversificados.

    Diferentes culturas e dimensões empresariais, impulsionaram-me a incorporar exigências específicas, com um leque amplo de orçamentos, em código inovador, bem estruturado e bem documentado, reconhecido pela sua escalabilidade e resistência ao tempo. Pontualmente também foi necessário ser ágil em ambientes de alto stress, autoformação e muita intuição, de entrada em produção quase imediata.

    Uma primeira posição na multinacional Alcatel em '93, e a contar já com um ano em ambiente Agile/Scrum, num equipa de 3 * ( 2 FE + 1 BE), com CR de cada branch, QA, SM e um PO, na produção de uma gigantesca App Web de Gestão de Manutenção de Assets Industriais, em Angular 7 e em produção numa importante petrolífera, com visualização 3D e vários sensores, possibilitou-me o contacto diário com inúmeras ferramentas e plataformas de software, assim como um salutar enquadramento em equipas multidisciplinares - de responsabilidade, conhecimento e relacionamento humano.     More than 20 years of proficiency in grasping new technical concepts, either in Web, Telecommunications Network or Apps programming, utilizing a wide variety of code languages, databases and OSs.

    Experienced in so many specific enterprise environments, I was able to incorporate different user demands into innovative, well coded and well documented solutions, known for scalability and durability.

    Working on a multinational corporation as Alcatel - my first job, right after University - and counting now 1 year on an Agile/Scrum team of 3 * ( 2 FE + 1 BE), with CR of branches, QA, SM and a PO, producing a massive Angular 7 Web App for Industrial Assets Maintenance digital Management (already in production in a major oil plant, including 3D visualization), provided me excellent fluency in English language, dexterity on manipulating countless software tools and frameworks, and a nice fit concerning team work – both personally and technically.

Recentemente Most recently

  • Depois da vertente Imobiliária do CMS Miles-NET (o House Miles, com Loja de licenças) ter atingido uma versão estável em Dezº 2016, 2017 foi um ano, por coincidência mas também por vontade, dedicado às mais recentes conquistas do JavaScript.
    O novo standard ES6, o TypeScript e a possibilidade de precorrer toda a full stack de qualquer App em Javascript (NodeJS, Angular, React, MongoDB, etc. - ver links na coluna seguinte) e par com a prototipagem, para diferentes fins, tornaram 2017 apaixonante.

    Em 2018 tive a oportunidade de me dedicar profissional e intensamente a uma framework: o Angular (desde a versão 4 à 7), tendo feito, para além de inúmeros CRUDs (regra geral de respostas em Data tabular, arrays para dropdowns ou objectos para edição de Angular Reactive Forms, em página ou em linhas de tabelas) através de uma extensa REST API para dezenas de Módulos, uma livraria de componentes UI/UX, instalada via NPM.

    O REDUX (@ngrx) tornou-se imperativo para todas as chamadas e repostas da API usada, controlando, assim e de forma permanente, o estado de todos os Data Containers dos Módulos (que comunicam entre eles e com o back end simultaneamente) da aplicação.

    A realocação para Londres, “iniciando” uma carreira numa cultura, e vivência, diferentes, é um sonho realizado!     After Real Estate Miles-NET CMS version (House Miles, with Shop online) has become stable and deployed in Dec 2016, 2017 was a most thrilling year, dedicated to the latest conquests of JavaScript in the WWW.
    The discover of the new ES6 standard, the TypeScript super set and the chance of using a single language/framework (NodeJS, Angular, React, MongoDB, etc. - see next column of links) to deal with the full stack throughout the complete App, along with some prototyping, enriched my developer carreer.

    2018 was, by chance, the time to dedicate myself to Angular (from version 4 up to 7), in an intense way.
    I was fortunately enough to get the opportunity to produce, on a daily basis, hundreds of calls to a REST API, receiving the needed info in tabular data, or within an array (to materialize in selector's dropdowns), or in a JS object (to fill Angular Reactive Forms fieldset Inputs, for an HTML section or for an on editing table's row), to bring life to a styled set of a library of UI/UX components, in dozens of App Modules.

    Repeatedly use of Angular components, tons of events, forms and data containers, in so many Modules, turned the use of REDUX (@ngrx) imperative for the App's state controller - it was the key so everything works properly and Modules can communicate (with each other, and with back end simultaneously) in a smooth and prioritized way.

    Living now in London and “starting” a different culture development career, has been a dream coming true!

Competências Técnicas Full Stack Full Stack Developer Skills

  • Linguagens programação Web, cliente e servidor Front and back end programming
    HTML 5, CSS 3, JavaScript, JQuery, Bootstrap e outras frameworks
    AJAX, JSON
    VB, ASP, ADO e PHP
    Node, Angular 2+ e ReactJS
    Estruturas MVC | framework CodeIgniter, Laravel e NodeJS Express     HTML 5, CSS 3, JavaScript, JQuery, Bootstrap and other frameworks
    AJAX, JSON
    VB, ASP, ADO and PHP
    Node, Angular 2+ and ReactJS
    MVC Architectures | framework CodeIgniter, Laravel and NodeJS Express
    Bases de Dados Databases
    Clipper, MS Access, MS SQL Server, MySQL, MariaDB, MongoDB e Firebase (Google). Clipper, MS Access, MS SQL Server, MySQL, MariaDB, MongoDB and Google’s Firebase
    Integração Integrations
    Redux: via ngrx (com Effects para web services, no Angular 2+) ou via Saga para o React
    API’s REST JSON/XML com serviços de terceiros
    Webservices SOAP/WDSL
    JScript embebed calls     Redux @ngrx (with Effects for services, on Angular 2+) or using Saga React
    3rd Party API’s REST JSON/XML
    Webservices SOAP/WDSL
    JScript embebed calls
    Ferramentas diárias de desenvolvimento Developer daily tools
    O Inspector do browser, claro, e o IDE VS Code
    GitLab, Gienterpriseub, Atlassian: Bitbucket, SourceTree, Confluence, Gira
    Swagger, PostMan, Wamp Server
    Robomongo, MySQL Workbench
    Corel PaintShop Pro, Slack     Browser's Inspector (off course!) and VS Code IDE
    GitLab, Gienterpriseub, Atlassian tools: Bitbucket, SourceTree, Confluence, Gira
    Swagger, PostMan, Wamp Server
    Robomongo, MySQL Workbench
    Corel PaintShop Pro, Slack
    eCommerce eCommerce
    Plataformas Open Source (OpenCart, algum contacto com Magento) onde configurei multi-branding/suppliers, multi-currency, multi-language, multi-store, multi-payment gatways/services e distribuição multi-shipping Magento knowledge and OpenCart expert, having to handle multi-branding/suppliers, multi-currency, multi-languages, multi-store, multi-payment gateways/services and multi-shipping carriers
    Internet Internet
    Analista Funcional, Analista Google “pay-per-click” AdWords e AdSense, Analista SEO e Trafficker
    Especialista de campanhas “mail marketing”
    Gestor de redes sociais     Functional Analyst, Google Analyst (Analytics, “pay-per-click” AdWords and AdSense), SEO Analyst and Trafficker
    Expertise in e-mail marketing campaigns
    Management of Social Networks
    Software de Gestão Management Software
    Curso PHC para Distribuidores (New Formus, Agosto 2006), vários módulos: Intr. Programação Advanced, Implementing Client-Server, CRM Comercial, Gestão, Suporte Completo, POS, Contabilidade, Pessoal, Imobilizado, etc. PHC Advanced Certification for Resale (Modules: "Implementing 2007", "Programming Advanced" and "Implementing Client-Server")



Para uma descrição detalhada dos trabalhos feitos, por favor descarregue o "pdf" ao lado. Ou envie-me um email!

Obrigado,
Pedro Ferreira
Última actualização: Maio 2021

For a detailed description of the works I've done, please download the "pdf" from the link at the right of this column. Or mail me!

Thank you,
Pedro Ferreira
Last update: May 2021

About

 

Alguns dos repositórios abaixo estão em modo "internal" privacy, por questões legais.
Se tiver interesse em inspecionar o código, de qualquer projecto, por favor comunique-me essa intenção que terei o maior prazer em adiciona-lo como membro! Some of the below repositories have "internal" privacy mode, due to 3rd party copyright.
If you're interested in reviewing my code, just ask for it and I'll be more than glad to add you as a Project member!

@ Angular 2+
framework bidirecional em TypeScript
 @ Angular 2+
a two-way data binding TypeScript framework

O Miles-NET nas Redes Sociais Social following of Miles-NET