iPod School

Super tutorial: a lockscreen dos seus sonhos…

André BazagliaAndré Bazaglia

Nós já havíamos anunciado aqui um conceito de uma lockscreen, ou até mesmo uma homescreen, melhorada para o iPhone e iPod touch. Pois é, o criador deste conceito ainda está “parado”, por isto neste artigo eu irei ensiná-los a deixar sua lockscreen parecida com esta de outra maneira, com instruções bem detalhadas, além de explicações básicas sobre a customização.

Depois de feito todos os passos, sua lockscreen ficará parecida com esta:

iphone_home_build_preview

É muito interessante ter um calendário, aplicativo de temperatura, e-mails, ligações perdidas, aniversários, compromissos e diversas outras informações em sua lockscreen. Aqui seguem imagens do meu resultado, com todas customizações aplicadas, ou melhor, quase todas, pois ainda adicionei o Twitter:

O resultado ficaria melhor ainda no iPhone, mas como ainda não tenho um, tive que usar apenas no iPod touch. Então, vamos logo ao tutorial, basta seguir as etapas abaixo:

Instalação básica:

1- Entre no Cydia e procure por seis (6) aplicativos: Winterboard, OpenSSH, LockInfo, LockScreen Clock Hide e Lockscreen Dim Delay. O LockInfo é pago, e funciona por tempo limitado, por isso você deverá adicionar o o repositório repo.beyouriphone.com ao seu Cydia para obtê-lo de forma gratuita. Quanto aos outros, você pode instalá-los normalmente.

2- Agora está basicamente tudo pronto, você deverá entrar primeiramente no aplicativo Ajustes de seu aparelho. Depois disto, você perceberá que existem três novas abas nele. Entre na aba ClockHide e ative a opção Enable. Entre na aba Dim Delay e escolha o tempo de duração da sua lockscreen até ela apagar.

3- Agora, entre na aba do LockInfo, ela é a mais importante, verifique se apenas a opção Lockscreen está ativada, ou ative também a Homescreen se você quiser, pois se ela estiver ativada a tal lista com informações úteis também aparecerá na homescreen.

4- Baixe os arquivos: Gruppled LockInfo.theme, Gruppled Art.themeTea Lockbackground.theme clicando aqui.

5- Extraia todos eles e copie os arquivos com a exensão .theme para a pasta Library/Themes de seu aparelho usando qualquer aplicativo de conexão SSH.

6- Abra o WinterBoard e ative os temas marcados na imagem abaixo, é importante também que você deixe-os na mesma ordem: (o Tea LockBackground é opicional, ele é um wallpaper)

Feito isto, estará tudo funcionando perfeitamente, mas nós ainda queremos customizar um pouco, não é mesmo? Escolher quais plugins a tela mostrará, a ordem deles, as cidades as quais as temperaturas devem aparecer. Então, para começar, você apenas precisará ter um editor de texto, pode ser o Editor de Texto padrão do Mac ou até mesmo o Bloco de Notas do Windows, ou um próprio do cliente de SSH que você usa.

Customização:

7- Abra novamente a conexão SSH com seu aparelho, e acesse o seguinte caminho: “Library/Themes/GruppledLockinfo.theme/Bundles/com.asman.LockInfo” e edite o arquivo config.js, com o editor de textos do seu sistema operacional ou do cliente de conexão SSH, que no caso eu acho mais fácil.

Aqui segue a imagem do arquivo aberto em um editor, que mostra apenas parte do texto dele:

As linhas em rosa, que mostram as palavras Clock, Weather, e outras, são as mais importantes, pois elas definem os plugin que irão aparecer em sua lockscreen e a ordem deles. Para desativar um plugin, você deve colocar duas barras (//) na frente de seu nome, no caso o SMS está desativado, e o relógio (Clock) vem desativado por padrão, mas você pode ativá-lo removendo as duas barras na frente do nome dele.

As outras opções desta imagem você pode deixar padrões, pois não pretendo entrar em muitos detalhes para vocês não se confundirem.

8- Agora vamos definir as cidades que devem aparecer na lockscreen na aba dos temas. Abaixo segue uma imagem de outra parte do arquivo config.js, o mesmo usado na etapa anterior, que por sinal é bem longo, cheio de linhas:

Nesta imagem a parte mais importante para customização são os primeiros números em rosa (novamente!). Eles definem as cidades que devem aparecer, e você pode substítuí-los por nome, como por exemplo Rio de Janeiro, São Paulo, ou com o nome de qualquer outra cidade. Para ter mais de uma cidade, você deverá fazer algo do tipo assim:

var locales = [
“Rio de Janeiro”,
“São Paulo”,
];

9- Bom, demoramos mas chegamos, depois disto já estará tudo pronto, mas ainda há um pequeno problema: a lockscreen fica desconfigurada quando uma música está tocando. Isto é opicional, mas se quiser resolver, abra o Cydia e instale o aplicativo NoAA.

Finalmente, depois de tudo isto, está tudo pronto, agora é só aproveitar sua nova lockscreen. Lembro também que este tema não foi criado por mim, apenas criei um tutorial para sua instalação, a publicação oficial dele foi neste fórum pelo usuário glupper.

Programador, blogueiro, estudante de Engenharia de Computação. Em busca de deixar sua marquinha no universo.

  • Felipe

    que trabalhao hein!

  • Dico42

    WOW ! Se eu tivesse um 3GS/um iPod 3G eu fazia =)
    Parabéns pelo post

  • André D.

    Ficou muito bonito, parabéns 🙂 . Mas e quanto a performance, enlerdece muito?

    • Olha, é pouca coisa, não percebi diferença, mas a memória RAM abaixou um pouco.

      Abraços.

  • iMark

    iAndré, bota super tutorial nisto, caraca!! Muito bom mesmo,
    abraços e até mais… 🙂

  • du

    Muito trabalhoso, existem outros melhores que é só instalar e o efeito é bem melhor!!!!!

    • Poderia me mostrar um deles? Fiquei curioso..

      Abraços.

  • iXaniel

    eu posso mudar a lingua nas configuraçoes?

  • Michel

    Ótimo tutorial!

  • VictorJordao

    “TV out”?????

    vc consegue passar a imagem do seu iphone na tv?

    • Sim =)

      Se quiser posso fazer um tutorial em breve sobre ele..

  • joao pedro

    queria um site pra download do ssh, pois nao achei nenhum =/

    • WinSCP para Windows ou CyberDuck para Mac 😉

  • eduardo

    só nao achei o LockScreen no repositorio do BeYouriPhone…alias, nao achei em nenhum lugar….o nome dele é so esse msm: LockScreen, ou tem mais alguma coisa ???

    • eduardo

      ahh…e mais uma coisa….baixei o diskaid p\ transferir os arquivos, mais nao consigo mudar o icone embaixo de media folder p\ root folder….to zicado…..

      • Procure pro LockInfo ao invés de LockScreen que você deverá achar. Quanto oa DiskAid, tente baixar o OpenSSH no Cydia.

  • Lucas Sá

    pow alguem sabe onde vende cabo AV para ipod touch 2g sem ser o carão da apple? Eu já vi no mercado livre , mas nenhum ser pra versão 3.1.2…

  • Marco

    Ql dos dois Locks é pago?

    • O do repositório padrão, baixe o do BeYouriPhone.

  • MarceloT

    Alguem fez esse Up.. Posta as imagens de como ficou !! Estou pensando em fazer.. Na verdade ja até começei a fazer os downloads.. Mas estou com medo de perder o formato atual e não conseguir voltar..

  • Mário

    Olá pessoal do iPodschool,

    Faz dois dias que eu coloquei a aparência do HTC Hero no meu iPod Touch 1G e ficou ótimo. Não é tão complicado, só mesmo um pouco de paciência. Então, porque vocês não colocam um tutorial (em português) de como fazê-lo ? Esse estilo poderia complementar a lockscreen que você acabaram de apresentar. O site é: http://www.redmondpie.com/htc-hero-sense-ui-on-iphone/. No final do tutorial tem os links para fazer os donwloads.

  • javar

    Ele fica como na segunda e terceira imagem. Será que teria como colocar em pt-br??

  • Léo

    Parabéns ótimo tutorial mesmo!

    Mas to com uma dúvida Brasília não esta funcionando na previsão
    do tempo. Alguem sabe como arrumar? E os emails também não
    estão aparecendo…

    • rodrigo

      mesma duvida

  • Breno

    Olá! Gostei muito do tutorial!
    Só que n entendi o passo 5. Se alguem puder me explicar…
    Obrigado!

  • marcio

    fiz desse jeito mas minha lockscreen ficou so com as barras de calendario e tempo, como se estivesse contraidas…elas nao expandem…

    • Você deve customizar amigo, seguiu todas as etapas do tutorial?

  • Breno

    como faço o passo 5 ?

    • Baixe o WinSCP, e depois vá em seu iPod no menu ajustes, e clique no botão azul do lado da usa rede na parte wi-fi, você verá um número que é o IP, você usará em seguida.

      Depois anote seu IP, e cole no WinSCP. o login é seu IP e a senha é: “alpine”, sem aspas.

      Depois de digitar o login e a senha você verá pastas, entre na pasta Library, e dentro dela na pasta tema, depois cole os arquivos extraídos na etapa anterior lá.

      Abraços.

      • Iago Albuquerque

        .não consigo fazer a etapa 5 , fica pedindod sempre username
        eu coloco Root , e num via num vai mesmo

        • Mário

          Quando você for entrar no winspc coloque o seguinte:
          senha: alpine
          user: root
          host: (entra no settings do iPod ou iPhone > Wi-fi > depois entra na configuração wi-fi (onde tem os dados da sua conexão) e coloca como host o primeiro IP que aparecer lá (o que fica em cima).

  • Adeildo

    Bom dia.

    Poderia upar o seu arquivo para que eu possa copiar?
    Consegui colocar apenas A hora e o clima igual a ilustracao acima.
    Assim ficara mais facil fazer as devidas alteracoes.
    Desde ja agradeco!!

    • No momento estou em um outro computador, mas quando chegar ao meu upo para voce.

      Continue sempre nos acompanhando 🙂

      Até mais.

      • Adeildo

        Estarei aguardando seu up…
        Acesso todo dia… e sigo via twitter.
        Parabens e Obrigado pela ajuda!!
        Abraços!!

  • _g

    Porra, tutorial manero.

    Fiz tudo aqui e deu certinho \o/, só um problema: toda vez que eu tento reconectar pelo ssh (via WinSCP), ele recusa.
    O detalhe é que eu já havia conectado anteriormente.

    Tirando isso, como você colocou o widget do twitter? Fiquei curioso pacas 😀

  • Bruno

    Carambaaaa. tava fazendo tudo direitinho, o que ferrou foi a hora de acessar a tal pasta library…
    Meu iPod ta 3.1.2 e não tem como acessar :'(

    Anyway, ótimo tutorial !

  • Leandro

    woow, valeu pela ajuda, tava precisando d uma lockscreen desse jeito!!

  • Cyro

    No meu ipod mostro como se tivesse em modo de recuperação,oque eu faço?

  • Thiago Souza

    Pra quem quiser essa lockscreen traduzida é só alterar o arquivo “en” na pasta strings o caminho é.
    Gruppled LockInfo\Bundles\com.ashman.LockInfo\strings

    o texto fica assim

    var string_weather = “Tempo”;
    var string_mail = “Mail”;
    var string_calendar = “Calendário”;
    var string_calls = “Chamadas perdidas”;
    var string_voicemail = “Voicemail”;
    var string_sms = “SMS”;

    var string_noSubject = “(sem assunto)”;
    var string_from = “De:”;
    var string_noResponse = “Sem resposta”;
    var string_noCity = “Cidade inválida”;

    var string_loadMore = “Mais Carga”;

    // Time/date (see http://php.net/date for format syntax)
    var format_time = “g:i a”;
    var clock_format_time = “g:i a”;

    // Format for date
    var format_date = “l, F j”;

    // Short format for date
    var format_date_short = “n/j/y”;

    // Format for date and time
    var format_date_time = format_date+” “+format_time;

    // Short format for date and time
    var format_date_time_short = format_date_short+” “+format_time;

    var string_am = “am”;
    var string_pm = “pm”;

    // Don’t forget the space after the prefix and before the suffix!
    var string_begins_prefix = “Começa “;
    var string_begins_suffix = “”;
    var string_began_prefix = “Começou “;
    var string_began_suffix = “”;
    var string_ends_prefix = “Termina “;
    var string_ends_suffix = “”;

    var future_prefix = “Em “;
    var future_suffix = “”;
    var past_prefix = “”;
    var past_suffix = ” atrás”;

    var string_today = “hoje”;
    var string_yesterday = “Ontem”;
    var string_tomorrow = “Amanhã”;

    var string_now = “Agora”;
    var string_justNow = “Agora”;
    var string_JustUpdated = “Atualizado”;

    var string_birthday = “Aniversário”;

    var periods = [
    “Segundo”,
    “Minuto”,
    “Hora”,
    “Dia”,
    “Semana”,
    “Mês”,
    “Ano”
    ];

    var periods_plural = [
    “Segundos”,
    “Minutos”,
    “Horas”,
    “Dias”,
    “Semanas”,
    “Mês”,
    “Anos”
    ];

    var periods_short = [
    “s”,
    “m”,
    “h”,
    “d”,
    “w”,
    “m”,
    “y”
    ];

    var shortMonths = [
    “Jan”,
    “Fev”,
    “Mar”,
    “Abr”,
    “Mai”,
    “Jun”,
    “Jul”,
    “Ago”,
    “Set”,
    “Out”,
    “Nov”,
    “Dez”
    ];

    var longMonths = [
    “Janeiro”,
    “Fevereiro”,
    “Marco”,
    “Abril”,
    “Maio”,
    “Junho”,
    “Julho”,
    “Agosto”,
    “Setembro”,
    “Outubro”,
    “Novembro”,
    “Dezembro”
    ];

    var shortDays = [
    “dom”,
    “seg”,
    “ter”,
    “qua”,
    “qui”,
    “sex”,
    “sab”
    ];

    var longDays = [
    “Domingo”,
    “Segunda”,
    “Terça”,
    “Quarta”,
    “Quinta”,
    “Sexta”,
    “Sábado”
    ];

    var weatherText = [
    “Ensolarado”,
    “Parcialmente Nublado”,
    “Parcialmente Ensolarado”,
    “Parcialmente Nublado”,
    “Sol ente nuvens”,
    “Parcialmente Ensolarado”,
    “Nublado”,
    “Overcast”,
    “”,
    “”,
    “Neblina”,
    “Chuva”,
    “Chuva”,
    “Chuva”,
    “Tempestade”,
    “Tempestade”,
    “Tempestade”,
    “Chuva”,
    “Chuvisco”,
    “Chuvisco”,
    “Chuvisco”,
    “Neve”,
    “Neve”,
    “Gelo”,
    “Chuva com Neve”,
    “Granizo”,
    “”,
    “”,
    “Chuva de Inverno”,
    “Quente”,
    “Frio”,
    “Ventos”,
    “Limpo”,
    “Mostly Clear”,
    “Parcialmente Nublado”,
    “Parcialmente Nublado”,
    “Sol entre nuvens”,
    “Parcialmente Ensolarado”,
    “Chuva”,
    “Chuva”,
    “Tempestade”,
    “Tempestade”,
    “Chuvisco”,
    “Chuvisco”
    ];

  • FerPozza

    olá

    gostaria de informações sobre cabo tv-out generico p iphone pois parece que so funciona no firmware 2.0 mesmo baixando no cydia landscape tvout
    deste modo nao vale a pena sua compra
    valeu!

  • Ryuu

    caraca, ótimo o tutorial! parabens! e obrigado pelo trabalho.

    eu só tive um problema depois de conectar o itouch com o pc pelo winscp, eu não acho a pasta “Themes” na pasta library, e mesmo que eu crie e coloque os themes lá, depois eles não aparecem na winterboard. Alguém sabe como fazer essa pasta “aparecer”?

    obrigado!

  • Igor_vieira7

    quais são os temas marcados na imagem do winterboard (6), pq o minha internet não esta aparecendo imagens desse tutorial

  • Minha baixou o Lockscreen IPhone 6 e ele bloqueou a tela. Agora pede uma senha que nós não sabemos qual é. Alguém aí poderia dar uma forcinha?
    Grato