mysql, html, latexe perl/php · ot do application: planos de ensino i spe: sistema de planos de...

21

Upload: others

Post on 24-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

MySQL, HTML, LATEXe Perl/PHP

Ole Peter Smith, IME, [email protected]

EMSL '1015/10/2010/2010

UFU, Uberlândia-MG

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 2: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

The Road to Knowledge? Simple:

Err, and Err, and Err again

But Less, and Less, and Less

Piet Hein

Real programmers can write assembly code in any language

Larry Wall

TIMTOWTDI: There is more than one Way to Do It!

Larry Wall

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 3: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

The Problem....

I Inspiration: PHPMyAdminwww.phpmyadmin.net

I AdminsitratorsNot for humans...

I BD e TablesI Application:

Interface onto a List of Tables

I SQL TableID data1 data2... dataNMatrix

I Relations between Tablesid data1.. id-of-table.. dataN

I Module in LayersLanguage: whatever...

I Web ApplicationOle Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 4: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

Table

I id: NOT NULL PRIMARY KEY AUTO_INCREMENT

I Data de�ned by hash:"Sql"=> "VARCHAR(255)",

"Name"=> "Nome do Participante",

"Size"=> "25",

"Compulsory"=> 1,

"Visible"=> 1,

I Basic Types:INT - REAL - VARCHAR - TEXT - ENUM - PASSWORD

I Advanced Types:Derived: Authors from Author1,...SQL Derived (other table)File (Upload)

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 5: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

Data & HTML

I ID: Never seen - Always UsedI INT - REAL: INPUT TEXTI VARCHAR: INPUT TEXTI PASSWORD: INPUT PASSWORDI TEXT: TEXTAREAI ENUM: SELECT

or RADIO SET or CHECKBOXI FILE: INPUT FILE (enctype!)I Derived: No edit!

�> PostProcessingI SQL Derived: SELECT

Table nameData to read in other tableWHERE Group='2' OR Group='3'

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 6: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

One Item

I Singular view: One Row

I HTML Form:

DataName1: InputField or Show

DataName2: InputField or Show

.. ..

DataNameN: InputField or ShowI Show - Another TABLE...I Edit: FORMI Print: LATEX�> PDF

I Delete - �Are You Sure?�I Filter:

<A HREF='#ID' TITLE='Editar dados do #NAME'>#Name</A>

�> FileI Add - CopyI Permissions on Individual Data: None - Read - Write

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 7: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

ENUMs

I "Group"=> array

(

"Name"=> "Grupo",

"Sql"=> "ENUM",

"Values"=> array

("Administrativo","Docente",

"Substituto","Outros",)

"Public"=> 1,

),

I As Values or as 1,2,3,...

I �> SELECT or CHECKBOX/RADIO

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 8: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

SQL ID

"Name" => "Bibliografia Complementar No ".($k+1),

"Sql" => "INT",

"SqlTable" => "Bibliografias",

"SqlDerivedFilter" => "#Authors - #Name: ".

"#SName - #Volume - (#ID)",

"SqlDerivedData" => array("Name","SName","Authors",

"Editor","City","Country",

"Year","Volume","Edition"),

"SqlDerivedSkelVar" => "Book",

"NamerLink" => "Bibliografies.php?Edit=1&ID",

"NamerText" => "Editar Bibliografia",

"ShowIDCols" => array("Coordinator","Teacher");,

"EditIDCols" => array("Coordinator");,

"Public" => 1,

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 9: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

TableData & HTMLItem & ItemsENUM Data

List of Items

I Plural view: (Sub)MatrixI List of id'sI Show in ListI Edit in ListI Print int List

Select Data & SearchLATEXSkeletons �> PDF

I ExportHTML - LATEX- PDF - CSV - SQLHTML headers

I Search �> SearchVars � �> ListOfIDs

I Sort by DataK,.. - (Reverse)#ID_#DataK_#DataKK...

I Data Groups

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 10: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

InterfaceLayers (Camadas)

Table Interface

I Menus: NavegationI Left Menu: Application Level

Other TablesI Top Menu(s):

Singular: Show - Edit - Delete - Print

I

Head: Company Info - Logos

Top Menu

LeftMenu

Table: S

ingular/P

lural- B

aile!

Tail: App. Info,..

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 11: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

InterfaceLayers (Camadas)

Layers (Camadas)

Divide & Conquer

I Base: Basic methods

I Html: HTML tables, selects, etc.

I Latex: LATEXtables, etc.

I CGI: CGI environment

I Actions: Actions and Menus

I TInterface: Make Interface

I MySql: Mess with the DB

I Login: Authentication

I Access: Authorization

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 12: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

InterfaceLayers (Camadas)

Layers (Camadas)

I Data: Datas and Data Types

I DataGroups: Groups of Data

I Item: One Item

I Items: Several Items

I Paging: Paging when Several Items

I Search: Searching/Selecting

I Sort: Sort for ex. Alfabetically

I Export: Dump to other formats

I Table: Handlers

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 13: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Web Application

I List of Involved Tables

I Module per TableHerits MySqlObj + Speci�cs

I Access LevelsPublic - Human Being - AdminGroups

I Session: AuthenticationLogin - Logo� - Change Pwd

I Authorization

I Multiple Setups: Company1,...

I Modules and StateSearch Vars - Sort Vars - Data Group

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 14: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

HTML/HTTP Features

I CGI: GET & POST

I Cookie Vars

I Hidden Vars

I CSS

I HTTP headers: OutputHTML - TEXT - PDF - LATEX- CSV

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 15: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Application: Inscription

I Participants1-Table Model: Slicing

I Persons Data: Name - Email - PasswordI Public: RegistrationI LogonI Admin InterfaceI Inscription Speci�c Data

Fx. Talk Prefs - AssessorsI Internal Data

Fx. Assessment - Certi�cate DataI 2-Table Model <� best

Site Users - Events - ParticipantsI Schools and Pupils (Olympiad)I PostGrad Inscription: Teacher Assessments

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 16: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Application: Planos de Ensino

I SPE: Sistema de Planos de EnsinoPessoas - Plano de Ensino - Horarios & Salas

I CursosI DisciplinasI Bibliogra�asI TurmasI PlanI Print Plano: LATEXSkeletonI Admin - Cadastros BásicosI Coordenador - Ementas - Bibliogra�as - Livro AdotadoI Professor - Metodologia - AvaliaçãoI User May Use LATEX!!!I Public - Planos - Horarios - SalasI IME & ProGrad, UFG, 2010/11

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 17: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Application: Distr. de Salas Univ.

I SiDS: Sistema de Distribuição de Salas

I Cursos: Coordenador - Períodos

I Disciplinas - Grade

I Turmas

I Horários & SalasTipo de Sala - Capacidade

I DistribuiçãoPedidosTabela de: SELECT Rooms Disponivel AND CapacityOK

Quanto Distribuído Horário não Altera

I Relatórios: Por Turma/Curso - Por Sala/Prédio

I IME & ProGrad, UFG, 2010/11

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 18: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Application: Unidade Acadêmica

I Pessoas: Tec. Adm. Docentes - Substitutos

I Cursos: Projeto - Grade - Disciplinas

I Turmas - Planos de EnsinoHorários & Salas - Distribuição

I Web Users & Inscriptions

I Diário Eletrônico

I Conselhos e Atas

I Interface Público/Restrito

I UnidadeS AcadêmicaS...

I The Project goes one...IME & ProGrad, UFG

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 19: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

To Do

I Errors

I Users & Groups

I Logging

I Import

I Interface on Data defs

I Import

I ...

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 20: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

The End

I Idéias - Cementes - FertilíssimosDivide and it's Still Yours!!!

I My Projects goes on:� UnidadeS AcadêmicaS...� Computational Geometry� Optimization VisualizedFree Software, Thinking, Society, University, Science...Os Gambal Livre

I Life sure is a Mystery to be LivedNot a Problem to be Solved

I Live as Though You Should Die TomorrowLearn as Though You Should Life Forever - Mahatma

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP

Page 21: MySQL, HTML, LaTeXe Perl/PHP · oT Do Application: Planos de Ensino I SPE: Sistema de Planos de Ensino Pessoas - Plano de Ensino - Horarios & Salas I Cursos I Disciplinas I Bibliogra

IntroductionTable Interface

Sample Applications

Web ApplicationHTML/HTTP FeaturesTo Do

Ole Peter Smith, IME, UFG [email protected] MySQL, HTML, LATEXe Perl/PHP