ASEAN Ports Association Website Development and Management
"Explore the new website development for the ASEAN Ports Association by M. Firdaus from Malaysia. This single-page web app features clean design principles, functional search engine optimization, and user-friendly interfaces for managing events, articles, countries, and ports. Discover the main pages, public views, and content posting procedures for an interactive and informative experience."
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. Download presentation by click this link. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
E N D
Presentation Transcript
ASEAN PORTS ASSOCIATION NEW WEBSITE DEVELOPMENT By M. Firdaus, Malaysia
Single Page Web App Responsive Design Clean & Simple Design Website Design Principles Functional Search Engine Optimized
MAIN PAGE INSIDER PAGE Web Pages Overview SECRETARIAT PAGE WEBMASTER PAGE
Public View main website contents Register for posted event Send contact us form Insider Admin for each country Insert and Update country and ports information Change main promotional slide Post and manage event Post article Post images Post document under Initiatives Secretariat Post announcement Read contact us messages Post meeting documents Review and approval Webmaster Manage user account activation Manage advertisement Access Levels & Roles
Start Post Content Requires rectification by poster Revisable by Secretary Contents Posting Procedures Rectification Review Revision All good Approval Country Admin Alive Secretary End
Promotional Slides Navigation Bar Main Website Structure Main Contents Advertisement Aside Footer
Highlights Highlights latest event Calendar Interactive events calendar Events Initially displays 4 latest events, user can click button to view more Quick read button Registration form Articles & News Initially displays 4 latest articles/news, user can click button to view more Quick read button Countries & Ports Interactive panel listing countries and their ports Link to port s website Initiatives Human Resource Dev Brief + download button Electronic Transmission of data Brief + download button Exchange of information on Port Dev Projects Brief + download button Privatization/Commercialization Activities in the Ports Brief + download button Simplification of Port Documentation and Procedures Brief + download button Green Port Initiatives Brief + download button Resources Country Papers Best Practices Manual Survey Matrices About Constitution Officers History Gallery Masonry Grid Interactive Gallery Main Website Structure (Main Contents)
mock.apaport.org 2 weeks after confirmation of dataset Design & Structure alpha.apaport.org 3 weeks Server-Side Development Development Stages beta.apaport.org 3 weeks Pre-Release Testing apaport.org Target UAT on the next APA Meeting Release
Standardised format for datasets to be submitted by Malaysia to Secretary for review: Registration form / Website user information Event registration form / Participant information Contact us News vs Article Meeting Documents Countries & Ports Initiatives About Gallery Datasets & Materials Revision Indonesia, Singapore & Thailand will review and revise materials from existing website: Best Practices Manual Survey Matrices Port Development Projects
Full Name Country Organization Designation Email Address Phone number Role: Data Set: User Account / Registration Secretariat Web Master Insider
Country Type of Event Date Schedule Promotional Image Registration List / Form Full Name Organization Designation Flight Itinerary Meeting Seminar Sport From (DD/MM/YYYY) To (DD/MM/YYYY) Data Set: Event List & Registration Departure Arrival Hotel Check in Check out Dietary / Religious / Special Requirement Head of Delegation ( ) Gender (M/F)
Full Name Country Organization Designation Email Address Message Data Set: Contact Us
Type of Article News General Article Title Article / News Content Article / News Image (JPEG, PNG, BMP) Attachment Document (PDF) Author s Name Author s Country Posted Date & Time Data Set: News & Article
Meeting Title Date Name of document Data Set: Meeting Documents Minute Financial Report Agenda Annexes Document file to upload (PDF)
County Name Country Flag Promotional Image Brief Description List of Ports Port Name Data Set: Countries & Ports Promotional Image Type of Port Sea Port River Port Lat Long in WGS84 Brief Description Main cargoes Website Address
Category 5 Years Projects Other Projects Title Description Country Posted by Posted date and time Document Attachment (PDF) Image Data Set: Initiatives
Constitution Promotional image Description History Promotional Image Description Officers Designation Full Name Profile image Organization Country Background Description Data Set: About Chairman Vice Chairman Secretary General Permanent Secretary Working Committee Chairman Working Committee Vice Chairman
Image (JPEG, BMP, PNG) Event Tags Main Meeting Working Committee Meeting Sport Events Social Program Country Tags Data Set: Gallery Country Date Tags Event Date Posted Date Posted by Name Country
