Exercícios de Ruby #1 - Script para transformar imagens

Quer desenvolver sua lógica de Programação e aumentar suas skills? Faça esse exercício de Ruby seguindo as instruções a baixo e depois confira como eu resolvi ele passo a passo.

Se curtir o formato deixe um comentário e compartilhe com outros(as) programadores(as) para que eu traga mais exercícios resolvidos como este, bora codar 🙂

Objetivos

Criar um Script de linha de comando que:

1 – Transforme imagens em preto e branco e depois salve em outro arquivo.
Formato do comando: ruby img_trans.rb exp.jpg to_black_and_white

2 – Redimensione para 250×250 (ou qualquer outro tamanho) uma imagem e depois salve em outro arquivo.
Formato do comando: ruby img_trans.rb exp.jpg resize=250×250

3 – Coloque no canto direito em baixo o logo do OneBitCode sobre a imagem de exemplo:
Formato do comando: ruby img_trans.rb exp.jpg watermark=”logo.jpg”

Imagens para teste:

1 – Imagem principal: https://onebitcode.com/wp-content/uploads/2021/03/exp.jpg
2 – Logo: https://onebitcode.com/wp-content/uploads/2021/03/logo.png
3 – Logo Dark (Opcional): https://onebitcode.com/wp-content/uploads/2021/03/logodark.png

Agora que você já sabe o que fazer, tente fazer sozinho este exercício e depois compare a sua solução com a minha solução passo a passo a baixo:

Solução Oficial

Instalando as dependencias

1 – Rode no console:

sudo apt-get install libmagickwand-dev

1	sudo apt-get install libmagickwand-dev

Criando a estrutura

1 – Gere o arquivo do script de conversão rodando:

touch img_trans.rb

1	touch img_trans.rb

2 – Crie um Gemfile rodando:

touch Gemfile

1	touch Gemfile

3 – Coloque nele:

source 'https://rubygems.org'

1	source 'https://rubygems.org'

4 – Na pasta do seu projeto coloque uma imagem jpg de exemplo (nomeie ela de exp.jpg)

Incluindo o Mini Magick

1 – No Gemfile coloque:

gem 'mini_magick'

1	gem 'mini_magick'

2 – Instale rodando:

bundle install

1	bundle install

3 – No arquivo img_trans.rb coloque:

require 'mini_magick'

1	require 'mini_magick'

Transformando uma imagem em preto e branco

1 – Vamos começar executando o exemplo com parâmetros fixos, no arquivo img_trans.rb coloque:

require 'mini_magick'

image = MiniMagick::Image.open('exp.jpg')
image.colorspace 'gray'
image.write('output.jpg')

require 'mini_magick'

image = MiniMagick::Image.open('exp.jpg')

image.colorspace 'gray'

image.write('output.jpg')

2 – Rode o Script:

ruby img_trans.rb

1	ruby img_trans.rb

Implementando o filtro do parâmetros

1 – Vamos ver os parâmetros que estão vindo (exibindo eles no console), comente o código anterior e adicione:

ARGV.each do |arg|
  puts arg
end

ARGV.each do |arg|

puts arg

end

2 – Chame no console:

ruby img_trans.rb -o resize="250x250"

1	ruby img_trans.rb -o resize="250x250"

3 – Você deve ter recebido:

exp.jpg
resize=250x250

1 2	exp.jpg resize=250x250

4 – Vamos criar um Switch para adicionar cada um dos parâmetros válidos:

ARGV.each do |arg|
  case
  when arg == 'to_black_and_white'
    puts 'black and white conversion'
  end
end

ARGV.each do |arg|

case

when arg == 'to_black_and_white'

puts 'black and white conversion'

end

5 – Agora vamos deixar o exemplo da imagem em preto e branco completo:

require 'mini_magick'

unless(ARGV[0] =~ /\.(jpe?g|png|gif|bmp)$/i)
  puts 'Imagem inválida, passe o nome da imagem no primeiro parâmetro'
  exit
end

image = MiniMagick::Image.open(ARGV[0])

ARGV.each do |arg|
  case
  when arg == 'to_black_and_white'
    image.colorspace 'gray'
  end
    
  image.write('output.jpg')
end

require 'mini_magick'

unless(ARGV[0] =~ /\.(jpe?g|png|gif|bmp)$/i)

puts 'Imagem inválida, passe o nome da imagem no primeiro parâmetro'

exit

end

image = MiniMagick::Image.open(ARGV[0])

ARGV.each do |arg|

case

when arg == 'to_black_and_white'

image.colorspace 'gray'

end

image.write('output.jpg')

end

Redimensionando a imagem

1 – Vamos atualizar o nosso Switch:

  case
  when arg == 'to_black_and_white'
    image.colorspace 'gray'
  when arg.include?("resize")
    image.resize 
  end

case

when arg == 'to_black_and_white'

image.colorspace 'gray'

when arg.include?("resize")

image.resize

end

2 – Agora vamos incluir a função de flip:

  case
  when arg == 'to_black_and_white'
    image.colorspace 'gray'
  when arg.include?("resize")
    image.resize arg.split("=")[1]
  end

case

when arg == 'to_black_and_white'

image.colorspace 'gray'

when arg.include?("resize")

image.resize arg.split("=")[1]

end

3 – Teste rodando:

ruby img_trans.rb exp.jpg resize="1000x1000"

1	ruby img_trans.rb exp.jpg resize="1000x1000"

Colocando a marca d’gua do OneBitCode

1 – Vamos alterar nosso Switch:

  case
  when arg == 'to_black_and_white'
    image.colorspace 'gray'
  when arg.include?("resize")
    image.resize arg.split("=")[1]
  when arg.include?('watermark')
    puts 'include water mark'
  end

case

when arg == 'to_black_and_white'

image.colorspace 'gray'

when arg.include?("resize")

image.resize arg.split("=")[1]

when arg.include?('watermark')

puts 'include water mark'

end

2 – Agora inclua a opção de adicionar a marca d’gua:

  case
  when arg == 'to_black_and_white'
    image.colorspace 'gray'
  when arg.include?("resize")
    image.resize arg.split("=")[1]
  when arg.include?('watermark')
    image.combine_options do |c|
      c.gravity 'SouthEast'
      c.draw "image Over 0,0 0,0 #{arg.split("=")[1]}"
    end
  end

case

when arg == 'to_black_and_white'

image.colorspace 'gray'

when arg.include?("resize")

image.resize arg.split("=")[1]

when arg.include?('watermark')

image.combine_options do |c|

c.gravity 'SouthEast'

c.draw "image Over 0,0 0,0 #{arg.split("=")[1]}"

end

3 – Teste rodando:

ruby img_trans.rb exp.jpg watermark="logo.png"

1	ruby img_trans.rb exp.jpg watermark="logo.png"

4 – Ou um exemplo completo:

ruby img_trans.rb exp.jpg watermark="logo.png" to_black_and_white resize="500x500"

1	ruby img_trans.rb exp.jpg watermark="logo.png" to_black_and_white resize="500x500"

Conclusão

Curtiu esse exercício com resolução? Deixe um comentário e compartilhe com outros(as) programadores(as) para sabermos que devemos trazer mais exercícios com resolução neste modelo para vocês.

Coloque o seu script no Gist e coloque o link nos comentários para podermos comparar várias soluções e ver o caminho mais eficiente para resolver este desafio.

Te vejo no próximo conteúdo (não se esqueça de se inscrever no nosso canal do Youtube e no nosso Instagram)

5 3 votes

Article Rating

março 8, 2021

2 Comentários

Oldest

Newest Most Voted

Inline Feedbacks

View all comments

Cynthia

2 anos atrás

Por mais pessoas como você, dispostas a ajudar e mais vídeos como esse para a comunidade! Nota 1000! Valeu!!!

Responder

Fábio

1 ano atrás

Excelente exemplo de como manipular imagens acompanhada de uma ótima explicação.
Parabéns pelo conteúdo!
Estou estudando para fortalecer os conhecimentos e, quem sabe, entrar na próxima turma do bootcamp.

Responder

Exercícios de Ruby #1 – Script para transformar imagens

Objetivos

Imagens para teste:

Solução Oficial

Instalando as dependencias

Criando a estrutura

Incluindo o Mini Magick

Transformando uma imagem em preto e branco

Implementando o filtro do parâmetros

Redimensionando a imagem

Colocando a marca d’gua do OneBitCode

Conclusão

https://onebitcode.com/dating-with-woman-in-california-usa/