domingo, 19 de junho de 2016

eCommerce - XAMARIN


Olá pessoal,
Gostaria de apresentar a vocês uma tecnologia adquirida pela Microsoft, o XAMARIN.

Com ela podemos desenvolver aplicativos para Android, iOS e Windows Phone, apenas trabalhando com uma IDE (Visual Studio) e uma única linguagem de programação - C#.

E para completar nossa alegria :) tudo isto é FREE!...

Já existe muito material na net sobre isto, vou listar alguns deles aqui, e mostrar abaixo um aplicativo de e-Commerce que desenvolvi.

Não deixem de estudar sobre o Xamarin pois já se tornou uma das ferramentas mais confiáveis para desenvolvimento de Apps.

A aplicação baixo consiste em uma eCommerce, na qual o usuário pode escolher qual serviço gostaria de contratar. O app é para venda de serviços de um profissional de Grafite. O profissional realiza uma série de customizações artísticas em roupas, tênis, em peças automotivas, capacetes, etc. Desta forma, com o app, o usuário já escolhe o serviço e [paga Online] também, porque adicionei uma integração com o [PagSeguro do UOL].


Veja a versão para Android



Veja a versão para iPhone





Links úteis 
Free ebook: Creating Mobile Apps with Xamarin.Forms
Angelo Belchior
Xamarin - Visual Studio
Entendendo o Xamarin
Xamarin Blog
Saiba mais...

Cheers!

6 comentários:

  1. Olá!
    Você poderia criar um tutorial de como desenvolver um app desse tipo?
    Ou se já tem conhecimento de algum material, poderia me indicar?

    Desde já, grato!

    ResponderExcluir
  2. Olá Doni,
    Sugiro seguir esta sequência:

    1 - Desenvolva os controles básicos da aplicação, como páginas, navegação entre páginas, listas, imagens, armazenamento de dados, etc. Você pode aprender bastante com o MVP Angelo Belchior, a qual deixei o link neste artigo.

    2 - Para usar imagens redondas, eu utilizei o componente Elegant-Circle

    3 - Para a galeria de imagens, eu usei o componente do Rasmus


    4 - Para o pagamento OnLine, você precisa entender bem o sistema de integração do PagSeguroUOL. O site deles tem uma documentação completa neste sentido.

    Veja mais detalhes no Site deles.

    Existem componentes prontos no GitHub também, apesar que criei meu próprio componente de integração.

    Abs!

    ResponderExcluir
  3. Olá você teria mais informações sobre como fazer o sistema de integração da PagSeguroUOL>

    ResponderExcluir
    Respostas
    1. Olá Nouara,
      Como primeiro passo, leia atentamente a página de instruções do UOL
      Como Começar: https://dev.pagseguro.uol.com.br/como-comecar

      Mas a ideia é:
      1 - Se cadastrar (criar uma conta e obter seu Token de Vendedor)
      2 - Consumir um serviço REST deles (https://ws.pagseguro.uol.com.br/v2/checkout)
      3 - No recebimento, obter um [code]
      4 - E iniciar o processo de pgto usando o [code] (https://pagseguro.uol.com.br/v2/checkout/payment.html?code=xxxx)

      Segue parte do código fonte, justamente o processo de integração, para seu estudo. Note que no método [tapImage_Tapped] da página [PrepareToBuy] eu inicio a integração.

      PagSeguroUOL- Xamarin sample: https://1drv.ms/f/s!AsWD4f3hZFDckvowP_zqqT24nKtDzQ

      Excluir
  4. Utilizei o codigo que voce disponibilizou como exemplo, vai tudo certinho até abrir a webview, mas quando informo o email na webview pra dar sequencia no pagamento, acusa erro de "sessao expirou"

    ResponderExcluir
    Respostas
    1. Olá Bruno,
      Parece um problema do serviço do PagSeguro UOL.

      Ref: https://comunidade.pagseguro.uol.com.br/hc/pt-br/community/posts/115003240334-Sess%C3%A3o-expirou

      Sugiro entrar em contato com eles informando este problema.

      []s

      Excluir

<< Ao enviar um comentário, favor clicar na opção [Enviar por e-mail comentários de acompanhamento para gtezini@gmail.com] >>