DEV

Como instalar Apache + PHP no Mac OSX de forma simples

0

Olá,

Hoje vou mostrar-lhe como rapidamente pode instalar o servidor de páginas web Apache e a linguagem de programação PHP no seu novo Mac.

Na realidade não se trata de uma nova instalação, mas apenas da activação destas funcionalidades, uma vez que elas já vêm instaladas no sistema, simplesmente não estão activas por defeito.

A versão que estou actualmente a utilizar é o Mac OS X Lion.

Para começar vamos simplesmente activar o Apache.

Para isso vamos às preferências do sistema :

Preferências do Sistema

Preferências do Sistema

 

Depois, escolhemos a opção “Partilha” (Sharing em Inglês)

Partilha

Partilha

 

E de seguida activamos a opção “Partilha Web” (Web Sharing).

Partilha Web

Partilha Web

 

E pronto, neste momento o servidor web Apache já está em funcionamento.

Para verificarmos isso, basta abrir um navegador web (ex: Google Chrome ou Safari) e introduzir o endereço http://localhost/ .

Funciona!

 

Para activar o PHP é um pouco mais complexo, pois temos que editar um ficheiro de configuração do Apache.

Para isso, temos que primeiro abrir um Terminal.

Dentro da área de aplicações (Launchpad) abra a pasta “Utilitários” (Utilities) e escolha a opção “Terminal”.

Terminal

Terminal

 

De seguida, dentro da consola escreva o seguinte comando:

sudo vim /etc/apache2/httpd.conf

Terminal passo 1

Terminal passo 1

 

Isto vai abrir o ficheiro de configuração do Apache na aplicação “Vim” (editor de texto em modo consola/terminal).

Terminal passo 2

Terminal passo 2

 

Vamos agora efectuar uma pesquisa no ficheiro para encontrar o local onde vamos activar o módulo de PHP para Apache. Para isso vamos escrever o seguinte comando:

/php5_module

O comando / inicia uma pesquisa dentro deste ficheiro e leva-nos para a linha onde se encontra o texto que estamos a pesquisar.

Terminal passo 3

Terminal passo 3

 

Como podemos ver, no início da linha encontra-se um # . Isto significa que esta linha está comentada, ou seja, o Apache está a ignorá-la. Para activarmos o módulo de PHP5 temos que retirar o # .

Terminal passo 4

Terminal passo 4

 

Para isso vamos com o cursor para o início da linha que queremos editar e pressionamos a tecla i dando início ao comando insert, que na realidade é o comando que nos permite inserir texto ou editar o texto existente.

Terminal passo 5

Terminal passo 5

 

Apagamos o # . E agora para gravar o ficheiro vamos dar o comando :

ESC  e depois  :wq!   seguido de ENTER.

Terminal passo 6

Terminal passo 6

 

Gravámos o ficheiro com sucesso. Agora para que a alteração realizada tome efeito, necessitamos de reiniciar o Apache (parar e voltar a iniciar o Apache). Para isso digitamos na consola/teminal o comando:

 

sudo apachectl restart + ENTER

Terminal passo 7

Terminal passo 7

 

Agora vamos verificar se o nosso Apache já se encontra a processar ficheiros de PHP.

Para isso vamos usar o comando touch para criar um novo ficheiro. Como a pasta em questão pertence ao utilizador ROOT (administrador do sistema) temos que usar o comando sudo para conseguir escrever lá.

Com o comando:

sudo touch /Library/WebServer/Documents/teste.php (+ ENTER)

vamos então criar o ficheiro teste.php na pasta /Library/WebServer/Documents/ . De seguida vamos utilizar o mesmo editor que usámos há pouco, desta vez para editar o ficheiro teste.php, usando assim o comando:

sudo vim /Library/WebServer/Documents/teste.php

Terminal passo 8

Terminal passo 8

 

Para iniciarmos o modo de edição carregamos uma vez na tecla i (modo Insert) e digitamos o código PHP conforme mostra a imagem:  <?php phpinfo(); ?>

Terminal passo 9

Terminal passo 9

 

Vamos agora gravar o ficheiro com o comando :

ESC  +   :wq    + ENTER

Terminal passo 10

Terminal passo 10

 

E pronto, se tudo correu bem, o Apache e o PHP estão agora em prefeito funcionamento no nosso Mac OS X.

Para testar, abrimos uma janela de navegador e digitamos o endereço:

http://localhost/teste.php

Terminal passo 11

Terminal passo 11

 

Para que possa mais facilmente editar os seus ficheiros nesta pasta, sugiro que altere as permissões da pasta e de todos os ficheiros que esta contém.

Para mais facilmente editar os seus ficheiros PHP deixo a sugestão de dois editores para Mac que considero bons, um pago e o outro gratuito.

Pago - http://macromates.com/

Gratuito - http://kodapp.com/

Espero que tenha gostado. Até breve!

Javascript var_dump

1
function var_dump(obj) {
    str = '';
    for(var i in obj){
        if(typeof(obj[i])=='object'){
            str += '\n' + ('obj['+i+'] = ' + var_dump(obj));
        }else{
            str += '\n' + ('obj['+i+'] = ' + obj[i]);
        }
    }
    return str;
}

Como fazer um website de forma rápida, eficaz e de baixo custo

0

Se você possui um negócio de realização de websites ou é programador de tecnologias web e tem procura para websites (sites, sítios web ou sítios Internet) por parte de clientes que não querem gastar muito dinheiro, então este artigo interessa-lhe.

O universo do desenvolvimento web é alvo de constantes actualizações e inovações tecnológicas, e para que nos possamos manter com sucesso num mercado tão competitivo, é necessário conhecer as ferramentas e tecnologias certas ao nosso dispor no mercado.

Já alguma vez lhe apareceram clientes que desejam ter um website mas cujo orçamento para a execução do mesmo é bastante limitado ? Nesta situação, quais são as suas opções para baixar o custo do produto final ? Pessoalmente, procuro sempre que a qualidade do produto final não seja colocada em causa em nome da necessidade de baixar os custos.

Por essa razão, decidi escrever este artigo na esperança de ajudar aqueles que como eu, já tiveram e têm que lidar com situações semelhantes.

Vamos começar por resumidamente subdividir o processo de execução de um projecto web em secções que caracterizem as fases da execução de um projecto desta natureza.

Assim temos:

Conceito – Design – Adaptação do Design à tecnologia de publicação – Programação – Lançamento

CONCEITO

Na fase de conceito, em primeiro lugar procuramos entender a finalidade do produto que se pretende realizar. Por exemplo, se o cliente desejar um website de comércio electrónico, algumas das etapas seguintes serão eliminadas desta lista. Para websites normais, começamos por compreender a mensagem que o nosso cliente pretende passar para o seu público alvo e procuramos criar uma estrutura lógica de apresentação dessa informação. Nesta fase, recomendo que comece por realizar um simples diagrama em árvore que identifica as várias áreas de informação que compõem o website. Num segundo passo, pegamos nessa estrutura e começamos a fazer esboços sobre como cada uma dessas áreas de informação, sejam elas páginas ou secções de páginas, irá apresentar a informação ao utilizador. Estamos assim a conceber um mock-up da página final.

Para esta fase de estudo, recomendo para iniciantes o uso de papel ou se possível, de um quadro branco de marcadores (whiteboard), pois é uma fase em que existe uma grande necessidade de experimentar, apagar e voltar a escrever e desenhar. Para utilizadores que se sintam confortáveis com o uso de aplicações informáticas, recomendo como mais simples a aplicação DRAW do OpenOffice.org que é de utilização gratuita. Depois existem duas ferramentas próprias para concepção de Mock-ups as quais não são gratuitas e cujas instruções de utilização ficam fora do âmbito deste artigo. São elas Balsamiq Mockups e Axure RP Pro.

DESIGN

Esta é uma das fases mais importantes do desenvolvimento do produto, pois é aqui que será definida a sua apresentação visual, o que determina como os utilizadores finais interagem com a informação que lhes estamos a apresentar. Por esta razão esta fase é também responsável por uma parte substancial do orçamento do website, uma vez que se trata de um trabalho especializado de transformar aquilo que foi definido na fase de conceito, em algo que deverá ter excelente apresentação visual por forma a ser apelativo e simultaneamente eficaz na interacção com o utilizador final, pois é aqui que muitas vezes se encontra a diferença entre um produto de verdadeiro sucesso e um produto pouco eficaz. Nesta fase, sempre que o orçamento o permita, devemos contratar um designer gráfico com especialização web (webdesigner). No entanto, nem sempre o orçamento o permite. Foi neste contexto que surgiu uma ideia de negócio muito interessante, a de reutilizar produtos de design gráfico de websites baixando assim o seu custo. Se a exclusividade do design não for um factor muito preocupante para o seu cliente, é aqui que poderá efectuar uma redução significativa do custo de desenvolvimento do website. Através do website Template Monster poderá adquirir design pré realizado para websites dos mais variados temas e tecnologias, garantindo uma muito boa relação qualidade/preço, especialmente no caso de aquisição de modelos de forma não exclusiva.

ADAPTAÇÃO DO DESIGN À TECNOLOGIA DE PUBLICAÇÃO

Se no passo anterior, tiver optado por adquirir um modelo (template) no website Template Monster poderá saltar este passo, porque as templates já trazem o design montado em estrutura HTML / CSS e por vezes em Flash, trazendo ainda todos os ficheiros de fonte (source) que constituíram a base de concepção do modelo (template) que comprou, incluindo ficheiros FONT (tipo de letra). Poderá assim, editar todos os ficheiros de design por forma a personalizar a apresentação gráfica do website, dando-lhe um toque pessoal e tornando-o assim único em comparação com todos os outros que adquiriram o mesmo modelo.

Caso não tenha optado por adquirir um modelo, terá que ter uma forma de adaptar o design (concepção da apresentação visual do website) à tecnologia de publicação. Se contratou um webdesigner, por norma, este deverá ter os conhecimentos suficientes para fazer a conversão das imagens concebidas num produto final de HTML / CSS ou Flash. Caso isso não se verifique terá que recorrer aos serviços de um programador web que saberá a melhor forma de cortar a imagem final produzida pelo designer gráfico em gráficos isolados passíveis de serem utilizados na tecnologia que pretende utilizar para publicação do website.

PROGRAMAÇÃO

Neste passo será necessário o recurso a um ou vários programadores, consoante a(s) tecnologia(s) que pretende utilizar no website e as competências de cada um.

É nesta fase que são criadas todas as acções de interacção avançada com o utilizador, quer a nível de cliente (computador do utilizador – efeitos visuais e controle de interface) quer a nível de servidor no que diz respeito a interacção com bases de dados e outros serviços.

Uma das alternativas mais usadas actualmente para a concepção de websites de baixo custo, permitindo poupar também nesta fase, é o recurso a ferramentas de gestão de conteúdos (ou CMS – Content Management Systems).

No entanto nem todos os CMS são de fácil utilização, requerendo muitas vezes a realização de tarefas especializadas de configuração, criação de bases de dados e cópia de ficheiros para um servidor remoto.

Foi por este conjunto de razões que tomei a decisão de fazer a minha empresa (XYLE) apostar no desenvolvimento de uma plataforma que permita a rápida criação, publicação e gestão de websites. Assim nasceu o ROCKETcms .

O ROCKETcms é uma aplicação vendida na modalidade Software as a Service permitindo que você fique com um servidor preparado num curto espaço de tempo no qual não terá que se preocupar com gestão de base de dados nem cópia de ficheiros.

Esta plataforma visa facilitar o processo de criação e manutenção de websites, contanto para isso com um conjunto de funcionalidades como um editor de código de programação que funciona directamente dentro do navegador de Internet, um editor de HTML que lhe permitirá actualizar facilmente os conteúdos das suas páginas e muitas outras funcionalidades, tendo como vantagem o facto de que o sistema já inclui alojamento web e qualquer página que você crie, fica imediatamente disponível para ser acedida na Internet.

 

 

No entanto se você possui conhecimentos técnicos e procura uma solução gratuita, continue a ler :

Actualmente os CMS mais populares são o WordPress (ferramenta de blog bastate poderosa que permite também a criação de websites e o seu complemento com inúmeros plug-ins que permitem estender as suas funcionalidades para áreas tão específicas como o comércio electrónico). Actualmente esta é a minha preferida, sendo que possui uma grande base de utilizadores e programadores que contribuem para o seu desenvolvimento o que permite que a partir do próprio website da aplicação temos acesso a temas (templates) de forma gratuita em http://wordpress.org/extend/themes/ , aos referidos plug-ins (blocos de programação que permitem adicionar funcionalidades) em http://wordpress.org/extend/plugins/ e a ferramentas específicas que permitem ao gestor do website, fazer esta gestão a partir do seu telemóvel (smartphone) ou tablet em http://wordpress.org/extend/mobile/ . Esta é a tecnologia por detrás deste próprio blog.

Poderá ainda utilizar outros CMS bastante conhecidos e com grande base de utilizadores, tais como o Joomla ou o Drupal, com funcionalidades equivalentes às do WordPress.

LANÇAMENTO

Nesta fase necessitamos de um local para alojar o produto final por forma a que fique exposto ao público, garantindo que o servidor que irá acolher a aplicação possui as tecnologias necessárias para todas as funcionalidades da mesma.

Para este efeito recomendo os serviços de alojamento da minha própria empresa que podem visitar em www.codelement.com , um serviço de custo acessível que é particularmente interessante para os principiantes no desenvolvimento de projectos web, dado que se apresenta como um serviço de managed hosting (alojamento gerido) onde o cliente não precisa de possuir conhecimentos técnicos avançados para a gestão ou administração de servidores ou serviços web, deixando essas tarefas ao encargo de pessoas competentes nessas matérias.

 

Espero que este artigo o tenha ajudado no desenvolvimento dos seus websites. Obrigado por ter utilizado o seu tempo a lê-lo e se possível deixe os seus comentários por forma a que eu o possa melhorar.

Go to Top