|
|
|
Federico Stabile
Analyst programmer
Hi there, my name is Federico Stabile, I'm from Argentina. I own this "single employee company". Was the year 2001 when I started to work on web development projects as an employee; and a couple of years ago I decided to do it by myself as freelancer, offering first at all, responsibility and hard working, and then a friend to work with.
I specialize in:
-
PHP,
PHP stands for PHP: Hypertext Preprocessor. Is a widely used,
general-purpose scripting language that was originally designed
for web development to produce dynamic web pages.
Python,
Python is a general-purpose programming language whose design
philosophy emphasizes code readability. Python aims to combine
remarkable power with very clear syntax.
Classic ASP
ASP stands for Active Server Pages. It was Microsoft's first
server-side script-engine for dynamically-generated web
pages. ASP.NET has superseded ASP.
-
JavaScript,
JavaScript is an object-oriented scripting language used to enable programmatic
access to objects. JavaScript is used in web pages to add functionality, validate
forms, detect browsers, add interactivity and much more. Works in all major
browsers, such as Firefox, Chrome, Opera, Safari and Internet Explorer.
AJAX,
AJAX is an acronym for Asynchronous JavaScript And XML. AJAX is a group of interrelated
web development techniques used to create interactive web applications. With AJAX, web
applications can send and retrieve data from and to the server asynchronously in the
background, without interfering with the display and behavior of the existing page.
JSON,
XML,
XML stands for eXtensible Markup Language. XML is a markup language much like HTML, it was
designed to describe, transport and store data, with focus on what data is. Its tags are not predefined.
XML data is stored in plain text format. This provides a software and hardware independent way of
storing data, and makes it much easier to create data that can be shared by different applications.
DOM,
DOM is an acronym for Document Object Model. The DOM is a cross-platform and
language-independent convention for representing and interacting with objects in
HTML, XHTML and XML documents. The DOM defines a standard way for accessing
and manipulating documents (and their elements or nodes), and presents it as a
tree-structure.
DHTML
DHTML stands for Dynamic HTML. DHTML is NOT a language, is a term describing the
art of making dynamic and interactive web pages. DHTML combines HTML, JavaScript,
the HTML DOM, and CSS. DHTML allows scripting languages (JavaScript) to change
variables in the web page (HTML DOM), which turns into effects, changing the look
and altering the static HTML page content.
-
HTML,
HTML stands for Hyper Text Markup Language. HTML is a language for describing web
pages. It is a markup language, not a programming language. A markup language is a
set of markup tags, and HTML uses these markup tags to describe web pages.
XHTML
XHTML stands for eXtensible HyperText Markup Language. XHTML is a stricter and
cleaner version of HTML, it is aimed to replace HTML. XHTML is a W3C (World Wide
Web Consortium) recommendation.
Strict, Transitional & Frameset DTDs,
CSS
CSS stands for Cascading Style Sheets. CSS is a language used to describe how to display
HTML elements. Multiple style definitions will cascade into one. CSS is also designed to
enable the separation of document content from document presentation.
-
MySQL Server,
MySQL is a relational database management system (RDBMS) that runs as a server providing
multi-user access to a number of databases. Free-software projects that require a full-featured
database management system often use MySQL. Such projects include (for example) WordPress,
phpBB, Drupal and other software built on the LAMP software stack. MySQL is also used in many
high-profile, large-scale World Wide Web products including Wikipedia, Google and Facebook.
SQL Server,
SQL Server is a relational model database server produced by Microsoft.
Its primary query languages are T-SQL and ANSI SQL.
ORACLE
The Oracle Database (commonly referred to as Oracle RDBMS or simply as Oracle)
is a relational database management system (RDBMS) produced and marketed by
Oracle Corporation.
-
Multithreaded
Multithreading is a technique for improving the overall efficiency of
computer programs. It permits multiple independent threads of execution
to better utilize the resources provided by modern processor architectures.
It can also be considered as parallel tasking where a process doesn't need
to wait until the previous one has finished.
Web Scraping
Web Scraping is a technique of extracting information from websites.
Usually, a program simulates human exploration of the World Wide Web
by implementing low-level Hypertext Transfer Protocol (HTTP) requests
and stores the collected data in a csv or xls file.
- Database designs, Stored Procedures, Cursors, Triggers, Transactions control, Functions, Constraints, Indexes, Rules, Views
- Object-oriented programming (OOP)
-
W3C
W3C Stands for the World Wide Web Consortium. The W3C is an international community where
Member organizations, a full-time staff, and the public work together to develop Web standards.
W3C develops technical specifications and guidelines through a process designed to maximize
consensus about the content of a technical report, to ensure high technical and editorial quality,
and to earn endorsement by W3C and the broader community. W3C's mission is to lead the Web
to its full potential.
Standards
Contact information:
- Email: stabile.federico@gmail.com
|
|
|
|
breastmilkcounts.com
http://www.breastmilkcounts.com
/_images/breastmilkcounts_cover.jpg
Technical facts:
-
PHP 5,
PHP stands for PHP: Hypertext Preprocessor. Is a widely used, general-purpose scripting
language that was originally designed for web development to produce dynamic web pages.
PHP 5 included new features such as improved support for object-oriented programming
and numerous performance enhancements.
MySQL Server 5
MySQL is a relational database management system (RDBMS) that runs as a server providing
multi-user access to a number of databases. Free-software projects that require a full-featured
database management system often use MySQL. Such projects include (for example) WordPress,
phpBB, Drupal and other software built on the LAMP software stack. MySQL is also used in many
high-profile, large-scale World Wide Web products including Wikipedia, Google and Facebook.
-
XHTML
Transitional DTD,
CSS 3
-
JavaScript,
AJAX,
JSON,
DOM,
DHTML,
jQuery
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML.
However, it doesn't follow any W3C standard, even worse, it redefines all set of names and
conventions. Therefore, its use is disencouraged. Every plugin, function, effect or feature made
using jQuery can be done by a professional programmer using the well consolidated, world wide
known HTML DOM developed by the World Wide Web Consortium (W3C). The animations and effects on
this webpage are made without using any public JavaScript framework, it's just a practical example
of how things can be done without having to load a heavy 80kb JavaScript file.
- Server side image processing: resize, crop, merge, text, export
Breastmilk Counts is a web site that wants to help new and expectant mothers with all their baby nursing concerns and needs. The birth announcement application allows people to create customized electronic cards, and email it to their friends, share it on Facebook and MySpace, print it and download it at low and high resolution. The client wanted to use jQuery plugins to upload the baby's picture and to crop it: uploadify, lightbox and imgareaselect. There are many cards styles, each one has its own special design which covers text and picture positions and font styles and sizes. All these styles are precisely defined in the database, allowing the client to add and edit his styles in a neat way.
breastmilkcounts.com — Birth announcement's shared page
breastmilkcounts.com — Birth announcement's generation
breastmilkcounts.com — Birth announcement's design customization
breastmilkcounts.com — Birth announcement's picture customization
breastmilkcounts.com — Birth announcement's personal information
|
|
|
|
|
|
|
|
|
myclimbs.com (user: demo@myclimbs.com, password: demouser, please don't change them :)
http://www.myclimbs.com
/_images/myclimbs_cover_eng.jpg
Technical facts:
-
Python 2.5,
Python is a general-purpose programming language whose design
philosophy emphasizes code readability. Python aims to combine
remarkable power with very clear syntax.
Google App Engine
Google App Engine is a platform for developing and hosting web applications in
Google-managed data centers. It is cloud computing technology. An application
running on Google App Engine is easy to scale as the traffic and data storage
needs grow. With Google App Engine there are no servers to maintain.
-
XHTML
Strict DTD,
CSS 3
CSS stands for Cascading Style Sheets. CSS is a language used to describe how to display
HTML elements. Multiple style definitions will cascade into one. CSS is also designed to
enable the separation of document content from document presentation.
-
JavaScript,
AJAX,
JSON,
XML,
DOM,
DHTML
-
Google Maps
API
API is an acronym for Application Programming Interface. It is an interface implemented by
a software program that enables it to interact with other software. It facilitates interaction
between different software programs similar to the way the user interface facilitates
interaction between humans and computers.
- Facebook application to share content
- English / Spanish
MyClimbs is a social utility that connects people who love mountains with friends. People use MyClimbs to upload photos, post maps, routes and histories, sharing their trips and mountain experiences. The front-end has lots of JavaScript & DHTML features to provide a good possibility to the users to customize their climb reports. Also makes extensive use of the Google Maps API allowing to draw the hike's trail, change its color, transparency and weight, place icons and fully customize maps options: size, zoom and pan; and controls: large/small zoom, map types (Satellite, Hybrid, etc), overview and scale. The Facebook application allows users to share their climb reports, favorite climbs and climbers.
myclimbs.com — Facebook application
myclimbs.com — Climb report
myclimbs.com — Add climb report (user: demo@myclimbs.com, password: demouser)
myclimbs.com — User's profile
myclimbs.com — Browse climb reports
myclimbs.com — User's favourite climbers
myclimbs.com — Add climb report (user: demo@myclimbs.com, password: demouser)
|
|
|
|
|
|
|
|
|
proalign.dk — Appointment calendar
http://www.proalign.dk/index.php?q=online-tidsbestilling
/_images/proalign_cover.jpg
Technical facts:
-
PHP 5,
MySQL Server 5
-
XHTML
Transitional DTD,
CSS 3
-
JavaScript,
AJAX,
JSON,
DOM,
DHTML,
jQuery
ProAlign is a professional private sports physiotherapy clinic located in Fitnessdk in Copenhagen. Using the calendar, their clients can book an appointment for a specific treatment. The client provided a sample calendar using jQuery that he found on the internet. The project consisted on modify the provided calendar to make it fit a new set of requirements. It has an administration tool to manage the different kind of treatments and their duration, and has a search user function too. It also has a newsletter feature. People can access a newsletters archive page which allows to see old newsletters as a HTML pages and download them as
PDF
PDF is an acronym for Portable Document Format. PDF is an open standard for
document exchange. The file format created by Adobe Systems in 1993 is used
for representing documents in a manner independent of the application
software, hardware, and operating system.
too.
proalign.dk — Newsletter creation form
proalign.dk — Newsletters administration
proalign.dk — Calendar users search
proalign.dk — Calendar treatments settings
proalign.dk — Newsletter archive
proalign.dk — Appointment form
|
|
|
|
|
|
|
|
|
akrfoundation.org — Grant Application
http://www.akrfoundation.org/grant-application/
/_images/akr_cover.jpg
Technical facts:
-
PHP 5,
MySQL Server 5
-
XHTML
Transitional DTD
-
JavaScript,
AJAX,
JSON,
DOM,
DHTML,
jQuery
The Alice Kleberg Reynolds Foundation makes grants to non-profit organizations (in specific counties in South Texas) for: arts & culture, charitable, education, literary, medical and scientific purposes. This web application allows these organizations to submit their projects. A comprehensive form will collect data from the organization and its project. Once the form is submitted, a trustee will review the application and will approve or reject it. Or he might ask for more information too. After a decision is made, the organization's contact will receive a template based email notifying the action taken (email templates can be modified by the admin tool). If the application is approved, it will be sent to a group of advisors to finally grant funds. Has different access, for organizations, trustees, advisors and admin. The client took care of the styling and I made everything else: back-end and front-end functionality, database design.
akrfoundation.org — Registered organizations
akrfoundation.org — Administrator's settings
akrfoundation.org — Trustee's summary
akrfoundation.org — Advisor's summary
akrfoundation.org — Grant application
akrfoundation.org — Organization's profile
|
|
|
|
|
|
|
|
|
Not every project consists on a web application development, and not every web application deserves to be published here, and some times the client asks for confidentiality too. Anyway, here's a list that covers the topics of those other projects:
-
CRUD
CRUD is an acronym for Create, Read, Update and Delete. They are the four basic functions
of persistent storage, a major part of nearly all computer software. CRUD is also sometimes
used to describe user interface conventions that facilitate viewing, searching, and changing
information; often using forms and reports.
forms
- Reports based on Stored Procedures
- Scripts to provide a specific feature to an existing web site or application
-
Tweaks and fixes for scripts downloaded from the internet, and for
CMS
CMS stands for Content Management System. In a CMS, data can be defined as
nearly anything: documents, movies, pictures, phone numbers, scientific data, etc…
CMSs are frequently used for storing, controlling, revising, semantically enriching,
and publishing documentation.
s such as
WordPress
WordPress is an open source Content Management System (CMS), often used as
a blog publishing application. It is written in the PHP programming language and
uses the MySQL database. It has many features including a plug-in architecture
and a template system. WordPress is the most popular CMS in use today.
and
Modx
MODx is an Open Source PHP web application framework with a capable
built-in Content Management System (CMS). It is written in the PHP
programming language and uses the MySQL database.
-
Data migration services:
SQL Server,
MySQL Server,
XML,
Access,
Access is a pseudo-relational database management system from Microsoft
that combines the relational Microsoft Jet Database Engine with a graphical
user interface and software-development tools.
Excel,
Excel is a spreadsheet application developed and distributed
by Microsoft for Windows and Mac OS X.
CSV
CSV stands for Comma-Separated Values. A CSV file is a simple text format for
a database table. Each record in the table is one line of the text file. Each field
value of a record is separated from the next by a character, typically a comma.
-
Google Maps API,
YouTube API,
Vimeo API
-
CSS layout fixes and adjustments
-
Photoshop
Photoshop is a graphics editing program developed and distributed
by Adobe Systems Incorporated.
slices
Here there are a few screenshots, some of them have the link:
intranet app — Employee monthly hours
intranet app — Web calendar
intranet app — Web calendar preferences
carveeditorial.com — Works
carveeditorial.com — Admin tool
dege.dk — Maps displaying company's clients and cases
intranet app — Admin tool to manage products
intranet app — Admin tool to manage products
txhealthsteps.com — Course evaluation
txhealthsteps.com — Reports tool
gaustalopet.no — Race competition registration
gaustalopet.no — Reports tool
icog.es — New sections and features
icog.es — New sections and features
intranet app — Feature to update products images
intranet app — Feature to update products images
mountaintop.dk — Menu tweaks to display its content in different places
mountaintop.dk — Menu tweaks to display its content in different places
intranet app — Orders admin tool and XML export
intranet app — Import tracking codes feature
intranet app — Employees relocation requests
intranet app — Employees relocation requests
|
|
|
|
|
|
|
|
|
|
|
|
