naoki hada web/flash/ria portfolio

27
WEB/FLASH/AIR PORTFOLIO Naoki Hada Software Engineer / Web Developer http://linkedin.com/in/Naoki

Upload: hadanaoki

Post on 22-Jun-2015

2.718 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Naoki Hada Web/Flash/RIA portfolio

WEB/FLASH/AIR PORTFOLIONaoki Hada

Software Engineer / Web Developer

http://linkedin.com/in/Naoki

Page 2: Naoki Hada Web/Flash/RIA portfolio

OUTLINE

Summary Flash / Flex / AIR application Web sites Web applications APIs Other Techniques Learning and Experimenting Conclusion

Page 3: Naoki Hada Web/Flash/RIA portfolio

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.

Page 4: Naoki Hada Web/Flash/RIA portfolio

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

Page 5: Naoki Hada Web/Flash/RIA portfolio

HADA AIR – FACEBOOK APPLICATION

http://facebook.hada.org

Helper communication tools in Facebook

Adobe Flash Builder 4 with Cairngorm MVC framework

HTML5, CSS3

Page 6: Naoki Hada Web/Flash/RIA portfolio

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/

Page 7: Naoki Hada Web/Flash/RIA portfolio

GRAPHICAL LOAN CALCULATOR - FLASH

http://NotaryLoans.com

http://HadaHomes.com

Graphical loan calculator for amortization and extra payment.

Adobe Flex Builder 3

Page 8: Naoki Hada Web/Flash/RIA portfolio

TOASTMASTERS TIMER - FLASH

http://hada.org/timer/

Timer for Toastmasters speech. Good for practice and meeting.

Adobe Flex Builder 3

Page 9: Naoki Hada Web/Flash/RIA portfolio

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)

Page 10: Naoki Hada Web/Flash/RIA portfolio

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

Page 11: Naoki Hada Web/Flash/RIA portfolio

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

Page 12: Naoki Hada Web/Flash/RIA portfolio

NAOKI.HADA.ORG

http://naoki.hada.org

1 page profile for Japanese

PHP, C# (back end API), HTML, CSS

Page 13: Naoki Hada Web/Flash/RIA portfolio

JEANETTE.HADA.US

http://jeanette.hada.us 1 page profile for

Jeanette (wife) PHP, C# (back end

API), HTML, CSS

Page 14: Naoki Hada Web/Flash/RIA portfolio

HADASEICHA.COM

http://hadaseicha.com

Japanese green tea site for my parents business

English and Japanese

PHP, C# (back end API), HTML, CSS

Page 15: Naoki Hada Web/Flash/RIA portfolio

NOTARYLOANS.COM

http://notaryloans.com/ Loan and Notary

business site for wife. PHP, C# (back end API),

HTML, CSS, ActionScript, Flex SDK

Page 16: Naoki Hada Web/Flash/RIA portfolio

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

Page 17: Naoki Hada Web/Flash/RIA portfolio

SOWAKA.ORG

http://sowaka.org Happy and lucky

information. English and Japanese Aggregated from Blog

category feed. PHP, C# (back end API),

HTML, CSS

Page 18: Naoki Hada Web/Flash/RIA portfolio

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

Page 19: Naoki Hada Web/Flash/RIA portfolio

ADACHIHOME.COM

http://adachihome.com/ Web client site Real estate agent Liquid flow design Site size about 20

pages SSI, PHP, HTML, CSS

Page 20: Naoki Hada Web/Flash/RIA portfolio

KENICHIKI.NET

http://kenichiki.net/ Web client site Real estate agent Liquid flow design Site size about 10

pages SSI, PHP, HTML, CSS

Page 21: Naoki Hada Web/Flash/RIA portfolio

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

Page 22: Naoki Hada Web/Flash/RIA portfolio

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)

Page 23: Naoki Hada Web/Flash/RIA portfolio

PHP GALLERY 2

http://gallery.hada.org

Administrating photo gallery site for family, other web site photos and SEO.

Page 24: Naoki Hada Web/Flash/RIA portfolio

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

Page 25: Naoki Hada Web/Flash/RIA portfolio

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

Page 26: Naoki Hada Web/Flash/RIA portfolio

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)

Page 27: Naoki Hada Web/Flash/RIA portfolio

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.c

om/in/naoki

Thank you very much