ANLISE E DESENVOLVIMENTO DE SISTEMAS

Ol, caros alunos!

Sou a professora Merris Mozer
Vamos trabalhar juntos no curso de ADS com a disciplina de Tpicos de
Desenolimento de Sistemas com !TM"# Ser utilizado o bloco de notas $%ote&ad'
para (ue possam entender os comandos utilizados# Mas e)istem editores de !TM"
(ue oc*s poder+o utilizar futuramente#
Vamos l!
WEB AULA 1
Unidade 1 Tpicos em Desenvolvimeno de Sisemas

Ol &essoal!!!
Vamos estudar um pouco!

!TM" ou !,perte)t Mar-up "an.ua.e $"in.ua.em de formata/+o de te)tos' pode ser
escrito em (ual(uer editor de te)to# 0 uma lin.ua.em de marca/+o de hiperte)to e 1
usada para criar sites#
0 um formato padr+o utilizado para o te)to e layouts de p.inas para 2eb#
Os ar(uios !TM" normalmente possuem a e)tens+o !TM" ou !TM#
3em como outras lin.ua.ens de pro.rama/+o os comandos possuem uma sinta)e
prpria# A estes comandos denominamos de TA4S#
&ara come/ar o desenolimento de sites, inicia5se primeiramente aprendendo !TM",
tudo bem (ue 1 uma lin.ua.em um tanto (uanto esttica, mas 1 preciso aprend*5la#
Antes de mais nada, oc* aluno dee criar uma pasta chamada 6Aprendendo !TM"6#
&ara come/ar este estudo sobre !TM" ser utilizado o 3loco de %otas $%ote&ad'
possibilitando de uma forma bem simples o entendimento dos comandos bsicos#
&ara abrir o bloco de notas, d* um clic- no menu iniciar,

Onde aparece 7&es(uisar pro.ramas e ar(uios8 1 necessrio di.itar %ote&ad#
Ou entrar na op/+o e)ecutar e di.itar %ote&ad#
Ser utilizado este editor de te)to, pois o !TM" 1 uma lin.ua.em sem formata/+o#
9uturamente o Microsoft 9ront&a.e ser o pro.rama de cria/+o para p.inas !TM"
neste curso#
!"#iosidade$ 1

:omo mencionado anteriormente a base de um documento !TM" 1 um TA4#

Veja (uais s+o os TA4s bsicos inclu;dos em (ual(uer documento !TM"<
!TM" 5= (ue inicia o documento !TM", nela pode ser acrescentado o atributo
lan., cuja finalidade 1 identificar a l;n.ua na (ual o documento ser escrito>

!ead 5= TA4 responsel pela cria/+o do cabe/alho, com as informa/?es de
cabe/alho n+o is;eis da p.ina, mas na aba da p.ina>

Title 5= TA4 onde se encontra o t;tulo da p.ina>

3od, 5= 1 o corpo do documento, onde ser inserido o conte@do da p.ina#
A partir desta estrutura bsica amos salar o documento com a e)tens+o !TM"#
Para seus estudos crie um documento no bloco de notas com a
estrutura bsica mencionada acima e o salve com o seguinte nome primeira_pg.html.
&or padr+o sale sempre os documentos com nomes min@sculos e sem acentos e
caracteres especiais#
Atilizando esta estrutura 1 poss;el iniciar uma p.ina !TM" bem simples, com um
t;tulo no TA4 de head e um pe(ueno te)to no corpo do documento#




Vamos iniciar um site, colocando um te)to atualizado, pois a parte mais importante
do site 1 o conte@do e a partir deste conte@do amos trabalhar um pouco com a
formata/+o de par.rafo# &ara isto 1 necessrio a di.ita/+o de um te)to<
%o bloco de notas deemos di.itar a estrutura bsica<

&ara a realiza/+o das atiidades no decorrer do curso, leiam com muita aten/+o o
estudo de caso descrito no cenrio 7"ocadora Alunos A%O&AB 8#
:enrio &roposto< 7"ocadora Alunos A%O&AB8
A 7"ocadora Alunos A%O&AB8 1 uma empresa priada com fins lucratio, situada na
re.i+o central da cidade de S+o &aulo, fundada em CD de maio de CEEF, com o
objetio de locar e;culos lees#
O diretor Sr# AntGnio :arlos, fundador, conta com um (uadro de H funcionrios (ue
atuam em diersas reas, sendo< &aulo, Ana &aula e Ios1 Boberto $departamento de
loca/+o', Mrcia Be.ina $departamento de compras', Andr1 Au.usto $departamento
de controle de frota', Marcos $departamento de manuten/+o' e Maria !elena
$departamento financeiro'#
Seu esto(ue atual possui FDD e;culos classificados em< bsico, bsico com opcionais,
intermedirio, intermedirio com opcionais, premium, premium com opcionais e
utilitrios#
Sendo os alores da loca/+o distribu;dos, respectiamente< BJ KD,DD, BJ LD,DD, BJ
CDD,DD, BJ CFD,DD, BJ CMD,DD, BJ FDD,DD e BJ CND,DD# Ossas classifica/?es em
fai)as proporcionais, entre o menor e maior pre/o, se.undo os alores de compra#
Sua estrutura f;sica possui uma rea total de N#MDDm
F
, contando com a rea de
.ara.em, istoria, pe(uenos reparos e laa.em# A fi.ura C apresenta o or.ano.rama
da 7"ocadora Alunos A%O&AB 8#
Deido P .rande demanda, neste ano de FDCF houe a necessidade de contratar uma
empresa para desenoler um soft2are para acesso ia internet#
A empresa contratada foi a 7Turma FDCFQC8 (ue assumiu esse compromisso e possui
-no25ho2 no se.mento com foco no desenolimento de sistemas RO3#
"o.o no in;cio a empresa 7Turma FDCFQC8 entreistou os usurios, come/ando pelo
Sr# AntGnio :arlos (ue apresentou os principais processos de uma forma .eral, pois
os detalhes ser+o tratados com os demais funcionrios de cada rea#
Atualmente, a empresa conta com um controle de frota de acordo com a classifica/+o
de cada e;culo# :ada e;culo possui um controle de status de loca/+o, .arantindo
(ue jamais um e;culo seja locado para dois ou mais clientes no mesmo per;odo#
A 7"ocadora Alunos A%O&AB8 possui, tamb1m, um controle de usurios para
.erenciar todos os acessos dos funcionrios# Ostes usurios realizam todas as
opera/?es no atual sistema, lembrando (ue uma loca/+o 1 realizada por apenas um
usurio, mas (ue este usurio poder re.istrar rios empr1stimos#
Aps a realiza/+o do leantamento de re(uisitos de ne.cio foi estabelecido o escopo
do projeto, conforme ilustrado na fi.ura F $em caso de uso' pela empresa 7Turma
FDCFQC8, (ue tee a aproa/+o dosstakeholders $todos enolidos no projeto'#
&rofessores enolidos
Merris Mozer
Anderson Macedo
S1r.io 4oes

Aps copiar o documento acima, sale5o com se.uinte nome< ead%roF#!TM", sempre
se lembrar da e)tens+o !TM", pois #html e #htm s+o as duas e)tens?es usadas para
salar documentos !TM"# %a se(u*ncia abra o documento pelo bro2ser $nae.ador
com (ue o cliente interpreta o cdi.o !TM" e mostra para o usurio' e obsere a
disposi/+o dos par.rafos#
%este momento pode5se notar (ue nenhum par.rafo foi respeitado, mesmo tendo
escrito e formatado os par.rafos (uando o documento 1 isualizado no bro2ser est
completamente desor.anizado# "o.o, para corri.ir estas falhas 1 necessrio formatar
os TA4s#
:onhecendo formata/+o de TA4s<

Ao final do e)emplo temos a se.uinte linha<
7&rofessores do &rimeiro Semestre Merris Mozer Anderson Macedo S1r.io 4oes8
:ertamente (ue o documento foi di.itado da se.uinte forma<
&rofessores do &rimeiro Semestre
Merris Mozer
Anderson Macedo
S1r.io 4oes
Mas a isualiza/+o n+o se comportou da maneira esperada#

Vamos co##i%i#&




E'e#c(cio$

Aproeite os par.rafos j criados nos documentos e trabalhe os alinhamentos
mencionados anteriormente#





E'e#c(cio$

Aproeite os par.rafos j criados nos documentos e trabalhe as formata/?es
mencionadas anteriormente#

%a linha abai)o encontrada no documento (ue est sendo utilizado como e)emplo,
temos<
Devido grande demanda