Presentation for the Web Developers’ Meeting
ECMWF, Reading
by Catalin OstroveanuNetwork Administrator
Content
• Network Infrastructure
• Meteo Romania’s Website
• Internal Web Applications
2Web Developers' Meeting2/11/2010
Network infrastructure
• Several internal and external portals• Public servers placed in DMZ • VSAT and VPN tunnel with Regional Centers
3Web Developers' Meeting2/11/2010
METEO ROMANIA’S WEBSITE
• Introduction• Technical details• Target users• User features• Website architecture• Website technologies• System administration and operations• Development and testing• Future website : design, AJAX platform, RSS, helpdesk integration • Solved Issues
4Web Developers' Meeting2/11/2010
Introduction• Current web address: http://www.meteoromania.ro• History of our WEB site:
• August 2004:• www.inmh.ro• Based on PHP / MYSQL technology• Management mode - directly on WEB• Number of visitors : 300 simultaneous users
• September 2006:• Integration with ORACLE DB • User access control
• March 2008 - new domain• www.meteoromania.ro• account registration to www.trafic.ro
• January 2010• Flash animation on homepage• Helpdesk and CRM integration
5Web Developers' Meeting2/11/2010
http://www.meteoromania.ro/http://www.inmh.ro/http://www.meteoromania.ro/http://www.trafic.ro/
Tehnical details
• Used Technologies: • PHP, MySQL, ORACLE, web developed application including
Multilanguage support, news module, user access control
• Developed on 3 access layers:• General users• Registered users such as:
• Online websites which download daily files • Media and newspapers customers
• Internal-registered users:• Super techs• Techs• Admin
6Web Developers' Meeting2/11/2010
Target users for website
• Media & newspapers; online websites• General public• Number 1 in public institutions; more than 30k record per day
7Web Developers' Meeting2/11/2010
User features for website
• Notifications: • through email, helpdesk messages (email, fax and SMS) and RSS
feeds to be developed this year
• Design, usability, accessibility:• Simple and ergonomic interface for public access with menus and
submenus; new design to be developed this year
• Support: • External helpdesk with defined categories/subcategories including
bug tracking
8Web Developers' Meeting2/11/2010
Help Desk Interface
9Web Developers' Meeting2/11/2010
Website Arhitecture
• Content Management System: Smarty for external site• System login on home page and user access control
10Web Developers' Meeting2/11/2010
Admin Side – Edit information and menus
11Web Developers' Meeting2/11/2010
Website technologies
• PHP ADO DB for smart database change (ORACLE, MySQL and PostgreSQL)
• Web servers used: Apache• Scripting languages: ASP, PHP• Databases: MySQL, PostgreSQL, ORACLE• Operating systems: LINUX – SUSE• Front end technologies used: Javascript; AJAX to be developed• Backend: Javascript, ASP, PHP, SMARTY
• All technologies are well-known, reliable and easily used in our IT departments
12Web Developers' Meeting2/11/2010
System administration and operations
System performances: High availability manager: not implemented yetHousekeeping jobs: scripts that are performed to backup source-code and databasesWeb application for the FORECAST Department transmitted through FTP to www.meteoalarm.eu
Monitoring: CISCO PIX, PRTG/MRTG, IDS and NIDS in progress for implementation
Statistics: Local Romanian traffic engines (www.trafic.ro) and Linux software to read Apache log files
13Web Developers' Meeting2/11/2010
http://www.meteoalarm.eu/http://www.trafic.ro/
System administration and operations -hardware
Fujitsu-Siemens machine• Intel Xeon Quad Core 3 GHz, 4 GB RAM
Internet Connection:• 8 Mbps Wireless Connection and 20 Mbps Metropolitan optic
fiber connections
Security Access• the Internet packages are policy-routed to the PIX Firewall• root access - only through one front-end DMZ server and one IP• external access - Cisco VPN Client, installed on PIX Firewall.
14Web Developers' Meeting2/11/2010
Development and testing
• We are using a test system that contains replica of our website.
• Hardware is similar, so we can test scalability and the result of development work.
• Control version distribution: SVN
• We are using PHP Editor/Maker as IDE
• Quality assurance: External auditor
15Web Developers' Meeting2/11/2010
Future Website
• Redesigning of our homepage graphics • AJAX controls• Helpdesk and CRM integration• Call Center integrated solution• RSS Feed• GeoIP function• Improvement of Search Engine Optimization for Google• SMS integration for our customers• Alert functions for weather warnings
16Web Developers' Meeting2/11/2010
• Majors incidents related to our web server:• in December 2008, hackers attacked our web site• it was vulnerable to SQL injection
• To solve the security problems:• Web server vulnerability was tested through Internal and External
Security Audit.• The parameters used by the site scripts were identified and it was
applied on them a white listing policy.• Security bugs removed.
• Reconfiguring the web server included: • a new hardware and operating system: SUSE Linux • the latest versions of PHP, Apache, MySQL and security software
packages
Solved Issues
17Web Developers' Meeting2/11/2010
Internal Portal
2 Fujitsu-Siemens machines– Intel Xeon Quad Core 3 Ghz, 4 GB RAM– Linux-Fedora operating system
They were used by the Weather Forecasting Department for : • Editing bulletins and weather forecasts• Applications for the ECMWF grib data• The web application for transmitting data to METEOALARM.
18Web Developers' Meeting2/11/2010
Internal Portal
• Tehnical details• Content management system-based application grounded on Drupal 5.7• System login on home page and user access control• Web servers used: Apache• Scripting languages: PHP, FTP BASH backend commands• Databases: MySQL• Operating systems: LINUX – Fedora• Technologies used: Javascript; AJAX, PHP, DRUPAL
Developed on 3 layers of access:• General users• Registered users such as:
– Regular users – Techs– Admin
19Web Developers' Meeting2/11/2010
Target Users for Internal Applications
• General users • Department Directors• Top management
Internal Applications:• Web Document management• Web Helpdesk• Web Asset management solution (for automatic hardware and
software inventory)
• Integration with Microsoft Active Directory
20Web Developers' Meeting2/11/2010
Reliable Assets – Hardware Inventory
21Web Developers' Meeting2/11/2010
Internal Portal – Integration with MeteoAlarm
22Web Developers' Meeting2/11/2010
Internal Portal – users sideECMWF,ARPEGE, output model plotted with METVIEW and MAGICS
23Web Developers' Meeting2/11/2010
ECMWF Data and Products• Direct model output are displayed via web
• Post-processing methods - MOS system:• Running at NMA • using deterministic output model• has been implemented to forecast products, such as:
» extreme temperatures» 3 h spot temperatures» Wind speed and directions» Total cloudiness» Total precipitationsfor 163 meteorological stations
24Web Developers' Meeting2/11/2010
EMWWF Data and ProductsMOS-EPS system:
• running on ECGATE• Outputs are sent via ectrans to NMA • results are disseminated via intranet web ( maps, graphs, etc)• 15-day extreme temperatures run twice a day• Monthly extreme temperatures forecast for 30 days – running every Thurstday
25Web Developers' Meeting2/11/2010
Q & AThank You !
26Web Developers' Meeting2/11/2010
Presentation �for the Web Developers’ Meeting��ECMWF, ReadingContentNetwork infrastructureMETEO ROMANIA’S WEBSITEIntroductionTehnical detailsTarget users for websiteUser features for websiteHelp Desk InterfaceWebsite ArhitectureAdmin Side – Edit information and menusWebsite technologiesSystem administration and operationsSystem administration and operations - hardwareDevelopment and testingFuture WebsiteSolved IssuesInternal PortalInternal PortalTarget Users for Internal ApplicationsReliable Assets – Hardware InventoryInternal Portal – Integration with MeteoAlarmInternal Portal – users sideECMWF Data and ProductsEMWWF Data and Products