Naoki Hada Web/Flash/RIA portfolio

  • 2,653 views
Uploaded on

Naoki Hada\’s personal project portfolio for Web, Flash, AIR application. …

Naoki Hada\’s personal project portfolio for Web, Flash, AIR application.
Works at Adobe and Sportvision are not included.

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,653
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web/Flash/AIR portfolio
    Naoki Hada
    Software Engineer / Web Developer
    http://linkedin.com/in/Naoki
  • 2. Outline
    Summary
    Flash / Flex / AIR application
    Web sites
    Web applications
    APIs
    Other Techniques
    Learning and Experimenting
    Conclusion
  • 3. Summary
    Hand coding HTML skill for over 10 years
    Adobe Flash/Flex development 3+ years
    Hosted web site 20+
    Note: This is only personal projects. Works at at Adobe are not included.
  • 4. Flash / Flex / AIR
    Authoring: Adobe Flex/Flash Builder
    Languages: ActionScript 3.0 (OO-JavaScript)
    SDK: Flex 3, 4
    Framework: MVC framework (Cairngorm)
    Architecture : Client-Server / Multi-tier
  • 5. Hada AIR – Facebook Application
    http://facebook.hada.org
    Helper communication tools in Facebook
    Adobe Flash Builder 4 with Cairngorm MVC framework
    HTML5, CSS3
  • 6. Aislee’s Flash Card – AIR Application
    http://flashcard.aislee.net/
    Made for daughter to teach alphabet and names in English and Japanese.
    Adobe Flash Builder 4
    HTML5, CSS3
    Listed on Adobe’s AIR application gallery in Japan
    http://adobe-ria.jp/air/
  • 7. Graphical Loan Calculator - Flash
    http://NotaryLoans.com
    http://HadaHomes.com
    Graphical loan calculator for amortization and extra payment.
    Adobe Flex Builder 3
  • 8. Toastmasters Timer - Flash
    http://hada.org/timer/
    Timer for Toastmasters speech. Good for practice and meeting.
    Adobe Flex Builder 3
  • 9. Web sites
    Languages: HTML / CSS, HTML5/CSS3, SSI, PHP 5, MySQL, ASP.Net(C#)
    Authoring: Text Editor, Adobe Dreamweaver, Photoshop, Lightroom, Illustrator
    Servers: IIS, Apache
    Hosting: Pair.com(UNIX), FullControl.Net (Windows), HostMonster.com(UNIX)
  • 10. JavaCats.com
    http://web.archive.org/web/20020124103321/http://www.javacats.com/
    The site is closed around 2002. Above link is from archive.
    I was web master and system developer.
    Site size about 6000 pages.
    CGI (C++), IDC/HTX (former ASP), MS-SQL database driven, Static HTML cached.
    C++, HTML, Java
  • 11. Naoki.Hada.Us
    http://naoki.hada.us
    1 page central profile site
    Aggregated from multiple site and links
    RSS2 from Movable Type, Twitter, Books API, PHP Gallery, Skype online
    PHP, C# (back end API), HTML, CSS
  • 12. Naoki.Hada.Org
    http://naoki.hada.org
    1 page profile for Japanese
    PHP, C# (back end API), HTML, CSS
  • 13. Jeanette.Hada.Us
    http://jeanette.hada.us
    1 page profile for Jeanette (wife)
    PHP, C# (back end API), HTML, CSS
  • 14. Hadaseicha.com
    http://hadaseicha.com
    Japanese green tea site for my parents business
    English and Japanese
    PHP, C# (back end API), HTML, CSS
  • 15. NotaryLoans.com
    http://notaryloans.com/
    Loan and Notary business site for wife.
    PHP, C# (back end API), HTML, CSS, ActionScript, Flex SDK
  • 16. HadaHomes.com
    http://hadahomes.com/
    Real estate agent web site for my wife’s business
    PHP, C# (back end API), HTML, CSS, ActionScript, Flex SDK
  • 17. Sowaka.Org
    http://sowaka.org
    Happy and lucky information.
    English and Japanese
    Aggregated from Blog category feed.
    PHP, C# (back end API), HTML, CSS
  • 18. ShindyPro.com
    http://shindypro.com
    Web client site
    Motor cycle parts import/export
    Site size about 700 pages
    Master database is on MS-Access and exported by static HTML page by PageGenerator
    ASP(VBScript, Jscript), C#, GoLive Dynamic Contents, PageGenerator, HTML, CSS
  • 19. AdachiHome.com
    http://adachihome.com/
    Web client site
    Real estate agent
    Liquid flow design
    Site size about 20 pages
    SSI, PHP, HTML, CSS
  • 20. KenIchiki.net
    http://kenichiki.net/
    Web client site
    Real estate agent
    Liquid flow design
    Site size about 10 pages
    SSI, PHP, HTML, CSS
  • 21. Web applications
    MovableType 4.3 (Transition to MT5)
    PHP Gallery 2
    WordPress
    Sites are closed
    Used for SVJETS and Adobe Toastmasters club
    XOOPS, XOOPS Cube
    Sites are closed
  • 22. Movable Type 4.3
    http://blog.hada.org
    Administrating 21 blogs for family and friends
    Transition to MT5
    Optimized for SEO
    Hosted on Pair.com (UNIX)
  • 23. PHP Gallery 2
    http://gallery.hada.org
    Administrating photo gallery site for family, other web site photos and SEO.
  • 24. APIs
    Developed API
    Lang: ASP.Net(C#), PHP, MySQL
    Purpose:
    Books library for Amazon Affiliate and SEO
    Transcoding from RSS to HTML
    Used APIs
    Facebook application API
    For Facebook application
    Twitter API
    For dynamic and frequent updated website
    Amazon database
    Getting book info and cached in house database
  • 25. Other techniques
    SSI – Server Side Include
    For single file update for whole web site and multiple sites.
    Page Generator
    Creating static HTML pages from database driven dynamic website (Originally Java, re-written in C#)
    United States Patent 7356768 Using document templates to assemble a collection of documents
    Static caching for dynamic site
    Scheduled to save URL to file on server side. (C# program)
    Cached index.php file to index.html page every one hour by Windows AT or UNIX cron job
    SEO – Search engine optimization
    Based on idea of “content is king”
    Cross site promotion
  • 26. Learning and experimenting
    HTML5 / CSS3 – For wider browser support
    GAE – Google App Engine (Java, Python)
    RoR – Ruby on Rails (Ruby)
    Facebook API – for more depth
    OpenSocial API – for wider support
    Android SDK – for Android application (Java)
    AIR for Android – for AIR apps (ActionScript)
  • 27. Conclusion
    Summary
    Flash / Flex / AIR application
    Web sites
    Web applications
    APIs
    Other Techniques
    Learning and Experimenting
    For details
    http://naoki.hada.us/
    For work experience
    http://www.linkedin.com/in/naoki
    Thank you very much